html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
cursor: pointer
}
html,
body {
margin: 0px;
padding: 0px;
font-weight: 400
}
p {
margin: 0px;
padding: 0px
}
body,
button,
input,
select,
textarea {
font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
color: #333
}
img {
border: 0px;
vertical-align: middle;
max-width: 100%;
max-height: 100%
}
table {
border-collapse: collapse;
border-spacing: 0
}
table th,
table td {
border: 1px solid #ccc
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer
}
a:hover {
background-repeat: no-repeat;
text-decoration: none
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input,
textarea,
select,
button {
border: none;
outline: none;
color: inherit;
font-size: 14px;
background: none;
font-family: inherit;
outline: none
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
border-radius: 0
}
textarea {
overflow: auto;
vertical-align: top;
resize: none
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-appearance: none;
background: none;
outline: none;
border: none
}
a,
button,
input,
optgroup,
select,
textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
input::-ms-clear {
display: none
}
input::-ms-reveal {
display: none
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #999 !important;
-webkit-transition: background-color 99999999s ease-in-out 0s !important;
-o-transition: background-color 99999999s ease-in-out 0s !important;
transition: background-color 99999999s ease-in-out 0s !important
}
input,
textarea {
-webkit-appearance: none
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix {
*zoom: 1
}
ul.ulclear {
margin: 0px;
padding: 0px;
list-style: none
}
ul.ulclear li {
margin: 0px;
padding: 0px;
list-style: none
}
ol.olclear {
margin: 0px;
padding: 0px;
list-style: none
}
ol.olclear li {
margin: 0px;
padding: 0px;
list-style: none
}
.tableclear dd {
list-style: none;
margin: 0px;
padding: 0px
}
.tableclear dt {
list-style: none;
margin: 0px;
padding: 0px
}
h1.hclear,
h2.hclear,
h3.hclear,
h4.hclear,
h5.hclear,
h6.hclear {
margin: 0px;
padding: 0px;
font-weight: 400
}
input,
textarea,
button {
border: none;
outline: none;
color: inherit;
font-size: 14px;
background: none;
font-family: inherit;
outline: none
}
textarea {
resize: none;
overflow: auto
}
input {
-webkit-appearance: none
}
input {
background: none;
outline: none;
border: none
}
.iconfont {
color: inherit;
font-size: inherit;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fl {
float: left
}
.fr {
float: right
}
.show {
display: block !important
}
.hide {
display: none !important
}
.commonweb {
padding: 0px 10px
}
.commonwebbox {
margin-left: 0px;
margin-right: 0px
}
.commonleft {
float: none
}
.commonright {
float: none
}
.visible-sm,
.visible-md,
.visible-lg {
display: none
}
.hidden-sm,
.hidden-md,
.hidden-lg {
display: block
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
@media (max-width: 320px) {
body {
min-width: 320px
}
}
@media (min-width: 768px) {
.commonweb {
padding: 0px 20px
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.visible-sm {
display: block
}
.hidden-sm {
display: none
}
.commonweb {
margin: 0px auto;
max-width: 750px
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 10px
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px
}
.commonleft {
float: left
}
.commonright {
float: right
}
.visible-md {
display: block
}
.hidden-md {
display: none
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.commonweb {
max-width: 970px
}
}
@media (min-width: 1260px) {
html {
cursor: default
}
.commonleft {
float: left
}
.commonright {
float: right
}
.visible-lg {
display: block
}
.hidden-lg {
display: none
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
}
@media (min-width: 1260px) {
.commonweb {
max-width: 1220px
}
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-o-transition-property: -o-transform;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@-o-keyframes swiper-preloader-spin {
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.animated {
-webkit-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@-o-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-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;
-o-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-o-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-o-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-o-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
-o-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(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)
}
}
@-o-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(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;
-o-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)
}
}
@-o-keyframes headShake {
0% {
-webkit-transform: translateX(0);
-o-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);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
-o-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);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
-o-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-o-keyframes tada {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.tada {
-webkit-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: none;
transform: none
}
}
@-o-keyframes wobble {
0% {
-webkit-transform: none;
-o-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-o-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
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.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@-o-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-o-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-o-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-o-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-o-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-o-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-o-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-o-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-o-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-o-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-o-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello {
-webkit-animation-name: jello;
-o-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-o-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-o-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-o-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-o-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-o-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
@-o-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-o-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)
}
}
@-o-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;
-o-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)
}
}
@-o-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;
-o-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)
}
}
@-o-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;
-o-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)
}
}
@-o-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;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn)
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn)
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn)
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
-o-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@-o-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@-o-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-o-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-o-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg)
}
60%,
80% {
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg)
}
60%,
80% {
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg)
}
60%,
80% {
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
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;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center;
transform-origin: center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center
}
to {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(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
}
}
@-o-keyframes hinge {
0% {
-o-transform-origin: top left;
transform-origin: top left
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-o-transform-origin: top left;
transform-origin: top left
}
40%,
80% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-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;
-o-transform-origin: top left;
transform-origin: top left
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left
}
40%,
80% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-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;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@-o-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
-o-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
-o-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
-o-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
-o-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
-o-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50%,
to {
opacity: 0
}
}
@-o-keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50%,
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50%,
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
-o-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
-o-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@-o-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
-o-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@-o-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
-o-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
-o-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-o-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-o-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-o-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-o-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
-o-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@-o-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
-o-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-o-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@-o-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@-o-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
-o-animation-name: slideOutUp;
animation-name: slideOutUp
}
img.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top
}
.PopupVideoBox {
position: fixed;
z-index: 9999;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none
}
.PopupVideo {
position: absolute;
left: 50%;
width: 100%;
top: 50%;
max-width: 920px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0px 25px
}
.PopupVideo video {
width: 100%
}
.PopupVideo iframe {
width: 100%;
height: 460px
}
.closeVideo {
position: absolute;
right: 25px;
top: -25px;
width: 22px;
height: 22px;
cursor: pointer;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closeVideo::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 100%;
background: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.closeVideo::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.commonTitleLocation {
padding: 10px 0;
border-bottom: 1px solid #ebebeb
}
.commonTitleLocation h3 {
float: left;
font-size: 16px;
position: relative
}
.commonTitleLocation p {
float: right
}
.commonTitleLocation p a {
font-size: 12px;
vertical-align: middle;
display: inline-block;
color: #999;
margin-left: 10px;
padding-left: 15px;
position: relative
}
.commonTitleLocation p a::after {
content: '';
position: absolute;
left: 0px;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #999;
border-left: none;
border-top: none;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
.commonTitleLocation p a:first-child {
padding-left: 0px;
margin: 0px;
line-height: 11px
}
.commonTitleLocation p a:first-child::after {
display: none
}
.commonTitleLocation p a.current {
color: #333
}
.commonTitleLocation p img {
display: inline-block;
vertical-align: middle
}
.commonLocation {
padding: 10px 0;
border-bottom: 1px solid #ebebeb
}
.commonLocation a {
font-size: 12px;
vertical-align: middle;
display: inline-block;
color: #999;
margin-left: 10px;
padding-left: 15px;
position: relative
}
.commonLocation a::after {
content: '';
position: absolute;
left: 0px;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #999;
border-left: none;
border-top: none;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
.commonLocation a:first-child {
padding-left: 0px;
margin: 0px;
line-height: 11px
}
.commonLocation a:first-child::after {
display: none
}
.commonLocation a.current {
color: #333
}
.commonLocation img {
display: inline-block;
vertical-align: middle
}
.select2-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
.DefaultSelector {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.DefaultSelector>span {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.DefaultSelector>span:nth-child(2) {
margin-right: 10px
}
.DefaultSelector>span:nth-child(4) {
margin-right: 10px
}
.DefaultSelector .select2-container--default .select2-selection--single {
border-radius: 0px;
height: 35px
}
.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px
}
.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0px
}
.defaSearchList {
padding: 50px 0px
}
.defaSearchList dl {
border-bottom: 1px solid #eee;
padding-bottom: 10px
}
.defaSearchList dl dt {
float: left;
font-size: 16px
}
.defaSearchList dl dd {
float: right;
font-size: 14px
}
.defaSearchList li {
padding: 10px 20px 15px;
margin-top: 15px;
border-bottom: 1px solid #eee;
background: #f6f6f6
}
.defaSearchList li h3 {
font-size: 16px;
color: #1a1a1a;
line-height: 26px;
padding-bottom: 5px
}
.defaSearchList li .defaDesc {
font-size: 12px;
color: #adadad;
padding-top: 5px;
line-height: 20px
}
.defaWebMap {
background-color: #fff
}
.defaWebMap dl {
border: 1px solid #e6e6e6;
margin-top: 30px
}
.defaWebMap dl h3 {
padding-left: 20px;
padding-bottom: 5px
}
.defaWebMap dl h3 span {
font-size: 20px;
color: #bf2d2f;
position: relative;
top: -12px;
background-color: #fff;
padding: 0px 13px
}
.defaWebMap dl h3 span a {
color: #bf2d2f
}
.defaWebMap dl dd {
padding-left: 33px;
padding-bottom: 15px
}
.defaWebMap dl dd a {
font-size: 14px;
padding-right: 20px;
display: inline-block;
padding-bottom: 8px
}
.defaWebMap dl dd a em {
display: inline-block;
margin-right: 8px;
width: 3px;
height: 3px;
background-color: #bf2d2f;
vertical-align: middle
}
.defaContent {
font-size: 14px;
line-height: 24px
}
.defaContent p {
margin-bottom: 10px
}
.defaContent img {
display: block;
max-width: 100%;
margin: 0px auto
}
.defaPrevNextpage {
margin-top: 40px;
border-top: 1px solid #3d3f48;
border-bottom: 1px solid #3d3f48
}
.defaPrevNextpage p {
border-bottom: 1px solid #dddddd;
position: relative;
padding: 0px 90px 0px 90px;
font-size: 14px;
line-height: 50px;
white-space: nowrap;
height: 50px
}
.defaPrevNextpage p span {
position: absolute;
left: 0px;
padding-left: 10px;
top: 0px;
display: block;
width: 75px
}
.defaPrevNextpage p span:after {
content: '';
border-left: 5px solid transparent;
border-bottom: 5px solid #000000;
border-right: 5px solid transparent;
position: absolute;
right: 0%;
width: 0px;
height: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.defaPrevNextpage p em {
position: absolute;
right: 0px;
font-style: normal;
top: 0px;
padding-right: 0px;
width: 80px;
display: block
}
.defaPrevNextpage p a {
display: block;
text-overflow: ellipsis;
overflow: hidden
}
.defaPrevNextpage p:nth-child(2) {
border: none
}
.defaPrevNextpage p:nth-child(2) span:after {
border-bottom: none;
border-top: 5px solid #000000
}
.background_img {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.picture_container {
position: relative;
overflow: hidden;
background: none
}
.picture_container img {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
object-fit: cover;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
[class*=animate_] {
-webkit-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-duration: 1.2s;
opacity: 0;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.bgcolor {
background-color: #999
}
.oneText {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flex_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex_wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex_row_center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.flex_row_start {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.flex_row_end {
-webkit-box-pack: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.flex_row_justify {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex_column_center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.flex_column_start {
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.flex_column_end {
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.flex1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flex_rank_1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.flex_rank_2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.picture_scale {
position: relative;
overflow: hidden
}
.picture_scale:hover img {
-o-transform: translate3d(0, 0, 0) scale(1.1);
-webkit-transform: translate3d(0, 0, 0) scale(1.1);
transform: translate3d(0, 0, 0) scale(1.1)
}
.center1200 {
width: 1200px;
margin: 0 auto
}
.center1260 {
width: 1260px;
margin: 0 auto
}
.center1300 {
width: 1300px;
margin: 0 auto
}
.center1400 {
width: 1400px;
margin: 0 auto
}
.center1500 {
width: 1500px;
margin: 0 auto
}
.center1680 {
width: 1680px;
margin: 0 auto
}
.center1600 {
width: 1600px;
margin: 0 auto
}
@media (max-width: 1600px) {
.center1600 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1500px) {
.center1500 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1400px) {
.center1400 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1300px) {
.center1300 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1260px) {
.center1260 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1200px) {
.center1200 {
width: 100%;
padding: 0 15px
}
}
@media (min-width: 768px) {
.defaWebMap dl {
margin-top: 50px
}
.defaWebMap dl dd a {
padding-right: 50px
}
}
@media (min-width: 992px) {
.commonTitleLocation {
padding: 20px 0
}
.commonTitleLocation h3 {
font-size: 24px
}
.commonTitleLocation p {
padding-top: 5px
}
.commonTitleLocation p a {
font-size: 14px
}
.commonLocation {
padding: 20px 0
}
.commonLocation a {
font-size: 14px
}
.defaSearchList li {
padding: 15px 35px 25px;
margin-top: 25px
}
.defaSearchList li h3 {
font-size: 20px;
line-height: 36px;
padding-bottom: 5px
}
.defaSearchList li .defaDesc {
font-size: 13px;
padding-top: 10px;
line-height: 24px
}
.defaPrevNextpage p span {
position: absolute;
left: 0px;
padding-left: 40px;
top: 0px;
display: block;
width: 15%
}
.defaPrevNextpage p span:after {
content: '';
border-left: 5px solid transparent;
border-bottom: 5px solid #000000;
border-right: 5px solid transparent;
position: absolute;
right: 0%;
width: 0px;
height: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.defaPrevNextpage p em {
position: absolute;
right: 0px;
font-style: normal;
top: 0px;
padding-right: 30px;
width: 120px;
display: block
}
.defaPrevNextpage p {
border-bottom: 1px solid #dddddd;
position: relative;
padding: 0px 130px 0px 20%;
font-size: 18px;
line-height: 70px;
white-space: nowrap;
height: 70px
}
}
@-webkit-keyframes fadeInLeft200 {
from {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft200 {
from {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft200 {
from {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft200 {
-webkit-animation-name: fadeInLeft200;
-o-animation-name: fadeInLeft200;
animation-name: fadeInLeft200
}
@-webkit-keyframes fadeInLeft150 {
from {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft150 {
from {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft150 {
from {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft150 {
-webkit-animation-name: fadeInLeft150;
-o-animation-name: fadeInLeft150;
animation-name: fadeInLeft150
}
@-webkit-keyframes fadeInLeft100 {
from {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft100 {
from {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft100 {
from {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft100 {
-webkit-animation-name: fadeInLeft100;
-o-animation-name: fadeInLeft100;
animation-name: fadeInLeft100
}
@-webkit-keyframes fadeInLeft80 {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft80 {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft80 {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft80 {
-webkit-animation-name: fadeInLeft80;
-o-animation-name: fadeInLeft80;
animation-name: fadeInLeft80
}
@-webkit-keyframes fadeInLeft50 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft50 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft50 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft50 {
-webkit-animation-name: fadeInLeft50;
-o-animation-name: fadeInLeft50;
animation-name: fadeInLeft50
}
@-webkit-keyframes fadeInLeft30 {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft30 {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft30 {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft30 {
-webkit-animation-name: fadeInLeft30;
-o-animation-name: fadeInLeft30;
animation-name: fadeInLeft30
}
@-webkit-keyframes fadeInLeft20 {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft20 {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft20 {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft20 {
-webkit-animation-name: fadeInLeft20;
-o-animation-name: fadeInLeft20;
animation-name: fadeInLeft20
}
@-webkit-keyframes fadeInLeft10 {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInLeft10 {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft10 {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft10 {
-webkit-animation-name: fadeInLeft10;
-o-animation-name: fadeInLeft10;
animation-name: fadeInLeft10
}
@-webkit-keyframes fadeInRight200 {
from {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight200 {
from {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight200 {
from {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight200 {
-webkit-animation-name: fadeInRight200;
-o-animation-name: fadeInRight200;
animation-name: fadeInRight200
}
@-webkit-keyframes fadeInRight150 {
from {
opacity: 0;
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight150 {
from {
opacity: 0;
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight150 {
from {
opacity: 0;
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight150 {
-webkit-animation-name: fadeInRight150;
-o-animation-name: fadeInRight150;
animation-name: fadeInRight150
}
@-webkit-keyframes fadeInRight100 {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight100 {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight100 {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight100 {
-webkit-animation-name: fadeInRight100;
-o-animation-name: fadeInRight100;
animation-name: fadeInRight100
}
@-webkit-keyframes fadeInRight80 {
from {
opacity: 0;
-webkit-transform: translate3d(80px, 0, 0);
transform: translate3d(80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight80 {
from {
opacity: 0;
-webkit-transform: translate3d(80px, 0, 0);
transform: translate3d(80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight80 {
from {
opacity: 0;
-webkit-transform: translate3d(80px, 0, 0);
transform: translate3d(80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight80 {
-webkit-animation-name: fadeInRight80;
-o-animation-name: fadeInRight80;
animation-name: fadeInRight80
}
@-webkit-keyframes fadeInRight50 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight50 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight50 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight50 {
-webkit-animation-name: fadeInRight50;
-o-animation-name: fadeInRight50;
animation-name: fadeInRight50
}
@-webkit-keyframes fadeInRight30 {
from {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight30 {
from {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight30 {
from {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight30 {
-webkit-animation-name: fadeInRight30;
-o-animation-name: fadeInRight30;
animation-name: fadeInRight30
}
@-webkit-keyframes fadeInRight20 {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight20 {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight20 {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight20 {
-webkit-animation-name: fadeInRight20;
-o-animation-name: fadeInRight20;
animation-name: fadeInRight20
}
@-webkit-keyframes fadeInRight10 {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight10 {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight10 {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight10 {
-webkit-animation-name: fadeInRight10;
-o-animation-name: fadeInRight10;
animation-name: fadeInRight10
}
@-webkit-keyframes fadeInUp200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp200 {
-webkit-animation-name: fadeInUp200;
-o-animation-name: fadeInUp200;
animation-name: fadeInUp200
}
@-webkit-keyframes fadeInUp150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150px, 0);
transform: translate3d(0, 150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150px, 0);
transform: translate3d(0, 150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150px, 0);
transform: translate3d(0, 150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp150 {
-webkit-animation-name: fadeInUp150;
-o-animation-name: fadeInUp150;
animation-name: fadeInUp150
}
@-webkit-keyframes fadeInUp100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp100 {
-webkit-animation-name: fadeInUp100;
-o-animation-name: fadeInUp100;
animation-name: fadeInUp100
}
@-webkit-keyframes fadeInUp80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp80 {
-webkit-animation-name: fadeInUp80;
-o-animation-name: fadeInUp80;
animation-name: fadeInUp80
}
@-webkit-keyframes fadeInUp50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp50 {
-webkit-animation-name: fadeInUp50;
-o-animation-name: fadeInUp50;
animation-name: fadeInUp50
}
@-webkit-keyframes fadeInUp30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp30 {
-webkit-animation-name: fadeInUp30;
-o-animation-name: fadeInUp30;
animation-name: fadeInUp30
}
@-webkit-keyframes fadeInUp20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp20 {
-webkit-animation-name: fadeInUp20;
-o-animation-name: fadeInUp20;
animation-name: fadeInUp20
}
@-webkit-keyframes fadeInUp10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInUp10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp10 {
-webkit-animation-name: fadeInUp10;
-o-animation-name: fadeInUp10;
animation-name: fadeInUp10
}
@-webkit-keyframes fadeInDown200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown200 {
-webkit-animation-name: fadeInDown200;
-o-animation-name: fadeInDown200;
animation-name: fadeInDown200
}
@-webkit-keyframes fadeInDown150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown150 {
-webkit-animation-name: fadeInDown150;
-o-animation-name: fadeInDown150;
animation-name: fadeInDown150
}
@-webkit-keyframes fadeInDown100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown100 {
-webkit-animation-name: fadeInDown100;
-o-animation-name: fadeInDown100;
animation-name: fadeInDown100
}
@-webkit-keyframes fadeInDown80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown80 {
-webkit-animation-name: fadeInDown80;
-o-animation-name: fadeInDown80;
animation-name: fadeInDown80
}
@-webkit-keyframes fadeInDown50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown50 {
-webkit-animation-name: fadeInDown50;
-o-animation-name: fadeInDown50;
animation-name: fadeInDown50
}
@-webkit-keyframes fadeInDown30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown30 {
-webkit-animation-name: fadeInDown30;
-o-animation-name: fadeInDown30;
animation-name: fadeInDown30
}
@-webkit-keyframes fadeInDown20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown20 {
-webkit-animation-name: fadeInDown20;
-o-animation-name: fadeInDown20;
animation-name: fadeInDown20
}
@-webkit-keyframes fadeInDown10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInDown10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown10 {
-webkit-animation-name: fadeInDown10;
-o-animation-name: fadeInDown10;
animation-name: fadeInDown10
}
@-webkit-keyframes fadeInWidth100 {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
@-o-keyframes fadeInWidth100 {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
@keyframes fadeInWidth100 {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
.fadeInWidth100 {
-webkit-animation-name: fadeInWidth100;
-o-animation-name: fadeInWidth100;
animation-name: fadeInWidth100
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-webkit-order: 9999;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
-moz-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-webkit-order: 9999;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
-moz-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: -webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: -webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s transform, .2s top;
-o-transition: .2s transform, .2s top;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s transform, .2s left;
-o-transition: .2s transform, .2s left;
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s transform, .2s right;
-o-transition: .2s transform, .2s right;
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
-o-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
-o-transition-property: opacity, height, -o-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform, -o-transform
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
.head_mobile_btn {
width: 17px;
height: 37px;
cursor: pointer;
padding: 12px 0
}
.head_mobile_btn .btn1 {
height: 100%
}
.head_mobile_btn .btn1 .line {
height: 2px;
width: 100%;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
background-color: rgba(162, 203, 196, 0.58)
}
.head_mobile_btn.active .btn1 .line:nth-child(1) {
-webkit-transform: translateY(6px) rotate(45deg);
-ms-transform: translateY(6px) rotate(45deg);
-o-transform: translateY(6px) rotate(45deg);
transform: translateY(6px) rotate(45deg)
}
.head_mobile_btn.active .btn1 .line:nth-child(2) {
opacity: 0
}
.head_mobile_btn.active .btn1 .line:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
-ms-transform: translateY(-5px) rotate(-45deg);
-o-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg)
}
.head_dropdown {
border-top: 1px solid #eeeeee;
display: none;
z-index: 99;
position: fixed;
top: 75px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow: hidden
}
.head_dropdown .head_dropdown1 {
display: none
}
.head_dropdown .head_dropdown1 .pc_down {
width: 100%;
height: 100%;
background-color: #fff
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container {
height: 100%
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(1) .block {
-o-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(2) .block {
-o-animation-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(3) .block {
-o-animation-delay: .2s;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(4) .block {
-o-animation-delay: .3s;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(5) .block {
-o-animation-delay: .4s;
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(6) .block {
-o-animation-delay: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box {
padding-top: 50%;
background-color: #fff;
height: 100%;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover {
background-color: transparent
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover .block {
top: -30px;
color: #fff
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block {
position: relative;
top: 0;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
text-align: center
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .icon {
margin: 0 auto;
margin-bottom: 20px;
width: 1px;
height: 50px;
background-color: #bf2d2f
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .number {
font-size: 46px;
margin-bottom: 30px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title {
font-size: 22px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title:hover {
color: #bf2d2f;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav {
font-size: 16px;
margin-top: 30px;
line-height: 36px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line {
display: block
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line:hover {
color: #bf2d2f;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .mobile_down {
width: 100%;
height: 100%;
background-color: #fff;
overflow-y: auto;
display: none
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search {
width: 96%;
margin-bottom: 10px;
border-radius: 35px;
border: 1px solid #999999;
padding: 0 15px
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search input {
line-height: 46px;
padding: 0 5px;
color: #999999
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search .iconfont {
color: #999999;
font-size: 26px;
cursor: pointer
}
.head_dropdown .head_dropdown1 .mobile_down .block {
color: #333333;
border-bottom: 1px solid #f4f4f4
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box {
line-height: 32px;
font-size: 16px;
padding-left: 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box .iconfont {
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box .icon {
width: 100px;
text-align: right;
padding-right: 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down {
background-color: #fafafa;
display: none;
padding: 10px 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line {
line-height: 24px;
display: block
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line:hover {
color: #bf2d2f
}
.head_dropdown .head_dropdown1 .mobile_down .block.active .title,
.head_dropdown .head_dropdown1 .mobile_down .block:hover .title {
color: #bf2d2f
}
.head_dropdown .head_dropdown1 .mobile_down .block.active .title_box .iconfont {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
.head_dropdown .head_dropdown2 .pc_down {
position: relative
}
.head_dropdown .head_dropdown2 .pc_down .back_color {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
width: 0;
height: 0;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
background-color: #0d7c0d
}
.head_dropdown .head_dropdown2 .pc_down.bg_on .back_color {
width: 200vw;
height: 200vw;
right: -50vw;
top: -50vw
}
.head_dropdown .head_dropdown2 .mobile_down {
width: 100%;
height: 100%;
background-color: #fff;
overflow-y: auto;
display: none
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search {
width: 96%;
margin-bottom: 10px;
border-radius: 35px;
border: 1px solid #999999;
padding: 0 15px
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search input {
line-height: 46px;
padding: 0 5px;
color: #999999
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search .iconfont {
color: #999999;
font-size: 26px;
cursor: pointer
}
.head_dropdown .head_dropdown2 .mobile_down .block {
color: #333333;
border-bottom: 1px solid #f4f4f4
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box {
line-height: 32px;
font-size: 16px;
padding-left: 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box .iconfont {
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box .icon {
width: 100px;
text-align: right;
padding-right: 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down {
background-color: #fafafa;
display: none;
padding: 10px 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line {
line-height: 24px;
display: block
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line:hover {
color: #bf2d2f
}
.head_dropdown .head_dropdown2 .mobile_down .block.active .title,
.head_dropdown .head_dropdown2 .mobile_down .block:hover .title {
color: #bf2d2f
}
.head_dropdown .head_dropdown2 .mobile_down .block.active .title_box .iconfont {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
@media (max-width: 768px) {
.pc_down {
display: none
}
.mobile_down {
display: block
}
}
.social-share {
font-size: inherit;
font-style: inherit;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale
}
.social-share .social-share-icon {
position: relative;
display: block;
font-size: 27px;
line-height: 27px;
color: #b3b3b3;
text-align: center;
top: 10px;
opacity: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s
}
.social-share .social-share-icon:not(:first-child) {
margin-top: 15px
}
.social-share .social-share-icon:nth-child(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s
}
.social-share .social-share-icon:nth-child(3) {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s
}
.social-share .icon-weibo {
color: #b3b3b3
}
.social-share .icon-weibo:hover {
color: #ff763b
}
.social-share .icon-tencent {
color: #56b6e7;
border-color: #56b6e7
}
.social-share .icon-tencent:hover {
background: #56b6e7
}
.social-share .icon-qq {
color: #b3b3b3
}
.social-share .icon-qq:hover {
color: #56b6e7
}
.social-share .icon-qzone {
color: #FDBE3D;
border-color: #FDBE3D
}
.social-share .icon-qzone:hover {
background: #FDBE3D
}
.social-share .icon-douban {
color: #33b045;
border-color: #33b045
}
.social-share .icon-douban:hover {
background: #33b045
}
.social-share .icon-linkedin {
color: #0077B5;
border-color: #0077B5
}
.social-share .icon-linkedin:hover {
background: #0077B5
}
.social-share .icon-facebook {
color: #44619D;
border-color: #44619D
}
.social-share .icon-facebook:hover {
background: #44619D
}
.social-share .icon-google {
color: #db4437;
border-color: #db4437
}
.social-share .icon-google:hover {
background: #db4437
}
.social-share .icon-twitter {
color: #55acee;
border-color: #55acee
}
.social-share .icon-twitter:hover {
background: #55acee
}
.social-share .icon-diandian {
color: #307DCA;
border-color: #307DCA
}
.social-share .icon-diandian:hover {
background: #307DCA
}
.social-share .icon-wechat {
position: unset;
color: #b3b3b3
}
.social-share .icon-wechat:hover {
color: #7bc549
}
.social-share a {
position: relative;
text-decoration: none;
outline: none
}
.social-share .icon-wechat .wechat-qrcode {
display: none;
border: 1px solid #eee;
position: fixed;
z-index: 20;
top: 50%;
left: 50%;
width: 250px;
color: #666;
font-size: 12px;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 2px 10px #aaa;
box-shadow: 0 2px 10px #aaa;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.social-share .icon-wechat .wechat-qrcode.bottom {
top: 40px;
left: -84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
font-weight: normal;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
width: 200px;
margin: 20px auto;
text-align: center
}
.social-share .icon-wechat .wechat-qrcode .qrcode img {
width: 150px;
height: 150px;
margin: 0 auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
margin: 0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
font-weight: normal;
line-height: 16px;
padding: 0;
margin: 0
}
.social-share .icon-wechat:hover .wechat-qrcode {
display: block
}
.inner_crumbs {
position: relative
}
.inner_crumbs .item {
position: relative;
line-height: 1.1;
font-size: 14px;
margin-bottom: 50px
}
.inner_crumbs .item a {
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: lighter;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #ffffff;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s
}
.inner_crumbs .item .iconfont {
color: #fff;
font-size: 12px
}
.inner_crumbs .icon-triangle-right {
display: block;
width: 0;
height: 0;
border: 5px solid;
border-color: transparent transparent transparent #fff;
margin: 0 10px
}
.inner_crumbs.fixed {
position: fixed;
top: 170px;
width: 100%;
left: 0;
right: 0;
margin: auto;
z-index: 100;
-webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018)
}
.crumbs {
position: relative;
border-bottom: 1px solid #dcdcdc
}
.crumbs .monu {
position: relative
}
.crumbs .monu .line {
color: #323232;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.crumbs .monu .line:not(:last-child) {
padding-right: 20px
}
.crumbs .monu .line:not(:first-child) {
padding-left: 20px
}
.crumbs .monu .line.active,
.crumbs .monu .line:hover {
color: #bf2d2f
}
.crumbs .monu .line.active a::after,
.crumbs .monu .line:hover a::after {
width: 100%;
left: 0
}
.crumbs .monu a {
position: relative;
line-height: 64px;
font-size: 14px;
text-align: center;
display: block;
color: inherit;
font-weight: bold
}
.crumbs .monu a::after {
content: ' ';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 1px;
background-color: #bf2d2f;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.crumbs .monu .line_icon {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
background-color: #ffffff
}
.crumbs .item {
position: relative;
line-height: 74px;
font-size: 14px
}
.crumbs .item a {
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: bold;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #ffffff;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s
}
.crumbs .item .iconfont {
color: #fff;
font-size: 12px
}
.crumbs .icon-triangle-right {
display: block;
width: 0;
height: 0;
border: 5px solid;
border-color: transparent transparent transparent #fff;
margin: 0 10px
}
.crumbs.fixed {
position: fixed;
top: 170px;
width: 100%;
left: 0;
right: 0;
margin: auto;
z-index: 100;
-webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018)
}
.layui-box {
margin-top: 2.0833vw
/* 40px -> 2.0833vw */
;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.layui-box em {
font-style: normal
}
.layui-box a,
.layui-box .layui-laypage-curr {
width: 2.0833vw
/* 40px -> 2.0833vw */
;
height: 2.0833vw
/* 40px -> 2.0833vw */
;
display: block;
line-height: 2.0833vw
/* 40px -> 2.0833vw */
;
text-align: center;
font-size: .625vw
/* 12px -> .625vw */
;
color: #333333;
margin: 0 .5208vw
/* 10px -> .5208vw */
;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-weight: bold;
background-color: #ebebeb
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
color: #fff;
background-color: #bf2d2f;
border: solid .0521vw
/* 1px -> .0521vw */
#bf2d2f
}
.layui-box .layui-laypage-curr {
color: #fff;
border: solid .0521vw
/* 1px -> .0521vw */
#bf2d2f;
background-color: #bf2d2f
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
line-height: 2.0833vw
/* 40px -> 2.0833vw */
;
margin: 0 .5208vw
/* 10px -> .5208vw */
}
.layui-box .layui-laypage-next {
margin-left: .8854vw
/* 17px -> .8854vw */
}
.layui-box .layui-laypage-prev {
margin-right: .8854vw
/* 17px -> .8854vw */
}
.switch .line {
padding: 30px 40px;
font-size: 18px;
font-family: 'MicrosoftYaHei';
color: #333333;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.switch .line .tag {
padding-right: 35px;
position: relative
}
.switch .line .tag::after {
content: ' ';
position: absolute;
right: 0;
width: 0;
height: 0;
border: 5px solid;
-o-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.switch .line.prev {
border-top: 1px solid #141d29;
border-bottom: 1px solid #dddddd
}
.switch .line.prev .tag::after {
top: -webkit-calc(50% - 2px);
top: calc(50% - 2px);
border-color: transparent transparent #333333 transparent
}
.switch .line.next {
border-bottom: 1px solid #141d29
}
.switch .line.next .tag::after {
top: -webkit-calc(50% + 2px);
top: calc(50% + 2px);
border-color: #333333 transparent transparent transparent
}
.switch .line .name {
width: 72.72727%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.switch .line .time {
color: #333333
}
.switch .line:hover {
color: #bf2d2f
}
.switch .line:hover .time {
color: #bf2d2f
}
.switch .line:hover.prev .tag::after {
border-color: transparent transparent #bf2d2f transparent
}
.switch .line:hover.next .tag::after {
border-color: #bf2d2f transparent transparent transparent
}
.search .main1 {
padding: 80px 0
}
.search .main1 .search_title {
text-align: center;
font-size: 32px;
font-weight: bold
}
.search .main1 .search_box {
width: 60%;
margin: 30px auto 30px;
border: 1px solid #bf2d2f;
border-radius: 25px;
overflow: hidden
}
.search .main1 .search_box input {
padding: 0 20px;
line-height: 48px
}
.search .main1 .search_box .btn {
background-color: #bf2d2f;
width: 80px;
cursor: pointer;
font-size: 28px;
color: #fff
}
.search .main1 .content {
border-top: 1px solid #dddddd
}
.search .main1 .content .length {
padding: 10px 0
}
.search .main1 .content .block_box .block {
padding: 20px 0
}
.search .main1 .content .block_box .block:not(:first-child) {
border-top: 1px solid #dddddd
}
.search .main1 .content .block_box .block .img {
width: 23.33333%
}
.search .main1 .content .block_box .block .img .picture_container {
padding-top: 60.71429%
}
.search .main1 .content .block_box .block .txt {
width: 70%;
padding-left: 20px
}
.search .main1 .content .block_box .block .txt .name {
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
max-height: 48px;
line-height: 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.search .main1 .content .block_box .block .txt .abstract {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 26px
}
.search .main1 .content .block_box .block:hover .txt .name {
color: #bf2d2f
}
.often_btn1 {
width: 150px;
line-height: 40px;
text-align: center;
font-size: 16px
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
cursor: pointer
}
html,
body {
margin: 0px;
padding: 0px;
font-weight: 400
}
p {
margin: 0px;
padding: 0px
}
body,
button,
input,
select,
textarea {
font: 14px/1.5 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
color: #333
}
img {
border: 0px;
vertical-align: middle;
max-width: 100%;
max-height: 100%
}
table {
border-collapse: collapse;
border-spacing: 0
}
table th,
table td {
border: 1px solid #ccc
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer
}
a:hover {
background-repeat: no-repeat;
text-decoration: none
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input,
textarea,
select,
button {
border: none;
outline: none;
color: inherit;
font-size: 14px;
background: none;
font-family: inherit;
outline: none
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
border-radius: 0
}
textarea {
overflow: auto;
vertical-align: top;
resize: none
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-appearance: none;
background: none;
outline: none;
border: none
}
a,
button,
input,
optgroup,
select,
textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
input::-ms-clear {
display: none
}
input::-ms-reveal {
display: none
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #999 !important;
-webkit-transition: background-color 99999999s ease-in-out 0s !important;
-o-transition: background-color 99999999s ease-in-out 0s !important;
transition: background-color 99999999s ease-in-out 0s !important
}
input,
textarea {
-webkit-appearance: none
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
.clearfix {
*zoom: 1
}
ul.ulclear {
margin: 0px;
padding: 0px;
list-style: none
}
ul.ulclear li {
margin: 0px;
padding: 0px;
list-style: none
}
ol.olclear {
margin: 0px;
padding: 0px;
list-style: none
}
ol.olclear li {
margin: 0px;
padding: 0px;
list-style: none
}
.tableclear dd {
list-style: none;
margin: 0px;
padding: 0px
}
.tableclear dt {
list-style: none;
margin: 0px;
padding: 0px
}
h1.hclear,
h2.hclear,
h3.hclear,
h4.hclear,
h5.hclear,
h6.hclear {
margin: 0px;
padding: 0px;
font-weight: 400
}
input,
textarea,
button {
border: none;
outline: none;
color: inherit;
font-size: 14px;
background: none;
font-family: inherit;
outline: none
}
textarea {
resize: none;
overflow: auto
}
input {
-webkit-appearance: none
}
input {
background: none;
outline: none;
border: none
}
.iconfont {
color: inherit;
font-size: inherit;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fl {
float: left
}
.fr {
float: right
}
.show {
display: block !important
}
.hide {
display: none !important
}
.commonweb {
padding: 0px 10px
}
.commonwebbox {
margin-left: 0px;
margin-right: 0px
}
.commonleft {
float: none
}
.commonright {
float: none
}
.visible-sm,
.visible-md,
.visible-lg {
display: none
}
.hidden-sm,
.hidden-md,
.hidden-lg {
display: block
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
@media (max-width: 320px) {
body {
min-width: 320px
}
}
@media (min-width: 768px) {
.commonweb {
padding: 0px 20px
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.visible-sm {
display: block
}
.hidden-sm {
display: none
}
.commonweb {
margin: 0px auto;
max-width: 750px
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 10px
}
.commonwebbox {
margin-left: -10px;
margin-right: -10px
}
.commonleft {
float: left
}
.commonright {
float: right
}
.visible-md {
display: block
}
.hidden-md {
display: none
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.commonweb {
max-width: 970px
}
}
@media (min-width: 1260px) {
html {
cursor: default
}
.commonleft {
float: left
}
.commonright {
float: right
}
.visible-lg {
display: block
}
.hidden-lg {
display: none
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
padding-left: 10px;
padding-right: 10px
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
}
@media (min-width: 1260px) {
.commonweb {
max-width: 1220px
}
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-o-transition-property: -o-transform;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23007aff%27%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.animated {
-webkit-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
-o-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
70% {
-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;
-o-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
-o-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(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;
-o-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);
-o-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);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
-o-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.tada {
-webkit-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-o-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
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.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-o-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-o-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-o-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-o-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
-o-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg)
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
-o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg)
}
}
.jello {
-webkit-animation-name: jello;
-o-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-o-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;
-o-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;
-o-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;
-o-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;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn)
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn)
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
-o-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-o-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-o-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg)
}
60%,
80% {
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg)
}
60%,
80% {
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
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;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
opacity: 1
}
0%,
to {
-webkit-transform-origin: center
}
to {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: left bottom
}
to {
-webkit-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
0%,
to {
-webkit-transform-origin: right bottom
}
to {
-webkit-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(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;
-o-transform-origin: top left;
transform-origin: top left
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left
}
40%,
80% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-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;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
-o-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
-o-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
-o-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
-o-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
-o-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50%,
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50%,
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
-o-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
-o-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
-o-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
-o-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
-o-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
-o-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
-o-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
-o-animation-name: slideOutUp;
animation-name: slideOutUp
}
img.fr-dib {
margin: 5px auto;
display: block;
float: none;
vertical-align: top
}
.PopupVideoBox {
position: fixed;
z-index: 9999;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none
}
.PopupVideo {
position: absolute;
left: 50%;
width: 100%;
top: 50%;
max-width: 920px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0px 25px
}
.PopupVideo video {
width: 100%
}
.PopupVideo iframe {
width: 100%;
height: 460px
}
.closeVideo {
position: absolute;
right: 25px;
top: -25px;
width: 22px;
height: 22px;
cursor: pointer;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closeVideo::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 100%;
background: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.closeVideo::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.commonTitleLocation {
padding: 10px 0;
border-bottom: 1px solid #ebebeb
}
.commonTitleLocation h3 {
float: left;
font-size: 16px;
position: relative
}
.commonTitleLocation p {
float: right
}
.commonTitleLocation p a {
font-size: 12px;
vertical-align: middle;
display: inline-block;
color: #999;
margin-left: 10px;
padding-left: 15px;
position: relative
}
.commonTitleLocation p a::after {
content: '';
position: absolute;
left: 0px;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #999;
border-left: none;
border-top: none;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
.commonTitleLocation p a:first-child {
padding-left: 0px;
margin: 0px;
line-height: 11px
}
.commonTitleLocation p a:first-child::after {
display: none
}
.commonTitleLocation p a.current {
color: #333
}
.commonTitleLocation p img {
display: inline-block;
vertical-align: middle
}
.commonLocation {
padding: 10px 0;
border-bottom: 1px solid #ebebeb
}
.commonLocation a {
font-size: 12px;
vertical-align: middle;
display: inline-block;
color: #999;
margin-left: 10px;
padding-left: 15px;
position: relative
}
.commonLocation a::after {
content: '';
position: absolute;
left: 0px;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #999;
border-left: none;
border-top: none;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
-o-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%)
}
.commonLocation a:first-child {
padding-left: 0px;
margin: 0px;
line-height: 11px
}
.commonLocation a:first-child::after {
display: none
}
.commonLocation a.current {
color: #333
}
.commonLocation img {
display: inline-block;
vertical-align: middle
}
.select2-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
.DefaultSelector {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.DefaultSelector>span {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.DefaultSelector>span:nth-child(2) {
margin-right: 10px
}
.DefaultSelector>span:nth-child(4) {
margin-right: 10px
}
.DefaultSelector .select2-container--default .select2-selection--single {
border-radius: 0px;
height: 35px
}
.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px
}
.DefaultSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0px
}
.defaSearchList {
padding: 50px 0px
}
.defaSearchList dl {
border-bottom: 1px solid #eee;
padding-bottom: 10px
}
.defaSearchList dl dt {
float: left;
font-size: 16px
}
.defaSearchList dl dd {
float: right;
font-size: 14px
}
.defaSearchList li {
padding: 10px 20px 15px;
margin-top: 15px;
border-bottom: 1px solid #eee;
background: #f6f6f6
}
.defaSearchList li h3 {
font-size: 16px;
color: #1a1a1a;
line-height: 26px;
padding-bottom: 5px
}
.defaSearchList li .defaDesc {
font-size: 12px;
color: #adadad;
padding-top: 5px;
line-height: 20px
}
.defaWebMap {
background-color: #fff
}
.defaWebMap dl {
border: 1px solid #e6e6e6;
margin-top: 30px
}
.defaWebMap dl h3 {
padding-left: 20px;
padding-bottom: 5px
}
.defaWebMap dl h3 span {
font-size: 20px;
color: #bf2d2f;
position: relative;
top: -12px;
background-color: #fff;
padding: 0px 13px
}
.defaWebMap dl h3 span a {
color: #bf2d2f
}
.defaWebMap dl dd {
padding-left: 33px;
padding-bottom: 15px
}
.defaWebMap dl dd a {
font-size: 14px;
padding-right: 20px;
display: inline-block;
padding-bottom: 8px
}
.defaWebMap dl dd a em {
display: inline-block;
margin-right: 8px;
width: 3px;
height: 3px;
background-color: #bf2d2f;
vertical-align: middle
}
.defaContent {
font-size: 14px;
line-height: 24px
}
.defaContent p {
margin-bottom: 10px
}
.defaContent img {
display: block;
max-width: 100%;
margin: 0px auto
}
.defaPrevNextpage {
margin-top: 40px;
border-top: 1px solid #3d3f48;
border-bottom: 1px solid #3d3f48
}
.defaPrevNextpage p {
border-bottom: 1px solid #dddddd;
position: relative;
padding: 0px 90px 0px 90px;
font-size: 14px;
line-height: 50px;
white-space: nowrap;
height: 50px
}
.defaPrevNextpage p span {
position: absolute;
left: 0px;
padding-left: 10px;
top: 0px;
display: block;
width: 75px
}
.defaPrevNextpage p span:after {
content: '';
border-left: 5px solid transparent;
border-bottom: 5px solid #000000;
border-right: 5px solid transparent;
position: absolute;
right: 0%;
width: 0px;
height: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.defaPrevNextpage p em {
position: absolute;
right: 0px;
font-style: normal;
top: 0px;
padding-right: 0px;
width: 80px;
display: block
}
.defaPrevNextpage p a {
display: block;
text-overflow: ellipsis;
overflow: hidden
}
.defaPrevNextpage p:nth-child(2) {
border: none
}
.defaPrevNextpage p:nth-child(2) span:after {
border-bottom: none;
border-top: 5px solid #000000
}
.background_img {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.picture_container {
position: relative;
overflow: hidden;
background: none
}
.picture_container img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
[class*=animate_] {
-webkit-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-duration: 1.2s;
opacity: 0;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.bgcolor {
background-color: #999
}
.oneText {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flex_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex_wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex_row_center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.flex_row_start {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.flex_row_end {
-webkit-box-pack: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.flex_row_justify {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.flex_column_center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.flex_column_start {
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.flex_column_end {
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.flex1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flex_rank_1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.flex_rank_2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.picture_scale {
position: relative;
overflow: hidden
}
.picture_scale:hover img {
-o-transform: translate3d(0, 0, 0) scale(1.1);
-webkit-transform: translate3d(0, 0, 0) scale(1.1);
transform: translate3d(0, 0, 0) scale(1.1)
}
.center1200 {
width: 1200px;
margin: 0 auto
}
.center1260 {
width: 1260px;
margin: 0 auto
}
.center1300 {
width: 1300px;
margin: 0 auto
}
.center1400 {
width: 1400px;
margin: 0 auto
}
.center1500 {
width: 1500px;
margin: 0 auto
}
.center1680 {
width: 1680px;
margin: 0 auto
}
.center1600 {
width: 1600px;
margin: 0 auto
}
@media (max-width: 1600px) {
.center1600 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1500px) {
.center1500 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1400px) {
.center1400 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1300px) {
.center1300 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1260px) {
.center1260 {
width: 100%;
padding: 0 15px
}
}
@media (max-width: 1200px) {
.center1200 {
width: 100%;
padding: 0 15px
}
}
@media (min-width: 768px) {
.defaWebMap dl {
margin-top: 50px
}
.defaWebMap dl dd a {
padding-right: 50px
}
}
@media (min-width: 992px) {
.commonTitleLocation {
padding: 20px 0
}
.commonTitleLocation h3 {
font-size: 24px
}
.commonTitleLocation p {
padding-top: 5px
}
.commonTitleLocation p a {
font-size: 14px
}
.commonLocation {
padding: 20px 0
}
.commonLocation a {
font-size: 14px
}
.defaSearchList li {
padding: 15px 35px 25px;
margin-top: 25px
}
.defaSearchList li h3 {
font-size: 20px;
line-height: 36px;
padding-bottom: 5px
}
.defaSearchList li .defaDesc {
font-size: 13px;
padding-top: 10px;
line-height: 24px
}
.defaPrevNextpage p span {
position: absolute;
left: 0px;
padding-left: 40px;
top: 0px;
display: block;
width: 15%
}
.defaPrevNextpage p span:after {
content: '';
border-left: 5px solid transparent;
border-bottom: 5px solid #000000;
border-right: 5px solid transparent;
position: absolute;
right: 0%;
width: 0px;
height: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.defaPrevNextpage p em {
position: absolute;
right: 0px;
font-style: normal;
top: 0px;
padding-right: 30px;
width: 120px;
display: block
}
.defaPrevNextpage p {
border-bottom: 1px solid #dddddd;
position: relative;
padding: 0px 130px 0px 20%;
font-size: 18px;
line-height: 70px;
white-space: nowrap;
height: 70px
}
}
@-webkit-keyframes fadeInLeft200 {
from {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft200 {
from {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft200 {
-webkit-animation-name: fadeInLeft200;
-o-animation-name: fadeInLeft200;
animation-name: fadeInLeft200
}
@-webkit-keyframes fadeInLeft150 {
from {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft150 {
from {
opacity: 0;
-webkit-transform: translate3d(-150px, 0, 0);
transform: translate3d(-150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft150 {
-webkit-animation-name: fadeInLeft150;
-o-animation-name: fadeInLeft150;
animation-name: fadeInLeft150
}
@-webkit-keyframes fadeInLeft100 {
from {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft100 {
from {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft100 {
-webkit-animation-name: fadeInLeft100;
-o-animation-name: fadeInLeft100;
animation-name: fadeInLeft100
}
@-webkit-keyframes fadeInLeft80 {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft80 {
from {
opacity: 0;
-webkit-transform: translate3d(-80px, 0, 0);
transform: translate3d(-80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft80 {
-webkit-animation-name: fadeInLeft80;
-o-animation-name: fadeInLeft80;
animation-name: fadeInLeft80
}
@-webkit-keyframes fadeInLeft50 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft50 {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft50 {
-webkit-animation-name: fadeInLeft50;
-o-animation-name: fadeInLeft50;
animation-name: fadeInLeft50
}
@-webkit-keyframes fadeInLeft30 {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft30 {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft30 {
-webkit-animation-name: fadeInLeft30;
-o-animation-name: fadeInLeft30;
animation-name: fadeInLeft30
}
@-webkit-keyframes fadeInLeft20 {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft20 {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft20 {
-webkit-animation-name: fadeInLeft20;
-o-animation-name: fadeInLeft20;
animation-name: fadeInLeft20
}
@-webkit-keyframes fadeInLeft10 {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft10 {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft10 {
-webkit-animation-name: fadeInLeft10;
-o-animation-name: fadeInLeft10;
animation-name: fadeInLeft10
}
@-webkit-keyframes fadeInRight200 {
from {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight200 {
from {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight200 {
-webkit-animation-name: fadeInRight200;
-o-animation-name: fadeInRight200;
animation-name: fadeInRight200
}
@-webkit-keyframes fadeInRight150 {
from {
opacity: 0;
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight150 {
from {
opacity: 0;
-webkit-transform: translate3d(150px, 0, 0);
transform: translate3d(150px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight150 {
-webkit-animation-name: fadeInRight150;
-o-animation-name: fadeInRight150;
animation-name: fadeInRight150
}
@-webkit-keyframes fadeInRight100 {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight100 {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight100 {
-webkit-animation-name: fadeInRight100;
-o-animation-name: fadeInRight100;
animation-name: fadeInRight100
}
@-webkit-keyframes fadeInRight80 {
from {
opacity: 0;
-webkit-transform: translate3d(80px, 0, 0);
transform: translate3d(80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight80 {
from {
opacity: 0;
-webkit-transform: translate3d(80px, 0, 0);
transform: translate3d(80px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight80 {
-webkit-animation-name: fadeInRight80;
-o-animation-name: fadeInRight80;
animation-name: fadeInRight80
}
@-webkit-keyframes fadeInRight50 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight50 {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight50 {
-webkit-animation-name: fadeInRight50;
-o-animation-name: fadeInRight50;
animation-name: fadeInRight50
}
@-webkit-keyframes fadeInRight30 {
from {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight30 {
from {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight30 {
-webkit-animation-name: fadeInRight30;
-o-animation-name: fadeInRight30;
animation-name: fadeInRight30
}
@-webkit-keyframes fadeInRight20 {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight20 {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight20 {
-webkit-animation-name: fadeInRight20;
-o-animation-name: fadeInRight20;
animation-name: fadeInRight20
}
@-webkit-keyframes fadeInRight10 {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight10 {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight10 {
-webkit-animation-name: fadeInRight10;
-o-animation-name: fadeInRight10;
animation-name: fadeInRight10
}
@-webkit-keyframes fadeInUp200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp200 {
-webkit-animation-name: fadeInUp200;
-o-animation-name: fadeInUp200;
animation-name: fadeInUp200
}
@-webkit-keyframes fadeInUp150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150px, 0);
transform: translate3d(0, 150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150px, 0);
transform: translate3d(0, 150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp150 {
-webkit-animation-name: fadeInUp150;
-o-animation-name: fadeInUp150;
animation-name: fadeInUp150
}
@-webkit-keyframes fadeInUp100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp100 {
-webkit-animation-name: fadeInUp100;
-o-animation-name: fadeInUp100;
animation-name: fadeInUp100
}
@-webkit-keyframes fadeInUp80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp80 {
-webkit-animation-name: fadeInUp80;
-o-animation-name: fadeInUp80;
animation-name: fadeInUp80
}
@-webkit-keyframes fadeInUp50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp50 {
-webkit-animation-name: fadeInUp50;
-o-animation-name: fadeInUp50;
animation-name: fadeInUp50
}
@-webkit-keyframes fadeInUp30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp30 {
-webkit-animation-name: fadeInUp30;
-o-animation-name: fadeInUp30;
animation-name: fadeInUp30
}
@-webkit-keyframes fadeInUp20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp20 {
-webkit-animation-name: fadeInUp20;
-o-animation-name: fadeInUp20;
animation-name: fadeInUp20
}
@-webkit-keyframes fadeInUp10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp10 {
-webkit-animation-name: fadeInUp10;
-o-animation-name: fadeInUp10;
animation-name: fadeInUp10
}
@-webkit-keyframes fadeInDown200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown200 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown200 {
-webkit-animation-name: fadeInDown200;
-o-animation-name: fadeInDown200;
animation-name: fadeInDown200
}
@-webkit-keyframes fadeInDown150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown150 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown150 {
-webkit-animation-name: fadeInDown150;
-o-animation-name: fadeInDown150;
animation-name: fadeInDown150
}
@-webkit-keyframes fadeInDown100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown100 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown100 {
-webkit-animation-name: fadeInDown100;
-o-animation-name: fadeInDown100;
animation-name: fadeInDown100
}
@-webkit-keyframes fadeInDown80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown80 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown80 {
-webkit-animation-name: fadeInDown80;
-o-animation-name: fadeInDown80;
animation-name: fadeInDown80
}
@-webkit-keyframes fadeInDown50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown50 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown50 {
-webkit-animation-name: fadeInDown50;
-o-animation-name: fadeInDown50;
animation-name: fadeInDown50
}
@-webkit-keyframes fadeInDown30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown30 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown30 {
-webkit-animation-name: fadeInDown30;
-o-animation-name: fadeInDown30;
animation-name: fadeInDown30
}
@-webkit-keyframes fadeInDown20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown20 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown20 {
-webkit-animation-name: fadeInDown20;
-o-animation-name: fadeInDown20;
animation-name: fadeInDown20
}
@-webkit-keyframes fadeInDown10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown10 {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown10 {
-webkit-animation-name: fadeInDown10;
-o-animation-name: fadeInDown10;
animation-name: fadeInDown10
}
@-webkit-keyframes fadeInWidth100 {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
@keyframes fadeInWidth100 {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
.fadeInWidth100 {
-webkit-animation-name: fadeInWidth100;
-o-animation-name: fadeInWidth100;
animation-name: fadeInWidth100
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-webkit-order: 9999;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
-moz-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -o-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: height, -o-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform, -o-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-webkit-order: 9999;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
-moz-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: -webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: -webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
-o-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
-o-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s transform, .2s top;
-o-transition: .2s transform, .2s top;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s transform, .2s left;
-o-transition: .2s transform, .2s left;
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s transform, .2s right;
-o-transition: .2s transform, .2s right;
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
-o-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
-o-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
-o-transition-property: opacity, height, -o-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform, -o-transform
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
.head_mobile_btn {
width: 17px;
height: 37px;
cursor: pointer;
padding: 12px 0
}
.head_mobile_btn .btn1 {
height: 100%
}
.head_mobile_btn .btn1 .line {
height: 2px;
width: 100%;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
background-color: rgba(162, 203, 196, 0.58)
}
.head_mobile_btn.active .btn1 .line:nth-child(1) {
-webkit-transform: translateY(6px) rotate(45deg);
-ms-transform: translateY(6px) rotate(45deg);
-o-transform: translateY(6px) rotate(45deg);
transform: translateY(6px) rotate(45deg)
}
.head_mobile_btn.active .btn1 .line:nth-child(2) {
opacity: 0
}
.head_mobile_btn.active .btn1 .line:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
-ms-transform: translateY(-5px) rotate(-45deg);
-o-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg)
}
.head_dropdown {
border-top: 1px solid #eeeeee;
display: none;
z-index: 99;
position: fixed;
top: 75px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow: hidden
}
.head_dropdown .head_dropdown1 {
display: none
}
.head_dropdown .head_dropdown1 .pc_down {
width: 100%;
height: 100%;
background-color: #fff
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container {
height: 100%
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(1) .block {
-o-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(2) .block {
-o-animation-delay: .1s;
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(3) .block {
-o-animation-delay: .2s;
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(4) .block {
-o-animation-delay: .3s;
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(5) .block {
-o-animation-delay: .4s;
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .swiper-slide:nth-child(6) .block {
-o-animation-delay: .5s;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box {
padding-top: 50%;
background-color: #fff;
height: 100%;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover {
background-color: transparent
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block_box:hover .block {
top: -30px;
color: #fff
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block {
position: relative;
top: 0;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
text-align: center
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .icon {
margin: 0 auto;
margin-bottom: 20px;
width: 1px;
height: 50px;
background-color: #bf2d2f
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .number {
font-size: 46px;
margin-bottom: 30px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title {
font-size: 22px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .title:hover {
color: #bf2d2f;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav {
font-size: 16px;
margin-top: 30px;
line-height: 36px
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line {
display: block
}
.head_dropdown .head_dropdown1 .pc_down .swiper-container .block .second_nav .line:hover {
color: #bf2d2f;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .mobile_down {
width: 100%;
height: 100%;
background-color: #fff;
overflow-y: auto;
display: none
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search {
width: 96%;
margin-bottom: 10px;
border-radius: 35px;
border: 1px solid #999999;
padding: 0 15px
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search input {
line-height: 46px;
padding: 0 5px;
color: #999999
}
.head_dropdown .head_dropdown1 .mobile_down .mobile_search .iconfont {
color: #999999;
font-size: 26px;
cursor: pointer
}
.head_dropdown .head_dropdown1 .mobile_down .block {
color: #333333;
border-bottom: 1px solid #f4f4f4
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box {
line-height: 32px;
font-size: 16px;
padding-left: 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box .iconfont {
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown1 .mobile_down .block .title_box .icon {
width: 100px;
text-align: right;
padding-right: 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down {
background-color: #fafafa;
display: none;
padding: 10px 15px
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line {
line-height: 24px;
display: block
}
.head_dropdown .head_dropdown1 .mobile_down .block .mobile_nav_down .line:hover {
color: #bf2d2f
}
.head_dropdown .head_dropdown1 .mobile_down .block.active .title,
.head_dropdown .head_dropdown1 .mobile_down .block:hover .title {
color: #bf2d2f
}
.head_dropdown .head_dropdown1 .mobile_down .block.active .title_box .iconfont {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
.head_dropdown .head_dropdown2 .pc_down {
position: relative
}
.head_dropdown .head_dropdown2 .pc_down .back_color {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
width: 0;
height: 0;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
background-color: #0d7c0d
}
.head_dropdown .head_dropdown2 .pc_down.bg_on .back_color {
width: 200vw;
height: 200vw;
right: -50vw;
top: -50vw
}
.head_dropdown .head_dropdown2 .mobile_down {
width: 100%;
height: 100%;
background-color: #fff;
overflow-y: auto;
display: none
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search {
width: 96%;
margin-bottom: 10px;
border-radius: 35px;
border: 1px solid #999999;
padding: 0 15px
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search input {
line-height: 46px;
padding: 0 5px;
color: #999999
}
.head_dropdown .head_dropdown2 .mobile_down .mobile_search .iconfont {
color: #999999;
font-size: 26px;
cursor: pointer
}
.head_dropdown .head_dropdown2 .mobile_down .block {
color: #333333;
border-bottom: 1px solid #f4f4f4
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box {
line-height: 32px;
font-size: 16px;
padding-left: 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box .iconfont {
font-size: 14px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.head_dropdown .head_dropdown2 .mobile_down .block .title_box .icon {
width: 100px;
text-align: right;
padding-right: 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down {
background-color: #fafafa;
display: none;
padding: 10px 15px
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line {
line-height: 24px;
display: block
}
.head_dropdown .head_dropdown2 .mobile_down .block .mobile_nav_down .line:hover {
color: #bf2d2f
}
.head_dropdown .head_dropdown2 .mobile_down .block.active .title,
.head_dropdown .head_dropdown2 .mobile_down .block:hover .title {
color: #bf2d2f
}
.head_dropdown .head_dropdown2 .mobile_down .block.active .title_box .iconfont {
-webkit-transform: rotateZ(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
@media (max-width: 768px) {
.pc_down {
display: none
}
.mobile_down {
display: block
}
}
.social-share {
font-size: inherit;
font-style: inherit;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale
}
.social-share .social-share-icon {
position: relative;
display: block;
font-size: 27px;
line-height: 27px;
color: #b3b3b3;
text-align: center;
top: 10px;
opacity: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s
}
.social-share .social-share-icon:not(:first-child) {
margin-top: 15px
}
.social-share .social-share-icon:nth-child(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s
}
.social-share .social-share-icon:nth-child(3) {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s
}
.social-share .icon-weibo {
color: #b3b3b3
}
.social-share .icon-weibo:hover {
color: #ff763b
}
.social-share .icon-tencent {
color: #56b6e7;
border-color: #56b6e7
}
.social-share .icon-tencent:hover {
background: #56b6e7
}
.social-share .icon-qq {
color: #b3b3b3
}
.social-share .icon-qq:hover {
color: #56b6e7
}
.social-share .icon-qzone {
color: #FDBE3D;
border-color: #FDBE3D
}
.social-share .icon-qzone:hover {
background: #FDBE3D
}
.social-share .icon-douban {
color: #33b045;
border-color: #33b045
}
.social-share .icon-douban:hover {
background: #33b045
}
.social-share .icon-linkedin {
color: #0077B5;
border-color: #0077B5
}
.social-share .icon-linkedin:hover {
background: #0077B5
}
.social-share .icon-facebook {
color: #44619D;
border-color: #44619D
}
.social-share .icon-facebook:hover {
background: #44619D
}
.social-share .icon-google {
color: #db4437;
border-color: #db4437
}
.social-share .icon-google:hover {
background: #db4437
}
.social-share .icon-twitter {
color: #55acee;
border-color: #55acee
}
.social-share .icon-twitter:hover {
background: #55acee
}
.social-share .icon-diandian {
color: #307DCA;
border-color: #307DCA
}
.social-share .icon-diandian:hover {
background: #307DCA
}
.social-share .icon-wechat {
position: unset;
color: #b3b3b3
}
.social-share .icon-wechat:hover {
color: #7bc549
}
.social-share a {
position: relative;
text-decoration: none;
outline: none
}
.social-share .icon-wechat .wechat-qrcode {
display: none;
border: 1px solid #eee;
position: fixed;
z-index: 20;
top: 50%;
left: 50%;
width: 250px;
color: #666;
font-size: 12px;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 2px 10px #aaa;
box-shadow: 0 2px 10px #aaa;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.social-share .icon-wechat .wechat-qrcode.bottom {
top: 40px;
left: -84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
font-weight: normal;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
width: 200px;
margin: 20px auto;
text-align: center
}
.social-share .icon-wechat .wechat-qrcode .qrcode img {
width: 150px;
height: 150px;
margin: 0 auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
margin: 0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
font-weight: normal;
line-height: 16px;
padding: 0;
margin: 0
}
.social-share .icon-wechat:hover .wechat-qrcode {
display: block
}
.inner_crumbs {
position: relative
}
.inner_crumbs .item {
position: relative;
line-height: 1.1;
font-size: 14px;
margin-bottom: 50px
}
.inner_crumbs .item a {
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: lighter;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #ffffff;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s
}
.inner_crumbs .item .iconfont {
color: #fff;
font-size: 12px
}
.inner_crumbs .icon-triangle-right {
display: block;
width: 0;
height: 0;
border: 5px solid;
border-color: transparent transparent transparent #fff;
margin: 0 10px
}
.inner_crumbs.fixed {
position: fixed;
top: 170px;
width: 100%;
left: 0;
right: 0;
margin: auto;
z-index: 100;
-webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018)
}
.crumbs {
position: relative;
border-bottom: 1px solid #dcdcdc
}
.crumbs .monu {
position: relative
}
.crumbs .monu .line {
color: #323232;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.crumbs .monu .line:not(:last-child) {
padding-right: 20px
}
.crumbs .monu .line:not(:first-child) {
padding-left: 20px
}
.crumbs .monu .line.active,
.crumbs .monu .line:hover {
color: #bf2d2f
}
.crumbs .monu .line.active a::after,
.crumbs .monu .line:hover a::after {
width: 100%;
left: 0
}
.crumbs .monu a {
position: relative;
line-height: 64px;
font-size: 14px;
text-align: center;
display: block;
color: inherit;
font-weight: bold
}
.crumbs .monu a::after {
content: ' ';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 1px;
background-color: #bf2d2f;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.crumbs .monu .line_icon {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
background-color: #ffffff
}
.crumbs .item {
position: relative;
line-height: 74px;
font-size: 14px
}
.crumbs .item a {
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: bold;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #ffffff;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s
}
.crumbs .item .iconfont {
color: #fff;
font-size: 12px
}
.crumbs .icon-triangle-right {
display: block;
width: 0;
height: 0;
border: 5px solid;
border-color: transparent transparent transparent #fff;
margin: 0 10px
}
.crumbs.fixed {
position: fixed;
top: 170px;
width: 100%;
left: 0;
right: 0;
margin: auto;
z-index: 100;
-webkit-box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018);
box-shadow: 0, 15px, 15px rgba(0, 0, 0, 0.018)
}
.layui-box {
margin-top: 40px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.layui-box em {
font-style: normal
}
.layui-box a,
.layui-box .layui-laypage-curr {
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
font-size: 12px;
color: #333333;
margin: 0 10px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-weight: bold;
background-color: #ebebeb
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
color: #fff;
background-color: #bf2d2f;
border: solid 1px #bf2d2f
}
.layui-box .layui-laypage-curr {
color: #fff;
border: solid 1px #bf2d2f;
background-color: #bf2d2f
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
line-height: 40px;
margin: 0 10px
}
.layui-box .layui-laypage-next {
margin-left: 17px
}
.layui-box .layui-laypage-prev {
margin-right: 17px
}
.switch .line {
padding: 30px 40px;
font-size: 18px;
font-family: 'MicrosoftYaHei';
color: #333333;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.switch .line .tag {
padding-right: 35px;
position: relative
}
.switch .line .tag::after {
content: ' ';
position: absolute;
right: 0;
width: 0;
height: 0;
border: 5px solid;
-o-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.switch .line.prev {
border-top: 1px solid #141d29;
border-bottom: 1px solid #dddddd
}
.switch .line.prev .tag::after {
top: -webkit-calc(50% - 2px);
top: calc(50% - 2px);
border-color: transparent transparent #333333 transparent
}
.switch .line.next {
border-bottom: 1px solid #141d29
}
.switch .line.next .tag::after {
top: -webkit-calc(50% + 2px);
top: calc(50% + 2px);
border-color: #333333 transparent transparent transparent
}
.switch .line .name {
width: 72.72727%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.switch .line .time {
color: #333333
}
.switch .line:hover {
color: #bf2d2f
}
.switch .line:hover .time {
color: #bf2d2f
}
.switch .line:hover.prev .tag::after {
border-color: transparent transparent #bf2d2f transparent
}
.switch .line:hover.next .tag::after {
border-color: #bf2d2f transparent transparent transparent
}
.search .main1 {
padding: 80px 0
}
.search .main1 .search_title {
text-align: center;
font-size: 32px;
font-weight: bold
}
.search .main1 .search_box {
width: 60%;
margin: 30px auto 30px;
border: 1px solid #bf2d2f;
border-radius: 25px;
overflow: hidden
}
.search .main1 .search_box input {
padding: 0 20px;
line-height: 48px
}
.search .main1 .search_box .btn {
background-color: #bf2d2f;
width: 80px;
cursor: pointer;
font-size: 28px;
color: #fff
}
.search .main1 .content {
border-top: 1px solid #dddddd
}
.search .main1 .content .length {
padding: 10px 0
}
.search .main1 .content .block_box .block {
padding: 20px 0
}
.search .main1 .content .block_box .block:not(:first-child) {
border-top: 1px solid #dddddd
}
.search .main1 .content .block_box .block .img {
width: 23.33333%
}
.search .main1 .content .block_box .block .img .picture_container {
padding-top: 60.71429%
}
.search .main1 .content .block_box .block .txt {
width: 70%;
padding-left: 20px
}
.search .main1 .content .block_box .block .txt .name {
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
max-height: 48px;
line-height: 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s
}
.search .main1 .content .block_box .block .txt .abstract {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 26px
}
.search .main1 .content .block_box .block:hover .txt .name {
color: #bf2d2f
}
.often_btn1 {
width: 150px;
line-height: 40px;
text-align: center;
font-size: 16px
}
.cact p {
font-size: 16px;
}
.wfont24 {
font-size: 16px
}
.wfont28 {
font-size: 18px
}
.wfont38,
.wfont30 {
font-size: 18px
}
.wfont40 {
font-size: 20px
}
.winsideBox {
background-image: url(../images/ptbg1.jpg);
-webkit-background-size: cover;
background-size: cover;
-o-object-fit: cover;
object-fit: cover
}
.inside-banner {
position: relative;
overflow: hidden
}
.inside-banner .image img {
position: relative;
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 200px;
max-width: inherit;
max-height: inherit
}
.insbanTitle {
width: 100%;
position: absolute;
z-index: 2;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.insbanTitle h2 {
color: #000000;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.insbanTitle .textbox {
color: #666666;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.insbanTitle .textbox img {
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1;
height: 15px
}
.wcontactBox {
padding: 30px 0
}
.wcontact {
padding: 20px 0 10px;
background-color: #fff;
border-radius: 15px
}
.wcontact .fleft {
text-align: center;
padding: 0 0 15px
}
.wcontact .fleft img {
height: 70px
}
.wcontact .fleft h3 {
color: #3f3f3f;
padding: 10px 0 5px;
font-weight: bold
}
.wcontact .fleft .text {
color: #858585
}
.wdLocation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.wdLocation img {
display: block
}
.wdLocation a {
height: 18px;
display: block;
font-size: 12px;
color: #666666;
line-height: 18px;
position: relative;
padding: 0px 20px 0px 15px
}
.wdLocation a::after {
content: '/';
position: absolute;
right: 0px;
top: 0px;
font-size: 14px;
color: #666666
}
.wdLocation a:first-child {
padding-left: 0px
}
.wdLocation a:last-child::after {
display: none
}
.insideContBox {
padding: 20px 0
}
.insideContent {
padding: 20px 0px;
/* background-color: #fdfefe */
}
.noticeTitle {
padding: 16px 0 0
}
.noticeTitle h1 {
color: #272727;
font-weight: bold
}
.noticeTitle .desc {
position: relative;
margin: 10px 0
}
.noticeDetails h4 {
margin-bottom: 20px;
}
.noticeDetails iframe {
width: 100%;
height: 600px;
}
.noticeTitle .desc span {
font-size: .7292vw
/* 14px -> .7292vw */
;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
color: #7d7d7d;
border: 1px solid #c7cacb;
margin: 0 5px 0 0;
padding: 2px 10px
}
.noticeTitle .cont {
background-color: #fff;
padding: 0 30px 0 0;
position: relative;
z-index: 4;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1
}
.noticeDesc {
color: #666666;
padding: 10px 0
}
.noticeDesc a {
word-break: break-all;
}
.noticeDesc h4 {
color: #333;
font-size: 16px;
padding: 0 0 10px;
font-weight: bold
}
.platSwiper .swiper-pagination .swiper-pagination-bullet-active {
background-color: #124497;
}
.noticeBottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 2px solid #cacbcc;
padding: 15px 0
}
.nPages {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 50%;
max-width: 155px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.nPages a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.nPages .nPrev {
background: url(../images/wqprev.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
width: 25px;
height: 18px
}
.nPages .nPrev:hover {
background-image: url(../images/wqprevho.png)
}
.nPages .nMid {
background: url(../images/wqnmid.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
width: 22px;
height: 19px
}
.nPages .nMid:hover {
background-image: url(../images/wqnmidho.png)
}
.nPages .nNext {
background: url(../images/wqnext.png) no-repeat center;
-webkit-background-size: contain;
background-size: contain;
width: 25px;
height: 18px
}
.nPages .nNext:hover {
background-image: url(../images/wqnextho.png)
}
.nShares .bdsharebuttonbox {
line-height: normal;
display: inline-block;
vertical-align: middle
}
.nShares .bdsharebuttonbox a {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 19px;
height: 16px;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
float: none;
margin-left: 8px;
position: relative;
border: none;
padding: 0
}
.nShares .bdsharebuttonbox a::before {
display: none
}
.nShares .bdsharebuttonbox a:hover .img {
opacity: 1;
visibility: visible
}
.nShares .bdsharebuttonbox a .img {
position: absolute;
width: 100px;
height: 100px;
padding: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
bottom: 40px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
z-index: 9;
}
.nShares .bdsharebuttonbox a .img img {
display: block;
width: 100%
}
.nShares .bdsharebuttonbox a .img:after {
content: '';
border: 8px solid transparent;
border-top-color: #fff;
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -8px
}
.nShares .bdsharebuttonbox .bds_weixin {
background-image: url(../images/wqshare2.png)
}
.nShares .bdsharebuttonbox .bds_tsina {
background-image: url(../images/wqshare1.png)
}
.nShares .bdsharebuttonbox .bds_qq {
background-image: url(../images/wqshare3.png)
}
.teDetailTop .img img {
border-radius: 15px
}
.teDetailTop .text {
padding: 20px 0
}
.teDetailTop .text .name {
color: #1b1b1b
}
.teDetailTop .text .name span {
color: #818181;
font-size: 14px;
position: relative;
padding-left: 10px;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
vertical-align: inherit
}
.teDetailTop .text .name span::before {
content: '/';
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #818181
}
.teDetailTop .text .desc {
padding: 10px 0 0;
color: #474747
}
.teDetailTop .text .desc a {
color: #474747
}
.teDetailDesc {
border-top: 1px solid #c9cacb;
padding: 20px 0 0;
margin: 20px 0 0
}
.teDetailDesc {
color: #474747
}
.teDetailDesc h3 {
color: #1b1b1b
}
.teTimeList {
padding: 20px 0
}
.teTimeList ul {
position: relative
}
.teTimeList ul::before {
content: "";
display: block;
width: 1px;
background-color: #124497;
position: absolute;
left: 3px;
top: 10px;
bottom: 10px
}
.teTimeList ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 10px
}
.teTimeList ul li:last-child {
padding-bottom: 0
}
.teTimeList ul li::before {
content: "";
display: block;
width: 7px;
height: 7px;
background-color: #124497;
border-radius: 100%
}
.teTimeList ul li span {
padding: 0 0 0 20px;
min-width: 100%
}
.teTimeIntro {
padding: 0 0 20px
}
.teTimeIntro .intro {
padding: 10px 0 0
}
.teTimeIntro .dot {
padding: 0 0 0 20px;
position: relative
}
.teTimeIntro .dot::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #404040;
border-radius: 100%;
position: absolute;
left: 0;
top: 10px
}
.platVideo {
position: relative;
cursor: pointer
}
.platVideo .videoImg img {
width: 100%
}
.platVideo .videoImg::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(../images/ptimage1.jpg) no-repeat center center;
position: absolute;
top: 0;
left: 0
}
.platVideo .text {
width: 100%;
height: 100%;
text-align: center;
position: absolute;
top: 0;
left: 0
}
.platVideo .text .icon {
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
padding-right: 30px;
font-weight: bold
}
.platVideo .text .icon img {
width: 100%
}
.platVideo .text .icon::after {
content: "";
width: 25px;
height: 25px;
position: absolute;
top: 0;
right: 0;
background-image: url(../images/playbtn.png);
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
@-webkit-keyframes platVideo {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@-o-keyframes platVideo {
from {
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-o-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes platVideo {
from {
-webkit-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
.platformBox h2 {
text-align: center;
color: #000000
}
.platformBox {
padding: 20px 0
}
.platInfo {
font-size: 14px;
padding: 20px 0 0
}
.platDesc {
padding: 20px 0
}
.struOrgan .img {
padding: 20px 0 0
}
.PopupVideoBox {
position: fixed;
z-index: 9999;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none
}
.PopupVideo {
position: absolute;
left: 50%;
width: 100%;
top: 50%;
max-width: 920px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0px 25px
}
.PopupVideo video {
width: 100%
}
.PopupVideo iframe {
width: 100%;
height: 460px
}
.closeVideo {
position: absolute;
right: 25px;
top: -25px;
width: 22px;
height: 22px;
cursor: pointer;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closeVideo::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 100%;
background: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.closeVideo::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.watchBox .nShares .bdsharebuttonbox a {
width: 40px;
height: 40px;
margin: 0 8px 0 0
}
.watchBox .nShares .bdsharebuttonbox a .img {
bottom: 52px
}
.watchBox .nShares .bdsharebuttonbox .bds_weixin {
background-image: url(../images/fercode.png)
}
.watchBox .nShares .bdsharebuttonbox .bds_tsina {
background-image: url(../images/fxinlang.png)
}
.watchBox {
display: none;
color: #4a4e5c
}
.platSwiper {
padding-bottom: 20px
}
/* .platSwiper .swiper-wrapper{
transition-timing-function: linear;
} */
.platSwiper_pagination {
bottom: 0 !important
}
.platBtns {
display: none
}
.platSwiper .swiper-slide a {
display: block;
}
.platBtns div {
display: block;
width: 1.9271vw
/* 37px -> 1.9271vw */
;
height: 1.9271vw
/* 37px -> 1.9271vw */
;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
opacity: 1
}
.platSwiper_next {
opacity: 1;
background-image: url(../images/righticon1.png);
background-size: 1.9271vw
/* 37px -> 1.9271vw */
;
}
.platSwiper_next::after {
display: none
}
.platSwiper_next:hover {
background-image: url(../images/righticon1ho.png)
}
.platSwiper_prev {
opacity: 1;
background-image: url(../images/lefticon1.png)
}
.platSwiper_prev::after {
display: none
}
.platSwiper_prev:hover {
background-image: url(../images/lefticon1ho.png)
}
.platSwiper .swiper-wrapper {
transition-timing-function: linear !important;
}
.platSwiper_wrapper {
padding: 0 0 10px;
border-bottom: 2px solid #f9f9fa;
margin: 0 0 10px
}
.platSwiper_wrapper .title {
padding: 0 0 10px;
color: #4a4e5c;
font-size: 16px
}
.insideStructFlex table {
width: 100%
}
.insideStructFlex .layui-laydate {
width: 100%
}
.insideStructFlex table th,
.insideStructFlex table td {
border: 0;
color: #7a90a7
}
.insideStructFlex table th div,
.insideStructFlex table td div {
position: relative;
z-index: 4;
border-radius: 100%;
width: 26px;
height: 26px;
line-height: 26px
}
.insideStructFlex table th:hover div,
.insideStructFlex table td:hover div {
color: #fff;
background-color: #b7d7f5
}
.insideStructFlex thead {
border-top: 1px solid #b1c3d7;
border-bottom: 1px solid #b1c3d7
}
.insideStructFlex thead td {
font-size: 15px
}
.insideStructFlex tbody td {
font-size: 16px
}
.insideStructFlex .layui-laydate-list {
z-index: 10
}
.insideStructFlex .layui-laydate .layui-this {
background: none !important;
position: relative
}
.insideStructFlex .layui-laydate .layui-this div {
background-image: -webkit-gradient(linear, left top, right top, from(#1a519e), to(#3379b3));
background-image: -webkit-linear-gradient(left, #1a519e, #3379b3);
background-image: -o-linear-gradient(left, #1a519e, #3379b3);
background-image: linear-gradient(to right, #1a519e, #3379b3)
}
.insideStructFlex .layui-laydate-list .layui-this {
color: #124497 !important
}
.insideStructFlex .laydate-day-mark {
line-height: 26px;
font-size: 16px;
overflow: inherit
}
.insideStructFlex .laydate-day-mark i {
display: block !important;
background-color: #124497;
border-radius: 100%;
position: absolute;
top: auto;
bottom: -7px;
right: auto;
left: 50%;
margin-left: -2px;
width: 4px;
height: 4px
}
.insideStructFlex .laydate-day-mark::after {
background-color: #124497;
top: auto;
bottom: -7px;
right: auto;
left: 50%;
margin-left: -2px;
width: 4px;
height: 4px;
border-radius: 100%
}
.insideStructFlex .layui-laydate-content td:hover,
.insideStructFlex .layui-laydate-list li:hover {
background: none !important
}
.insideStructFlex .laydate-day-next,
.insideStructFlex .laydate-day-prev {
opacity: 0;
position: relative;
z-index: -1
}
.insideStructFlex .layui-laydate-header i.laydate-next-y,
.insideStructFlex .layui-laydate-header i.laydate-prev-y {
display: none
}
.insideStructFlex .layui-laydate-header i.laydate-next-m {
right: 0
}
.insideStructFlex .layui-laydate-header i.laydate-prev-m {
left: 0
}
.insideStructFlex .layui-laydate-header {
border: none
}
.insideStructFlex .laydate-set-ym {
color: #122b55
}
.insideStructFlex .laydate-set-ym span {
padding: 0
}
.insideStructFlex .layui-laydate-header i {
font-size: 22px;
color: #464646
}
.insideStructFlex .layui-laydate-main {
width: auto
}
.strutInfo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
color: #666666;
border-bottom: 1px solid #c1c5ca;
padding: 20px 0
}
.strutInfo:first-child {
padding-top: 0
}
.strutInfo .name {
color: #000000;
font-weight: bold
}
.strutInfo .date {
color: #124497;
font-weight: bold;
font-size: 18px
}
.strutInfo .info {
text-align: left;
width: 100%;
padding: 0 0 0 20px
}
.strutInfo .plate {
color: #124497;
padding: 2px 0
}
.winsidePage {
text-align: center
}
.structList {
padding: 0 0 30px
}
.insideStruct {
padding: 20px 0 30px
}
.inStructNav {
padding: 30px 0 10px;
position: relative;
z-index: 10
}
.inStructNav .inSnSub {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0 0 20px
}
.inStructNav .inSnSub a {
width: 50%;
text-align: center;
padding: 10px 0;
border-radius: 50px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.inStructNav .inSnSub a:hover,
.inStructNav .inSnSub a.cur {
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5)
}
.infoButton {
height: 100%;
font-size: 14px;
color: #124497;
border-left: 1px solid #ecf1f9;
padding-left: 10px
}
.infoButton::before {
content: "\e679"
}
.inStructSearch form {
background-color: #fff;
padding: 10px 20px;
border-radius: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.inStructSearch .infoInput {
width: 40%;
color: #888888
}
.infoSelect {
position: relative;
cursor: pointer;
display: none
}
.infoSelect.cur .info span {
padding-left: 0;
padding-right: 10px;
-webkit-transform: translateY(0) rotate(180deg);
-ms-transform: translateY(0) rotate(180deg);
-o-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg)
}
.infoSelect .info {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.infoSelect .info i {
font-size: 14px;
font-style: normal;
}
.infoSelect .info span {
font-size: 12px;
color: #666666;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding-left: 10px
}
.infoSelect .info span::before {
content: "\e761"
}
.infoSelect .selectBox {
display: none;
min-width: 118px;
background-color: #fff;
position: absolute;
z-index: 2;
left: 56%;
border-radius: 10px;
padding: 10px;
-webkit-box-shadow: 4px 4px 20px rgba(169, 169, 169, 0.5);
box-shadow: 4px 4px 20px rgba(169, 169, 169, 0.5);
text-align: center;
transform: translateX(-50%);
}
.infoSelect .selectBox p {
font-size: 13px;
padding: 5px;
white-space: nowrap;
}
.infoSelect .selectBox p:hover {
color: #124497
}
.noticeInfo {
border-bottom: 1px solid #b4beca;
padding: 10px 30px
}
.noticeInfo .pingtai {
color: #000000;
padding: 0 10px 0 23px;
position: relative;
margin-right: 5px
}
.noticeInfo .pingtai a {
color: #000000
}
.noticeInfo .pingtai a:hover {
color: #124497
}
.noticeInfo .pingtai::before {
content: "";
display: block;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #124497
}
.noticeInfo .peixun {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 5px 0
}
.noticeInfo .peixun a {
color: #666666
}
.noticeInfo .info:hover a,
.noticeInfo .info:hover .pingtai::after {
color: #124497
}
.noticeInfo .date {
color: #666666
}
.noticeLists {
padding-bottom: 30px
}
.inStructSearch.noSelect {
width: 100%;
padding-left: 0
}
.inStructSearch .infoInput {
width: 100%
}
.com-title {
color: #000000
}
.common-nav {
padding: 10px 0
}
.common-nav ul li .drop-down {
display: none;
padding-left: 12px;
padding-top: 6px;
}
.common-nav ul li h5 a {
display: block;
position: relative;
color: #272c32;
font-size: 15px;
font-weight: bold
}
.common-nav ul li h5 span {
width: 20px;
height: 16px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.common-nav ul li h5 span::before {
content: "\e764"
}
.common-nav ul li h5.cur span::before {
content: "\e761"
}
.common-nav ul li {
padding: 0 0 10px
}
.common-nav ul li h4 a {
display: block;
position: relative;
color: #272c32;
font-size: 16px;
font-weight: bold
}
.common-nav ul li h4 span {
width: 20px;
height: 16px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.common-nav ul li h4 span::before {
content: "\e764"
}
.common-nav ul li.cur h4 span::before {
content: "\e761"
}
.common-nav ul li .three-nav {
display: none
}
.common-nav ul li .three-nav a {
display: block;
/*
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; */
color: #666666;
padding: 5px
}
.common-nav ul li .three-nav a:hover,
.common-nav ul li .three-nav a.cur {
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5);
color: #fff
}
.trainList {
padding: 20px 0
}
.trainList ul li {
overflow: hidden;
margin: 0 0 15px
}
.trainList ul li .img {
background-color: #fff;
text-align: center
}
.trainList ul li .img a {
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.trainList ul li .img img {
width: 100%
}
.trainList ul li .infoBox {
background-color: #fff;
padding: 10px 20px;
position: relative;
/* border-top: 1px solid #fddd; */
transition: all .4s ease;
}
.trainList ul li .infoBox .name {
max-height: 48px;
line-height: 24px;
height: 48px;
text-align: center;
color: #000000;
display: flex;
justify-content: center;
align-items: center;
}
.trainList ul li .infoBox .name a {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.trainList ul li .detail {
text-align: center;
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5);
position: absolute;
bottom: -200px;
left: 0;
right: 0;
padding: 15px 10px
}
.trainList ul li .detail a {
font-size: 13px;
border: 2px solid #fff;
border-radius: 50px;
color: #fff;
display: inline-block;
padding: 5px 23px
}
.trainList ul li .detail span {
margin-left: 10px
}
.trainList ul li .detail span::before {
content: "\e6b7"
}
.inStrainDetails .wdLocation {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.inStrainDetails .wdLocation a {
padding: 0 15px
}
.inStrainDetails .wdLocation a:first-child {
padding-left: 0
}
.inStrainDetails .wdLocation a:first-child::before {
display: none
}
.inStrainDetails .wdLocation a::after {
display: none
}
.inStrainDetails .wdLocation a::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background: url(../images/yjt.png) no-repeat center center
}
.trainArgum {
margin: 20px 0 0;
background-color: #fff
}
.trainArgum .img img {
width: 100%
}
.trainArgum .info {
padding: 20px
}
.trainArgum .name {
padding: 0 0 10px;
font-weight: bold;
border-bottom: 1px solid #f4f4f4;
margin: 0 0 10px
}
.trainArgum .desc {
color: #666666;
line-height: 24px
}
.trainArgum .orderBtns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0 0
}
.trainArgum .orderBtns a {
color: #fff;
padding: 8px 15px;
border-radius: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px
}
.trainArgum .orderBtns a img {
height: 17px;
margin-right: 5px
}
.trainArgum .orderBtns .btn1 {
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5)
}
.trainArgum .orderBtns .btn2 {
background-image: -webkit-gradient(linear, left top, right top, from(#1ea5dd), to(#1ec8dd));
background-image: -webkit-linear-gradient(left, #1ea5dd, #1ec8dd);
background-image: -o-linear-gradient(left, #1ea5dd, #1ec8dd);
background-image: linear-gradient(to right, #1ea5dd, #1ec8dd)
}
.product-box {
padding-top: 26px
}
.product-tab {
margin: 20px 0 0;
padding: 0 20px;
background: #23479b;
border-radius: 10px 10px 0 0
}
.product-tab .swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.product-tab a {
width: auto;
font-weight: bold;
border-bottom: 2px solid #23479b;
font-size: 12px;
padding: 13px 10px;
color: #a8b3d2;
white-space: nowrap;
text-align: center;
-webkit-transition: background ease-in .3s;
-o-transition: background ease-in .3s;
transition: background ease-in .3s
}
.product-tab a.cur,
.product-tab a:hover {
color: #fff;
border-color: #fff
}
.product-deatilsbox {
font-size: 14px;
overflow: hidden;
padding: 35px 20px;
background-color: #fff
}
.product-deatilsbox img {
max-width: 100%
}
.product-deatilsbox .mdeatils-box {
display: none
}
.mdeatils-box h5 {
font-size: 16px;
padding: 0 0 10px
}
.related-products {
background: #F2F2F2;
padding: 35px 20px 24px
}
.related-title {
font-size: 18px;
font-weight: bold;
color: #009ca3
}
.related-list {
margin-top: 20px;
overflow: hidden
}
.related-list ul li {
float: left;
width: 33.3%;
margin-right: 28px
}
.related-list ul li a {
display: block
}
.related-list ul li img {
display: block;
width: 100%
}
.related-btn {
text-align: center;
padding-top: 26px
}
.related-btn span {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #22469a;
border-radius: 100%;
position: relative;
cursor: pointer;
margin: 0 9px
}
.related-btn span:after {
content: "";
position: absolute;
top: 8px;
left: 10px;
width: 12px;
height: 12px;
border-right: 1px solid #C3C3C3;
border-top: 1px solid #C3C3C3;
border-left: 0;
border-bottom: 0;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.related-btn span.related-right:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 5px
}
.related-btn span:hover {
border-color: #009ca3
}
.related-btn span:hover:after {
border-color: #009ca3
}
.mdeatils-box {
color: #666666
}
.mdeatils-box h5 {
color: #333;
font-weight: bold
}
.inswyxBox {
overflow: hidden;
color: #666666
}
.inswyxBox div {
text-align: center;
}
.inswyxBox img {
margin: 8px auto;
}
.inswyxBox h5 {
color: #000000;
padding: 15px 0 5px
}
.swyxBoxCon4 {
margin-top: 70px;
}
.swyxBoxCon4 .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.swyxBoxCon4 .top .controlBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_prev,
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next {
width: 2.1354vw;
height: 2.1354vw;
border: .1042vw solid #adc2d1;
background-image: none;
position: static;
border-radius: 50%;
text-align: center;
opacity: 1
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_prev::after,
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next::after {
display: none
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_prev i,
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next i {
font-size: .625vw;
color: #adc2d1;
line-height: 1.9271vw;
font-weight: bold
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_prev:hover,
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next:hover {
border-color: #45a6f1
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_prev:hover i,
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next:hover i {
color: #45a6f1
}
.swyxBoxCon4 .top .controlBox .swyxBoxCon4_next {
margin-left: .3646vw
}
.swyxBoxCon4 .swyxBoxCon4_swiper {
padding: 1.5625vw 0 0
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide {
-webkit-box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05);
box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05)
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a {
background-color: #fff;
display: block;
position: relative
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .img {
overflow: hidden
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .img .picture_container {
padding-top: 100%
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text {
padding: 1.3021vw 1.0417vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text h5 {
text-align: center;
font-size: 0.89vw;
color: #000;
line-height: 1.25vw;
display: -webkit-box;
height: 2.5vw;
line-height: 1.25vw;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: -webkit-calc(100% - 1.5625vw);
width: calc(100% - 1.5625vw)
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text i {
width: 1.3542vw;
height: 1.3542vw;
background-color: #124497;
color: #fff;
text-align: center;
line-height: 1.3542vw;
font-size: .625vw;
border-radius: 50%
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .Lhide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(../images/indexCpbg.png);
background-position: bottom;
-webkit-background-size: 100% 100%;
background-size: 100%;
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .Lhide .on {
width: 7.6563vw;
height: 2.4479vw;
line-height: 2.2396vw;
border-radius: 1.1458vw;
border: solid .1042vw #ffffff;
padding: 0 1.4063vw 0 1.3542vw;
font-size: .7292vw;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 1.5625vw;
white-space: nowrap
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .Lhide .on i {
font-size: .625vw;
color: #fff
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a:hover .Lhide {
opacity: 1
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a:hover .text {
opacity: 0
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swyxBoxCon4_pagination {
display: none
}
.inDateLists {
padding: 20px 0
}
.inDateLists .info {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
position: relative;
margin: 0 0 20px 0
}
.inDateLists .info .name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #2b2b2b;
width: 57%
}
.inDateLists .info .icon {
position: absolute;
left: 50%;
top: 0;
opacity: 0.3
}
.inDateLists .info .icon img {
height: 35px
}
.inDateLists .info .down {
color: #2b2b2b;
background-color: #fff;
border-radius: 50px;
padding: 10px 20px
}
.inDateLists .info .down span {
padding-left: 22px
}
.inDateLists .info .down span::before {
content: "\e620"
}
.talentList {
padding: 20px 0
}
.talentInfo {
background-color: #fff;
padding: 20px;
border-radius: 15px;
margin: 0 0 15px
}
.talentInfo .img {
border-radius: 15px;
overflow: hidden;
}
.talentInfo .img img {
width: 100%
}
.talentInfo .text {
padding: 20px 0 0
}
.talentInfo .text .name {
color: #1b1b1b
}
.talentInfo .text .name span {
color: #818181;
font-size: 14px;
position: relative;
padding-left: 10px;
display: inline-block;
vertical-align: top;
vertical-align: inherit
}
.talentInfo .text .name span::before {
content: '/';
position: absolute;
left: 0px;
top: 0px;
font-size: 14px;
color: #818181
}
.talentInfo .text .desc {
padding: 10px 0 0;
color: #474747;
/* word-break:break-all; */
text-align: justify;
}
.talentInfo .text .more {
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5);
padding: 5px 28px;
border-radius: 50px;
margin: 15px 0 0;
display: inline-block;
vertical-align: top;
}
.talentInfo .text .info {
padding: 20px 0 0
}
.talentInfo .text .info img {
margin: 0 11px 0 0;
height: 18px;
vertical-align: middle
}
.in-hotnews {
width: 100%;
overflow: hidden;
position: relative
}
.in-hotnews .swiper-slide {
width: 100%;
position: relative;
overflow: hidden;
background-color: #fff;
border-radius: 15px
}
.in-newsdl {
width: 100%;
border-radius: 15px
}
.in-newsdl:after {
content: '';
display: block;
clear: both;
visibility: visible;
height: 0
}
.in-newsdl dt {
width: 100%;
overflow: hidden;
border-radius: 15px 0 0 15px
}
.in-newsdl dt a {
display: block;
width: 100%
}
.in-newsdl dt a img {
display: block;
width: 100%;
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
transition: all 0.9s
}
.in-newsdl dd {
width: 100%;
padding: 20px 10px 32px;
border-radius: 15px
}
.in-newsdl dd .title {
font-weight: bold;
font-size: 16px;
max-height: 48px;
line-height: 24px;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
.in-newsdl dd .title a {
display: block
}
.in-newsdl dd .info {
font-size: 14px;
height: 96px;
color: #808080;
margin-top: 10px;
margin-bottom: 5px;
display: -webkit-box;
height: 96px;
line-height: 24px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}
.in-newsdl dd .date {
font-size: .7292vw
/* 14px -> .7292vw */
;
color: #666666
}
.incomore {
font-size: 13px;
display: inline-block;
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5);
padding: 10px 20px;
text-align: center;
border-radius: 50px;
margin: 10px 0 0
}
.incomore:hover {
color: #fff
}
.incomore span {
color: #fff;
margin-left: 8px
}
.incomore span::before {
content: "\e651"
}
.hotnews-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 20px !important;
z-index: 3
}
.hotnews-pagination span {
width: 8px;
height: 4px;
background-color: #cccccc;
border-radius: 15px;
-webkit-transition: all 0.5;
-o-transition: all 0.5;
transition: all 0.5;
opacity: 1
}
.hotnews-pagination span.swiper-pagination-bullet-active {
background-color: #124497;
width: 30px;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s
}
.innewsList {
padding: 20px 0 40px
}
.innewsList ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.innewsList ul li {
padding: 0 10px 20px
}
.innewsList ul li .newsBox {
background-color: #fff;
border-radius: 15px;
padding: 20px
}
.innewsList ul li .newsBox .date {
font-size: 13px;
color: #535353;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.innewsList ul li .newsBox .date .icon {
width: 15px;
height: 14px;
margin-right: 5px;
background: url(../images/rili.png) no-repeat center center;
-webkit-background-size: contain;
background-size: contain
}
.innewsList ul li .newsBox .tit {
margin: 5px 0 0;
color: #000
}
.innewsList ul li .newsBox .desc {
color: #888888;
margin: 10px 0 0;
display: -webkit-box;
height: 72px;
line-height: 24px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
.innewsList ul li .newsBox .line {
border-top: 1px solid #ebebed;
margin: 10px 0
}
#plat_video {
display: block;
width: 100%;
position: relative;
z-index: 1
}
.cact img {
height: 18px
}
.sidebar {
position: fixed;
z-index: 99;
right: -200px;
top: 40%;
border-right: 1px solid #dfdfdf;
background-color: #ffffff;
display: block;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 80px;
border-radius: 15px 0 0 15px;
box-shadow: -2px 0 10px #ddd;
}
.sidebar.active {
right: 0
}
.sidebar a {
display: block;
text-align: center;
padding: 20px 0px 4px;
color: #5b5b5b;
position: relative;
border-bottom: none
}
.sidebar a span {
display: block;
height: 54px;
font-size: 12px;
background-repeat: no-repeat;
background-position: top center;
-webkit-background-size: 16px 16px;
background-size: 16px;
padding-top: 28px;
position: relative;
z-index: 9
}
.sidebar a:nth-child(2) span {
height: 72px;
}
.sidebar a:nth-child(3) span {
height: 72px;
}
.sidebar a span.icon1 {
background-image: url(../images/slideicon1ho.png)
}
.sidebar a span.icon2 {
background-image: url(../images/slideicon2ho.png)
}
.sidebar a span.icon3 {
background-image: url(../images/slideicon3ho.png)
}
.sidebar a span.icon4 {
background-image: url(../images/slideicon4ho.png)
}
.sidebar a span.icon5 {
background-image: url(../images/slideicon5ho.png)
}
.sidebar a .sidebarTel {
position: absolute;
display: none;
text-align: left;
right: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1c86d7), to(#1c97d7));
background-image: -webkit-linear-gradient(top, #1c86d7, #1c97d7);
background-image: -o-linear-gradient(top, #1c86d7, #1c97d7);
background-image: linear-gradient(to bottom, #1c86d7, #1c97d7);
padding: 10px 0px 0px 20px;
color: #f3eccb;
font-size: 12px;
width: 305px
}
.sidebar a .sidebarTel em {
font-style: normal;
font-size: 24px;
color: #ffffff;
display: block
}
.sidebar a.hometop em {
position: relative;
display: block;
font-style: normal;
padding: 10px 0px 5px
}
.sidebar a.hometop em:after {
content: '';
position: absolute;
left: 50%;
top: 0px;
margin-left: -5px
}
.sidebar a .Qrcode {
position: absolute;
right: 100%;
top: 100%;
margin: -81px 0px 0px -81px;
width: 160px;
background-color: #fff;
display: none
}
.sidebar a .Qrcode img {
width: 160px
}
.sidebar a:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#1c86d7), to(#1c97d7));
background-image: -webkit-linear-gradient(top, #1c86d7, #1c97d7);
background-image: -o-linear-gradient(top, #1c86d7, #1c97d7);
background-image: linear-gradient(to bottom, #1c86d7, #1c97d7);
color: #fff
}
.sidebar a:first-child {
border-radius: 15px 0 0 0
}
.sidebar a:last-child {
border-radius: 0 0 0 15px;
padding: 10px 0 14px
}
.sidebar a:hover span.icon1 {
background-image: url(../images/slideicon1.png)
}
.sidebar a:hover span.icon2 {
background-image: url(../images/slideicon2.png)
}
.sidebar a:hover span.icon3 {
background-image: url(../images/slideicon3.png)
}
.sidebar a:hover span.icon4 {
background-image: url(../images/slideicon4.png)
}
.sidebar a:hover span.icon5 {
background-image: url(../images/slideicon5.png)
}
.pagecont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.pagecont a {
display: block;
width: 48px;
height: 48px;
background-color: #fff;
border-radius: 10px;
line-height: 48px;
text-align: center;
font-size: 13px;
color: #353535;
margin: 0 7px;
padding: 0;
border: 1px solid #ffffff !important;
}
.pagecont a:hover,
.pagecont a.cur {
background-color: #124497;
border-color: #124497;
color: #fff
}
.pagecont a.cur {
font-size: 17px;
font-weight: bold
}
.pagecont a.prev {
font-weight: bold
}
.pagecont a.prev span::before {
content: "\e6a5"
}
.pagecont a.next {
font-weight: bold
}
.pagecont a.next span::before {
content: "\e764"
}
.layui-laypage a,
.layui-laypage span {
padding: 0 !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
background-color: #124497 !important;
}
.layui-laypage-em {
border-radius: 10px;
}
.layui-box a,
.layui-box .layui-laypage-curr {
width: 48px;
height: 48px;
line-height: 48px;
}
.layui-box .layui-laypage-curr {
border-width: none;
background: none;
border-radius: 10px;
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
line-height: 48px;
}
.layui-laypage>a:first-child,
.layui-laypage>a:first-child em {
border-radius: 10px;
}
.layui-laypage>a:last-child,
.layui-laypage>a:last-child em {
border-radius: 10px;
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {}
.layui-laypage a,
.layui-laypage span,
.layui-laypage input,
.layui-laypage button,
.layui-laypage select {
border: none;
}
.layui-laypage a,
.layui-laypage span {
width: 48px;
height: 48px;
line-height: 48px;
margin: 0 7px;
border-radius: 10px;
}
.btnlink {
display: none;
width: 100%;
height: 45px;
line-height: 45px;
background-color: #124497;
color: #fff;
text-align: center;
border-radius: 10px;
}
.btnlink:hover {
color: #fff;
}
@media (max-width: 465px) {
.btnlink {
display: block;
}
.pagecont {
display: none;
}
.PopupVideoBox {
position: fixed;
z-index: 9999;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none
}
.PopupVideo {
position: absolute;
left: 50%;
width: 100%;
top: 50%;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0px 25px;
height: 90%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.videoPlayer {
max-height: 90%;
max-width: 90%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.PopupVideo video {
max-height: 90%;
max-width: 90%
}
.PopupVideo iframe {
width: 80%;
height: 90%
}
.closeVideo {
position: absolute;
right: 25px;
top: -25px;
width: 22px;
height: 22px;
cursor: pointer;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closeVideo::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 100%;
background: #fff;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.closeVideo::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.inDateLists .info .down {
font-size: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5)
}
.inDateLists .info .down span {
font-size: 12px;
padding-left: 0;
color: #fff
}
}
@media (max-width: 768px) {
.wdLocation {
display: none
}
.cact {
padding-top: 20px;
}
.swyxBoxCon4 {
margin-top: 30px;
}
.swyxBoxCon4 .top {
display: block
}
.swyxBoxCon4 .top .controlBox {
display: none
}
.swyxBoxCon4 .swyxBoxCon4_swiper {
padding: 20px 0 40px
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide {
-webkit-box-shadow: 5px 8px 30px 0vw rgba(0, 0, 0, 0.05);
box-shadow: 5px 8px 30px 0vw rgba(0, 0, 0, 0.05)
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text {
padding: 20px 15px
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text h5 {
font-size: 14px;
line-height: 18px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px;
width: 100%;
text-align: center;
height: 36px
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text i {
display: none
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .Lhide {
display: none
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a:hover .text {
opacity: 1
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swyxBoxCon4_pagination {
display: block
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swyxBoxCon4_pagination .swiper-pagination-bullet-active {
background-color: #124497
}
}
@media (max-width: 923px) {
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text h5 {
font-size: 14px;
line-height: 18px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px;
height: 36px
}
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .Lhide .on,
.swyxBoxCon4 .swyxBoxCon4_swiper .swiper-slide a .text i {
width: 25px;
height: 25px;
line-height: 25px
}
}
@media (max-width: 992px) {
.common-left {
background-color: #fff;
border-radius: 15px;
padding: 20px 20px 10px;
margin: 0 0 20px
}
.common-nav {
padding: 10px 0 0
}
.common-nav ul li .three-nav {
padding: 10px 0 0 10px
}
.common-nav ul li .three-nav a {
padding: 5px 10px;
position: relative
}
.common-nav ul li .three-nav a::before {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #666;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0
}
.common-nav ul li h5.cur a {
background: none;
color: #124497
}
.common-nav ul li .three-nav a:hover,
.common-nav ul li .three-nav a.cur {
background: none;
color: #124497
}
.common-nav ul li .three-nav a:hover::before,
.common-nav ul li .three-nav a.cur::before {
background-color: #124497
}
}
@media (min-width: 768px) {
.infoSelect .info i {
font-size: .7292vw
/* 14px -> .7292vw */
;
}
.wfont24 {
font-size: .9375vw
/* 18px -> .9375vw */
}
.wfont28 {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
}
.wfont38,
.wfont30 {
font-size: 1.1458vw
/* 22px -> 1.1458vw */
}
.wfont40 {
font-size: 1.25vw
/* 24px -> 1.25vw */
}
.inside-banner .image img {
height: auto
}
.wcontactBox {
padding: 2.6042vw
/* 50px -> 2.6042vw */
0
}
.wcontact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 1.5625vw
/* 30px -> 1.5625vw */
0
}
.wcontact .fleft {
padding: 0;
position: relative;
width: 50%
}
.wcontact .fleft:last-child::after {
display: none
}
.wcontact .fleft::after {
content: "";
display: block;
width: .0521vw
/* 1px -> .0521vw */
;
height: 80%;
background-color: #eeeeee;
position: absolute;
top: .1042vw
/* 2px -> .1042vw */
;
right: 0
}
.wdLocation a {
font-size: .7292vw
/* 14px -> .7292vw */
}
.insideContent {
padding: 2.0833vw
/* 40px -> 2.0833vw */
0px;
}
.noticeDesc {
line-height: 1.3542vw
/* 26px -> 1.3542vw */
;
padding: 1.0417vw
/* 20px -> 1.0417vw */
0
}
.noticeDesc h4 {
font-size: .9375vw
/* 18px -> .9375vw */
}
.noticeTitle .desc::after {
content: "";
width: 100%;
height: 1px;
background-color: #c7cacb;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0
}
.teDetailTop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.teDetailTop .img {
width: 26%
}
.teDetailTop .text {
width: 74%;
padding: 0 1.0417vw
/* 20px -> 1.0417vw */
}
.teDetailTop .text .name span {
padding-left: .9375vw
/* 18px -> .9375vw */
;
font-size: .8333vw
/* 16px -> .8333vw */
;
margin-left: .1563vw
/* 3px -> .1563vw */
}
.teDetailDesc {
padding: 1.5625vw
/* 30px -> 1.5625vw */
1.0417vw
/* 20px -> 1.0417vw */
0;
margin: 1.5625vw
/* 30px -> 1.5625vw */
0 0
}
.teTimeLine {
padding: 0 0 1.0417vw
/* 20px -> 1.0417vw */
}
.teTimeIntro {
padding: 0 0 1.5625vw
/* 30px -> 1.5625vw */
}
.teTimeIntro .dot {
padding: 0 0 0 1.5625vw
/* 30px -> 1.5625vw */
}
.watchBox {
display: block
}
.watchBox .watchUs p {
font-size: .9375vw
/* 18px -> .9375vw */
;
}
.watchBox .nShares {
padding: 1.3021vw
/* 25px -> 1.3021vw */
0 0
}
.platFooter footer .con .left .footNav {
padding-top: 0;
padding-bottom: .5208vw
/* 10px -> .5208vw */
;
border: none
}
.platFooter footer .con {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.platSwiper {
width: 93%;
max-width: 65.9375vw
/* 1266px -> 65.9375vw */
;
margin: 0 auto
}
.platSwiper_wrapper {
position: relative;
padding: 0;
margin: 0 0 1.4063vw
/* 27px -> 1.4063vw */
;
}
.platSwiper_wrapper .title {
font-size: .9375vw
/* 18px -> .9375vw */
}
.platFooter footer {
padding-top: 3.2813vw
/* 63px -> 3.2813vw */
}
.platFooter .title {
padding: 0
}
.infoSelect {
display: block;
width: 25%;
margin-left: .7813vw
/* 15px -> .7813vw */
}
.infoSelect .info {
text-align: right
}
.infoSelect .selectBox {
top: 1.5625vw
/* 30px -> 1.5625vw */
}
.infoSelect .selectBox p {
font-size: .7292vw
/* 14px -> .7292vw */
;
}
.noticeInfo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 1.3542vw
/* 26px -> 1.3542vw */
1.5625vw
/* 30px -> 1.5625vw */
}
.noticeInfo .pingtai {
max-width: 40%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.noticeInfo .pingtai::after {
content: "|";
display: block;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
color: #333
}
.noticeInfo .peixun {
max-width: 60%;
margin: 0
}
.noticeInfo .info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: 70%;
}
.noticeInfo .date span {
margin-left: .2604vw
/* 5px -> .2604vw */
}
.trainArgum {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.trainArgum .img {
width: 19.2708vw
/* 370px -> 19.2708vw */
;
flex-shrink: 0;
/* max-width: 404px; */
vertical-align: middle;
margin: 1.3021vw
/* 25px -> 1.3021vw */
0;
}
.trainArgum .info {
/* max-width: 555px */
}
.trainArgum .desc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.trainArgum .desc p {
width: 50%
}
.trainArgum .desc p:nth-child(odd) {
padding-right: .6771vw
/* 13px -> .6771vw */
;
}
.index-web {
padding-left: 1.0417vw
/* 20px -> 1.0417vw */
;
padding-right: 1.0417vw
/* 20px -> 1.0417vw */
}
.product-box {
padding-top: 1.3542vw
/* 26px -> 1.3542vw */
}
.product-tab {
padding: 0 1.875vw
/* 36px -> 1.875vw */
;
margin: 3.125vw
/* 60px -> 3.125vw */
0 0
}
.product-tab a {
font-size: .8333vw
/* 16px -> .8333vw */
;
padding: 1.3021vw
/* 25px -> 1.3021vw */
.7292vw
/* 14px -> .7292vw */
}
.product-deatilsbox {
font-size: .7292vw
/* 14px -> .7292vw */
;
padding: 1.5625vw
/* 30px -> 1.5625vw */
1.5625vw
/* 30px -> 1.5625vw */
2.0833vw
/* 40px -> 2.0833vw */
}
.related-products {
padding: 1.8229vw
/* 35px -> 1.8229vw */
2.6042vw
/* 50px -> 2.6042vw */
1.25vw
/* 24px -> 1.25vw */
}
.related-title {
font-size: 1.25vw
/* 24px -> 1.25vw */
}
.related-list {
margin-top: 1.5625vw
/* 30px -> 1.5625vw */
}
.related-list ul li {
float: left;
width: 33.3%;
margin-right: 1.4583vw
/* 28px -> 1.4583vw */
}
.related-btn {
padding-top: 1.875vw
/* 36px -> 1.875vw */
}
.mdeatils-box {
line-height: 1.5625vw
/* 30px -> 1.5625vw */
}
.mdeatils-box h5 {
padding: 0 0 .7813vw
/* 15px -> .7813vw */
}
.inDateLists {
padding: 2.3958vw
/* 46px -> 2.3958vw */
0
}
.inDateLists .info {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.inDateLists .info .name {
font-size: .8333vw
/* 16px -> .8333vw */
}
.inDateLists .info .icon {
left: 54%
}
.inDateLists .info .down {
font-size: .7292vw
/* 14px -> .7292vw */
;
}
.inDateLists .info .icon img {
height: 1.8229vw
/* 35px -> 1.8229vw */
}
.inDateLists .info:hover {
-webkit-filter: drop-shadow(.2083vw
/* 4px -> .2083vw */
.2604vw
/* 5px -> .2604vw */
.8333vw
/* 16px -> .8333vw */
rgba(48, 68, 115, 0.15));
filter: drop-shadow(.2083vw
/* 4px -> .2083vw */
.2604vw
/* 5px -> .2604vw */
.8333vw
/* 16px -> .8333vw */
rgba(48, 68, 115, 0.15))
}
.inDateLists .info:hover .down {
background-image: -webkit-gradient(linear, left top, right top, from(#124497), to(#3f90c5));
background-image: -webkit-linear-gradient(left, #124497, #3f90c5);
background-image: -o-linear-gradient(left, #124497, #3f90c5);
background-image: linear-gradient(to right, #124497, #3f90c5);
color: #fff
}
.inDateLists .info:hover .down span {
color: #fff
}
.talentList {
padding: 0 0 3.125vw
/* 60px -> 3.125vw */
}
.talentInfo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.talentInfo .img {
width: 26%;
max-width: 10.4167vw
/* 200px -> 10.4167vw */
}
.talentInfo .text {
width: 74%;
padding: 0 1.0417vw;
/* 20px -> 1.0417vw */
}
.talentInfo .text .desc {
max-height: 8.8542vw
/* 170px -> 8.8542vw */
;
padding-right: 1.0417vw
/* 20px -> 1.0417vw */
!important;
overflow-y: auto;
}
.talentInfo .text .desc::-webkit-scrollbar {
width: 2px;
height: 2px;
background-color: #fff;
}
.talentInfo .text .desc::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 6px;
background-color: #fff;
}
.talentInfo .text .desc::-webkit-scrollbar-thumb {
border-radius: 6px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #15499a;
}
.talentInfo .text .name span {
padding-left: .9375vw
/* 18px -> .9375vw */
;
font-size: .8333vw
/* 16px -> .8333vw */
;
margin-left: .1563vw
/* 3px -> .1563vw */
}
.innewsList ul li {
width: 50%
}
.innewsList ul li .newsBox .tit {
display: -webkit-box;
height: 2.5vw
/* 48px -> 2.5vw */
;
line-height: 1.25vw
/* 24px -> 1.25vw */
;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
}
@media (min-width: 992px) {
.wfont24 {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
}
.wfont28 {
font-size: 1.25vw
/* 24px -> 1.25vw */
}
.wfont38,
.wfont30 {
font-size: 1.4583vw
/* 28px -> 1.4583vw */
}
.wfont40 {
font-size: 1.5625vw
/* 30px -> 1.5625vw */
;
line-height: 2.0833vw
/* 40px -> 2.0833vw */
}
.insbanTitle .textbox {
padding: .5208vw
/* 10px -> .5208vw */
0 0
}
.insbanTitle .textbox img {
height: 1.1458vw
/* 22px -> 1.1458vw */
}
.wcontactBox {
padding: 5vw
/* 96px -> 5vw */
0 5.7292vw
/* 110px -> 5.7292vw */
}
.wcontact {
padding: 4.1667vw
/* 80px -> 4.1667vw */
0 3.125vw
/* 60px -> 3.125vw */
}
.wcontact .fleft img {
height: 4.9479vw
/* 95px -> 4.9479vw */
}
.wcontact .fleft .text {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
}
.platVideo {
float: right;
width: 49.2%;
margin: 0 0 0 1.5625vw
/* 30px -> 1.5625vw */
}
.platImg .swiper-pagination-bullet-active {
background: #164695;
}
.platInfo {
font-size: .7292vw
/* 14px -> .7292vw */
;
padding: 0
}
.platDesc {
padding: 2.0833vw
/* 40px -> 2.0833vw */
0
}
.struOrgan .img {
padding: 1.5625vw
/* 30px -> 1.5625vw */
0 0
}
.platSwiper_pagination {
display: none
}
.platBtns {
display: block;
position: absolute;
/* z-index: 3; */
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 62%;
left: 0;
width: 100%;
height: 1.9271vw
/* 37px -> 1.9271vw */
}
.platSwiper_next {
right: 0
}
.platSwiper_prev {
left: 0
}
.insideStruct {
padding: 1.5625vw
/* 30px -> 1.5625vw */
0 2.6042vw
/* 50px -> 2.6042vw */
}
.insideStructFlex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.insideStructFlex .left {
width: 100%;
max-width: 18.2292vw
/* 350px -> 18.2292vw */
}
.insideStructFlex .right {
width: 100%;
max-width: 50vw
/* 960px -> 50vw */
;
overflow: hidden
}
.structList {
padding: .5208vw
/* 10px -> .5208vw */
0 2.6042vw
/* 50px -> 2.6042vw */
1.5625vw
/* 30px -> 1.5625vw */
}
.strutInfo .date {
font-size: 1.25vw
/* 24px -> 1.25vw */
;
line-height: 1.25vw
/* 24px -> 1.25vw */
}
.strutInfo .info {
font-size: .7292vw
/* 14px -> .7292vw */
}
.strutInfo .name {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
}
.inStructNav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.inStructNav .inSnSub {
width: 43%;
padding: 0
}
.inStructNav .inSnSub a {
font-size: .8333vw
/* 16px -> .8333vw */
;
padding: .625vw
/* 12px -> .625vw */
}
.inStructNav .inSnSub a:first-child {
margin-right: 1.0417vw
/* 20px -> 1.0417vw */
}
.inStructSearch {
width: 60%;
max-width: 34.375vw
/* 660px -> 34.375vw */
;
padding-left: 1.0417vw
/* 20px -> 1.0417vw */
}
.inStructSearch form {
padding: .7292vw
/* 14px -> .7292vw */
1.5625vw
/* 30px -> 1.5625vw */
}
.inStructSearch.noSelect {
max-width: 50vw
/* 960px -> 50vw */
}
.common-left {
padding-left: 1.5625vw
/* 30px -> 1.5625vw */
}
.common-nav {
max-width: 15.625vw;
padding: 2.9688vw
/* 57px -> 2.9688vw */
0
}
.common-nav ul li {
padding: 0 0 1.9792vw
/* 38px -> 1.9792vw */
0
}
.common-nav ul li h4 a {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
;
min-width: 8.8542vw
/* 170px -> 8.8542vw */
}
.common-nav ul li h5 a {
font-size: 0.938vw;
min-width: 8.8542vw
/* 170px -> 8.8542vw */
}
.common-nav ul li h4 span {
top: 0;
right: 0;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.common-nav ul li .three-nav {
padding-top: 1.0417vw
/* 20px -> 1.0417vw */
;
/*margin-left: -1.4063vw*/
/* -27px -> -1.4063vw */
/*;*/
max-width: 14.5833vw
/* 280px -> 14.5833vw */
}
.common-nav ul li .three-nav a {
font-size: .8333vw
/* 16px -> .8333vw */
;
padding: .625vw
/* 12px -> .625vw */
1.4063vw
/* 27px -> 1.4063vw */
;
border-radius: 2.6042vw
/* 50px -> 2.6042vw */
;
margin: 0 0 .5208vw
/* 10px -> .5208vw */
}
.common-nav ul li .drop-down {
padding-left: 0px;
}
.trainList {
padding: .7813vw
/* 15px -> .7813vw */
0 2.0833vw
/* 40px -> 2.0833vw */
}
.trainList ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -0.7813vw
/* -15px -> -0.7813vw */
}
.trainList ul li {
width: 50%;
padding: .7813vw
/* 15px -> .7813vw */
.7813vw
/* 15px -> .7813vw */
0 .7813vw
/* 15px -> .7813vw */
;
margin-bottom: .7813vw
/* 15px -> .7813vw */
}
.trainList ul li .img a {
height: 22.025vw;
}
.trainList ul li:hover .detail {
bottom: 0
}
.trainList ul li .detail {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.trainList ul li .infoBox {
background-color: #eee;
}
.trainList ul li:hover .infoBox {
border-color: transparent;
}
.yqcommon-left .common-nav {
padding-top: 2.5521vw
/* 49px -> 2.5521vw */
}
.yqcommon-left ul li h4 {
display: none
}
.yqcommon-left ul li .three-nav {
/*display: block !important;*/
}
.in-hotnews {
padding-top: 3.4896vw
/* 67px -> 3.4896vw */
;
border-radius: .7813vw
/* 15px -> .7813vw */
}
.in-newsdl {
position: relative;
padding-left: 58.21%
}
.in-newsdl dt {
width: 58.21%;
position: absolute;
left: 0;
top: 0;
height: 100%
}
.in-newsdl dt a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.in-newsdl dd {
padding: 1.6667vw
/* 32px -> 1.6667vw */
1.3021vw
/* 25px -> 1.3021vw */
2.6042vw
/* 50px -> 2.6042vw */
}
.in-newsdl dd .title {
line-height: 1.6667vw
/* 32px -> 1.6667vw */
;
font-size: 1.1458vw
/* 22px -> 1.1458vw */
;
max-height: 3.3333vw
/* 64px -> 3.3333vw */
;
margin: .5208vw
/* 10px -> .5208vw */
0 0
}
.in-newsdl dd .title a:hover {
color: #124497
}
.in-newsdl dd .info {
font-size: .7292vw
/* 14px -> .7292vw */
;
height: 5vw
/* 96px -> 5vw */
;
margin-bottom: .5208vw
/* 10px -> .5208vw */
;
line-height: 1.25vw
/* 24px -> 1.25vw */
}
.newsmore:hover {
color: #fff
}
.incomore {
font-size: .7292vw
/* 14px -> .7292vw */
;
margin: 1.3021vw
/* 25px -> 1.3021vw */
0 0
}
.hotnews-pagination {
position: absolute;
bottom: .5208vw
/* 10px -> .5208vw */
;
padding-right: 1.3021vw
/* 25px -> 1.3021vw */
;
z-index: 3;
-webkit-box-pack: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
bottom: 1.0417vw
/* 20px -> 1.0417vw */
}
.innewsList ul li {
width: 33.33333%
}
.innewsList ul li .newsBox {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.innewsList ul li .newsBox:hover {
background: url(../images/newsbg.jpg) no-repeat center;
-webkit-background-size: cover;
background-size: cover
}
.innewsList ul li .newsBox:hover .date,
.innewsList ul li .newsBox:hover .tit,
.innewsList ul li .newsBox:hover .desc {
color: #fff
}
/* .innewsList ul li .newsBox .date, */
.innewsList ul li .newsBox .tit,
.innewsList ul li .newsBox .desc {
font-size: 1.25vw
/* 24px -> 1.25vw */
;
}
.innewsList ul li .newsBox:hover .icon {
background-image: url(../images/riliho.png)
}
.innewsList ul li .newsBox:hover .line {
background-color: #fff
}
}
@media (min-width: 1366px) {
.wfont24 {
font-size: 1.25vw
/* 24px -> 1.25vw */
}
.wfont28 {
font-size: 1.4583vw
/* 28px -> 1.4583vw */
}
.wfont30 {
font-size: 1.5625vw
/* 30px -> 1.5625vw */
}
.wfont38 {
font-size: 1.9792vw
/* 38px -> 1.9792vw */
}
.wfont40 {
font-size: 2.0833vw
/* 40px -> 2.0833vw */
}
.insbanTitle .textbox {
padding: 1.0417vw
/* 20px -> 1.0417vw */
0 0
}
.wcontactBox {
padding: 6.25vw
/* 120px -> 6.25vw */
0
}
.wcontact {
padding: 4.5833vw
/* 88px -> 4.5833vw */
0 5.2083vw
/* 100px -> 5.2083vw */
}
.wcontact .fleft h3 {
padding: 1.25vw
/* 24px -> 1.25vw */
0 1.0417vw
/* 20px -> 1.0417vw */
}
.insideContBox {
padding: 0px 0 6.0417vw
/* 116px -> 6.0417vw */
;
}
.insideContent {
padding: 3.125vw
/* 60px -> 3.125vw */
0px;
}
.noticeDesc {
line-height: 1.7188vw
/* 33px -> 1.7188vw */
;
font-size: .8333vw
/* 16px -> .8333vw */
;
padding: 1.7708vw
/* 34px -> 1.7708vw */
0 3.125vw
/* 60px -> 3.125vw */
}
.noticeDesc h4 {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
;
padding: 0 0 .7813vw
/* 15px -> .7813vw */
}
.noticeTitle .desc {
margin: 1.5625vw
/* 30px -> 1.5625vw */
0
}
.noticeTitle .desc span {
padding: .2604vw
/* 5px -> .2604vw */
.5208vw
/* 10px -> .5208vw */
}
.noticeBottom {
padding: 1.9792vw
/* 38px -> 1.9792vw */
0 3.9063vw
/* 75px -> 3.9063vw */
}
.nShares {
font-size: .8333vw
/* 16px -> .8333vw */
}
.nShares .bdsharebuttonbox a {
margin-left: .6771vw
/* 13px -> .6771vw */
}
.teTimeList ul li {
padding: 0 0 1.0417vw
/* 20px -> 1.0417vw */
}
.platInfo {
font-size: .8333vw
/* 16px -> .8333vw */
}
.platformBox {
padding: 3.125vw
/* 60px -> 3.125vw */
0
}
.struOrgan .img {
padding: 2.9167vw
/* 56px -> 2.9167vw */
0 0
}
.noticeInfo {
font-size: .9375vw
/* 18px -> .9375vw */
}
.noticeLists {
padding-bottom: 4.0625vw
/* 78px -> 4.0625vw */
}
.trainList {
padding: .7813vw
/* 15px -> .7813vw */
0 2.0833vw
/* 40px -> 2.0833vw */
}
.trainList ul li {
width: 33.333333%
}
.trainList ul li .img a {
height: 15.625vw;
}
.trainList ul li .infoBox .name {
font-size: .8333vw
/* 16px -> .8333vw */
}
.innewsList {
padding: 2.3958vw
/* 46px -> 2.3958vw */
0 6.9792vw
/* 134px -> 6.9792vw */
}
.innewsList ul {
margin: 0 -0.7813vw
/* -15px -> -0.7813vw */
;
padding: 0 0 2.6042vw
/* 50px -> 2.6042vw */
}
.innewsList ul li {
padding: .7813vw
/* 15px -> .7813vw */
;
width: 33.33333%
}
.innewsList ul li .newsBox {
padding: 2.9688vw
/* 57px -> 2.9688vw */
2.3958vw
/* 46px -> 2.3958vw */
3.6979vw
/* 71px -> 3.6979vw */
2.6042vw
/* 50px -> 2.6042vw */
}
.innewsList ul li .newsBox .tit {
margin: .9896vw
/* 19px -> .9896vw */
0 0;
line-height: 1.7708vw
/* 34px -> 1.7708vw */
;
height: 3.5417vw
/* 68px -> 3.5417vw */
}
.innewsList ul li .newsBox .line {
margin: 2.1354vw
/* 41px -> 2.1354vw */
0
}
.innewsList ul li .newsBox .desc {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.4063vw
/* 27px -> 1.4063vw */
;
height: 4.2188vw
/* 81px -> 4.2188vw */
}
}
.cact {
padding-top: 35px;
text-align: left !important;
}
@media (min-width: 1600px) {
.cact {
padding-top: 2.0833vw
/* 40px -> 2.0833vw */
;
}
.infoSelect {
margin-left: 1.4063vw
/* 27px -> 1.4063vw */
}
.insideContent {
padding: 4.1667vw
/* 80px -> 4.1667vw */
0px;
}
.noticeDesc {
padding: 1.7708vw
/* 34px -> 1.7708vw */
0 6.3542vw
/* 122px -> 6.3542vw */
}
.teDetailTop .text {
padding: 1.3021vw
/* 25px -> 1.3021vw */
1.875vw
/* 36px -> 1.875vw */
0 3.125vw
/* 60px -> 3.125vw */
}
.teDetailTop .text .desc {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
;
padding: .8854vw
/* 17px -> .8854vw */
0 0
}
.teTimeList ul li {
padding: 0 0 1.3021vw
/* 25px -> 1.3021vw */
}
.teTimeList ul li span {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
;
padding: 0 0 0 1.6667vw
/* 32px -> 1.6667vw */
;
min-width: 6.3542vw
/* 122px -> 6.3542vw */
}
.teTimeList ul li span:first-child {
margin-right: 4.1667vw
/* 80px -> 4.1667vw */
}
.teDetailDesc {
padding: 2.0833vw
/* 40px -> 2.0833vw */
1.875vw
/* 36px -> 1.875vw */
0;
margin: 2.5vw
/* 48px -> 2.5vw */
0 0
}
.teTimeLine {
padding: 0 0 2.1875vw
/* 42px -> 2.1875vw */
}
.teTimeIntro {
padding: 0 0 3.4896vw
/* 67px -> 3.4896vw */
}
.teTimeIntro:last-child {
padding-bottom: 0
}
.teTimeIntro .intro {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
;
padding: 1.1979vw
/* 23px -> 1.1979vw */
0 0
}
.platVideo {
margin: 0 0 0 3.3854vw
/* 65px -> 3.3854vw */
}
.platInfo {
font-size: .9375vw
/* 18px -> .9375vw */
;
line-height: 1.4583vw
/* 28px -> 1.4583vw */
}
.platformBox {
padding: 5.625vw
/* 108px -> 5.625vw */
0 6.7708vw
/* 130px -> 6.7708vw */
}
.platformBox h2 {
line-height: 2.7083vw
/* 52px -> 2.7083vw */
}
.platDesc {
padding: 2.9167vw
/* 56px -> 2.9167vw */
0 5.3125vw
/* 102px -> 5.3125vw */
}
.platVideo .text .icon {
font-size: .9375vw
/* 18px -> .9375vw */
}
.insideStructFlex .laydate-set-ym {
font-size: 1.0417vw
/* 20px -> 1.0417vw */
}
.insideStructFlex .layui-laydate-header {
padding-left: 1.0417vw
/* 20px -> 1.0417vw */
;
padding-right: 1.0417vw
/* 20px -> 1.0417vw */
}
.insideStructFlex .layui-laydate-content {
padding-top: 1.6667vw
/* 32px -> 1.6667vw */
;
overflow: hidden
}
.insideStructFlex .layui-laydate-content tbody tr:first-child td {
padding-top: 1.3542vw
/* 26px -> 1.3542vw */
}
.insideStructFlex .layui-laydate-content th {
padding: .5208vw
/* 10px -> .5208vw */
.625vw
/* 12px -> .625vw */
}
.insideStructFlex .layui-laydate-content td {
padding: .5208vw
/* 10px -> .5208vw */
.625vw
/* 12px -> .625vw */
}
.structList {
padding: .5208vw
/* 10px -> .5208vw */
0 4.1146vw
/* 79px -> 4.1146vw */
3.125vw
/* 60px -> 3.125vw */
}
.insideStruct {
padding: 2.9167vw
/* 56px -> 2.9167vw */
0 6.1979vw
/* 119px -> 6.1979vw */
0
}
.strutInfo {
padding: 1.3542vw
/* 26px -> 1.3542vw */
0 1.3542vw
/* 26px -> 1.3542vw */
1.7188vw
/* 33px -> 1.7188vw */
}
.strutInfo .date {
font-size: 1.875vw
/* 36px -> 1.875vw */
;
line-height: 1.875vw
/* 36px -> 1.875vw */
}
.strutInfo .info {
font-size: .8333vw
/* 16px -> .8333vw */
;
padding-left: 1.5625vw
/* 30px -> 1.5625vw */
}
.strutInfo .name {
font-size: 1.25vw
/* 24px -> 1.25vw */
}
.strutInfo .plate {
padding: .2604vw
/* 5px -> .2604vw */
0 .5208vw
/* 10px -> .5208vw */
}
.strutInfo .time {
padding: 0 0 .1563vw
/* 3px -> .1563vw */
0
}
.inStructSearch {
padding-left: 0
}
.inStructSearch form {
padding: .7292vw
/* 14px -> .7292vw */
2.0833vw
/* 40px -> 2.0833vw */
.7292vw
/* 14px -> .7292vw */
1.5625vw
/* 30px -> 1.5625vw */
}
.inStructSearch .infoInput {
font-size: .8333vw
/* 16px -> .8333vw */
}
.infoSelect .selectBox {
top: 2.0833vw
/* 40px -> 2.0833vw */
}
.infoSelect .selectBox p {
font-size: .6771vw
/* 13px -> .6771vw */
;
}
.infoButton {
font-size: 1.25vw
/* 24px -> 1.25vw */
;
margin-left: 1.0417vw
/* 20px -> 1.0417vw */
;
padding-left: 1.0417vw
/* 20px -> 1.0417vw */
}
.inStructNav {
padding: 4.1667vw
/* 80px -> 4.1667vw */
0 0
}
.trainList {
padding: 1.8229vw
/* 35px -> 1.8229vw */
0 3.3333vw
/* 64px -> 3.3333vw */
}
.trainList ul li .infoBox {
padding: 1.3021vw
/* 25px -> 1.3021vw */
2.6042vw
/* 50px -> 2.6042vw */
1.4063vw
/* 27px -> 1.4063vw */
}
.trainList ul li .detail {
padding: 1.25vw
/* 24px -> 1.25vw */
.5208vw
/* 10px -> .5208vw */
1.7188vw
/* 33px -> 1.7188vw */
}
.trainList ul li .detail a {
font-size: .7292vw
/* 14px -> .7292vw */
;
padding: .4688vw
/* 9px -> .4688vw */
1.1979vw
/* 23px -> 1.1979vw */
}
.trainList ul li .detail a span {
margin-left: 1.3021vw
/* 25px -> 1.3021vw */
}
.trainArgum {
margin: 1.9271vw
/* 37px -> 1.9271vw */
0 0
}
.trainArgum .info {
padding: 1.7708vw
/* 34px -> 1.7708vw */
3.125vw
/* 60px -> 3.125vw */
1.0417vw
/* 20px -> 1.0417vw */
2.8646vw
/* 55px -> 2.8646vw */
}
.trainArgum .name {
padding: 0 0 1.3021vw
/* 25px -> 1.3021vw */
;
margin: 0 0 1.1458vw
/* 22px -> 1.1458vw */
}
.trainArgum .desc {
line-height: 1.5625vw
/* 30px -> 1.5625vw */
}
.trainArgum .orderBtns {
padding: 1.6146vw
/* 31px -> 1.6146vw */
0 0
}
.trainArgum .orderBtns a {
padding: .5729vw
/* 11px -> .5729vw */
1.3021vw
/* 25px -> 1.3021vw */
}
.trainArgum .orderBtns a img {
margin-right: .5208vw
/* 10px -> .5208vw */
}
.product-tab a {
margin-right: .8854vw
/* 17px -> .8854vw */
}
.product-deatilsbox {
padding: 2.9167vw
/* 56px -> 2.9167vw */
4.2708vw
/* 82px -> 4.2708vw */
3.8021vw
/* 73px -> 3.8021vw */
}
.inswyxBox {
padding-top: .5208vw
/* 10px -> .5208vw */
;
line-height: 1.5625vw
/* 30px -> 1.5625vw */
;
font-size: .8333vw
/* 16px -> .8333vw */
}
.inswyxBox h5 {
padding: 1.9792vw
/* 38px -> 1.9792vw */
0 .4688vw
/* 9px -> .4688vw */
}
.inDateLists {
padding: 2.3958vw
/* 46px -> 2.3958vw */
0 2.8646vw
/* 55px -> 2.8646vw */
}
.inDateLists .info {
padding: 1.3542vw
/* 26px -> 1.3542vw */
1.0417vw
/* 20px -> 1.0417vw */
}
.inDateLists .info .name {
font-size: .9375vw
/* 18px -> .9375vw */
}
.inDateLists .info .icon img {
height: 3.125vw
/* 60px -> 3.125vw */
}
.inDateLists .info .down {
padding: .7292vw
/* 14px -> .7292vw */
1.8229vw
/* 35px -> 1.8229vw */
.7292vw
/* 14px -> .7292vw */
1.4063vw
/* 27px -> 1.4063vw */
}
.talentList {
padding: 0 0 4.6875vw
/* 90px -> 4.6875vw */
}
.talentInfo {
padding: 2.0833vw
/* 40px -> 2.0833vw */
;
margin: 0 0 1.5625vw
/* 30px -> 1.5625vw */
}
.talentInfo:hover .img img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03)
}
.talentInfo .img {
overflow: hidden
}
.talentInfo .img img {
-webkit-transition: -webkit-transform ease .7s;
transition: -webkit-transform ease .7s;
-o-transition: -o-transform ease .7s;
transition: transform ease .7s;
transition: transform ease .7s, -webkit-transform ease .7s, -o-transform ease .7s
}
.talentInfo .text {
padding: 0
}
.talentInfo .text .desc {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
;
padding: .7813vw
/* 15px -> .7813vw */
0 0
}
.talentInfo .text .more {
margin: 1.25vw
/* 24px -> 1.25vw */
0 0;
padding: .4167vw
/* 8px -> .4167vw */
1.6667vw
/* 32px -> 1.6667vw */
}
.talentInfo .text .info {
font-size: .8333vw
/* 16px -> .8333vw */
;
line-height: 1.3542vw
/* 26px -> 1.3542vw */
}
.talentInfo .text .info img {
margin-right: 1.0417vw
/* 20px -> 1.0417vw */
;
vertical-align: middle;
height: .9375vw
/* 18px -> .9375vw */
}
.in-newsdl dd {
padding: 2.2917vw
/* 44px -> 2.2917vw */
4.1667vw
/* 80px -> 4.1667vw */
5.5729vw
/* 107px -> 5.5729vw */
2.6042vw
/* 50px -> 2.6042vw */
}
.in-newsdl dd .info {
margin: .9896vw
/* 19px -> .9896vw */
0 0
}
.in-newsdl dd .title {
margin: .9375vw
/* 18px -> .9375vw */
0 0 0
}
.incomore {
margin: 2.3958vw
/* 46px -> 2.3958vw */
0 0
}
.hotnews-pagination {
padding-right: 4.1667vw
/* 80px -> 4.1667vw */
;
bottom: 2.6042vw
/* 50px -> 2.6042vw */
!important
}
}
/* */
.trainArgum .img img {
-o-object-fit: cover;
object-fit: cover
}
@media (max-width: 1024px) {
.insideStructFlex .layui-laydate {
display: block;
margin: 0 auto
}
.infoButton {
margin-left: 15px
}
}
@media (max-width: 1680px) {
.infoButton {
margin-left: 15px
}
}
@media (min-width: 768px) {
.wdLocation a {
font-size: .625vw
/* 12px -> .625vw */
}
.product-tab a {
font-size: .625vw
/* 12px -> .625vw */
}
.trainArgum .desc p {
font-size: .7292vw
/* 14px -> .7292vw */
;
width: 100%
}
.trainArgum .desc p:nth-last-child(-n+2) {
width: 100%;
}
}
@media (min-width: 1260px) {
.wdLocation a {
font-size: .7292vw
/* 14px -> .7292vw */
}
.product-tab a {
font-size: .8333vw
/* 16px -> .8333vw */
}
.trainArgum .desc p {
width: 50%
}
}
* {
padding: 0;
margin: 0
}
.con1340 {
width: 100%;
margin: 0 auto;
max-width: 1340px;
padding: 0 20px
}
.con1200 {
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 0 30px
}
@media (min-width: 992px) {
.con1340 {
max-width: 69.7917vw
/* 1340px -> 69.7917vw */
;
padding: 0 1.0417vw
/* 20px -> 1.0417vw */
;
}
.con1200 {
max-width: 62.5vw
/* 1200px -> 62.5vw */
;
padding: 0 1.5625vw
/* 30px -> 1.5625vw */
;
}
.con1340,
.con1200 {
padding: 0 40px
}
}
@media (min-width: 1360px) {
.con1340,
.con1200 {
padding: 0
}
}
body {
padding-top: 60px !important;
position: relative;
-webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
left: 0px
}
.module_N99S7O4V {
position: relative;
z-index: 99
}
.module_N99S7O4V .header {
background: #fff;
height: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
-webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
left: 0px;
/* box-shadow: 0 0 10px #dddddd; */
}
.module_N99S7O4V .header .con1340 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.module_N99S7O4V .header .logo {
position: relative;
}
.module_N99S7O4V .header .logo a:nth-child(2) {
display: block;
position: absolute;
top: 0px;
left: 0%;
width: 61%;
height: 100%;
z-index: 2;
}
.module_N99S7O4V .header .logo img {
height: 32px
}
.module_N99S7O4V .header .navBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.module_N99S7O4V .header .navBox .navList {
background: #FAFAFA;
display: none;
position: fixed;
width: 260px;
right: -260px;
top: 0px;
bottom: 0px;
padding: 50px 0px 0px;
overflow-y: auto;
-webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}
.module_N99S7O4V .header .navBox .navList .list {
position: relative;
border-top: 1px solid #eff1f3
}
.module_N99S7O4V .header .navBox .navList .list h3 a {
padding: 0px 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 50px;
font-size: 14px;
position: relative;
color: #2d2d2d
}
.module_N99S7O4V .header .navBox .navList .list h3 a::before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
border: 1px solid #D8D8D8;
margin-right: 15px
}
.module_N99S7O4V .header .navBox .navList .list.cur {
background: #fff
}
.module_N99S7O4V .header .navBox .navList .list.cur h3 a::before {
background: #666;
border-color: #666
}
.module_N99S7O4V .header .navBox .haderOther {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.module_N99S7O4V .header .navBox .haderOther .login {
margin-left: 15px
}
.module_N99S7O4V .header .navBox .haderOther .login .loginBtn {
display: block;
text-align: center
}
.module_N99S7O4V .header .navBox .haderOther .login .loginBtn i {
color: #124497;
font-size: 18px;
font-weight: bold
}
.module_N99S7O4V .header .navBox .haderOther .login .user {
display: none;
font-size: 14px
}
.module_N99S7O4V .header .navBox .haderOther .searchBox {
margin-left: 15px;
position: relative
}
.module_N99S7O4V .header .navBox .haderOther .searchBox .searchBtn {
font-weight: bold;
display: block
}
.module_N99S7O4V .header .navBox .haderOther .searchBox .searchBtn i {
color: #124497;
font-size: 16px;
text-align: center
}
.module_N99S7O4V .header .navBox .haderOther .langBox {
margin-left: 15px;
position: relative
}
.module_N99S7O4V .header .navBox .haderOther .langBox .langBtn {
font-weight: bold;
display: block
}
.module_N99S7O4V .header .navBox .haderOther .langBox .langBtn i {
color: #124497;
font-size: 17px;
text-align: center
}
.module_N99S7O4V .header .navBox .haderOther .login .t,
.module_N99S7O4V .header .navBox .haderOther .searchBox .t,
.module_N99S7O4V .header .navBox .haderOther .langBox .t{
font-weight: normal;
display: none
}
.module_N99S7O4V .header .navBox .haderOther .navbtn {
width: 22px;
position: relative;
cursor: pointer;
margin-left: 15px;
color: #003957;
font-size: 17px
}
.module_N99S7O4V .header .searchformMain {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 99
}
.module_N99S7O4V .header .searchformMain .searchform {
background: #fff;
padding: 10px 0px 30px;
position: relative;
z-index: 99;
-webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-o-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -o-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), -o-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
opacity: 0;
-webkit-transform: translate3d(0px, -100%, 1px);
transform: translate3d(0px, -100%, 1px)
}
.module_N99S7O4V .header .searchformMain .searchform form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1080px;
margin: 0px auto;
border-bottom: 2px solid #595959;
width: 100%;
padding: 20px 0px;
position: relative
}
.module_N99S7O4V .header .searchformMain .searchform form input {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0px 15px;
font-size: 14px;
color: #333;
line-height: inherit;
vertical-align: middle
}
.module_N99S7O4V .header .searchformMain .searchform form button {
left: 0px;
font-size: 20px;
height: 100%;
top: 0px;
background: none;
border: none;
cursor: pointer
}
.module_N99S7O4V .header .searchformMain .searchform form .closeSearch {
cursor: pointer;
right: 0px;
top: 0px;
height: 100%;
font-size: 20px;
color: #333
}
.module_N99S7O4V .header .searchformMain .search_mask {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6)
}
.module_N99S7O4V .header .searchformMain.admission .searchform {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1
}
.module_N99S7O4V .admissionheader {
left: -260px
}
.module_N99S7O4V .admissionheader .navBox .navList {
right: 0px
}
.hideScroll {
overflow: hidden
}
.admissionBody {
left: -260px
}
.module_N99S7O4V .header .navBox .navList .list .subNavBtn {
position: absolute;
right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 35%;
height: 50px;
top: 0px;
right: 25px;
z-index: 10;
}
.module_N99S7O4V .header .navBox .navList .list .subNavBtn i {
width: 12px;
height: 12px;
display: block;
position: relative
}
.module_N99S7O4V .header .navBox .navList .list .subNavBtn i::after {
content: '';
width: 100%;
height: 2px;
background: #474747;
position: absolute;
left: 0px;
top: 50%;
margin-top: -1px
}
.module_N99S7O4V .header .navBox .navList .list .subNavBtn i::before {
content: '';
width: 2px;
height: 100%;
background: #474747;
position: absolute;
left: 50%;
top: 0px;
margin-left: -1px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .threeNavBox {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .fourNavBox {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList {
position: relative
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList>a {
padding: 15px 25px;
border-top: 1px solid #EBEBEB;
background: #f6f6f6;
display: block
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList>a::before {
margin-right: 10px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList .mThreeNav {
display: none
}
.module_N99S7O4V .header .navBox .navList .list.active h3 {
background: #ebebeb
}
.module_N99S7O4V .header .navBox .navList .list.active h3 a::before {
background: #666;
border-color: #666
}
.module_N99S7O4V .header .navBox .navList .list.active .subNavBtn i::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn {
position: absolute;
right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 35%;
height: 45px;
top: 0px;
right: 25px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i {
width: 12px;
height: 12px;
display: block;
position: relative
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after {
content: '';
width: 100%;
height: 2px;
background: #474747;
position: absolute;
left: 0px;
top: 50%;
margin-top: -1px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before {
content: '';
width: 2px;
height: 100%;
background: #474747;
position: absolute;
left: 50%;
top: 0px;
margin-left: -1px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
display: block;
padding: 15px 50px;
border-top: 1px solid #EBEBEB
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a::before {
margin-right: 10px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList.active1 .threeNavBtn i::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .fourNavBtn {
position: absolute;
right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 35%;
height: 45px;
top: 0px;
right: 25px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .fourNavBtn i {
width: 12px;
height: 12px;
display: block;
position: relative
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .fourNavBtn i::after {
content: '';
width: 100%;
height: 2px;
background: #474747;
position: absolute;
left: 0px;
top: 50%;
margin-top: -1px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .fourNavBtn i::before {
content: '';
width: 2px;
height: 100%;
background: #474747;
position: absolute;
left: 50%;
top: 0px;
margin-left: -1px;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mFourNav a {
display: block;
padding: 15px 20px 15px 65px;
border-top: 1px solid #EBEBEB
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mFourNav a::before {
margin-right: 10px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNavList .fourNavList.active1 .fourNavBtn i::before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList .mFourNav {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList .fourNavList {
position: relative
}
@media (min-width: 768px) {
.module_N99S7O4V .header .searchformMain .searchform {
padding: 10px 0px 40px
}
.module_N99S7O4V .header .searchformMain .searchform form {
padding: 30px 0px
}
.module_N99S7O4V .header .searchformMain .searchform form input {
margin: 0px 25px;
font-size: 16px
}
.module_N99S7O4V .header .searchformMain .searchform form button {
font-size: 24px
}
.module_N99S7O4V .header .searchformMain .searchform form .closeSearch {
font-size: 24px
}
.module_N99S7O4V .header .searchformMain .search_mask {
background: rgba(0, 0, 0, 0)
}
}
@media (min-width: 992px) {
.module_N99S7O4V .header .navBox .haderOther .login .t,
.module_N99S7O4V .header .navBox .haderOther .searchBox .t,
.module_N99S7O4V .header .navBox .haderOther .langBox .t {
font-size: .625vw
/* 12px -> .625vw */
;
line-height: 0.938vw;
min-height: 1.875vw;
color: #565c6b
}
body {
padding-top: 4.1667vw
/* 80px -> 4.1667vw */
!important
}
.module_N99S7O4V .header {
height: 4.1667vw
/* 80px -> 4.1667vw */
}
.module_N99S7O4V .header .logo img {
height: 2.1875vw
/* 42px -> 2.1875vw */
}
.module_N99S7O4V .header .navBox .haderOther .navbtn {
display: none
}
.module_N99S7O4V .header .navBox .navList {
padding: 0px;
width: auto;
right: 0px;
background: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 0px;
position: relative;
overflow: visible;
top: 0px
}
.module_N99S7O4V .header .navBox .navList .list {
padding: 0 .2604vw
/* 5px -> .2604vw */
;
border: none
}
.module_N99S7O4V .header .navBox .navList .list h3 a {
line-height: 4.1667vw
/* 80px -> 4.1667vw */
;
font-size: .7552vw
/* 14.5px -> .7552vw */
;
padding: 0px 0.469vw;
}
.module_N99S7O4V .header .navBox .navList .list h3 a::before {
display: none
}
.module_N99S7O4V .header .navBox .navList .list h3 a::after {
bottom: 0px;
width: 0px;
height: .1042vw
/* 2px -> .1042vw */
;
background: #164695;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
position: absolute;
-webkit-transition: .6s ease;
-o-transition: .6s ease;
transition: .6s ease
}
.module_N99S7O4V .header .navBox .navList .list.cur {
background: none
}
.module_N99S7O4V .header .navBox .navList .list.cur h3 a {
color: #164695
}
.module_N99S7O4V .header .navBox .navList .list.cur h3 a::after {
width: 100%
}
.module_N99S7O4V .header .navBox .navList .list:hover h3 a {
color: #164695
}
.module_N99S7O4V .header .navBox .navList .list:hover h3 a::after {
width: 100%
}
.module_N99S7O4V .header .navBox .navList .list:first-child {
margin-left: 0px
}
.module_N99S7O4V .header .navBox .navList .closeNavText {
display: none
}
.module_N99S7O4V .header .navBox .haderOther .login,
.module_N99S7O4V .header .navBox .haderOther .searchBox,
.module_N99S7O4V .header .navBox .haderOther .langBox {
width: 4.1667vw
/* 80px -> 4.1667vw */
;
border-left: .0521vw
/* 1px -> .0521vw */
solid #ecf1f9;
text-align: center
}
.module_N99S7O4V .header .navBox .haderOther .login {
margin-left: 1.1979vw
/* 23px -> 1.1979vw */
}
.module_N99S7O4V .header .navBox .haderOther .searchBox {
border-right: .0521vw
/* 1px -> .0521vw */
solid #ecf1f9;
margin: 0
}
.module_N99S7O4V .header .navBox .haderOther .langBox {
border-right: .0521vw
/* 1px -> .0521vw */
solid #ecf1f9;
margin: 0
}
.module_N99S7O4V .header .navBox .navList .list .subNavBtn {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain {
position: absolute;
min-width: 100%;
left: 0;
overflow: hidden;
max-height: 0px;
display: block
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #f9f9f9;
white-space: nowrap;
border-radius: 0px 0px .5208vw
/* 10px -> .5208vw */
.5208vw
/* 10px -> .5208vw */
;
overflow: hidden
}
.navList .list:hover .subNavMain {
overflow: visible !important;
}
.navList .list:hover .subNavBox {
overflow: visible !important;
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav {
min-width: 7.8125vw
/* 150px -> 7.8125vw */
;
padding: 1.0417vw
/* 20px -> 1.0417vw */
0px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
display: block;
background: none;
border: none;
line-height: 1.5625vw
/* 30px -> 1.5625vw */
;
font-size: .7292vw
/* 14px -> .7292vw */
;
padding: 0px 1.0417vw
/* 20px -> 1.0417vw */
;
position: relative
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover::after {
content: '';
border-right: .4167vw
/* 8px -> .4167vw */
solid transparent;
border-top: .4167vw
/* 8px -> .4167vw */
solid var(--vi-color);
position: absolute;
left: 0px;
top: 0px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover {
background: #164796;
color: #fff
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1>a::after {
content: '';
border-right: .4167vw
/* 8px -> .4167vw */
solid transparent;
border-top: .4167vw
/* 8px -> .4167vw */
solid var(--vi-color);
position: absolute;
left: 0px;
top: 0px
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1>a {
background: #164796;
color: #fff
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .threeNavBtn {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav {
display: none
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {
display: block;
position: absolute;
top: 0vw;
right: 0vw;
transform: translateX(100%);
background: #f9f9f9;
border-left: .0521vw
/* 1px -> .0521vw */
solid #eae9f1;
border-radius: 0px 0px 10px 0px;
width: 17.594vw;
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before {
display: none;
content: '';
width: 1px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background: #eae9f1
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
min-width: 7.8125vw
/* 150px -> 7.8125vw */
;
display: none;
padding: 1.5625vw
/* 30px -> 1.5625vw */
0px;
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
display: block;
line-height: 1.5625vw
/* 30px -> 1.5625vw */
;
padding: 0px 1.0417vw
/* 20px -> 1.0417vw */
;
font-size: .7292vw
/* 14px -> .7292vw */
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a:hover,
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a.cur {
background: #164796;
color: #fff
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox {
display: block;
position: absolute;
top: 0vw;
right: -16.51vw;
transform: translateX(100%);
background: #f9f9f9;
border-left: .0521vw
/* 1px -> .0521vw */
solid #eae9f1;
border-radius: 0px 0px 10px 0px;
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox::before {
display: none;
content: '';
width: 1px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
background: #eae9f1
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox .fourNav {
min-width: 7.8125vw
/* 150px -> 7.8125vw */
;
display: none;
padding: 1.5625vw
/* 30px -> 1.5625vw */
0px;
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox .fourNav>a {
display: block;
line-height: 1.5625vw
/* 30px -> 1.5625vw */
;
padding: 0px 1.0417vw
/* 20px -> 1.0417vw */
;
font-size: .7292vw
/* 14px -> .7292vw */
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox .fourNav>a:hover {
background: #164796;
color: #fff
}
.module_N99S7O4V .header .navBox .navList .list:hover .subNavMain {
max-height: 1000px;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavList>a::before {
display: none
}
}
@media (min-width: 1366px) {
.module_N99S7O4V .header {
height: 5.4167vw
/* 104px -> 5.4167vw */
;
}
.module_N99S7O4V .header .navBox .haderOther .login .loginBtn i {
font-size: .9375vw
/* 18px -> .9375vw */
;
}
.module_N99S7O4V .header .navBox .haderOther .searchBox .searchBtn i {
font-size: .9375vw
/* 18px -> .9375vw */
;
}
.module_N99S7O4V .header .navBox .haderOther .langBox .langBtn i {
font-size: .9375vw
/* 18px -> .9375vw */
;
}
body {
padding-top: 5.4167vw
/* 104px -> 5.4167vw */
!important;
}
.module_N99S7O4V .header .logo img {
height: 2.9292vw
}
.module_N99S7O4V .header .navBox .navList .list {
padding: 0 0.321vw;
}
.module_N99S7O4V .header .navBox .navList .list h3 a {
line-height: 5.4167vw
/* 104px -> 5.4167vw */
;
font-size: 0.833vw
}
.module_N99S7O4V .header .navBox .haderOther {
height: 5.4167vw
/* 104px -> 5.4167vw */
;
}
.module_N99S7O4V .header .navBox .haderOther .login,
.module_N99S7O4V .header .navBox .haderOther .searchBox,
.module_N99S7O4V .header .navBox .haderOther .langBox {
height: 100%
}
.module_N99S7O4V .header .navBox .haderOther .searchBox .searchBtn,
.module_N99S7O4V .header .navBox .haderOther .langBox .langBtn,
.module_N99S7O4V .header .navBox .haderOther .login .loginBtn {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.module_N99S7O4V .header .navBox .haderOther .login .user {
font-size: .8854vw
}
.module_N99S7O4V .header .searchformMain .searchform {
padding: .5208vw 0vw 2.6042vw
}
.module_N99S7O4V .header .searchformMain .searchform form {
padding: 2.3438vw 0vw
}
.module_N99S7O4V .header .searchformMain .searchform form input {
margin: 0vw 1.5625vw;
font-size: .9375vw
}
}
@media (min-width: 1600px) {
.module_N99S7O4V .header .commonMain {
max-width: lgContentWidth
}
.module_N99S7O4V .header .navBox .haderOther .login .t,
.module_N99S7O4V .header .navBox .haderOther .searchBox .t,
.module_N99S7O4V .header .navBox .haderOther .langBox .t{
display: block
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav {
min-width: 11vw;
padding: 1.5625vw 0vw
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
font-size: .8333vw;
line-height: 2.0833vw;
padding: 0vw 1.4063vw
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
min-width: 13.5417vw
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
line-height: 2.0833vw;
padding: 0vw 1.042vw;
font-size: .8333vw
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox .fourNav {
min-width: 13.5417vw
}
.module_N99S7O4V .header .navBox .navList .list .subNavMain .subNavBox .fourNavBox .fourNav>a {
line-height: 2.0833vw;
padding: 0vw 1.042vw;
font-size: .8333vw
}
}
.indexBox {
background-image: url(../images/indexBg.jpg);
-webkit-background-size: cover;
background-size: cover;
-o-object-fit: cover;
object-fit: cover;
padding-top: 2.6042vw
}
.homeTit1 a {
font-size: .8333vw;
color: #113a84;
line-height: 1;
padding-bottom: .3646vw;
border-bottom: .1042vw solid #1055c7;
display: inline-block;
font-weight: bold;
}
.indexBoxCon1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon1 .left {
width: 52.23881%;
background-image: -webkit-gradient(linear, left bottom, right top, from(#fff), to(#eef7fe));
background-image: -webkit-linear-gradient(bottom left, #fff, #eef7fe);
background-image: -o-linear-gradient(bottom left, #fff, #eef7fe);
background-image: linear-gradient(to top right, #fff, #eef7fe);
padding: 2.0833vw 2.0833vw 1.8229vw
}
.indexBoxCon1 .left .top a {
margin-top: 1.7188vw;
padding-bottom: 1.3021vw;
border-bottom: .0521vw solid #e0e8f0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon1 .left .top a .img {
width: 7.3958vw;
border-radius: .4167vw;
overflow: hidden
}
.indexBoxCon1 .left .top a .img .picture_container {
padding-top: 60.56338%
}
.indexBoxCon1 .left .top a .text {
width: -webkit-calc(100% - 7.3958vw);
width: calc(100% - 7.3958vw);
padding-left: .7813vw
}
.indexBoxCon1 .left .top a .text h5 {
font-size: .9375vw;
color: #242529;
line-height: 1.25vw;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: bold;
}
.indexBoxCon1 .left .top a .text .date {
font-size: .7292vw;
color: #a6a6ae;
margin-top: .2604vw
}
.indexBoxCon1 .left .top a:hover .img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.indexBoxCon1 .left .top a .text h5:hover {
color: #1055c7;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top h5:hover {
color: #1055c7;
}
.indexBoxCon1 .left .list {
padding-top: .7813vw
}
.indexBoxCon1 .left .list a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: .6771vw;
position: relative
}
.indexBoxCon1 .left .list a::before {
content: "";
width: .2604vw;
height: .2604vw;
background-color: #aeafb4;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.indexBoxCon1 .left .list a .t {
font-size: .9375vw;
color: #4c4c4c;
line-height: 1.7188vw
/* 33px -> 1.7188vw */
;
width: -webkit-calc(100% - 4.1667vw);
width: calc(100% - 4.1667vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.indexBoxCon1 .left .list a:hover .t {
color: #1055c7
}
.indexBoxCon1 .left .list a .date {
font-size: .7292vw;
color: #a6a6ae;
line-height: 1.5625vw;
width: 4.1667vw;
text-align: right
}
.indexBoxCon1 .right {
width: 46.26866%;
background-image: -webkit-linear-gradient(290deg, #fff 40%, #d3e0f1);
background-image: -o-linear-gradient(290deg, #fff 40%, #d3e0f1);
background-image: linear-gradient(-200deg, #fff 40%, #d3e0f1);
padding: 2.8646vw 1.5625vw 1.5625vw 2.0833vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon1 .right .text h5 {
font-size: 1.5625vw;
line-height: 2vw;
color: #000000;
margin-top: .7813vw
}
.indexBoxCon1 .right .text .t {
font-size: .9375vw;
color: #838383;
line-height: 1.7188vw
/* 33px -> 1.7188vw */
;
margin-top: 1.0417vw;
width: 90%;
}
.indexBoxCon1 .right .text .list {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 1.8229vw -1.0417vw 0 -0.6771vw
}
.indexBoxCon1 .right .text .list .box {
width: 33.33%;
text-align: center
}
.indexBoxCon1 .right .text .list .box .couter {
font-size: 1.5833vw;
color: #3ca7f4;
line-height: 1;
text-align: center;
letter-spacing: -0.1563vw
}
.indexBoxCon1 .right .text .list .box .t1 {
font-size: .6771vw;
color: #858585;
margin-top: .2604vw
}
.indexBoxCon1 .right .text .list .box:nth-child(2) {
border-left: .0521vw solid #d3ddea;
border-right: .0521vw solid #d3ddea;
width: 35.3%
}
.indexBoxCon1 .right .img {
overflow: hidden
}
.indexBoxCon2 {
margin-top: 1.0417vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon2 .Lleft {
width: 77.31343%;
background-image: -webkit-gradient(linear, left top, right bottom, from(#eef7fe), to(#fff));
background-image: -webkit-linear-gradient(top left, #eef7fe, #fff);
background-image: -o-linear-gradient(top left, #eef7fe, #fff);
background-image: linear-gradient(to bottom right, #eef7fe, #fff);
padding: 2.0833vw 2.0833vw 2.3438vw
}
.indexBoxCon2 .Lleft .indexBoxCon2TabBar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.indexBoxCon2 .Lleft .indexBoxCon2TabBar .tabTerm .homeTit1 a {
color: #525252;
border-bottom-color: transparent
}
.indexBoxCon2 .Lleft .indexBoxCon2TabBar .tabTerm.active .homeTit1 a {
color: #113a84;
border-bottom-color: #1055c7
}
.indexBoxCon2 .Lleft .indexBoxCon2TabBar .tabTerm:not(:first-child) {
margin-left: 1.4583vw
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont {
margin-top: 1.5625vw;
position: relative
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem {
position: absolute;
top: 0;
left: 0;
display: none;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem.active {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
/* .indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .img {
width: 33.02083%;
border-radius: .4167vw;
overflow: hidden
} */
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .img .picture_container {
border-radius: .5208vw
/* 10px -> .5208vw */
;
padding-top: 76.65615%
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .img:hover .picture_container img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
/* .indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right {
width: 63.54167%
} */
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top {
padding-bottom: 1.5625vw;
border-bottom: .0521vw solid #e0e8f0
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top h5 {
font-size: .9375vw;
color: #242529;
line-height: 1.25vw;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.25vw;
font-weight: bold;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top .date {
font-size: .7292vw;
color: #a6a6ae;
margin-top: .2604vw
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot {
padding-top: .7813vw
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: .6771vw;
position: relative
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a::before {
content: "";
width: .2604vw;
height: .2604vw;
background-color: #aeafb4;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .t {
font-size: .8333vw;
color: #4c4c4c;
line-height: 1.5625vw;
width: -webkit-calc(100% - 4.1667vw);
width: calc(100% - 4.1667vw);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a:hover .t {
color: #1055c7
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .date {
font-size: .7292vw;
color: #a6a6ae;
line-height: 1.5625vw;
width: 4.1667vw;
text-align: right
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper2 {
width: 33.02083%;
border-radius: .4167vw;
overflow: hidden;
margin-left: 0;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper2 .swiper-slide:nth-child(n+7) {
display: none;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 {
width: 63.54167%;
max-height: 242px;
/* overflow: hidden; */
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(n+7) {
display: none;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide {
height: 1.7188vw
/* 33px -> 1.7188vw */
;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) a {
padding-top: 0vw !important;
border-top: 0 !important;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide a {
display: flex;
justify-content: space-between;
align-items: center;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5 {
width: 73.6%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
padding-left: 13px;
font-size: 14px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5::before {
content: "";
width: 0.2604vw;
height: 0.2604vw;
background-color: #aeafb4;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/* .indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5:hover{
color: #164695;
} */
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide .date {
font-size: .7292vw
/* 14px -> .7292vw */
;
color: #a6a6ae;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) {
height: auto;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(n+1):hover h5 {
color: #164695;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) a {
display: block;
padding-top: 1.0417vw
/* 20px -> 1.0417vw */
;
padding-bottom: 1.6667vw
/* 32px -> 1.6667vw */
;
border-top: .0521vw
/* 1px -> .0521vw */
solid rgba(174, 175, 180, 0.4);
border-bottom: .0521vw
/* 1px -> .0521vw */
solid rgba(174, 175, 180, 0.4);
margin-bottom: .7813vw
/* 15px -> .7813vw */
;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) h5 {
width: 100%;
font-size: .9375vw;
color: #242529;
line-height: 1.25vw;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.25vw;
font-weight: bold;
white-space: initial;
margin-bottom: .4167vw
/* 8px -> .4167vw */
;
padding-left: 0;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) h5::before {
display: none;
}
.indexBoxCon2 .Lright {
width: 21.19403%
}
.indexBoxCon2 .Lright a {
display: block;
position: relative;
height: 100%
}
.indexBoxCon2 .Lright a .img {
width: 100%;
height: 100%
}
.indexBoxCon2 .Lright a .img .picture_container {
height: 100%
}
.indexBoxCon2 .Lright a .text {
position: absolute;
width: 100%;
left: 0;
bottom: 2.2396vw;
text-align: center;
z-index: 2
}
.indexBoxCon2 .Lright a .text h5 {
font-size: 1.0417vw;
color: #ffffff;
opacity: 0.9;
line-height: 1
}
.indexBoxCon2 .Lright a .text .on {
min-width: 7.6563vw;
line-height: 2.1875vw;
border-radius: 1.5625vw;
border: solid .1042vw #ffffff;
display: -webkit-box-flex;
display: -webkit-flex-flex;
display: -ms-flexbox-flex;
display: inline-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .7292vw;
white-space: nowrap;
color: #ffffff;
padding: 0 .9896vw 0 1.4583vw;
margin: .6771vw auto 0
}
.indexBoxCon2 .Lright a .text .on i {
color: #fff;
font-size: .625vw
}
.indexBoxCon2 .Lright a:hover .img .picture_container img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.homeTit2 {
font-size: 1.25vw;
color: #113a84;
opacity: 0.9;
line-height: 1;
}
.homeTit2 a {
display: inline-block;
color: #113a84;
padding-bottom: .3646vw;
border-bottom: .1042vw solid #1055c7;
}
.homeTit2 a:hover {
color: #164695 !important;
opacity: 1;
}
.indexBoxCon3 {
margin-top: 3.6458vw
}
.indexBoxCon3 .con {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.indexBoxCon3 .con .box {
display: block;
width: 23.3%;
margin-top: 1.5625vw
}
.indexBoxCon3 .con .box .img {
overflow: hidden
}
.indexBoxCon3 .con .box .img .picture_container {
padding-top: 54.90196%
}
.indexBoxCon3 .con .box .img .picture_container img {
width: 100%;
}
.indexBoxCon3 .con .box .t {
font-size: .9375vw;
color: #000;
margin-top: .7813vw;
text-align: center
}
.indexBoxCon3 .con .box:not(:nth-child(4n+1)) {
margin-left: 2.26%
}
.indexBoxCon3 .con .box:hover .img .picture_container img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.indexBoxCon4 {
margin-top: 4.4271vw
}
.indexBoxCon4 .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.indexBoxCon4 .top .controlBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_prev,
.indexBoxCon4 .top .controlBox .indexBoxCon4_next {
width: 2.1354vw;
height: 2.1354vw;
border: .1042vw solid #adc2d1;
background-image: none;
position: static;
border-radius: 50%;
text-align: center;
opacity: 1
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_prev::after,
.indexBoxCon4 .top .controlBox .indexBoxCon4_next::after {
display: none
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_prev i,
.indexBoxCon4 .top .controlBox .indexBoxCon4_next i {
font-size: .625vw;
color: #adc2d1;
line-height: 1.9271vw;
font-weight: bold
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_prev:hover,
.indexBoxCon4 .top .controlBox .indexBoxCon4_next:hover {
border-color: #45a6f1
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_prev:hover i,
.indexBoxCon4 .top .controlBox .indexBoxCon4_next:hover i {
color: #45a6f1
}
.indexBoxCon4 .top .controlBox .indexBoxCon4_next {
margin-left: .3646vw
}
.indexBoxCon4 .indexBoxCon4_swiper {
padding: 1.5625vw 0 4.1667vw
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide {
-webkit-box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05);
box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05)
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a {
background-color: #fff;
display: block;
position: relative
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .img {
overflow: hidden
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .img .picture_container {
padding-top: 100%
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text {
padding: 1.3021vw 1.0417vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text h5 {
font-size: 1.0417vw;
color: #000;
line-height: 1.25vw;
height: 3vw;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.25vw;
width: -webkit-calc(100% - 1.5625vw);
width: calc(100% - 1.5625vw)
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text i {
width: 1.3542vw;
height: 1.3542vw;
background-color: #124497;
color: #fff;
text-align: center;
line-height: 1.3542vw;
font-size: .625vw;
border-radius: 50%
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .Lhide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(../images/indexCpbg.png);
background-position: bottom;
-webkit-background-size: 100% 100%;
background-size: 100%;
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .Lhide .on {
min-width: 7.6563vw;
height: 2.4479vw;
line-height: 2.2396vw;
border-radius: 1.1458vw;
border: solid .1042vw #ffffff;
padding: 0 1.4063vw 0 1.3542vw;
font-size: .7292vw;
color: #fff;
display: -webkit-box-flex;
display: -webkit-flex-flex;
display: -ms-flexbox-flex;
display: flex-flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 1.5625vw;
white-space: nowrap
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .Lhide .on i {
font-size: .625vw;
color: #fff
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a:hover .Lhide {
opacity: 1
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a:hover .text {
opacity: 0
}
.indexBoxCon4 .indexBoxCon4_swiper .indexBoxCon4_pagination {
display: none
}
@media(min-width:1024px) {
.indexBoxCon2 .Lright {
min-height: 200px;
}
}
@media(min-width:1680px) {
.indexBoxCon2 .Lright {
min-height: 380px;
}
}
footer {
background-color: #fff;
padding: 3.6458vw 0 4.6875vw;
position: relative;
z-index: 2
}
footer .con {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
footer .con .left {
width: 82.83582%
}
footer .con .left .logo img {
width: 6.9271vw
}
footer .con .left .footNav {
padding: 1.8229vw 0 1.0417vw;
border-bottom: .1042vw solid #f9f9fa;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
footer .con .left .footNav a {
font-size: .9375vw
/* 18px -> .9375vw */
;
color: #4a4e5c;
line-height: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
footer .con .left .footNav a:hover {
color: #1055c7
}
footer .con .left .footNav a:not(:first-child) {
margin-left: 2.0833vw
}
footer .con .left .text {
margin-top: .7813vw
}
footer .con .left .text .t {
font-size: .7292vw;
color: #73798c;
line-height: 1.25vw
}
footer .con .left .text .t i {
width: 1.24vw;
display: inline-block
}
footer .con .left .text .t a {
font-size: .7292vw;
color: #73798c;
line-height: 1.25vw;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-left: .4688vw;
display: inline-block
}
footer .con .left .text .t a:hover {
color: #1055c7
}
footer .con .right {
width: 13.0597%;
padding-top: .5208vw
}
footer .con .right .links {
position: relative
}
footer .con .right .links h5 {
width: 9.0625vw;
height: 2.1354vw;
line-height: 2.1354vw;
background-color: #ebf4fa;
border-radius: 1.5625vw;
padding-left: .9896vw;
cursor: pointer
}
footer .con .right .links h5::before {
content: "";
border: .209vw solid transparent;
border-top-color: #73798c;
position: absolute;
right: .8333vw;
top: 1.0417vw
}
footer .con .right .links .Lhide {
width: 100%;
position: absolute;
bottom: 100%;
left: 0;
max-height: 5.4688vw;
overflow-x: hidden;
overflow-y: auto;
display: none;
background-color: #fff;
-webkit-box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05);
box-shadow: 0.2604vw 0.4167vw 1.5104vw 0vw rgba(0, 0, 0, 0.05)
}
footer .con .right .links .Lhide a {
display: block;
padding: 0 .5208vw;
white-space: nowrap;
line-height: 1.8229vw;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
footer .con .right .links .Lhide a:hover {
background-color: rgba(0, 0, 0, 0.1)
}
footer .con .right .links .Lhide::-webkit-scrollbar {
width: .2604vw;
height: .0521vw
}
footer .con .right .links .Lhide::-webkit-scrollbar-thumb {
border-radius: .5208vw;
-webkit-box-shadow: inset 0 0 0.2604vw rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0.2604vw rgba(0, 0, 0, 0.2);
background: #124497
}
footer .con .right .links .Lhide::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0.2604vw rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0.2604vw rgba(0, 0, 0, 0.2);
border-radius: .5208vw;
background: #EDEDED
}
footer .con .right .ewmBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: .9375vw
}
footer .con .right .ewmBox .box .img img {
width: 4.3229vw;
height: 4.3229vw
}
footer .con .right .ewmBox .box .t {
font-size: .6771vw;
color: #73798c;
margin-top: .2604vw;
text-align: center
}
footer .con .right .ewmBox .box:nth-child(2) {
margin-left: .7813vw
}
@media (max-width: 992px) {
.homeTit2,
.homeTit1 a {
font-size: 16px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top h5,
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text h5,
.indexBoxCon1 .left .top a .text h5 {
font-size: 14px;
line-height: 18px;
height: 36px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px
}
.indexBoxCon1 .right .text .t {
font-size: 14px;
line-height: 1.5;
width: 100%;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .t,
.indexBoxCon1 .left .list a .t {
font-size: 14px;
line-height: 30px;
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px)
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .date,
.indexBoxCon1 .left .list a .date {
width: 80px
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .Lhide .on,
.indexBoxCon2 .Lright a .text .on {
min-width: 100px
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text i {
width: 25px;
height: 25px;
line-height: 25px
}
footer .con .left .logo img {
width: 130px
}
footer .con .left .text .t a,
footer .con .left .text .t {
font-size: 14px;
line-height: 1.7
}
footer .con .left .text .t i {
width: 15px
}
footer .con .right {
width: 14%
}
footer .con .right .links h5 {
width: 120px;
line-height: 35px;
height: 35px
}
footer .con .right .links h5::before {
border: 5px solid transparent;
border-top-color: #73798c;
right: 10px;
top: 15px
}
footer .con .right .links .Lhide {
max-height: 90px
}
footer .con .right .links .Lhide a {
line-height: 30px
}
footer .con .right .ewmBox .box .img img {
width: 50px;
height: 50px
}
}
@media (max-width: 760px) {
.indexBox {
padding-top: 30px
}
.homeTit1 a {
padding-bottom: 8px;
border-bottom: 2px solid #1055c7
}
.indexBoxCon1 {
display: block
}
.indexBoxCon1 .left {
width: 100%;
padding: 20px 15px
}
.indexBoxCon1 .left .top a {
margin-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e0e8f0
}
.indexBoxCon1 .left .top a .img {
width: 100px;
border-radius: 8px
}
.indexBoxCon1 .left .top a .text {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
padding-left: 15px
}
.indexBoxCon1 .left .top a .text h5 {
font-size: 14px;
line-height: 18px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px
}
.indexBoxCon1 .left .top a .text .date {
font-size: 12px;
margin-top: 5px
}
.indexBoxCon1 .left .list {
padding-top: 10px
}
.indexBoxCon1 .left .list a {
padding-left: 13px
}
.indexBoxCon1 .left .list a::before {
width: 5px;
height: 5px
}
.indexBoxCon1 .left .list a .t {
font-size: 14px;
line-height: 25px;
width: -webkit-calc(100% -80px);
width: calc(100% -80px)
}
.indexBoxCon1 .left .list a .date {
font-size: 12px;
line-height: 25px;
width: 80px
}
.indexBoxCon1 .right {
width: 100%;
padding: 20px 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px
}
.indexBoxCon1 .right .text {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-top: 10px
}
.indexBoxCon1 .right .text h5 {
font-size: 16px;
line-height: 20px;
margin-top: 10px
}
.indexBoxCon1 .right .text .t {
margin-top: 10px
}
.indexBoxCon1 .right .text .list {
margin: 15px 0
}
.indexBoxCon1 .right .text .list .box .couter {
font-size: 22px;
letter-spacing: -2px
}
.indexBoxCon1 .right .text .list .box .t1 {
font-size: 12px;
margin-top: 3px
}
.indexBoxCon1 .right .text .list .box:nth-child(2) {
border-left: 1px solid #d3ddea;
border-right: 1px solid #d3ddea;
width: 33.33%
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper2 {
width: 100%;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 {
width: 100%;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide {
height: 25px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) {
height: auto;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) a {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper2 .swiper-slide .picture_container {
margin-bottom: 10px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper2 .swiper-slide .picture_container img {
width: 100%;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5 {
width: calc(100% - 80px);
padding-left: 13px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5::before {
width: 5px;
height: 5px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide .date {
font-size: 12px;
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide:nth-child(1) h5 {
font-size: 14px;
line-height: 18px;
padding-left: 0px;
}
.indexBoxCon2 {
margin-top: 15px;
display: block
}
.indexBoxCon2 .Lleft {
width: 100%;
padding: 20px 15px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabBar .tabTerm:not(:first-child) {
margin-left: 15px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont {
margin-top: 15px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .img {
width: 100%;
border-radius: 8px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right {
width: 100%;
margin-top: 15px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top {
padding-bottom: 10px;
border-bottom: 1px solid #e0e8f0
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .top .date {
font-size: 12px;
margin-top: 5px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot {
padding-top: 10px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a {
padding-left: 10px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a::before {
width: 5px;
height: 5px
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .t {
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px)
}
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .tabItem .right .bot a .date {
font-size: 12px;
line-height: 1.5;
width: 80px
}
.indexBoxCon2 .Lright {
width: 100%;
margin-top: 15px
}
.indexBoxCon2 .Lright a .img .picture_container {
padding-top: 120%
}
.indexBoxCon2 .Lright a .img .picture_container img {
width: 100%;
height: auto;
max-height: none;
-o-object-fit: cover;
object-fit: cover
}
.indexBoxCon2 .Lright a .text {
bottom: 20px
}
.indexBoxCon2 .Lright a .text h5 {
font-size: 14px
}
.indexBoxCon2 .Lright a .text .on {
min-width: 110px;
border-radius: 30px;
border: solid 1px #fff;
font-size: 14px;
padding: 0 15px;
margin: 15px auto 0;
line-height: 35px;
height: 35px
}
.indexBoxCon2 .Lright a .text .on i {
color: #fff;
font-size: 12px
}
.homeTit2 {
font-size: 16px
}
.indexBoxCon3 {
margin-top: 15%;
}
.indexBoxCon3 .con .box {
width: 32%;
margin-top: 15px
}
.indexBoxCon3 .con .box .t {
font-size: 14px;
margin-top: 5px
}
.indexBoxCon3 .con .box:not(:nth-child(5n+1)) {
margin-left: 0
}
.indexBoxCon3 .con .box:not(:nth-child(3n+1)) {
margin-left: 2%
}
.indexBoxCon4 {
margin-top: 15%
}
.indexBoxCon4 .top {
display: block
}
.indexBoxCon4 .top .controlBox {
display: none
}
.indexBoxCon4 .indexBoxCon4_swiper {
padding: 20px 0 40px
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide {
-webkit-box-shadow: 5px 8px 30px 0vw rgba(0, 0, 0, 0.05);
box-shadow: 5px 8px 30px 0vw rgba(0, 0, 0, 0.05)
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text {
padding: 20px 15px
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text h5 {
font-size: 14px;
line-height: 18px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px;
width: 100%;
height: 36px;
text-align: center
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .text i {
display: none
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a .Lhide {
display: none
}
.indexBoxCon4 .indexBoxCon4_swiper .swiper-slide a:hover .text {
opacity: 1
}
.indexBoxCon4 .indexBoxCon4_swiper .indexBoxCon4_pagination {
display: block
}
.indexBoxCon4 .indexBoxCon4_swiper .indexBoxCon4_pagination .swiper-pagination-bullet-active {
background-color: #124497
}
footer {
padding: 30px 0
}
footer .con .left {
width: 100%
}
footer .con .left .logo {
display: none
}
footer .con .left .footNav {
display: none
}
footer .con .left .text {
margin-top: 0
}
footer .con .left .text .t {
font-size: 14px;
line-height: 1.7;
text-align: center
}
footer .con .left .text .t i {
width: 10px
}
footer .con .left .text .t a {
font-size: 14px;
line-height: 1.7;
margin-left: 10px
}
footer .con .left .text .t a:hover {
color: #1055c7
}
footer .con .left .text .t.phoneHide {
display: none
}
footer .con .right {
display: none
}
}
@media (max-width: 460px) {
.indexBoxCon1 .left .top a {
display: block
}
.noticeDetails h4 {
margin-bottom: 10px;
}
.noticeDetails h4 span {
font-size: 18px !important;
}
.noticeDetails iframe {
width: 100%;
height: 300px !important;
}
.indexBoxCon1 .left .top a .img {
width: 100%
}
.indexBoxCon1 .left .top a .text {
width: 100%;
padding-left: 0;
padding-top: 10px
}
.indexBoxCon1 .left .top a .img .picture_container {
border-radius: .5208vw
/* 10px -> .5208vw */
;
padding-top: 0
}
.indexBoxCon1 .left .top a .img .picture_container img {
width: 100%;
position: static
}
footer .con .left .text .t {
padding: 0 5px
}
.indexBoxCon3 .con {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.indexBoxCon3 .con .box {
width: 49%
}
.indexBoxCon3 .con .box:not(:nth-child(3n+1)) {
margin-left: 0
}
}
@media (max-width: 368px) {
.noticeTitle .desc span {
font-size: 12px;
padding: 2px 7px;
margin-bottom: 5px;
}
}
.message_bg {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 39.6354vw
/* 761px -> 39.6354vw */
;
background-color: #fff;
width: 50.1042vw
/* 962px -> 50.1042vw */
;
padding: 4.6875vw
/* 90px -> 4.6875vw */
;
}
.message_title {
margin-bottom: 2.0833vw
/* 40px -> 2.0833vw */
;
}
.message_title h1 {
font-size: 1.875vw
/* 36px -> 1.875vw */
;
color: #000000;
font-weight: normal;
}
.message_input {
float: left;
width: 48.5%;
height: 3.4375vw
/* 66px -> 3.4375vw */
;
background-color: #f6f6f6;
margin-right: 3%;
margin-bottom: 3%;
border-radius: 1.0417vw
/* 20px -> 1.0417vw */
;
overflow: hidden;
padding: 0 1.0417vw
/* 20px -> 1.0417vw */
;
}
.message_input span {
float: left;
display: block;
width: .5208vw
/* 10px -> .5208vw */
;
color: #124497;
font-size: .8333vw
/* 16px -> .8333vw */
;
margin-top: 1.1458vw
/* 22px -> 1.1458vw */
;
}
.message_input input {
float: left;
width: calc(100% - 1.6667vw
/* 32px -> 1.6667vw */
);
height: 100%;
font-size: .8333vw
/* 16px -> .8333vw */
;
color: #888;
}
.message_input i {
float: left;
display: block;
width: 1.1458vw
/* 22px -> 1.1458vw */
;
height: 1.1458vw
/* 22px -> 1.1458vw */
;
background-size: 1.1458vw
/* 22px -> 1.1458vw */
1.1458vw
/* 22px -> 1.1458vw */
;
margin-top: 1.0938vw
/* 21px -> 1.0938vw */
;
}
.message_input i.icon1 {
background-image: url('../images/messageicon1.png');
}
.message_input i.icon2 {
background-image: url('../images/messageicon2.png');
}
.message_input i.icon3 {
background-image: url('../images/messageicon3.png');
}
.message_input i.icon4 {
background-image: url('../images/messageicon4.png');
}
.message_input:nth-child(even) {
margin-right: 0%;
}
.message_input.message_code {
width: 100%;
}
.message_input.message_code input {
width: calc(100% - 7.8125vw);
}
.message_input.message_code img {
height: 1.9792vw
/* 38px -> 1.9792vw */
;
margin-top: .7292vw
/* 14px -> .7292vw */
;
cursor: pointer;
}
.message_textarea textarea {
width: 100%;
height: 7.8125vw
/* 150px -> 7.8125vw */
;
font-size: .8333vw
/* 16px -> .8333vw */
;
color: #888;
border-radius: 1.0417vw
/* 20px -> 1.0417vw */
;
padding: 1.0417vw
/* 20px -> 1.0417vw */
;
background-color: #f6f6f6;
}
.message_submit input {
display: block;
width: 10.3125vw
/* 198px -> 10.3125vw */
;
height: 3.0208vw
/* 58px -> 3.0208vw */
;
background-color: #124497;
border: 1px solid #124497;
border-radius: 1.5625vw
/* 30px -> 1.5625vw */
;
font-size: .9375vw
/* 18px -> .9375vw */
;
color: #fff;
margin: 0 auto;
margin-top: 1.6146vw
/* 31px -> 1.6146vw */
;
transition: all .4s ease;
}
.message_submit input:hover {
background-color: #fff;
color: #124497;
}
.message_close {
position: absolute;
top: 1.6146vw
/* 31px -> 1.6146vw */
;
right: 1.3021vw
/* 25px -> 1.3021vw */
;
width: 1.1458vw
/* 22px -> 1.1458vw */
;
height: 1.1458vw
/* 22px -> 1.1458vw */
;
background-image: url('../images/messageicon5.png');
background-size: 1.1458vw
/* 22px -> 1.1458vw */
1.1458vw
/* 22px -> 1.1458vw */
;
cursor: pointer;
}
.searchResult {
padding: 50px 0px;
}
.searchResult dl {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.searchResult dl dt {
float: left;
font-size: 16px;
}
.searchResult dl dd {
float: right;
font-size: 14px;
}
.searchResultList li {
padding: 15px 15px 25px;
margin-top: 25px;
border-bottom: 1px solid #eee;
background: #f6f6f6;
}
.searchResultList li h3 {
font-size: 16px;
line-height: 26px;
padding-bottom: 5px;
}
.searchResultList li p {
font-size: 12px;
color: #1a1a1a;
line-height: 24px;
}
.bd_weixin_popup {
height: auto !important;
}
@media (max-width: 992px) {
.message {
width: 481px;
height: auto;
padding: 46px;
}
.message_title h1 {
font-size: 20px;
}
.message_input span {
width: 10px;
margin-top: 8px;
}
.message_input {
height: 37px;
}
.message_input i {
width: 15px;
height: 15px;
background-size: 15px 15px;
}
.message_input input {
width: calc(100% - 25px);
}
.message_submit input {
width: 100px;
height: 30px;
font-size: 14px;
border-radius: 30px;
margin-top: 20px;
}
.message_close {
width: 15px;
height: 15px;
background-size: 15px 15px;
}
.message_textarea textarea {
height: 80px;
padding: 10px;
}
.noticeDetails img {
width: 100%;
height: auto;
}
}
@media (max-width: 760px) {
.message {
width: calc(100% - 40px);
padding: 30px;
}
.message_title {
margin-bottom: 20px;
}
.message_input {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 10px;
padding: 0px 13px;
}
.message_close {
top: 20px;
right: 20px;
}
.message_input i {
width: 18px;
height: 18px;
background-size: 18px 18px;
margin-top: 8px;
}
.message_input input {
width: calc(100% - 30px);
font-size: 12px;
}
.message_textarea textarea {
padding: 10px 20px;
font-size: 12px;
}
}
@media (min-width: 768px) {
.indexBoxCon2 .Lleft .indexBoxCon2TabCont .indexBoxCon2Swiper1 .swiper-slide h5 {
padding-left: .6771vw
/* 13px -> .6771vw */
;
font-size: .9375vw;
}
.teTimeList ul li span {
min-width: 100px
}
}
@media (min-width: 992px) {
.sidebar {
position: fixed;
z-index: 99;
right: -10.4167vw
/* -200px -> -10.4167vw */
;
top: 40%;
border-right: .0521vw
/* 1px -> .0521vw */
solid #dfdfdf;
background-color: #ffffff;
display: block;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 4.1667vw
/* 80px -> 4.1667vw */
;
border-radius: .7813vw
/* 15px -> .7813vw */
0 0 .7813vw
/* 15px -> .7813vw */
}
.sidebar.active {
right: 0
}
.sidebar a {
font-size: .6771vw
/* 13px -> .6771vw */
;
display: block;
text-align: center;
padding: 1.0417vw
/* 20px -> 1.0417vw */
0px .2083vw
/* 4px -> .2083vw */
;
color: #5b5b5b;
position: relative;
border-bottom: none
}
.sidebar a span {
display: block;
height: 2.8125vw
/* 54px -> 2.8125vw */
;
font-size: 0.625vw;
background-repeat: no-repeat;
background-position: top center;
-webkit-background-size: .8333vw
/* 16px -> .8333vw */
.8333vw
/* 16px -> .8333vw */
;
background-size: 1.1458vw
/* 22px -> 1.1458vw */
;
padding-top: 1.4583vw
/* 28px -> 1.4583vw */
;
position: relative;
z-index: 9
}
.sidebar a:nth-child(2) span {
height: 3.802vw;
}
.sidebar a:nth-child(3) span {
height: 3.802vw;
}
.sidebar a span.icon1 {
background-image: url(../images/slideicon1ho.png)
}
.sidebar a span.icon2 {
background-image: url(../images/slideicon2ho.png)
}
.sidebar a span.icon3 {
background-image: url(../images/slideicon3ho.png)
}
.sidebar a span.icon4 {
background-image: url(../images/slideicon4ho.png)
}
.sidebar a .sidebarTel {
position: absolute;
display: none;
text-align: left;
right: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1c86d7), to(#1c97d7));
background-image: -webkit-linear-gradient(top, #1c86d7, #1c97d7);
background-image: -o-linear-gradient(top, #1c86d7, #1c97d7);
background-image: linear-gradient(to bottom, #1c86d7, #1c97d7);
padding: .5208vw
/* 10px -> .5208vw */
0px 0px 1.0417vw
/* 20px -> 1.0417vw */
;
color: #f3eccb;
font-size: .625vw
/* 12px -> .625vw */
;
width: 15.8854vw
/* 305px -> 15.8854vw */
}
.sidebar a .sidebarTel em {
font-style: normal;
font-size: 1.25vw
/* 24px -> 1.25vw */
;
color: #ffffff;
display: block
}
.sidebar a.hometop em {
position: relative;
display: block;
font-style: normal;
padding: .5208vw
/* 10px -> .5208vw */
0vw
/* 0px -> 0vw */
.2604vw
/* 5px -> .2604vw */
}
.sidebar a.hometop em:after {
content: '';
position: absolute;
left: 50%;
top: 0px;
margin-left: -0.2604vw
/* -5px -> -0.2604vw */
}
.sidebar a .Qrcode {
position: absolute;
right: 100%;
top: 100%;
margin: -4.2188vw
/* -81px -> -4.2188vw */
0px 0px --81px;
width: 8.3333vw
/* 160px -> 8.3333vw */
;
background-color: #fff;
display: none
}
.sidebar a .Qrcode img {
width: 8.3333vw
/* 160px -> 8.3333vw */
}
.sidebar a:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#1c86d7), to(#1c97d7));
background-image: -webkit-linear-gradient(top, #1c86d7, #1c97d7);
background-image: -o-linear-gradient(top, #1c86d7, #1c97d7);
background-image: linear-gradient(to bottom, #1c86d7, #1c97d7);
color: #fff
}
.sidebar a:first-child {
border-radius: .7813vw
/* 15px -> .7813vw */
0 0 0
}
.sidebar a:last-child {
border-radius: 0 0 0 .7813vw
/* 15px -> .7813vw */
;
padding: .5208vw
/* 10px -> .5208vw */
0 .7292vw
/* 14px -> .7292vw */
}
.sidebar a:hover span.icon1 {
background-image: url(../images/slideicon1.png)
}
.sidebar a:hover span.icon2 {
background-image: url(../images/slideicon2.png)
}
.sidebar a:hover span.icon3 {
background-image: url(../images/slideicon3.png)
}
.sidebar a:hover span.icon4 {
background-image: url(../images/slideicon4.png)
}
}