a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: inherit
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: unset!important;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

li,ol,ul {
	margin: 0;
	padding: 0;
	list-style: none
}

body,html {
	-webkit-text-size-adjust: none
}
a.link_url_href:hover {
    color: #fabd00!important;
}
/* 在线咨询 */
.side-contact{
	position: fixed;
	right: 15px;
	top: 60%;
	transform: translate(0%, -50%);
	z-index: 9999;
}
.side-contact-wrap a{
	text-decoration: none;
}
.side-contact-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	color: #999999;
	background: #f3f2f2;
	cursor: pointer;
	border-bottom: 1px solid #ffffff;
}
.side-contact-item:last-child{
	border-bottom: none;
}
.side-contact-item:hover{
	background: #2b548a;
	color: #ffffff;
}
.w-icon-font{
	font-size: 23px;
}
.side-contact-item-desc{
	margin-top: 5px;
	font-size: 14px;
}
.side-contact-open{
	display: none;
	padding: 20px 10px;
	font-size: 14px;
	background: #2b548a;
	color: #ffffff;
	border-radius: 10px 0 0 10px;
	right: 0;
	cursor: pointer;
}
/*****************/

.footer-container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: .2864583333rem 1.59375rem;
	background: #f5f7fa
}

.footer-container .copyright .copyright-name {
	color: #5b5756;
	font-size: 20px;
}

.footer-container .copyright .copyright-text {
	margin-top: .1354166667rem;
	line-height: .0885416667rem;
	font-size: 14px;
	color: #5b5756;
}
.footer-container .copyright .copyright-text p {
	font-size: 14px;
    line-height: 20px;
}

.footer-container .footer-link {
	color: #5b5756;
	font-size: 14px;
}

.footer-container .footer-link .footer-link-list:first-child {
	margin-bottom: .140625rem
}

.footer-container .footer-link .footer-link-list span:not(span:last-child) {
	margin-right: .2708333333rem
}

.footer-container .footer-contact .footer-contact-name {
	margin-bottom: .109375rem;
	font-size: 20px;
}

.footer-container .footer-contact .footer-contact-num {
	color: #5b5756;
	font-size: 18px;
	font-weight: 700
}

.header-container {
	height: 1.0052083333rem
}

.header-container .flex {
	display: flex!important
}

.header-container .header-ad {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: .5885416667rem;
	padding: 0 1.6302083333rem
}

.header-container .header-ad img {
	width: 1.8385416667rem;
	height: auto
}

.header-container .header-ad .header-contact {
	color: #5b5756
}

.header-container .header-ad .header-contact .contact-num {
	font-size: .1041666667rem;
	font-weight: 700;
	line-height: .09375rem
}

.header-container .header-ad .header-contact .contact-desc {
	margin-top: .0520833333rem;
	font-size: .0833333333rem
}

.header-container .header-navigator {
	position: relative;
	height: .4166666667rem;
	background: #2b548a
}

.header-container .header-navigator .nav-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0 1.9270833333rem;
	box-sizing: border-box;
	position: relative
}

.header-container .header-navigator .nav-list .nav-item {
	display: flex;
	/* width: .3333333333rem; */
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: .0833333333rem;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom: .015625rem solid #2b548a
}

.header-container .header-navigator .nav-list .nav-item.active {
	border-bottom: .015625rem solid #fabd00
}

.header-container .header-navigator .nav-list .nav-tel {
	position: absolute;
	display: none;
	flex-direction: column;
	padding: .0520833333rem;
	right: 1.875rem;
	top: .4166666667rem;
	z-index: 999999;
	background: rgba(43,84,138,.7)
}

.header-container .header-navigator .nav-list .nav-tel .tel-item {
	line-height: .15625rem;
	text-decoration: none;
	color: #fff!important;
	font-size: .0833333333rem!important
}

.header-container .header-navigator .nav-children {
	display: none;
	position: absolute;
	left: 0;
	top: .40625rem;
	width: 100%;
	height: 1.5625rem;
	background: rgba(43,84,138,.7);
	z-index: 99999
}

.header-container .header-navigator .nav-children .children-nav-content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: .234375rem 2.6041666667rem .1197916667rem
}

.header-container .header-navigator .nav-children .children-nav-content .nav-child {
	width: .3333333333rem;
	overflow: visible;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: .0833333333rem;
	color: #fff
}

.header-container .header-navigator .nav-children .children-nav-content .nav-child img {
	height: .1666666667rem;
	margin-bottom: .0625rem
}

.header-container .header-navigator .nav-children .children-nav-content .nav-child span {
	margin-bottom: .1041666667rem;
	white-space: nowrap;
	overflow: visible
}

.header-container .header-navigator .nav-children .children-nav-content .nav-child.text_active {
	color: #fabd00
}

.header-container .header-navigator .nav-children .children-text-content {
	padding: 0 2.34375rem
}

.header-container .header-navigator .nav-children .children-text-content .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: .0052083333rem solid #fff;
	padding: .140625rem .3125rem
}

.header-container .header-navigator .nav-children .children-text-content .content span {
	font-size: .0833333333rem;
	color: #fff;
	margin: .0520833333rem;
	text-decoration: underline
}

.header-container .header-navigator .nav-children .children-text-content .content span:last-child {
	margin-right: auto
}

.home-header-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	overflow: hidden
}

.home-header-content .navigator {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: .2083333333rem .3645833333rem
}

.home-header-content .navigator .nav-right,.home-header-content .navigator .nav-right .nav-wrap {
	display: flex;
	align-items: flex-start
}

.home-header-content .navigator .shrink-icon {
	position: relative;
	visibility: hidden;
	width: .2916666667rem;
	height: .25rem;
	margin-top: .0260416667rem;
	margin-left: .1041666667rem;
	cursor: pointer;
	z-index: 99
}

.home-header-content .navigator .logo {
	width: 1.0885416667rem;
	height: .1510416667rem
}

.home-header-content .navigator .nav-area {
	display: flex;
	align-items: center;
	border-radius: .0416666667rem
}

.home-header-content .navigator .nav-area a {
	text-decoration: none
}

.home-header-content .navigator .nav-area .nav-item {
	position: relative;
	height: .3125rem;
	padding: 0 .1041666667rem 0 0;
	display: flex;
	align-items: center;
	margin-right: .1041666667rem;
	font-size: .109375rem
}

.home-header-content .navigator .nav-area .nav-item .nav-title {
	color: #fad8a2;
	cursor: pointer;
	font-weight: 700
}

.home-header-content .navigator .nav-area .nav-item .nav-title.active {
	color: #2d9c85
}

.home-header-content .navigator .nav-area .nav-item .nav-title:hover {
	color: #2d9c85;
	cursor: pointer
}

.home-header-content .navigator .nav-area .nav-item .nav-children {
	position: absolute;
	top: .296875rem;
	left: 0;
	display: none;
	width: max-content;
	align-items: center;
	padding: .0833333333rem 0;
	border-top: .0052083333rem solid #fff;
	color: #fff;
	z-index: 99
}

.home-header-content .navigator .nav-area .nav-item .nav-children ul {
	display: flex;
	align-items: center
}

.home-header-content .navigator .nav-area .nav-item .nav-children ul li {
	flex-shrink: 0
}

.home-header-content .navigator .nav-area .nav-item .nav-children ul li .nav-link {
	display: block;
	flex-shrink: 0;
	margin-right: .1041666667rem;
	text-decoration: none;
	color: #fad8a2
}

.home-header-content .navigator .nav-area .nav-item .nav-children ul li .nav-link:hover {
	font-weight: 700
}

.home-header-content .header-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .25rem 1.0520833333rem .25rem 1.4895833333rem;
	color: #fad8a2
}

.home-header-content .header-title .title-text {
	font-size: .4270833333rem;
	user-select: none
}

.home-header-content .header-title .question-btn {
	padding: .0833333333rem .1145833333rem;
	font-size: .15625rem;
	background-color: #2d9c85;
	border-radius: .0104166667rem;
	cursor: pointer
}

.page {
	background-color: #f5f7fa
}

.page .content_form {
	padding: .0520833333rem 0
}

.page .content_form label {
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #000
}

.page .content_form .top-content {
	margin-top: .078125rem
}

.page .content_form input,.page .content_form select {
	width: 1.171875rem;
	height: .3229166667rem;
	background: #fff;
	border-radius: .0520833333rem;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000;
	border: none;
	padding: 0 .1041666667rem;
	margin: 0 .0520833333rem .1041666667rem 0
}

.page .content_form .flex {
	display: flex;
	flex-direction: column
}

.page .content_form .form-bottom {
	width: 4.6875rem;
	display: flex;
	flex-wrap: wrap
}

.page .content_form .form-bottom input,.page .content_form .form-bottom select {
	margin-top: .078125rem
}

.page .swiper-container {
	width: 100%
}

.page .activeService {
	background: #fabd00!important
}

.page .banner-swiper .swiper-slide {
	background-color: #fff;
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 4.1666666667rem
}

.page .banner-swiper .swiper-button-prev,.page .banner-swiper .swiper-container-rtl .swiper-button-next {
	background-image: none;
	left: .15625rem
}

.page .banner-swiper .swiper-button-prev img,.page .banner-swiper .swiper-container-rtl .swiper-button-next img {
	width: .390625rem;
	height: .390625rem
}

.page .banner-swiper .swiper-button-next,.page .banner-swiper .swiper-container-rtl .swiper-button-prev {
	background-image: none;
	right: .4427083333rem
}

.page .banner-swiper .swiper-button-next img,.page .banner-swiper .swiper-container-rtl .swiper-button-prev img {
	width: .390625rem;
	height: .390625rem
}

.page .news-swiper .swiper-slide {
	background-color: #fff;
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%
}

.page .news-swiper .swiper-button-prev,.page .news-swiper .swiper-container-rtl .swiper-button-next {
	background-image: none;
	left: 0
}

.page .news-swiper .swiper-button-prev img,.page .news-swiper .swiper-container-rtl .swiper-button-next img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page .news-swiper .swiper-button-next,.page .news-swiper .swiper-container-rtl .swiper-button-prev {
	background-image: none;
	right: .1302083333rem
}

.page .news-swiper .swiper-button-next img,.page .news-swiper .swiper-container-rtl .swiper-button-prev img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page .picture-swiper .swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	flex: 1;
	align-items: flex-start;
	justify-content: space-around;
	height: .5260416667rem
}

.page .picture-swiper .swiper-pagination .swiper-pagination-bullet {
	width: 1.671875rem;
	height: .5260416667rem;
	border-radius: inherit;
	background-color: transparent
}

.page .picture-swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 1.671875rem;
	height: .5260416667rem;
	border-radius: inherit;
	background-color: hsla(0,0%,95%,.7);
	color: #000
}

.page .catalog-swiper .swiper-slide {
	width: 2.5rem
}

.page .group_31_content img {
	width: 100%;
	height: 2.7760416667rem
}

.page .group_31_content .group_31_content_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	z-index: 99
}

.page .group_31_content .group_31_content_bottom .content_nav {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: .1458333333rem;
	color: #fff;
	background: unset
}

.page .group_31_content .group_31_content_bottom .content_nav .content_nav_title {
	margin-bottom: .0885416667rem;
	font-weight: 700;
	font-size: .0833333333rem
}

.page .group_31_content .group_31_content_bottom .content_nav.active {
	background: hsla(0,0%,95%,.7);
	color: #000
}

.page .section_3 {
	width: 100%;
	position: relative
}

.page .section_3 .tip-content {
	position: absolute;
	left: 1.0520833333rem;
	top: 1.7395833333rem;
	z-index: 999
}

.page .section_3 .tip-content .tip-text {
	width: 3.0677083333rem;
	height: .7291666667rem;
	background: rgba(239,189,0,.8);
	border-radius: .0729166667rem;
	font-size: .2291666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #2b548a;
	line-height: .3020833333rem;
	padding: .234375rem .65625rem .265625rem .3020833333rem
}

.page .section_3 .tip-content .tip-box {
	width: .40625rem;
	height: .40625rem;
	background: rgba(43,84,138,.7);
	border-radius: .0520833333rem;
	position: absolute;
	top: .4270833333rem;
	left: 2.8177083333rem
}

.page .space-x-79>:not(:first-child) {
	margin-left: .4114583333rem
}

.page .space-x-79 .section_8 {
	position: relative;
	background-repeat: no-repeat;
	height: auto;
}

.page .space-x-79 .section_8 img#part2Bg {
	border-radius: .1145833333rem;
	width: 700px!important;
}

.page .space-x-79 .section_8 .youshi01 {
	width: 4.3229166667rem;
	height: 2.5rem;
	background-size: cover;
	background-position: bottom
}

.page .space-x-79 .section_8 .detail-wrap {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .421875rem
}

.page .space-x-79 .section_8 .detail-wrap .detail-wrap-left {
	display: flex;
	align-items: center;
	width: 75%;
	height: 100%;
	background: rgba(43,84,138,.7);
	border-radius: 0 0 0 .1145833333rem
}

.page .space-x-79 .section_8 .detail-wrap .detail-wrap-left .wrap-left-text {
	padding-left: .2291666667rem;
	font-size: .1041666667rem;
	color: #fff
}

.page .space-x-79 .section_8 .detail-wrap .detail-wrap-right {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100%;
	background: rgba(250,189,0,.7);
	border-radius: 0 0 .1145833333rem 0;
	color: #2b548a;
	font-size: .0729166667rem
}

.page .space-x-79 .section_8 .detail-wrap .detail-wrap-right span {
	margin-left: .1041666667rem;
	color: #fff;
}

.page .space-x-79 .space-y-33>:not(:first-child) {
	margin-top: .171875rem
}

.page .space-x-79 .space-y-33 .section_9 {
	margin-right: .015625rem;
	padding: .1510416667rem .1875rem .1302083333rem;
	background-color: #fff;
	border-radius: .1979166667rem;
	cursor: pointer
}

.page .space-x-79 .space-y-33 .section_9 .image_5 {
	width: .1197916667rem;
	height: .1145833333rem
}

.page .space-x-79 .space-y-33 .section_9 .view_3 {
	margin: 0 .1421354167rem .0259375rem .1078645833rem
}

.page .space-x-79 .space-y-33 .section_10 {
	margin-left: .015625rem;
	padding: .1458333333rem .1666666667rem .1354166667rem;
	background-color: #fff;
	border-radius: .1979166667rem;
	cursor: pointer
}

.page .space-x-79 .space-y-33 .section_10 .image_7 {
	width: .1354166667rem;
	height: .1145833333rem
}

.page .space-x-79 .space-y-33 .section_10 .view_4 {
	margin: .01109375rem .1752083333rem .0149479167rem .1008333333rem
}

.page .space-x-79 .space-y-33 .section_11 {
	margin-left: .015625rem;
	padding: .1458333333rem .1822916667rem .0521354167rem;
	background-color: #fff;
	border-radius: .1979166667rem;
	cursor: pointer
}

.page .space-x-79 .space-y-33 .section_11 .image_9 {
	flex-shrink: 0;
	align-self: flex-start;
	width: .1302083333rem;
	height: .1197916667rem
}

.page .space-x-79 .space-y-33 .section_12 {
	margin-left: .015625rem;
	padding: .140625rem .1770833333rem .1302083333rem;
	border-radius: .1979166667rem;
	cursor: pointer;
	background: #fff
}

.page .space-x-79 .space-y-33 .section_12 .image_11 {
	width: .125rem;
	height: .125rem
}

.page .space-x-79 .space-y-33 .section_12 .view_6 {
	margin: .0163020833rem .4325520833rem .02015625rem .0934895833rem
}

.page .space-x-79 .space-y-33 .active {
	background-color: #2b548a
}

.page .space-x-79 .space-y-33 .active .text_24,.page .space-x-79 .space-y-33 .active .text_25,.page .space-x-79 .space-y-33 .active .text_26,.page .space-x-79 .space-y-33 .active .text_27 {
	color: #fff!important
}

.page .space-x-79 .group_16 {
	align-self: center;
	width: 1.9322916667rem;
	z-index: 9
}

.page .space-x-79 .group_6 {
	position: relative
}

.page .space-x-79 .group_6 .text_22 {
	color: #000;
	font-size: .1041666667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0969791667rem
}

.page .space-x-79 .group_6 .image_2 {
	width: .9583333333rem;
	height: .0989583333rem;
	position: absolute;
	left: 0;
	right: .02078125rem;
	bottom: 0
}

.page .space-x-79 .group_6 .text_23 {
	color: #2b548a;
	font-size: .0729166667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0678125rem
}

.page .space-x-79 .group_6 .image_3 {
	width: .296875rem;
	height: .0677083333rem;
	position: absolute;
	left: 0;
	right: .0104166667rem;
	bottom: 0
}

.page .space-x-79 .group_6 .text_24 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0883854167rem
}

.page .space-x-79 .group_6 .image_6 {
	width: 1.1614583333rem;
	height: .0885416667rem;
	position: absolute;
	left: 0;
	right: .0104166667rem;
	bottom: 0
}

.page .space-x-79 .group_6 .text_25 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0879166667rem
}

.page .space-x-79 .group_6 .image_8 {
	width: 1.15625rem;
	height: .0885416667rem;
	position: absolute;
	left: 0;
	right: .015625rem;
	bottom: 0
}

.page .space-x-79 .group_6 .text_26 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0872916667rem
}

.page .space-x-79 .group_6 .image_10 {
	width: .8645833333rem;
	height: .0885416667rem;
	position: absolute;
	left: .2138541667rem;
	bottom: 0
}

.page .space-x-79 .group_6 .text_27 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0877604167rem
}

.page .space-x-79 .group_6 .image_12 {
	width: .8958333333rem;
	height: .0885416667rem;
	position: absolute;
	left: 0;
	right: .015625rem;
	bottom: 0
}

.page .section_7 {
	padding: .4166666667rem 0 .40625rem;
	background-color: #fff;
	background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62b277775a7e3f03105c3b8f/62b27abdd02982001153897b/16634065891519717740.png);
	background-position: 0 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative
}

.page .section_7 .white-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: -.4166666667rem;
	background-color: hsla(0,0%,98%,.8)
}

.page .space-y-119>:not(:first-child) {
	margin-top: .6197916667rem
}

.page .space-y-119 .group_17 {
	padding: 0 1.6510416667rem
}

.page .space-y-119 .group_17 .space-y-26>:not(:first-child) {
	margin-top: .1354166667rem
}

.page .space-y-119 .group_17 .space-y-26 .text_29 {
	color: #000;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1159895833rem
}

.page .space-y-119 .group_17 .space-y-26 .text_30 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: .0083333333rem
}

.page .space-y-119 .group_17 .space-y-42>:not(:first-child) {
	margin-top: .21875rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 {
	padding: 0 .0052083333rem;
	background-color: #fabd00
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .group_20 {
	margin-top: .4791666667rem;
	width: 50%;
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61>:not(:first-child) {
	margin-top: .3177083333rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61 .image_22 {
	width: .4739583333rem;
	height: .3802083333rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61 .text_40 {
	margin-top: .1469791667rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1166145833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61 .text_41 {
	margin-top: .1130729167rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .1691145833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61 .text_42 {
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .1691145833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .space-y-61 .view_11 {
	margin: 0 auto;
}

.page .space-y-119 .group_17 .space-y-42 .section_30 .group_24 {
	margin-top: .546875rem;
	width: 50%;
}

.page .space-y-119 .group_17 .space-y-42 .section_16 {
	background-color: #2b548a
}

.page .space-y-119 .group_17 .space-y-42 .section_16 .group_22 {
	margin-top: .4375rem;
	width: 50%;
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60>:not(:first-child) {
	margin-top: .3125rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .image_15 {
	width: .5052083333rem;
	height: .4739583333rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_31 {
	margin-top: .1469791667rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .11625rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_32 {
	margin-top: .1055208333rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .16390625rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_33 {
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .16390625rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .view_8 {
	margin: 0 auto;
}
.flex-col.items-center.section_31:hover {
    width: 180px!important;
}

.items-center.section_31.view_8:hover .text_20 {
    color: #fabd00!important;
}
.items-center.section_31.view_9:hover .text_20 {
    color: #2b548a!important;
}
.items-center.section_31.view_11:hover .text_20 {
    color: #fabd00!important;
}
.items-center.section_31.view_12:hover .text_20 {
    color: #2b548a!important;
}
.items-center.section_31.view_14:hover .text_20 {
    color: #fabd00!important;
}
.page .space-y-119 .group_17 .space-y-42 .space-y-60 .image_18 {
	width: .5rem;
	height: .5052083333rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_36 {
	margin-top: .1469791667rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1159895833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_37 {
	margin-top: .1029166667rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_37,.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_38 {
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .1691145833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .view_9 {
	align-self: center;
	margin: 0 auto;
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .image_28 {
	width: .4739583333rem;
	height: .4375rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_48 {
	margin-top: .1530729167rem;
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1153645833rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_49 {
	margin-top: .1055208333rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_49,.page .space-y-119 .group_17 .space-y-42 .space-y-60 .text_50 {
	color: #fff;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .16390625rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-60 .view_14 {
	align-self: center
}

.page .space-y-119 .group_17 .space-y-42 .image_13 {
	width: 3.3333333333rem;
	height: 2.7447916667rem;
	object-fit: cover
}

.page .space-y-119 .group_17 .space-y-42 .section_31 {
	padding: .0905208333rem 0 .0983333333rem;
	background-color: #fff;
	border-radius: .1354166667rem;
	width: 1.0833333333rem;
	position: relative;
	margin: 0 auto;
	transition: all .3s;
}

.page .space-y-119 .group_17 .space-y-42 .section_31 .text_20 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0871875rem;
	letter-spacing: .01125rem
}

.page .space-y-119 .group_17 .space-y-42 .section_31 .image_16 {
	width: .6041666667rem;
	height: .0885416667rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.page .space-y-119 .group_17 .space-y-42 .section_31 .text_39,.page .space-y-119 .group_17 .space-y-42 .section_31 .text_47,.page .space-y-119 .group_17 .space-y-42 .section_31 .text_141 {
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0871875rem;
	letter-spacing: .01125rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38>:not(:first-child) {
	margin-top: .1979166667rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 {
	background-color: #2b548a
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59>:not(:first-child) {
	margin-top: .3072916667rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .image_24 {
	width: .3818229167rem;
	height: .3177083333rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .text_44 {
	margin-top: .1189583333rem;
	color: #fff;
	font-size: .125rem;
	font-family: PingFangSC;
	font-weight: 600;
	line-height: .1163541667rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .text_45 {
	margin-top: .1156770833rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .text_45,.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .text_46 {
	color: #fff;
	font-size: .125rem;
	font-family: PingFangSC;
	line-height: .1614583333rem;
	letter-spacing: .015rem
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .space-y-59 .view_12 {
	align-self: center;
	margin: 0 auto;
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_17 .group_27 {
	margin-top: .6584895833rem;
	width: 50%;
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_15 {
	background-color: #fabd00
}

.page .space-y-119 .group_17 .space-y-42 .space-y-38 .section_15 .group_29 {
	align-self: center;
    width: 50%;
}

.page .space-y-119 .group_17 .group_19 {
	margin-top: .46453125rem;
	padding-left: .0208333333rem;
	padding-right: .0104166667rem
}

.page .space-y-119 .group_17 .group_31 {
	margin-top: .4322916667rem
}

.page .space-y-119 .group_17 .group_31 .group_31_nav {
	display: flex;
	align-items: center;
	height: .5416666667rem
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_title {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
	padding-left: .1770833333rem;
	background: #fabd00;
	color: #fff;
	font-weight: 700;
	font-size: .09375rem
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_title .group_31_nav_subtitle {
	margin-bottom: .09375rem
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_title .group_31_nav_subtitle:last-child {
	margin-bottom: 0
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #000
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_item .group_31_nav_item_top {
	margin-bottom: .09375rem;
	font-size: .0833333333rem;
	font-weight: 700
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_item .group_31_nav_item_bottom {
	opacity: .5;
	font-size: .0625rem
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .group_31_nav_item:last-child .group_31_nav_item_top {
	font-weight: unset
}

.page .space-y-119 .group_17 .group_31 .group_31_nav .active_title {
	color: #fabd00!important
}

.page .space-y-119 .group_17 .group_31 .group_31_content {
	position: relative;
	margin-top: .1979166667rem
}

.page .space-y-119 .group_17 .group_31 .group_31_content .group_31_content_img {
	width: 100%
}

.page .space-y-119 .group_17 .group_31 .group_31_content .group_31_content_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	z-index: 999999
}

.page .space-y-119 .group_17 .group_31 .group_31_content .group_31_content_bottom .content_nav {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: .1458333333rem;
	color: #fff;
	background: unset
}

.page .space-y-119 .group_17 .group_31 .group_31_content .group_31_content_bottom .content_nav .content_nav_title {
	margin-bottom: .0885416667rem;
	font-weight: 700;
	font-size: .0833333333rem
}

.page .space-y-119 .group_17 .group_31 .group_31_content .group_31_content_bottom .content_nav.active {
	background: hsla(0,0%,95%,.7);
	color: #000
}

.page .space-y-119 .equal-division-item {
	padding: .5279166667rem .2395833333rem .4895833333rem;
	width: 2.5rem;
	background-color: #2b548a;
	height: 3.7395833333rem
}

.page .space-y-119 .equal-division-item .text_75 {
	align-self: center;
	color: #fff;
	font-size: .1227083333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .11375rem
}

.page .space-y-119 .equal-division-item .image-wrapper {
	margin-top: .3997395833rem;
	padding-bottom: .078125rem
}

.page .space-y-119 .equal-division-item .image-wrapper .image_32 {
	margin-right: .0677083333rem;
	width: 1.9791666667rem
}

.page .space-y-119 .equal-division-item .image-wrapper .image_38 {
	width: 60%;
	margin: 0 auto
}

.page .space-y-119 .equal-division-item .view_19 {
	margin-top: .4698958333rem;
	align-self: center
}

.page .space-y-119 .equal-division-item_1 {
	padding: 35px;
    width: 2.5rem;
    background-color: rgba(250,189,0,.8);
    height: 200px;
    position: absolute;
    z-index: 99;
    bottom: 0;
}

.page .space-y-119 .equal-division-item_1 .text_77 {
	color: #fff;
	font-size: .1227083333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .114375rem
}

.page .space-y-119 .equal-division-item_1 .image-wrapper_1 {
	margin: .3997395833rem .0547395833rem 0 .0494270833rem;
	padding-bottom: .1197916667rem;
}

.image-wrapper_1 .image_35 {
    flex-shrink: 0;
    width: 100%;
    height: auto;
}

.page .space-y-119 .equal-division-item_1 .view_20 {
	margin-top: 10%;
}

.page .space-y-119 .section_32 {
	padding: .0522916667rem 0 .0604166667rem;
	background-color: #fff;
	border-radius: .0853645833rem;
	width: 85px;
	position: relative;
	transition: all .3s;
}
.flex-col.items-center.section_32.view_20:hover {
    width: 100px;
    transition: all .3s;
}

.page .space-y-119 .section_32 .text_76 {
	color: #000;
	font-size: .0625rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0580208333rem;
	letter-spacing: .0075rem;
}

.page .space-y-119 .section_32 .image_66 {
	width: .4739583333rem;
	height: .0572916667rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.page .space-y-119 .section_32 .text_78 {
	color: #fabd00
}

.page .space-y-119 .section_32 .text_78,.page .space-y-119 .section_32 .text_80 {
	font-size: .0625rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0580208333rem;
	letter-spacing: .0075rem
}

.page .space-y-119 .section_32 .text_80 {
	color: #000
}

.page .space-y-119 .section_32 .text_82 {
	color: #fabd00;
	font-size: .0625rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0580208333rem;
	letter-spacing: .0075rem
}

.page .space-y-119 .space-y-468>:not(:first-child) {
	margin-top: 2.4375rem
}

.page .space-y-119 .space-y-468 .text_79 {
	color: #fff;
	font-size: .1227083333rem;
	font-family: PingFangSC;
	font-weight: 600;
	line-height: .1142708333rem
}

.page .space-y-119 .space-y-468 .text_81 {
	color: #fff;
	font-size: .1227083333rem;
	font-family: PingFangSC;
	font-weight: 600;
	line-height: .11453125rem
}

.page .space-y-119 .equal-division-item_2 {
	padding: .5275520833rem 0 .4895833333rem;
	width: 2.5rem;
	background-color: #2b548a;
	height: 3.7395833333rem
}

.page .space-y-119 .equal-division-item_3 {
	padding: .5377083333rem 0 .4791666667rem;
	width: 2.5rem;
	background-color: #fabd00;
	height: 3.7395833333rem
}

.page .section_13 {
	padding-top: .39609375rem;
	background-color: #fff
}

.page .space-x-20>:not(:first-child) {
	margin-left: .1041666667rem
}

.page .space-x-20 .view_1 {
	margin: .00859375rem 0 .0069270833rem
}

.page .space-x-20 .image_4 {
	width: .0989583333rem;
	height: .0833333333rem;
}

.page .space-x-20 .space-y-18>:not(:first-child) {
	margin-top: .09375rem;
}

.page .space-x-20 .space-y-18 .group_35 {
	padding: 0 .1027604167rem;
}

.page .space-x-20 .space-y-18 .group_35 .group_64 {
	padding-top: .01078125rem;
	position: relative
}

.page .space-x-20 .space-y-18 .group_35 .group_64 .text_55 {
	margin-left: .1223958333rem;
	color: #fff;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0771354167rem
}

.page .space-x-20 .space-y-18 .group_35 .group_64 .text_57 {
	color: #fabd00;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0777604167rem
}

.page .space-x-20 .space-y-18 .group_35 .group_64 .image_30 {
	width: .5052083333rem;
	height: .078125rem;
	position: absolute;
	left: 0;
	top: 0
}

.page .space-x-20 .space-y-18 .group_35 .text_58 {
	margin-left: .09375rem;
	margin-bottom: .0103645833rem;
	color: #000;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0771875rem
}

.page .space-x-20 .space-y-18 .group_35 .view_16 {
	margin-left: .25546875rem;
	padding-top: .0104166667rem;
	height: .0875520833rem;
	position: relative
}

.page .space-x-20 .space-y-18 .group_35 .view_16 .text_138 {
	color: #fff;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0771354167rem
}

.page .space-x-20 .space-y-18 .group_35 .view_16 .text_61 {
	color: #000;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0771354167rem
}

.page .space-x-20 .group_34 {
	margin-top: .02046875rem;
	flex: 1 1 auto
}

.page .space-x-20 .view_17 {
	padding-top: .0186979167rem;
	flex: 1 1 auto;
	position: relative
}

.page .space-x-20 .view_17 .text_144 {
	color: #fff;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .05671875rem
}

.page .space-x-20 .view_17 .image_31 {
	width: .6614583333rem;
	height: .0520833333rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-x-20 .view_17 .text_64 {
	color: #000;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .04484375rem;
	opacity: .5;
	position: absolute;
	right: 0;
	top: 0
}

.page .space-x-20 .group_28 {
	height: .0754166667rem
}

.page .space-x-20 .group_28 .text_145 {
	margin-top: .0186979167rem;
	color: #fff;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .05671875rem
}

.page .space-x-20 .group_28 .text_66 {
	margin-top: -.0754166667rem;
	color: #000;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .04484375rem
}

.page .space-x-20 .group_39 {
	width: 1.7629166667rem;
	height: .2786458333rem
}

.page .space-x-20 .group_39 .text_71 {
	margin-top: .1133854167rem;
	align-self: center;
	color: #fff;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .05671875rem
}

.page .space-x-20 .group_39 .text_72 {
	margin-top: -.0754166667rem;
	align-self: flex-start;
	color: #000;
	font-size: .0613541667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .04484375rem
}

.page .space-x-20 .text_142 {
	position: absolute;
	left: 0;
	top: 0
}

.page .space-x-20 .text_143 {
	position: absolute;
	right: 0;
	top: 0
}

.page .section_22 {
	padding: .34296875rem .3697916667rem .15625rem 1.6666666667rem;
	background-color: #e1e1e1
}

.page .space-x-9>:not(:first-child) {
	margin-left: .046875rem
}

.page .space-x-9 .group_41 {
	padding-top: .0213020833rem;
	width: 1.67765625rem;
	position: relative
}

.page .space-x-9 .group_41 .group_42 {
	padding-top: .0099479167rem;
	width: 1.67765625rem;
	position: relative
}

.page .space-x-9 .group_41 .group_42 .text_67 {
	color: #fff;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0772916667rem
}

.page .space-x-9 .group_41 .group_42 .text_68 {
	color: #000;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0769270833rem
}

.page .space-x-9 .group_41 .text_69 {
	line-height: .0771875rem
}

.page .space-x-9 .group_41 .text_69,.page .space-x-9 .text_70 {
	color: #000;
	font-size: .0831770833rem;
	font-family: MicrosoftYaHeiUI
}

.page .space-x-9 .text_70 {
	align-self: center;
	line-height: .0366666667rem
}

.page .space-x-9 .group_44 {
	margin-top: .0375rem;
	flex-shrink: 0;
	width: 3.7047395833rem
}

.page .space-x-9 .group_44 .text_87,.page .space-x-9 .group_44 .text_147 {
	align-self: flex-start;
	color: #000;
	font-size: .0929166667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0985416667rem
}

.page .space-x-9 .group_44 .text_87 {
	margin-top: .0572395833rem
}

.page .space-x-9 .group_44 .space-x-18>:not(:first-child) {
	margin-left: .09375rem
}

.page .space-x-9 .group_44 .space-x-18 .section_21 {
	padding: .1205729167rem 0 .1277083333rem;
	background-color: #fff;
	border-radius: .0520833333rem;
	width: 1.1734895833rem;
	height: .3229166667rem;
	position: relative
}

.page .space-x-9 .group_44 .space-x-18 .section_21 .text_89 {
	margin-left: .1296354167rem;
	color: #000;
	font-size: .0818229167rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0746354167rem
}

.page .space-x-9 .group_44 .space-x-18 .section_21 .image_39 {
	width: .3333333333rem;
	height: .0729166667rem;
	position: absolute;
	left: .1296354167rem;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-x-9 .group_44 .space-x-18 .section_29 {
	padding: .1200520833rem 0 .1271875rem;
	background-color: #fff;
	border-radius: .0520833333rem;
	width: 1.1734895833rem;
	height: .3229166667rem;
	position: relative
}

.page .space-x-9 .group_44 .space-x-18 .section_29 .text_90 {
	margin-left: .1540104167rem;
	color: #000;
	font-size: .0818229167rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0756770833rem
}

.page .space-x-9 .group_44 .space-x-18 .section_29 .image_40 {
	width: .2447916667rem;
	height: .078125rem;
	position: absolute;
	left: .1540104167rem;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-x-9 .group_44 .space-x-18 .section_23 {
	padding: .1197916667rem 0 .1278645833rem;
	background-color: #fff;
	border-radius: .0520833333rem;
	width: 1.1734895833rem;
	height: .3229166667rem;
	position: relative
}

.page .space-x-9 .group_44 .space-x-18 .section_23 .text_91 {
	margin-left: .1277604167rem;
	color: #000;
	font-size: .0818229167rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0752604167rem
}

.page .space-x-9 .group_44 .space-x-18 .section_23 .image_41 {
	width: .2447916667rem;
	height: .0729166667rem;
	position: absolute;
	left: .1277604167rem;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-x-9 .group_44 .group_45 {
	margin-top: .1240104167rem
}

.page .space-x-9 .group_44 .section_24 {
	margin-top: .125rem;
	padding: .1354166667rem 0 1.2685416667rem;
	background-color: #fff;
	border-radius: .0520833333rem;
	position: relative
}

.page .space-x-9 .group_44 .section_24 .text_92 {
	margin-left: .13484375rem;
	color: #000;
	font-size: .0818229167rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0752083333rem
}

.page .space-x-9 .group_44 .section_24 .image_42 {
	width: .3333333333rem;
	height: .0729166667rem;
	position: absolute;
	left: .13484375rem;
	top: .1354166667rem
}

.page .space-x-9 .group_44 .section_25 {
	margin-top: .1770833333rem;
	padding: .0899479167rem 0 .0988020833rem;
	align-self: center;
	background-color: #2b548a;
	border-radius: .1354166667rem;
	width: 1.0833333333rem;
	position: relative
}

.page .space-x-9 .group_44 .section_25 .text_93 {
	color: #fff;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .0872916667rem;
	letter-spacing: .01125rem
}

.page .space-x-9 .group_44 .section_25 .image_43 {
	width: .2291666667rem;
	height: .0885416667rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.page .space-x-9 .image_44 {
	flex: 1 1 auto;
	width: 4.2135416667rem;
	height: 2.9322916667rem
}

.page .text_146 {
	opacity: .5
}

.page .space-y-85>:not(:first-child) {
	margin-top: .4427083333rem
}

.page .space-y-85 .space-y-30>:not(:first-child) {
	margin-top: .15625rem
}

.page .space-y-85 .space-y-30 .text_94 {
	color: #000;
	font-size: .1385416667rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1277083333rem;
	letter-spacing: .0055208333rem
}

.page .space-y-85 .space-y-30 .text_95 {
	color: #000;
	font-size: .09203125rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0881770833rem
}

.page .space-y-85 .group_47 {
	height: 1.2942708333rem;
	position: relative
}

.page .space-y-85 .group_47 .text_96 {
	line-height: .0825rem;
	left: .7348958333rem;
	bottom: .40453125rem
}

.page .space-y-85 .group_47 .text_96,.page .space-y-85 .group_47 .text_97 {
	color: #000;
	font-size: .0897916667rem;
	font-family: MicrosoftYaHeiUI;
	position: absolute
}

.page .space-y-85 .group_47 .text_97 {
	line-height: .0833333333rem;
	left: 1.6772395833rem;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-y-85 .group_47 .text_98 {
	line-height: .0832291667rem;
	left: 2.6774479167rem;
	bottom: .3415104167rem
}

.page .space-y-85 .group_47 .text_98,.page .space-y-85 .group_47 .text_99 {
	color: #000;
	font-size: .0897916667rem;
	font-family: MicrosoftYaHeiUI;
	position: absolute
}

.page .space-y-85 .group_47 .text_99 {
	line-height: .0839583333rem;
	right: 1.70328125rem;
	top: .28578125rem
}

.page .space-y-85 .group_47 .text_100 {
	color: #000;
	font-size: .0897916667rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0838541667rem;
	position: absolute;
	right: .7240104167rem;
	top: 50%;
	transform: translateY(-50%)
}

.page .space-y-85 .group_47 .space-y-12>:not(:first-child) {
	margin-top: .0625rem
}

.page .space-y-85 .group_47 .space-y-12 .image_65 {
	border-radius: 50%;
	width: .11625rem;
	height: .11625rem
}

.page .space-y-85 .group_47 .space-y-12 .image_46 {
	margin-right: 1.0104166667rem;
	align-self: flex-end
}

.page .space-y-85 .group_47 .space-y-12 .space-x-349>:not(:first-child) {
	margin-left: 1.8177083333rem
}

.page .space-y-85 .group_47 .space-y-12 .space-x-349 .image_48 {
	margin-top: .0625rem
}

.page .space-y-85 .group_47 .section_27 {
	padding: .0330208333rem .8611458333rem;
	background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62b277775a7e3f03105c3b8f/62b27abdd02982001153897b/16634065910934511311.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: .4088541667rem
}

.page .space-y-85 .group_47 .image_49 {
	border-radius: 50%;
	width: .11625rem;
	height: .11625rem;
	position: absolute;
	left: 1.7934375rem;
	bottom: .3976041667rem
}

.page .space-y-85 .group_47 .image_50 {
	border-radius: 50%;
	width: .11625rem;
	height: .11625rem;
	position: absolute;
	right: .8507291667rem;
	top: .395rem
}

.page .space-y-85 .group_47 .image_51 {
	border-radius: 50%;
	width: .3046875rem;
	height: .3046875rem;
	position: absolute;
	left: .7708333333rem;
	top: .2447916667rem;
	background: #dfded9;
	display: flex;
	align-items: center;
	justify-content: center
}

.page .space-y-85 .group_47 .image_51 img {
	width: .1354166667rem;
	height: .140625rem
}

.page .space-y-85 .group_47 .image_52 {
	border-radius: 50%;
	width: .3046875rem;
	height: .3046875rem;
	position: absolute;
	left: 2.6927083333rem;
	top: .3020833333rem;
	background: #dfded9;
	display: flex;
	align-items: center;
	justify-content: center
}

.page .space-y-85 .group_47 .image_52 img {
	width: .1614583333rem;
	height: .09375rem
}

.page .space-y-85 .group_47 .image_53 {
	border-radius: 50%;
	width: .3046875rem;
	height: .3046875rem;
	position: absolute;
	right: .7578125rem;
	top: 0;
	background: #dfded9;
	display: flex;
	align-items: center;
	justify-content: center
}

.page .space-y-85 .group_47 .image_53 img {
	width: .1354166667rem;
	height: .1354166667rem
}

.page .space-y-85 .group_47 .image_54 {
	border-radius: 50%;
	width: .3046875rem;
	height: .3046875rem;
	position: absolute;
	right: 1.7421875rem;
	bottom: .34375rem;
	background: #dfded9;
	display: flex;
	align-items: center;
	justify-content: center
}

.page .space-y-85 .group_47 .image_54 img {
	width: .09375rem;
	height: .1197916667rem
}

.page .space-y-85 .group_47 .image_55 {
	border-radius: 50%;
	width: .3046875rem;
	height: .3046875rem;
	position: absolute;
	left: 1.703125rem;
	bottom: 0;
	background: #dfded9;
	display: flex;
	align-items: center;
	justify-content: center
}

.page .space-y-85 .group_47 .image_55 img {
	width: .1354166667rem;
	height: .1354166667rem
}

.page .space-y-85 .group_47 .image_56 {
	width: 4.2135416667rem;
	height: 1.1197916667rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.page .section_26 {
	padding: .5946875rem 2.046875rem .5572916667rem;
	background-color: #fff;
	background-image: url(https://wisdom-ceshi.oss-cn-shanghai.aliyuncs.com/service.jpg);
	background-position: 25% 0;
	background-size: 200% 200%;
	background-repeat: no-repeat
}

.page .section_28 {
	padding: .4378645833rem 1.4010416667rem .4077604167rem;
	background-color: #fff
}

.page .section_28 .text_101 {
	margin-left: .2809895833rem;
	align-self: flex-start;
	color: #000;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1161458333rem
}

.page .section_28 .group_49 {
	margin-top: .1365625rem;
	padding: 0 .27171875rem
}

.page .section_28 .group_49 .text_102 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .2121875rem;
	letter-spacing: .0083333333rem
}

.page .section_28 .group_49 .image_57 {
	margin-right: .0926041667rem;
	align-self: center;
	width: .4202604167rem;
	height: .0692708333rem
}

.page .section_28 .space-x-98>:not(:first-child) {
	margin-left: .5104166667rem
}

.page .section_28 .space-x-98 .equal-division-item_4 {
	width: 1.8854166667rem;
	height: 1.0364583333rem
}

.page .section_28 .equal-division_1 {
	margin: .15203125rem .2864583333rem 0 .2395833333rem
}

.page .section_28 .space-x-99>:not(:first-child) {
	margin-left: .515625rem
}

.page .section_28 .space-x-99 .equal-division-item_5 {
	width: 1.8697916667rem
}

.page .section_28 .space-x-99 .equal-division-item_5 .text_103 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: -.0041666667rem
}

.page .section_28 .space-x-99 .equal-division-item_5 .text_104 {
	align-self: center;
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .07328125rem
}

.page .section_28 .space-x-99 .equal-division-item_6 {
	width: 1.8697916667rem
}

.page .section_28 .space-x-99 .equal-division-item_6 .text_105 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: -.0041666667rem
}

.page .section_28 .space-x-99 .equal-division-item_6 .text_106 {
	align-self: center;
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .07328125rem
}

.page .section_28 .space-x-99 .equal-division-item_7 {
	width: 1.8697916667rem
}

.page .section_28 .space-x-99 .equal-division-item_7 .text_107 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: -.0041666667rem
}

.page .section_28 .space-x-99 .equal-division-item_7 .text_108 {
	align-self: center;
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .07328125rem
}

.page .section_28 .equal-division_2 {
	margin: .1697395833rem .28484375rem 0 .2561979167rem
}

.page .section_28 .equal-division_3 {
	margin-right: .0104166667rem;
	margin-top: .0867708333rem
}

.page .section_28 .equal-division_3 .equal-division-item_8 {
	width: 2.3958333333rem;
	padding: .0588541667rem .2572916667rem
}

.page .space-y-24>:not(:first-child) {
	margin-top: .125rem
}

.page .space-y-24 .text_83 {
	font-size: .125rem;
	line-height: .1165104167rem
}

.page .space-y-24 .text_83,.page .space-y-24 .text_84 {
	align-self: flex-start;
	color: #000;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700
}

.page .space-y-24 .text_84 {
	font-size: .2083333333rem;
	line-height: .1521875rem;
	letter-spacing: .0083333333rem
}

.page .space-y-24 .text_140 {
	align-self: flex-start;
	color: #000;
	font-size: .09375rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .0873958333rem
}

.page .space-y-24 .text_139 {
	color: #000;
	font-size: .061875rem;
	font-family: MicrosoftYaHeiUI;
	line-height: .109375rem
}

.page .space-y-24 .text_115 {
	width: 1.5364583333rem
}

.page .text_28 {
	opacity: .38
}

.page-news {
	background-color: #f5f7fa
}

.page-news .banner {
	position: relative
}

.page-news .banner .mask,.page-news .banner img {
	height: 1.5729166667rem;
	width: 100%
}

.page-news .banner .mask {
	position: absolute;
	padding-top: .3645833333rem;
	top: 0;
	left: 0;
	font-family: Microsoft YaHei UI;
	text-align: center
}

.page-news .banner .mask p {
	color: #fff;
	font-size: .1041666667rem
}

.page-news .banner .mask .line {
	display: inline-block;
    width: 0.2916666667rem;
    height: 0.0104166667rem;
    background: #FFFFFF;
    margin: 0.0520833333rem auto;
}

.page-news .banner .mask .title {
	font-size: 0.2604166667rem;
    font-weight: bold;
    color: #FABD00;
    line-height: 0.46875rem;
    margin-bottom: 0.3125rem;
}

.page-news .title {
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #858484;
	line-height: .2447916667rem;
	margin-bottom: .1041666667rem
}

.page-news .search-content {
	height: .875rem;
}

.page-news .search-content .content {
	height: .875rem;
	background: #efefef;
	padding: .1302083333rem;
	position: relative;
	border-radius: 5px;
}

.page-news .search-content .content .search-title {
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000;
	line-height: .2447916667rem;
	margin-bottom: .0520833333rem
}

.page-news .search-content .content input {
	width: 100%;
    height: 0.2604166667rem;
    font-size: 0.1041666667rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #C0C0C0;
    padding: 0 0.15625rem;
}

.page-news .search-content .content img {
    width: 0.1145833333rem;
    height: 0.1145833333rem;
    position: absolute;
    right: 0.3125rem;
    top: 0.4947916667rem;
}
.flex-row-news:hover {
    background: #efefef;
    transition: all .5s;
}
.page-news .flex-row-news {
	display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 5px;
    transition: all .5s;
    border-bottom: 1px solid #efefef;
}

.page-news .image-style {
	margin: 0 20px 0 0;
	width: 1.5833333333rem;
	height: .8697916667rem
}

.page-news .news_content {
	font-size: 14px;
	font-family: Microsoft YaHei UI;
	color: #000;
	line-height: .109375rem;
	opacity: .38;
	display: block;
	width: 4.6875rem;
	word-break: break-all;
	word-wrap: break-word
}

.page-news .news_time,.page-news .news_title {
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	color: #000;
	line-height: .2447916667rem;
	margin-top: .078125rem
}

.page-news .news_time {
	opacity: .38
}

.page-news .section_28 {
	padding: .2864583333rem 1.59375rem;
	background-color: #fff
}

.page-news .section_28 .text_101 {
	margin-left: .2809895833rem;
	align-self: flex-start;
	color: #000;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1161458333rem
}

.page-news .section_28 .group_49 {
	margin-top: .1365625rem;
	padding: 0 .27171875rem
}

.page-news .section_28 .group_49 .text_102 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: .0083333333rem
}

.page-news .section_28 .equal-division_1 {
	margin: 20px 0;
}

.page-news .section_28 .equal-division_2 {
	margin: .1697395833rem .28484375rem 0 .2561979167rem
}

.page-news .section_28 .equal-division_3 {
	margin-right: .0104166667rem;
	margin-top: .0867708333rem
}

.page-news .section_28 .equal-division_3 .equal-division-item_8 {
	flex: 1 1 2.3958333333rem;
	padding: .0588541667rem .2572916667rem
}

.page-news .text_28 {
	opacity: .38
}

.page-video {
	background-color: #fff
}

.page-video .flex {
	display: flex!important
}

.page-video .video-mask {
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999;
	display: none;
	justify-content: center;
	align-items: center
}

.page-video .video-mask .mask-content {
	width: 8.0885416667rem;
	height: 4.7135416667rem;
	background: #fff;
	border-radius: .2291666667rem;
	padding: 16px 20px;
}

.page-video .video-mask .mask-content .header {
	display: flex;
	justify-content: space-between
}

.page-video .video-mask .mask-content .header h3 {
	font-size: .15625rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000;
	line-height: .3697916667rem
}

.page-video .video-mask .mask-content .header .close-icon {
	width: .1927083333rem;
	height: .1927083333rem;
	cursor: pointer
}

.page-video .video-mask .mask-content .video-img {
	width: 100%;
	height:3.99375rem;
	object-fit: cover
}

.page-video .banner {
	position: relative
}

.page-video .banner img {
	height: 1.5729166667rem;
	width: 100%
}

.page-video .banner .banner-content {
	position: absolute;
	padding-top: .3645833333rem;
	height: 1.5729166667rem;
	width: 100%;
	top: 0;
	left: 0;
	font-family: Microsoft YaHei UI;
	text-align: center;
	display: flex;
	flex-direction: column
}

.page-video .banner .banner-content p {
	color: #fff;
	font-size: .1041666667rem
}

.page-video .banner .banner-content .line {
	display: inline-block;
	width: .2916666667rem;
	height: .0104166667rem;
	background: #fff;
	margin: .1041666667rem auto
}

.page-video .banner .banner-content .title {
	font-size: .3489583333rem;
	font-weight: 700;
	color: #fabd00;
	line-height: .46875rem;
	margin-bottom: .2604166667rem
}

.page-video .box_container {
	margin: 0 auto;
	width: 6.25rem;
	padding-top: .3125rem;
	border-radius: .1041666667rem
}

.page-video .box_container .tab_box {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: .0208333333rem solid #fff;
	position: relative;
	padding-left: .0364583333rem
}

.page-video .box_container .tab_box .tab_btn {
	width: .7552083333rem;
	height: .2447916667rem;
	background: #ededed;
	border-radius: .125rem;
	margin-right: .1041666667rem;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	color: #535353;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: none
}

.page-video .box_container .tab_box .tab_btn.active {
	background: #2b548a;
	font-weight: 700;
	color: #fff
}

.page-video .box_container .content_box .content {
	animation: moving .5s ease;
	font-size: .15625rem;
	display: none;
	padding-top: .2604166667rem
}

@keyframes moving {
	0% {
		transform: translateX(.2604166667rem);
		opacity: 0
	}

	to {
		transform: translateX(0);
		opacity: 1
	}
}

.page-video .box_container .content_box .content #brand_list,.page-video .box_container .content_box .content #outdoor_list,.page-video .box_container .content_box .content #room_list,.page-video .box_container .content_box .content #video_list {
	width: 7.2916666667rem;
	display: flex;
	flex-wrap: wrap
}

.page-video .box_container .content_box .active {
	display: block!important
}

.page-video .flex-col-video {
	display: flex;
	flex-direction: column;
	margin-bottom: .3385416667rem;
	position: relative
}

.page-video .image-style {
	margin: 0 .2604166667rem .1145833333rem .0520833333rem
}

.page-video .image-style,.page-video .mask {
	width: 3.1770833333rem;
	height: 1.5208333333rem
}

.page-video .mask {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: .0520833333rem;
	background: rgba(1,1,1,.3)
}

.page-video .image-icon {
	width: .390625rem;
	height: .390625rem;
	position: absolute;
	top: .5598958333rem;
	left: 1.3880208333rem
}

.page-video .video_title {
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	color: #000;
	padding-left: .0520833333rem
}

.page-video .news_time {
	margin-top: .078125rem;
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	color: #000;
	line-height: .2447916667rem;
	opacity: .38
}

.page-video .section_28 {
	padding: .4378645833rem 1.4010416667rem .4077604167rem;
	background-color: #fff
}

.page-video .section_28 .text_101 {
	margin-left: .2809895833rem;
	align-self: flex-start;
	color: #000;
	font-size: .125rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1161458333rem
}

.page-video .section_28 .group_49 {
	margin-top: .1365625rem;
	padding: 0 .27171875rem
}

.page-video .section_28 .group_49 .text_102 {
	color: #000;
	font-size: .2083333333rem;
	font-family: MicrosoftYaHeiUI;
	font-weight: 700;
	line-height: .1521875rem;
	letter-spacing: .0083333333rem
}

.page-video .section_28 .equal-division_1 {
	margin: .15203125rem .2864583333rem 0 .2395833333rem
}

.page-video .section_28 .equal-division_2 {
	margin: .1697395833rem .28484375rem 0 .2561979167rem
}

.page-video .section_28 .equal-division_3 {
	margin-right: .0104166667rem;
	margin-top: .0867708333rem
}

.page-video .section_28 .equal-division_3 .equal-division-item_8 {
	flex: 1 1 2.3958333333rem;
	padding: .0588541667rem .2572916667rem
}

.page-video .text_28 {
	opacity: .38
}

.page-show {
	background-color: #fff;
	width: 60%;
	margin: 0 auto;
	padding: .4166666667rem 0 .2083333333rem;
	text-align: center;
	position: relative
}

.page-show .title {
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #858484;
	line-height: .2447916667rem;
	position: absolute;
	top: 0;
	left: .6197916667rem;
	margin-bottom: .1041666667rem
}

.page-show h2 {
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	color: #000
}

.page-show .show-time {
	margin: .2083333333rem auto;
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	opacity: .38
}

.page-show .image-style {
	width: 4.7083333333rem;
	height: 3.1354166667rem;
	margin: .2083333333rem auto
}

.page-show .show-text {
	margin: 0 auto .1041666667rem;
	text-align: left;
	font-size: .0625rem;
	display: block;
	color: #000;
	line-height: .109375rem;
	opacity: .59
}

.page-show .footer,.page-show .show-text {
	width: 4.75rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400
}

.page-show .footer {
	height: .4635416667rem;
	margin: 0 auto;
	background: #efefef;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .1302083333rem .2083333333rem
}

.page-show .footer .left {
	display: flex;
	text-align: left;
	align-items: center
}

.page-show .footer .left img {
	margin-right: .1041666667rem
}

.page-show .footer .right {
	display: flex;
	text-align: right;
	align-items: center
}

.page-show .footer .right img {
	margin-left: .1041666667rem
}

.page-show .footer img {
	width: .0989583333rem;
	height: .0833333333rem
}

.page-show .footer h3 {
	font-size: .0729166667rem;
	color: #909090;
	margin-bottom: .0520833333rem
}

.page-show .footer p {
	font-size: .0625rem;
	color: #979797
}

.page-chest {
	padding: .15625rem 0 .2083333333rem;
	margin: 0 auto;
	width: 65%
}

.page-chest h2 {
	font-size: .1666666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #000;
	line-height: .2447916667rem;
	margin-bottom: .1041666667rem
}

.page-chest .chest-top {
	display: flex
}

.page-chest .chest-top .chest-left {
	position: relative;
	margin-right: .0416666667rem;
	margin-bottom: auto
}

.page-chest .chest-top .chest-left .image-left {
	width: 2.1614583333rem;
	height: auto;
}

.page-chest .chest-top .chest-left .classroom01 {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-chest .chest-top .chest-left .classroom01 .mask-content {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: 1.5625rem 0 .78125rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI
}

.page-chest .chest-top .chest-left .classroom01 .mask-content img {
	position: absolute;
	width: 74%;
    top: 43%;
}

.page-chest .chest-top .chest-left .classroom01 .left-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62
}

.page-chest .chest-top .chest-left .classroom01 .left-text {
	position: absolute;
	top: 1.0416666667rem;
	font-size: .1458333333rem;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.page-chest .chest-top .chest-left .classroom01 .left-btn {
	position: absolute;
	bottom: 1.3020833333rem;
	color: #000;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	text-decoration: none;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-chest .chest-top .chest-left .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-top .chest-left .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-top .chest-left .classroom-footer img {
	width: 1.006667rem;
    position: absolute;
    bottom: 0.1025rem;
    right: .0625rem;
}

.page-chest .chest-top .chest-middle {
	margin-right: .0416666667rem
}

.page-chest .chest-top .chest-middle .middle-top {
	position: relative;
	margin-bottom: .0416666667rem
}

.page-chest .chest-top .chest-middle .middle-top img {
	width: 2.1614583333rem;
	height: auto;
}

.page-chest .chest-top .chest-middle .middle-top .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-top .chest-middle .middle-top .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-top .chest-middle .middle-top .classroom-footer img.bulage {
	width: .5729166667rem!important;
	position: absolute;
	bottom: .078125rem;
	right: .078125rem
}

.page-chest .chest-top .chest-middle .middle-top .classroom-footer img {
	position: absolute;
	bottom: .0625rem;
	right: .0625rem;
	width: .4166666667rem!important;
	height: auto!important
}

.page-chest .chest-top .chest-middle .middle-top .classroom02,.page-chest .chest-top .chest-middle .middle-top .classroom05 {
	position: absolute;
	width: 2.1614583333rem;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-chest .chest-top .chest-middle .middle-top .classroom02 .mask-content img, .page-chest .chest-top .chest-middle .middle-top .classroom05 .mask-content img {
    position: absolute;
    width: 0.6770833333rem !important;
    height: auto !important;
    top: 38%;
    left: 34%;
}

.page-chest .chest-top .chest-middle .middle-top .middle-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-chest .chest-top .chest-middle .middle-top .middle-text {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding-top: 0.3222916667rem;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.page-chest .chest-top .chest-middle .middle-top .milan {
    padding-top: 0.1822916667rem;
}

img.milan-img {
    top: 32%!important;
}

.page-chest .chest-top .chest-middle .middle-top .middle-btn {
	position: absolute;
	bottom: .1666666667rem;
	left: .7395833333rem;
	color: #000;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-chest .chest-top .chest-middle .middle-bottom {
	margin-bottom: .0416666667rem;
	position: relative
}

.page-chest .chest-top .chest-middle .middle-bottom img {
	width: 2.1614583333rem;
	height: auto;
}

.page-chest .chest-top .chest-middle .middle-bottom .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-top .chest-middle .middle-bottom .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-top .chest-middle .middle-bottom .classroom-footer img {
	width: .5208333333rem;
	height: auto;
	position: absolute;
	bottom: .0625rem;
	right: .0625rem
}

.page-chest .chest-top .chest-middle .middle-bottom .classroom03,.page-chest .chest-top .chest-middle .middle-bottom .classroom04 {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}
.page-chest .chest-top .chest-middle .middle-bottom .classroom03 .mask-content img, .page-chest .chest-top .chest-middle .middle-bottom .classroom04 .mask-content img {
    position: absolute;
    width: 0.9375rem !important;
    height: auto !important;
    top: 31%;
    left: 27%;
}

.page-chest .chest-top .chest-middle .middle-bottom .bottom-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-chest .chest-top .chest-middle .middle-bottom .bottom-text {
	position: absolute;
    top: 0.1064583333rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 0.2864583333rem;
    font-size: 0.125rem;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: white;
    text-align: center;
}

.page-chest .chest-top .chest-middle .middle-bottom .bottom-btn {
	position: absolute;
    bottom: 0.625rem;
    left: 0.7395833333rem;
    color: black;
    width: 0.6770833333rem;
    height: 0.171875rem;
    font-size: 0.0833333333rem;
    font-weight: bold;
    background: #ffffff;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-chest .chest-bottom {
	display: flex
}

.page-chest .chest-bottom .chest-left {
	position: relative;
	margin-right: .0416666667rem;
	margin-bottom: auto
}

.page-chest .chest-bottom .chest-left .image-left {
	width: auto;
	height: 2.3020833333rem;
}

.page-chest .chest-bottom .chest-left .classroom06 {
	position: absolute;
	width: 100%;
	height: 2.3020833333rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear;
}

.page-chest .chest-bottom .chest-left .classroom06 .mask-content {
	position: absolute;
	width: 100%;
	height: 2.3020833333rem;
	top: 0;
	left: 0;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: 1.5625rem 0 .78125rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI;
}

.page-chest .chest-bottom .chest-left .classroom06 .mask-content img {
    position: absolute;
    width: 0.78125rem;
    bottom: 45%;
}

.page-chest .chest-bottom .chest-left .classroom06 .left-mask {
	position: absolute;
	width: 100%;
	height: 2.3020833333rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62
}

.page-chest .chest-bottom .chest-left .classroom06 .left-text {
	position: absolute;
	top: .78125rem;
	font-size: .125rem;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.page-chest .chest-bottom .chest-left .classroom06 .left-btn {
	position: absolute;
    bottom: 0.6770833333rem;
    color: black;
    width: 0.6770833333rem;
    height: 0.171875rem;
    font-size: 0.0833333333rem;
    font-weight: bold;
    background: #ffffff;
    text-decoration: none;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-chest .chest-bottom .chest-left .classroom-footer {
	width: 100%;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-bottom .chest-left .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-bottom .chest-left .classroom-footer img {
	width: .5208333333rem;
	height: auto;
	position: absolute;
	bottom: 0.0925rem;
	right: .0625rem
}

.page-chest .chest-bottom .chest-middle .middle-top {
	position: relative;
	margin-bottom: .0416666667rem
}

.page-chest .chest-bottom .chest-middle .middle-top img {
	width: 3.5677083333rem;
	height: 1.15625rem
}

.page-chest .chest-bottom .chest-middle .middle-top .classroom-footer {
	width: 3.5677083333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-bottom .chest-middle .middle-top .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-bottom .chest-middle .middle-top .classroom-footer img {
	width: .3645833333rem;
	height: auto;
	position: absolute;
	bottom: .0625rem;
	right: .0625rem
}

.page-chest .chest-bottom .chest-middle .middle-top .classroom07 {
	position: absolute;
	width: 3.5677083333rem;
	height: 1.15625rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-chest .chest-bottom .chest-middle .middle-top .middle-mask {
	position: absolute;
	width: 3.5677083333rem;
	height: 1.15625rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-chest .chest-bottom .chest-middle .middle-top .middle-text {
	position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto;
    padding-top: 0.1822916667rem;
    font-size: 0.125rem;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: white;
    text-align: center;
}

.page-chest .chest-bottom .chest-middle .middle-top .middle-btn {
    position: absolute;
    bottom: 0.1666666667rem;
    left: 1.484375rem;
    color: black;
    width: 0.6770833333rem;
    height: 0.171875rem;
    font-size: 0.0833333333rem;
    font-weight: bold;
    background: #ffffff;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-chest .chest-bottom .chest-middle .middle-top .classroom07 .mask-content img {
    position: absolute;
    width: 0.5208333333rem !important;
    height: auto !important;
    top: 32%;
    left: 43.5%;
}
.page-chest .chest-bottom .chest-middle .middle-bottom {
	display: flex
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left {
	margin-right: .0520833333rem;
	width: 1.875rem;
	height: 1.1041666667rem;
	position: relative
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left img {
	width: 1.875rem;
	height: 1.1041666667rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .classroom-footer {
	width: 1.875rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .classroom-footer img {
	width: .4166666667rem;
	height: auto;
	position: absolute;
	bottom: .0625rem;
	right: .0625rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .classroom08 {
	position: absolute;
	width: 1.875rem;
	height: 1.1041666667rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .middle-mask {
	position: absolute;
	width: 1.875rem;
	height: 1.1041666667rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .middle-text {
	position: absolute;
    top: 0.15625rem;
    width: 100%;
    margin: 0 auto;
    font-size: 0.125rem;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: white;
    text-align: center;
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .middle-btn {
    position: absolute;
    bottom: 0.15625rem;
    left: 0.625rem;
    color: black;
    width: 0.6770833333rem;
    height: 0.171875rem;
    font-size: 0.0833333333rem;
    font-weight: bold;
    background: #ffffff;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-chest .chest-bottom .chest-middle .middle-bottom .item-left .classroom08 .mask-content img {
    position: absolute;
    width: 0.5208333333rem !important;
    height: auto !important;
    top: 32%;
    left: 38%;
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right {
	width: 1.6354166667rem;
	height: 1.1041666667rem;
	position: relative
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right img {
	width: 1.6354166667rem;
	height: 1.1041666667rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .classroom-footer {
	width: 1.6354166667rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .125rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .classroom-footer img {
	width: .46875rem;
	height: auto;
	position: absolute;
	bottom: .078125rem;
	right: .078125rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .classroom09 {
	position: absolute;
	width: 1.6354166667rem;
	height: 1.1041666667rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .middle-mask {
	position: absolute;
	width: 1.6354166667rem;
	height: 1.1041666667rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .middle-text {
	position: absolute;
    top: 0.15625rem;
    width: 100%;
    margin: 0 auto;
    font-size: 0.125rem;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: white;
    text-align: center;
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .middle-btn {
	position: absolute;
    bottom: 0.15625rem;
    left: 0.4947916667rem;
    color: black;
    width: 0.6770833333rem;
    height: 0.171875rem;
    font-size: 0.0833333333rem;
    font-weight: bold;
    background: #ffffff;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-chest .chest-bottom .chest-middle .middle-bottom .item-right .classroom09 .mask-content img {
    position: absolute;
    width: 0.6770833333rem !important;
    height: auto !important;
    top: 32%;
    left: 30%;
}

.page-chest .text-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2.1614583333rem;
	height: .3645833333rem;
	background: rgba(0,0,0,.3);
	opacity: .62
}

.page-chest .chest-text {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	line-height: .3645833333rem;
	padding-left: .125rem
}

.page-theme {
	margin: 0 auto
}

.page-theme .function-swiper {
	width: 5rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .4427083333rem;
	left: 4.8697916667rem
}

.page-theme .function-swiper .swiper-slide {
	width: 1.9427083333rem;
	display: flex;
	justify-content: center
}

.page-theme .function-swiper .swiper-button-prev,.page-theme .function-swiper .swiper-container-rtl .swiper-button-next {
	background-image: none;
	z-index: 99999;
	left: .0520833333rem
}

.page-theme .function-swiper .swiper-button-prev img,.page-theme .function-swiper .swiper-container-rtl .swiper-button-next img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page-theme .function-swiper .swiper-button-next,.page-theme .function-swiper .swiper-container-rtl .swiper-button-prev {
	background-image: none;
	right: .2083333333rem;
	z-index: 99999
}

.page-theme .function-swiper .swiper-button-next img,.page-theme .function-swiper .swiper-container-rtl .swiper-button-prev img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page-theme .theme-top {
	display: flex;
	position: relative
}

.page-theme .theme-top .content {
	flex: 1;
	padding: .6927083333rem 0 0 1.6666666667rem
}

.page-theme .theme-top .content .title {
	position: absolute;
	font-size: .3072916667rem;
	white-space: nowrap;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fabd00
}

.page-theme .theme-top .content .mt {
	margin-top: .5208333333rem
}

.page-theme .theme-top .content .text {
	font-size: .15625rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #a1a1a1;
	margin-bottom: .0520833333rem
}

.page-theme .theme-top .content .line {
	width: .5rem;
	height: .015625rem;
	background: #a1a1a1;
	margin: .46875rem 0 .6302083333rem
}

.page-theme .theme-top .content .btn {
	width: 1.0833333333rem;
	height: .2760416667rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2b548a;
	border-radius: .1354166667rem;
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	line-height: .109375rem
}

.page-theme .theme-top .theme {
	width: 6.4322916667rem;
	height: 3.4947916667rem;
	opacity: 1
}

.page-theme .theme-top .mask {
	position: absolute;
	width: 6.4322916667rem;
	background: #000;
	height: 3.4947916667rem;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0
}

.page-theme .theme-middle {
	height: 3.4583333333rem;
	position: relative
}

.page-theme .theme-middle .banner {
	width: 100%;
	height: 3.4583333333rem
}

.page-theme .theme-middle .middle-content {
	position: absolute;
	left: 1.6666666667rem;
	top: .859375rem
}

.page-theme .theme-middle .middle-content h1 {
	font-size: .3072916667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.page-theme .theme-middle .middle-content .line {
	width: 1.4427083333rem;
	height: .015625rem;
	background: #fff;
	margin: .1822916667rem auto
}

.page-theme .theme-middle .middle-content .text {
	font-size: .15625rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	margin-bottom: .5416666667rem
}

.page-theme .theme-middle .middle-content .btn {
	width: 1.0833333333rem;
	height: .2760416667rem;
	background: #2b548a;
	border-radius: .1354166667rem;
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-theme .theme-middle .middle-item {
	text-align: center;
	width: 1.8385416667rem;
	height: 2.4375rem;
	background-color: rgba(250,250,250,.8);
}

.page-theme .theme-middle .middle-item .item {
	width: 1.8385416667rem;
	height: 1.2916666667rem
}

.page-theme .theme-middle .middle-item .item-content {
	padding: .2604166667rem 0 0;
	font-family: Microsoft YaHei UI
}

.page-theme .theme-middle .middle-item .item-content h3 {
	font-size: .1041666667rem;
	font-weight: 700;
	color: #000
}

.page-theme .theme-middle .middle-item .item-content .line {
	width: .7239583333rem;
	height: .0104166667rem;
	background: #a1a1a1;
	margin: .1041666667rem auto
}

.page-theme .theme-middle .middle-item .item-content .text {
	font-size: .0729166667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000;
	line-height: .1197916667rem
}

.page-theme .theme-middle .middle-item .item-content .jt {
	margin: .1041666667rem 0 0 1.453125rem
}

.page-theme .theme-bottom {
	margin: .2604166667rem auto .3645833333rem;
	text-align: center
}

.page-theme .theme-bottom h1 {
	font-size: .234375rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #2b548a
}

.page-theme .theme-bottom .text-content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .0833333333rem;
	line-height: .0833333333rem;
	margin: .234375rem auto .34375rem
}

.page-theme .theme-bottom .content {
	display: flex;
	padding: 0 1.5625rem;
	margin: 0 auto
}

.page-theme .theme-bottom .content .group {
	display: flex;
	width: 4.3229166667rem;
	flex-wrap: wrap
}

.page-theme .theme-bottom .text {
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #a1a1a1;
	margin: 0 .2604166667rem
}

.page-theme .theme-bottom .line {
	width: 1.5rem;
	height: .015625rem;
	background: #a1a1a1
}

.page-theme .theme-bottom .desk {
	margin-right: .078125rem;
	position: relative
}

.page-theme .theme-bottom .desk,.page-theme .theme-bottom .desk .banner {
	width: 2.4166666667rem;
	height: 2.8645833333rem
}

.page-theme .theme-bottom .desk .icon {
	width: .1354166667rem;
	height: .1354166667rem
}

.page-theme .theme-bottom .desk .icon_01 {
	position: absolute;
	left: .09375rem;
	bottom: .5208333333rem
}

.page-theme .theme-bottom .desk .icon_02 {
	position: absolute;
	left: 1.203125rem;
	top: .71875rem
}

.page-theme .theme-bottom .desk .icon_03 {
	position: absolute;
	left: 1.5625rem;
	bottom: .578125rem
}

.page-theme .theme-bottom .desk .icon_05 {
	position: absolute;
	left: 4.2708333333rem;
	top: .4583333333rem
}

.page-theme .theme-bottom .desk #box01 {
	position: absolute;
	left: .2604166667rem;
	top: 2.34375rem
}

.page-theme .theme-bottom .desk #box02 {
	position: absolute;
	left: 1.3802083333rem;
	top: .8854166667rem
}

.page-theme .theme-bottom .desk #box03 {
	position: absolute;
	left: 1.6666666667rem;
	top: 2.34375rem
}

.page-theme .theme-bottom .desk #box05 {
	position: absolute;
	left: .4166666667rem;
	top: .6770833333rem
}

.page-theme .theme-bottom .desk .desk-change {
	display: none;
	position: absolute;
	left: 3.0625rem;
	top: 1.40625rem;
	width: 1.2135416667rem;
	height: .828125rem;
	background: #fff;
	box-shadow: .0104166667rem .015625rem .0416666667rem 0 rgba(0,0,0,.19);
	border-radius: .0520833333rem;
	padding: .1197916667rem .09375rem;
	font-family: Microsoft YaHei UI;
	text-align: left
}

.page-theme .theme-bottom .desk .desk-change h4 {
	color: rgba(0,0,0,.8);
	font-weight: 700;
	font-size: .0729166667rem;
	margin-bottom: .0885416667rem
}

.page-theme .theme-bottom .desk .desk-change p {
	font-size: .0625rem;
	color: rgba(0,0,0,.8);
	line-height: .109375rem
}

.page-theme .theme-bottom .desk .desk-change div {
	margin-top: .15625rem;
	font-size: .0625rem;
	text-decoration: underline;
	color: #2b548a
}

.page-theme .theme-bottom .img-one {
	width: 1.3072916667rem;
	height: 1.3854166667rem;
	margin: 0 .078125rem .078125rem 0
}

.page-theme .theme-bottom .img-two {
	width: 2.84375rem;
	height: 1.3854166667rem;
	margin: 0 .078125rem .078125rem 0
}

.page-theme .function-category {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .5208333333rem 1.5625rem 0;
	margin-left: -.2083333333rem
}

.page-theme .function-category .category-item {
	margin: 0 .2083333333rem;
	flex: 15%
}

.page-theme .function-category .category-item .item-pic {
	width: 100%;
	border-radius: .0520833333rem
}

.page-theme .function-category .category-item .item-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .2604166667rem
}

.page-theme .function-category .category-item .item-text img {
	width: auto;
	height: .109375rem;
	margin-right: .0625rem
}

.page-theme .function-category .category-item .item-text span {
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000
}

.page-theme .function-category .category-item .item-text:last-child {
	margin-right: auto
}

.page-mine {
	font-family: Microsoft YaHei UI;
	margin: 0 auto
}

.page-mine .mine-banner {
	width: 100%;
	height: 4.1666666667rem;
	object-fit: cover
}

.page-mine .mine-content {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}

.page-mine .mine-content .text-group .title {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	display: flex;
	align-items: center;
	margin-top: .2604166667rem;
	margin-bottom: .6510416667rem
}

.page-mine .mine-content .text-group .title img {
	width: 20px;
    height: 20px;
	margin-right: 10px;
}

.page-mine .mine-content .text-group h1 {
	font-size: .4635416667rem;
	font-weight: 700;
	color: #666;
	line-height: .4947916667rem
}

.page-mine .mine-content .text-group .mine-tip {
	font-size: .1875rem;
	color: #666;
	margin-bottom: .3645833333rem
}

.page-mine .mine-content .text-group .text {
	width: 2.9166666667rem;
	height: 2.0989583333rem;
	font-size: .09375rem;
	color: #666;
	line-height: .140625rem
}

.page-mine .mine-content .text-group .text p {
	margin-bottom: .15625rem
}

.page-mine .mine-content .pic-group {
	display: flex;
	flex-direction: column
}

.page-mine .mine-content .pic-group .top {
	display: flex;
	justify-content: space-between;
	z-index: 999999;
	transform: translateY(-.2083333333rem)
}

.page-mine .mine-content .pic-group .top .pic-text {
	width: 2.265625rem;
	height: 1.8958333333rem;
	padding: .234375rem .234375rem .1927083333rem;
	color: #fff
}

.page-mine .mine-content .pic-group .top .pic-text h4 {
	font-size: .0833333333rem;
	margin-bottom: 20px;
}

.page-mine .mine-content .pic-group .top .pic-text p {
	font-size: .28125rem;
	transition: all .3s;
}

.page-mine .mine-content .pic-group .top .pic-text h3 {
	margin-top: 20px;
	font-size: .125rem;
}

.page-mine .mine-content .pic-group .top .bd {
	background: #f6ab00
}

.page-mine .mine-content .pic-group .top .bg {
	background-image: url(https://wisdom-ceshi.oss-cn-shanghai.aliyuncs.com/about/about03.png);
	background-size: cover
}

.page-mine .mine-content .pic-group .video-img {
	width: 4.8541666667rem;
	height: 2.6458333333rem;
	object-fit: cover
}

.page-mine .img-group {
	padding: .15625rem 0;
	display: flex;
	font-family: Microsoft YaHei UI;
	color: #fff;
	width: 80%;
	margin: .1041666667rem auto;
	height: 1.3125rem;
	background: #365a8a;
	justify-content: space-around
}

.page-mine .img-group .img-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-right: .0208333333rem solid #fff;
	width: 1.3697916667rem
}

.page-mine .img-group .img-item img {
	width: .5885416667rem;
	height: .5885416667rem;
	object-fit: cover
}

.page-mine .img-group .img-item span {
	font-size: 24px;
	font-weight: 700;
	margin: .01rem 0 .0260416667rem;
}

.page-mine .img-group .img-item p {
	font-size: 12px;
    margin: 0 15px;
}

.page-mine .img-group .img-item:last-child {
	border: none
}

.page-mine .mine-item {
	width: 80%;
	margin: .078125rem auto;
	height: 2.140625rem;
	padding: .2395833333rem .2760416667rem;
	display: flex
}

.page-mine .mine-item img {
	width: 3.6302083333rem;
	height: 1.6614583333rem;
	object-fit: cover
}

.page-mine .mine-item .content {
	font-family: Microsoft YaHei UI;
	color: #fff;
	padding: .1041666667rem 0
}

.page-mine .mine-item .content h3 {
	font-size: .2083333333rem;
	font-weight: 700
}

.page-mine .mine-item .content .line {
	width: .5rem;
	height: .015625rem;
	background: #fff;
	margin: .2083333333rem 0 .2077083333rem;
}

.page-mine .mine-item .content .text {
	width: 3.4270833333rem;
	height: .3645833333rem;
	font-size: 14px;
	line-height: .140625rem
}

.page-mine .left-img {
	background: #f6ab00
}

.page-mine .left-img img {
	margin-right: .4947916667rem
}

.page-mine .right-img {
	background: #365a8a
}

.page-mine .right-img .content {
	margin-right: .4947916667rem
}

.page-design .design {
	height: 1.1510416667rem;
	position: relative
}

.page-design .design img {
	height: 1.1510416667rem;
	width: 100%
}

.page-design .design .design-mask {
	position: absolute;
	height: 1.1510416667rem;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	font-family: Microsoft YaHei UI;
	color: #fff;
	padding: .34375rem 1.7291666667rem
}

.page-design .design .design-mask .content {
	font-weight: 700
}

.page-design .design .design-mask .content p {
	font-size: .15625rem;
	opacity: .71
}

.page-design .design .design-mask .content h2 {
	margin-top: .140625rem;
	font-size: .2552083333rem
}

.page-design .design .design-mask .text {
	margin-left: 1.3020833333rem;
	padding: .0520833333rem 0;
	opacity: .68
}

.page-design .design .design-mask .text p {
	font-size: 14px;
    line-height: .10rem;
}

.page-fairy {
	width: 66%;
	margin: .15625rem auto;
}

.page-fairy ::-webkit-scrollbar {
	width: .0625rem;
	height: .0625rem;
}

.page-fairy ::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

.page-fairy ::-webkit-scrollbar-corner {
	background-color: transparent;
}

.page-fairy ::-webkit-scrollbar-thumb {
	border: .0208333333rem solid transparent;
	height: .03125rem;
	border-radius: .1302083333rem;
	background-clip: padding-box;
	background-color: rgba(0,0,0,.3);
}

.page-fairy h1 {
	font-size: .1666666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #000;
	margin: .1041666667rem 0
}

.page-fairy .top {
	display: flex;
	margin-bottom: .15625rem;
	position: relative
}

.page-fairy .top .desk {
	width: 4.8333333333rem;
	height: 3.4947916667rem;
	margin-right: .0520833333rem;
	position: relative;
	overflow: hidden;
}

.page-fairy .top .desk .title-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4.8333333333rem;
	height: .578125rem;
	padding: .0702083333rem .2447916667rem;
	font-family: Microsoft YaHei UI;
	color: #fff;
	z-index: 999999
}

.page-fairy .top .desk .title-content h3 {
	font-weight: 700;
	font-size: .09375rem;
	line-height: .1875rem;
	margin: 0;
}

.page-fairy .top .desk .title-content p {
	font-size: .0625rem;
	line-height: .125rem
}

.page-fairy .top .desk .title-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 4.8333333333rem;
	height: .578125rem;
	background: #2b548a;
	opacity: .48
}

.page-fairy .top .desk .banner {
	min-width: 100%;
    height: 100%;
}

.page-fairy .top .desk .icon {
	width: .1822916667rem;
	height: .1822916667rem
}

.page-fairy .top .desk .icon_01 {
	position: absolute;
	left: .09375rem;
	bottom: .5208333333rem
}

.page-fairy .top .desk .icon_02 {
	position: absolute;
	left: 1.4583333333rem;
	top: .8854166667rem
}

.page-fairy .top .desk .icon_03 {
	position: absolute;
	left: 1.9114583333rem;
	bottom: .703125rem
}

.page-fairy .top .desk .icon_04 {
	position: absolute;
	left: 3.0104166667rem;
	top: 1.1979166667rem
}

.page-fairy .top .desk .icon_05 {
	position: absolute;
	left: 4.2708333333rem;
	top: .4583333333rem
}

.page-fairy .top .desk .desk-change {
	position: absolute;
	left: 3.0625rem;
	top: 1.40625rem;
	width: 1.2135416667rem;
	height: .828125rem;
	background: #fff;
	box-shadow: .0104166667rem .015625rem .0416666667rem 0 rgba(0,0,0,.19);
	border-radius: .0520833333rem;
	padding: .1197916667rem .09375rem;
	font-family: Microsoft YaHei UI
}

.page-fairy .top .desk .desk-change h4 {
	color: rgba(0,0,0,.8);
	font-weight: 700;
	font-size: .0729166667rem;
	margin-bottom: .0885416667rem
}

.page-fairy .top .desk .desk-change p {
	font-size: .0625rem;
	color: rgba(0,0,0,.8);
	line-height: .109375rem
}

.page-fairy .top .desk .desk-change div {
	margin-top: .15625rem;
	font-size: .0625rem;
	text-decoration: underline;
	color: #2b548a
}

.page-fairy .top .group {
	display: flex;
	flex-direction: column;
	height: 3.5416666667rem;
	overflow-y: auto
}

.page-fairy .top .group .group::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 .0260416667rem rgba(0,0,0,.3);
	border-radius: 0;
	background: transparent
}

.page-fairy .top .group .item {
	object-fit: cover
}

.page-fairy .top .group .item,.page-fairy .top .group .item-content {
	width: 1.7708333333rem;
	height: .8333333333rem;
	margin-bottom: .0520833333rem
}

.page-fairy .top .group .item-content {
	position: relative
}

.page-fairy .top .group .item-content .top-content {
	position: absolute;
	width: 1.7708333333rem;
	height: .8333333333rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-fairy .top .group .item-content .mask-content {
	position: absolute;
	width: 1.7708333333rem;
	height: .8333333333rem;
	top: 0;
	left: 0;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: .2760416667rem 0 .15625rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI
}

.page-fairy .top .group .item-content .mask-content .mask {
	position: absolute;
	width: 1.7708333333rem;
	height: .8333333333rem;
	top: 0;
	left: 0;
	background:  rgba(0, 0, 0, 0.3);
	opacity: .62
}

.page-fairy .top .group .item-content .mask-content p {
	position: absolute;
	font-size: .125rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: .2083333333rem
}

.page-fairy .top .group .item-content .mask-content .btn {
	position: absolute;
	bottom: .1666666667rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .0520833333rem;
	font-weight: 700;
	width: .4375rem;
	height: .109375rem;
	color: #fabd00;
	border-radius: .15625rem;
	background: #fff;
	cursor: pointer;
}

.page-fairy .theme-swiper {
	display: flex;
	align-items: center
}

.page-fairy .theme-swiper .swiper-button-prev,.page-fairy .theme-swiper .swiper-container-rtl .swiper-button-next {
	background-image: none;
	z-index: 99999
}

.page-fairy .theme-swiper .swiper-button-prev img,.page-fairy .theme-swiper .swiper-container-rtl .swiper-button-next img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page-fairy .theme-swiper .swiper-button-next,.page-fairy .theme-swiper .swiper-container-rtl .swiper-button-prev {
	background-image: none;
	right: .15625rem;
	z-index: 99999
}

.page-fairy .theme-swiper .swiper-button-next img,.page-fairy .theme-swiper .swiper-container-rtl .swiper-button-prev img {
	width: .1979166667rem;
	height: .1979166667rem
}

.page-fairy .theme-swiper .swiper-slide {
	width: 1.6197916667rem!important;
	margin-right: .0520833333rem!important
}

.page-fairy .bottom-content {
	width: 100%
}

.page-fairy .bottom {
	width: 6.6875rem;
	margin: 0 auto
}

.page-fairy .bottom .item {
	margin-right: .0520833333rem;
	position: relative
}

.page-fairy .bottom .item p {
	font-size: .0729166667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #000;
	margin-bottom: .0885416667rem
}

.page-fairy .bottom .item img {
	width: 1.6197916667rem;
	height: .8020833333rem;
	object-fit: cover
}

.page-fairy .bottom .item .bottom-content {
	position: absolute;
	width: 1.6197916667rem;
	height: .8020833333rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-fairy .bottom .item .mask-content {
	position: absolute;
	width: 1.6197916667rem;
	height: .8020833333rem;
	top: .078125rem;
	left: 0;
	display: flex;
	flex-direction: column;
	padding: .2760416667rem 0 .15625rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI
}

.page-fairy .bottom .item .mask-content .mask {
	position: absolute;
	width: 1.6197916667rem;
	height: .8020833333rem;
	top: .078125rem;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	opacity: .62
}

.page-fairy .bottom .item .mask-content p {
	position: absolute;
	font-size: .125rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: .2083333333rem
}

.page-fairy .bottom .item .mask-content .btn {
	position: absolute;
	bottom: .1666666667rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .0520833333rem;
	font-weight: 700;
	width: .4375rem;
	height: .109375rem;
	color: #fabd00;
	border-radius: .15625rem;
	background: #fff
}

@keyframes animate {
	0% {
		transform: translateY(.8333333333rem);
		opacity: 0
	}

	50% {
		transform: translateY(.4166666667rem);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

.page-fairy #desk-iframe {
	display: none
}

.page-toy {
	margin: 0 auto
}

.page-toy .banner {
	position: relative
}

.page-toy .banner .mask,.page-toy .banner img {
	height: 2.8125rem;
	width: 100%
}

.page-toy .banner .mask {
	position: absolute;
	padding-top: 1rem;
	top: 0;
	left: 0;
	font-family: Microsoft YaHei UI;
	text-align: center
}

.page-toy .banner .mask p {
	color: #fff;
	font-size: .1041666667rem
}

.page-toy .banner .mask .line {
	display: inline-block;
	width: .2916666667rem;
	height: .0104166667rem;
	background: #fff;
	margin: .140625rem 0 .09375rem
}

.page-toy .banner .mask .title {
	font-size: .3697916667rem;
	font-weight: 700;
	color: #fabd00;
	line-height: .5364583333rem;
	margin-bottom: .2604166667rem
}

.page-toy .banner .mask .btn {
	margin: 0 auto;
	width: .9375rem;
	height: .2395833333rem;
	background: #2b548a;
	border-radius: .1197916667rem;
	font-size: .0833333333rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

.page-toy .toy-content {
	width: 80%;
	margin: .1770833333rem auto .2083333333rem
}

.page-toy .toy-content .row {
	display: flex;
	position: relative;
}

.page-toy .toy-content .row .area {
	position: relative
}

.page-toy .toy-content .row .area img {
	width: 3.8802083333rem;
	height: 3.1458333333rem;
}
/*旧样式*/
.page-toy .toy-content .row .area .content {
	font-family: Microsoft YaHei UI;
	display: flex;
	flex-direction: column
}

.page-toy .toy-content .row .area .content h1 {
	font-weight: 700;
	color: #5a4c34;
	line-height: .4375rem;
	font-size: .296875rem
}

.page-toy .toy-content .row .area .content p {
	font-size: .1510416667rem;
	color: #5a4c34;
	line-height: .2239583333rem;
	margin-bottom: .10rem;
}

.page-toy .toy-content .row .area .content span {
	width: .8229166667rem;
	height: .2083333333rem;
	background: #fabd00;
	border-radius: .1041666667rem;
	font-size: .0729166667rem;
	font-weight: 700;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}
/*旧样式*/

.page-toy .toy-content .row .area .content{
	position: absolute;
	top: 5%;
}


.page-toy .toy-content .row .pic-group {
	display: flex;
	flex-flow: wrap;
	width: 3.8802083333rem;
	height: 3.1458333333rem
}

.page-toy .toy-content .row .pic-group .pic-item {
	position: relative;
	width: 1.9322916667rem;
	height: 1.5729166667rem
}

.page-toy .toy-content .row .pic-group .pic-item img {
	width: 1.9322916667rem;
	height: 1.5729166667rem
}

.page-toy .toy-content .row .pic-group .pic-item p {
	position: absolute;
	left: .1354166667rem;
	bottom: .1041666667rem;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #7d7d7d
}

.page-picture {
	margin: 0 auto
}

.page-picture .banner {
	width: 100%;
	height: 2.328125rem
}

.page-picture .picture-content {
	z-index: 999;
	width: 7.3125rem;
	margin: 0 auto;
	transform: translateY(-1.5625rem)
}

.page-picture .picture-content h2 {
	font-size: .2083333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fabd00;
	line-height: .46875rem;
	margin-bottom: .1041666667rem
}

.page-picture .picture-content .picture-category {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	padding: .1041666667rem
}

.page-picture .picture-content .picture-category .picture-item {
	margin: 0 .0416666667rem .15625rem;
	position: relative
}

.page-picture .picture-content .picture-category .picture-item .show-content {
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
	opacity: 0;
	transition: all .5s;
}
.page-picture .picture-content .picture-category .picture-item .show-content:hover{
	opacity: 1;
	transition: all .5s;
}

.pic-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(250,250,250,.5);
	/* display: none; */
}
div#icon-content {
    position: absolute;
    z-index: 9;
    top: 30%;
    left: 22%;
    display: inline-grid;
}
img#pic-hover {
    margin: 15px 0;
}


.page-picture .picture-content .picture-category .picture-item .show-content #pic-text {
	position: relative;
    top: 36%;
    left: 45%;
}

.page-picture .picture-content .picture-category .picture-item .show-content #pic-text img {
	width: .3645833333rem;
	height: .1458333333rem
}

.page-picture .picture-content .picture-category .picture-item .show-content #pic-text p {
	font-size: 16px;
	color: #005bac;
	font-weight: 600;
}

.page-picture .picture-content .picture-category .picture-item .show-content #shop-text {
	position: relative;
    top: 46%;
    left: 45%;
}

.page-picture .picture-content .picture-category .picture-item .show-content #shop-text img {
	width: .3645833333rem;
	height: .1458333333rem
}

.page-picture .picture-content .picture-category .picture-item .show-content #shop-text p {
	font-size: 16px;
	color: #005bac;
	font-weight: 600;
}

.page-picture .picture-content .picture-category .picture-item .item-pic {
	width: 1.6875rem;
	height: 2.2239583333rem;
	margin-bottom: .1041666667rem
}

.page-picture .picture-content .picture-category .picture-item .item-text {
	display: flex;
	width: 100%;
    position: absolute;
	align-items: center;
	justify-content: center;
	height: .09375rem;
	line-height: .09375rem;
	font-size: .09375rem;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #000
}

@keyframes animateLiner {
	0% {
		transform: translateX(.078125rem)
	}

	50% {
		transform: translateX(.0520833333rem)
	}

	to {
		transform: translateX(.0104166667rem)
	}
}

.page-object {
	padding: .15625rem 0 .2083333333rem;
	margin: 0 auto;
	width: 65%;
	display: flex
}

.page-object .object-left {
	position: relative;
	margin-right: .0416666667rem;
	margin-bottom: auto
}

.page-object .object-left .image-left {
	width: 2.1614583333rem;
	height: 3.3229166667rem
}

.page-object .object-left .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(250,189,0,.62)
}

.page-object .object-left .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-object .object-left .classroom01 {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-object .object-left .classroom01 .mask-content {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: 1.5625rem 0 .78125rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI
}

.page-object .object-left .classroom01 .left-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	background: #fabd00;
	opacity: .62
}

.page-object .object-left .classroom01 .left-text {
	position: absolute;
	top: 1.0416666667rem;
	font-size: .0833333333rem;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	text-align: center
}

.page-object .object-left .classroom01 .left-btn {
	position: absolute;
	bottom: 1.3020833333rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-object .object-middle {
	margin-right: .0416666667rem
}

.page-object .object-middle .middle-top {
	position: relative;
	margin-bottom: .0416666667rem
}

.page-object .object-middle .middle-top img {
	width: 2.1614583333rem;
	height: 1.15625rem
}

.page-object .object-middle .middle-top .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(250,189,0,.62)
}

.page-object .object-middle .middle-top .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-object .object-middle .middle-top .classroom02,.page-object .object-middle .middle-top .classroom05 {
	position: absolute;
	width: 2.1614583333rem;
	height: 1.15625rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-object .object-middle .middle-top .middle-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 1.15625rem;
	top: 0;
	left: 0;
	background: #fabd00;
	opacity: .62;
	padding-top: .390625rem
}

.page-object .object-middle .middle-top .middle-text {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding-top: .390625rem;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	text-align: center
}

.page-object .object-middle .middle-top .middle-btn {
	position: absolute;
	bottom: .1666666667rem;
	left: .7395833333rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-object .object-middle .middle-bottom {
	margin-bottom: .0416666667rem;
	position: relative
}

.page-object .object-middle .middle-bottom img {
	width: 2.1614583333rem;
	height: 2.125rem
}

.page-object .object-middle .middle-bottom .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(250,189,0,.62)
}

.page-object .object-middle .middle-bottom .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-object .object-middle .middle-bottom .classroom03,.page-object .object-middle .middle-bottom .classroom04 {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-object .object-middle .middle-bottom .bottom-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	background: #fabd00;
	opacity: .62;
	padding-top: .390625rem
}

.page-object .object-middle .middle-bottom .bottom-text {
	position: absolute;
	top: .3645833333rem;
	width: 100%;
	margin: 0 auto;
	padding-top: .390625rem;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	text-align: center
}

.page-object .object-middle .middle-bottom .bottom-btn {
	position: absolute;
	bottom: .78125rem;
	left: .7395833333rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-object .text-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2.1614583333rem;
	height: .3645833333rem;
	background: #fabd00;
	opacity: .62
}

.page-object .object-text {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	line-height: .3645833333rem;
	padding-left: .125rem
}

.page-case .case-top {
	padding: .234375rem 0 .2083333333rem;
	margin: 0 auto;
	width: 65%;
	color: #5b5756;
	font-family: Microsoft YaHei UI
}

.page-case .case-top .title-content {
	display: flex;
	align-items: center;
	width: 90%;
	margin-bottom: .1041666667rem
}

.page-case .case-top .title-content h3 {
	font-size: .09375rem;
	font-weight: 700;
	width: .4166666667rem;
	height: .5208333333rem;
	background: hsla(0,0%,93%,.8);
	border-radius: .0520833333rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: .140625rem
}

.page-case .case-top .title-content h3.more {
	position: absolute;
	height: 1.0416666667rem!important;
	right: 16%;
	top: 25%;
	text-align: center;
	color: #5b5756;
}

.page-case .case-top .title-content .title-group {
	display: flex;
	justify-content: space-around
}

.page-case .case-top .title-content .title-group .title-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 .1302083333rem;
	width: .4166666667rem
}

.page-case .case-top .title-content .title-group .title-item img {
	width: auto;
	height: .4166666667rem;
	margin-bottom: .03125rem;
	border-radius: .0260416667rem
}

.page-case .case-top .title-content .title-group .title-item span {
	font-size: .0833333333rem
}

.page-case .case-content {
	padding: .234375rem 0 .2083333333rem;
	margin: 0 auto;
	width: 65%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.page-case .case-left {
	position: relative;
	margin-right: .0416666667rem;
	margin-bottom: auto
}

.page-case .case-left .image-left {
	width: 2.1614583333rem;
	height: 3.3229166667rem
}

.page-case .case-left .classroom01 {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-case .case-left .classroom01 .mask-content {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	padding: 1.5625rem 0 .78125rem;
	align-items: center;
	justify-content: center;
	font-family: Microsoft YaHei UI
}

.page-case .case-left .classroom01 .left-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 3.3229166667rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62
}

.page-case .case-left .classroom01 .left-text {
	position: absolute;
	top: 1.0416666667rem;
	font-size: .0833333333rem;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	text-align: center
}

.page-case .case-left .classroom01 .left-btn {
	position: absolute;
	bottom: 1.3020833333rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-case .case-left .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-case .case-left .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-case .case-middle {
	margin-bottom: .1041666667rem
}

.page-case .case-middle .middle-top {
	position: relative;
	margin-bottom: .0416666667rem
}

.page-case .case-middle .middle-top img {
	width: 3.125rem;
	height: 1.6770833333rem
}

.page-case .case-middle .middle-top .classroom-footer {
	width: 3.125rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-case .case-middle .middle-top .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-case .case-middle .middle-top .classroom02,.page-case .case-middle .middle-top .classroom05 {
	position: absolute;
	width: 3.125rem;
	height: 1.6770833333rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-case .case-middle .middle-top .middle-mask {
	position: absolute;
	width: 3.125rem;
	height: 1.6770833333rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-case .case-middle .middle-top .middle-text {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding-top: .78125rem;
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.page-case .case-middle .middle-top .middle-btn {
	position: absolute;
	bottom: .1666666667rem;
	left: 1.2447916667rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-case .case-middle .middle-bottom {
	margin-bottom: .0416666667rem;
	position: relative
}

.page-case .case-middle .middle-bottom img {
	width: 2.1614583333rem;
	height: 2.125rem
}

.page-case .case-middle .middle-bottom .classroom-footer {
	width: 2.1614583333rem;
	height: .3645833333rem;
	line-height: .3645833333rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3)
}

.page-case .case-middle .middle-bottom .classroom-footer p {
	margin-left: .1302083333rem;
	color: #fff;
	font-size: .1041666667rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700
}

.page-case .case-middle .middle-bottom .classroom03,.page-case .case-middle .middle-bottom .classroom04 {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	display: none;
	animation: animate .5s linear
}

.page-case .case-middle .middle-bottom .bottom-mask {
	position: absolute;
	width: 2.1614583333rem;
	height: 2.125rem;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	opacity: .62;
	padding-top: .390625rem
}

.page-case .case-middle .middle-bottom .bottom-text {
	position: absolute;
	top: .3645833333rem;
	width: 100%;
	margin: 0 auto;
	padding-top: .390625rem;
	font-size: .0833333333rem;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	text-align: center
}

.page-case .case-middle .middle-bottom .bottom-btn {
	position: absolute;
	bottom: .78125rem;
	left: .7395833333rem;
	color: #fabd00;
	width: .6770833333rem;
	height: .171875rem;
	font-size: .0833333333rem;
	font-weight: 700;
	background: #fff;
	border-radius: .15625rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-case .text-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2.1614583333rem;
	height: .3645833333rem;
	background: rgba(0,0,0,.3);
	opacity: .62
}

.page-case .case-text {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Microsoft YaHei UI;
	font-weight: 700;
	color: hsla(0,0%,100%,.8);
	line-height: .3645833333rem;
	padding-left: .125rem
}

.page-case .case-text,html {
	font-size: .0833333333rem
}

body {
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Microsoft Yahei,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body * {
	box-sizing: border-box;
	flex-shrink: 0
}

.flex-row {
	display: flex;
	flex-direction: row
}

.flex-col {
	display: flex;
	flex-direction: column;
	user-select: none
}

.justify-start {
	justify-content: flex-start
}

.justify-center {
	justify-content: center
}

.justify-end {
	justify-content: flex-end
}

.justify-evenly {
	justify-content: space-evenly
}

.justify-around {
	justify-content: space-around
}

.justify-between {
	justify-content: space-between
}

.items-start {
	align-items: center;
}

.items-center {
	align-items: center
}

.items-end {
	align-items: flex-end
}

.page-wrap {
	display: flex;
	flex-direction: column;
	min-height: 100%
}

.mobile-show {
	display: none !important;
}

.page-content-wrap {
	display: flex;
	position: relative
}

@media (min-width:300px) and (max-width:991px) {
	.pc-show {
		display: none !important;
	}

	.mobile-show {
		display: block!important
	}
}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animate__animated.animate__infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
	animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
	-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
	animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-delay: calc(var(--animate-delay)*2);
	animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-delay: calc(var(--animate-delay)*3);
	animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-delay: calc(var(--animate-delay)*4);
	animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-delay: calc(var(--animate-delay)*5);
	animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-duration: calc(var(--animate-duration)/2);
	animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.8);
	animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: calc(var(--animate-duration)*2);
	animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-duration: calc(var(--animate-duration)*3);
	animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
	.animate__animated {
		-webkit-animation-duration: 1ms!important;
		animation-duration: 1ms!important;
		-webkit-transition-duration: 1ms!important;
		transition-duration: 1ms!important;
		-webkit-animation-iteration-count: 1!important;
		animation-iteration-count: 1!important
	}

	.animate__animated[class*=Out] {
		opacity: 0
	}
}

@-webkit-keyframes bounce {
	0%,20%,53%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-.15625rem,0) scaleY(1.1);
		transform: translate3d(0,-.15625rem,0) scaleY(1.1)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-.078125rem,0) scaleY(1.05);
		transform: translate3d(0,-.078125rem,0) scaleY(1.05)
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0) scaleY(.95);
		transform: translateZ(0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,-.0208333333rem,0) scaleY(1.02);
		transform: translate3d(0,-.0208333333rem,0) scaleY(1.02)
	}
}

@keyframes bounce {
	0%,20%,53%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-.15625rem,0) scaleY(1.1);
		transform: translate3d(0,-.15625rem,0) scaleY(1.1)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-.078125rem,0) scaleY(1.05);
		transform: translate3d(0,-.078125rem,0) scaleY(1.05)
	}

	80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0) scaleY(.95);
		transform: translateZ(0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,-.0208333333rem,0) scaleY(1.02);
		transform: translate3d(0,-.0208333333rem,0) scaleY(1.02)
	}
}

.animate__bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-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
	}
}

.animate__flash {
	-webkit-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);
		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)
	}
}

.animate__pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shakeX {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-.0520833333rem,0,0);
		transform: translate3d(-.0520833333rem,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(.0520833333rem,0,0);
		transform: translate3d(.0520833333rem,0,0)
	}
}

@keyframes shakeX {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-.0520833333rem,0,0);
		transform: translate3d(-.0520833333rem,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(.0520833333rem,0,0);
		transform: translate3d(.0520833333rem,0,0)
	}
}

.animate__shakeX {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}

@-webkit-keyframes shakeY {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(0,-.0520833333rem,0);
		transform: translate3d(0,-.0520833333rem,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(0,.0520833333rem,0);
		transform: translate3d(0,.0520833333rem,0)
	}
}

@keyframes shakeY {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(0,-.0520833333rem,0);
		transform: translate3d(0,-.0520833333rem,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(0,.0520833333rem,0);
		transform: translate3d(0,.0520833333rem,0)
	}
}

.animate__shakeY {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-.03125rem) rotateY(-9deg);
		transform: translateX(-.03125rem) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(.0260416667rem) rotateY(7deg);
		transform: translateX(.0260416667rem) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-.015625rem) rotateY(-5deg);
		transform: translateX(-.015625rem) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(.0104166667rem) rotateY(3deg);
		transform: translateX(.0104166667rem) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-.03125rem) rotateY(-9deg);
		transform: translateX(-.03125rem) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(.0260416667rem) rotateY(7deg);
		transform: translateX(.0260416667rem) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-.015625rem) rotateY(-5deg);
		transform: translateX(-.015625rem) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(.0104166667rem) rotateY(3deg);
		transform: translateX(.0104166667rem) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.animate__headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: 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);
		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)
	}
}

.animate__swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
		transform: scale3d(.9,.9,.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);
		transform: scaleX(1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
		transform: scale3d(.9,.9,.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)
	}
}

.animate__tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	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: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	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: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {
	0%,11.1%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {
	0%,11.1%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.animate__jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.animate__heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-duration: calc(var(--animate-duration)*1.3);
	animation-duration: calc(var(--animate-duration)*1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
	0% {
		-webkit-transform: translateY(-6.25rem) scale(.7);
		transform: translateY(-6.25rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInDown {
	0% {
		-webkit-transform: translateY(-6.25rem) scale(.7);
		transform: translateY(-6.25rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInDown {
	-webkit-animation-name: backInDown;
	animation-name: backInDown
}

@-webkit-keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-10.4166666667rem) scale(.7);
		transform: translateX(-10.4166666667rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInLeft {
	0% {
		-webkit-transform: translateX(-10.4166666667rem) scale(.7);
		transform: translateX(-10.4166666667rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInLeft {
	-webkit-animation-name: backInLeft;
	animation-name: backInLeft
}

@-webkit-keyframes backInRight {
	0% {
		-webkit-transform: translateX(10.4166666667rem) scale(.7);
		transform: translateX(10.4166666667rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInRight {
	0% {
		-webkit-transform: translateX(10.4166666667rem) scale(.7);
		transform: translateX(10.4166666667rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInRight {
	-webkit-animation-name: backInRight;
	animation-name: backInRight
}

@-webkit-keyframes backInUp {
	0% {
		-webkit-transform: translateY(6.25rem) scale(.7);
		transform: translateY(6.25rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInUp {
	0% {
		-webkit-transform: translateY(6.25rem) scale(.7);
		transform: translateY(6.25rem) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInUp {
	-webkit-animation-name: backInUp;
	animation-name: backInUp
}

@-webkit-keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(3.6458333333rem) scale(.7);
		transform: translateY(3.6458333333rem) scale(.7);
		opacity: .7
	}
}

@keyframes backOutDown {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(3.6458333333rem) scale(.7);
		transform: translateY(3.6458333333rem) scale(.7);
		opacity: .7
	}
}

.animate__backOutDown {
	-webkit-animation-name: backOutDown;
	animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(-10.4166666667rem) scale(.7);
		transform: translateX(-10.4166666667rem) scale(.7);
		opacity: .7
	}
}

@keyframes backOutLeft {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(-10.4166666667rem) scale(.7);
		transform: translateX(-10.4166666667rem) scale(.7);
		opacity: .7
	}
}

.animate__backOutLeft {
	-webkit-animation-name: backOutLeft;
	animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(10.4166666667rem) scale(.7);
		transform: translateX(10.4166666667rem) scale(.7);
		opacity: .7
	}
}

@keyframes backOutRight {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(0) scale(.7);
		transform: translateX(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateX(10.4166666667rem) scale(.7);
		transform: translateX(10.4166666667rem) scale(.7);
		opacity: .7
	}
}

.animate__backOutRight {
	-webkit-animation-name: backOutRight;
	animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(-3.6458333333rem) scale(.7);
		transform: translateY(-3.6458333333rem) scale(.7);
		opacity: .7
	}
}

@keyframes backOutUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: translateY(-3.6458333333rem) scale(.7);
		transform: translateY(-3.6458333333rem) scale(.7);
		opacity: .7
	}
}

.animate__backOutUp {
	-webkit-animation-name: backOutUp;
	animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.animate__bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-15.625rem,0) scaleY(3);
		transform: translate3d(0,-15.625rem,0) scaleY(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,.1302083333rem,0) scaleY(.9);
		transform: translate3d(0,.1302083333rem,0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0,-.0520833333rem,0) scaleY(.95);
		transform: translate3d(0,-.0520833333rem,0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,.0260416667rem,0) scaleY(.985);
		transform: translate3d(0,.0260416667rem,0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-15.625rem,0) scaleY(3);
		transform: translate3d(0,-15.625rem,0) scaleY(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,.1302083333rem,0) scaleY(.9);
		transform: translate3d(0,.1302083333rem,0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0,-.0520833333rem,0) scaleY(.95);
		transform: translate3d(0,-.0520833333rem,0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,.0260416667rem,0) scaleY(.985);
		transform: translate3d(0,.0260416667rem,0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15.625rem,0,0) scaleX(3);
		transform: translate3d(-15.625rem,0,0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(.1302083333rem,0,0) scaleX(1);
		transform: translate3d(.1302083333rem,0,0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(-.0520833333rem,0,0) scaleX(.98);
		transform: translate3d(-.0520833333rem,0,0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(.0260416667rem,0,0) scaleX(.995);
		transform: translate3d(.0260416667rem,0,0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-15.625rem,0,0) scaleX(3);
		transform: translate3d(-15.625rem,0,0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(.1302083333rem,0,0) scaleX(1);
		transform: translate3d(.1302083333rem,0,0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(-.0520833333rem,0,0) scaleX(.98);
		transform: translate3d(-.0520833333rem,0,0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(.0260416667rem,0,0) scaleX(.995);
		transform: translate3d(.0260416667rem,0,0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(15.625rem,0,0) scaleX(3);
		transform: translate3d(15.625rem,0,0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-.1302083333rem,0,0) scaleX(1);
		transform: translate3d(-.1302083333rem,0,0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(.0520833333rem,0,0) scaleX(.98);
		transform: translate3d(.0520833333rem,0,0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(-.0260416667rem,0,0) scaleX(.995);
		transform: translate3d(-.0260416667rem,0,0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(15.625rem,0,0) scaleX(3);
		transform: translate3d(15.625rem,0,0) scaleX(3)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-.1302083333rem,0,0) scaleX(1);
		transform: translate3d(-.1302083333rem,0,0) scaleX(1)
	}

	75% {
		-webkit-transform: translate3d(.0520833333rem,0,0) scaleX(.98);
		transform: translate3d(.0520833333rem,0,0) scaleX(.98)
	}

	90% {
		-webkit-transform: translate3d(-.0260416667rem,0,0) scaleX(.995);
		transform: translate3d(-.0260416667rem,0,0) scaleX(.995)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,15.625rem,0) scaleY(5);
		transform: translate3d(0,15.625rem,0) scaleY(5)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,-.1041666667rem,0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0,.0520833333rem,0) scaleY(.95);
		transform: translate3d(0,.0520833333rem,0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,-.0260416667rem,0) scaleY(.985);
		transform: translate3d(0,-.0260416667rem,0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,15.625rem,0) scaleY(5);
		transform: translate3d(0,15.625rem,0) scaleY(5)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,-.1041666667rem,0) scaleY(.9)
	}

	75% {
		-webkit-transform: translate3d(0,.0520833333rem,0) scaleY(.95);
		transform: translate3d(0,.0520833333rem,0) scaleY(.95)
	}

	90% {
		-webkit-transform: translate3d(0,-.0260416667rem,0) scaleY(.985);
		transform: translate3d(0,-.0260416667rem,0) scaleY(.985)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

.animate__bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,.0520833333rem,0) scaleY(.985);
		transform: translate3d(0,.0520833333rem,0) scaleY(.985)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,-.1041666667rem,0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0) scaleY(3);
		transform: translate3d(0,10.4166666667rem,0) scaleY(3)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,.0520833333rem,0) scaleY(.985);
		transform: translate3d(0,.0520833333rem,0) scaleY(.985)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,-.1041666667rem,0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0) scaleY(3);
		transform: translate3d(0,10.4166666667rem,0) scaleY(3)
	}
}

.animate__bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(.1041666667rem,0,0) scaleX(.9);
		transform: translate3d(.1041666667rem,0,0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0) scaleX(2);
		transform: translate3d(-10.4166666667rem,0,0) scaleX(2)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(.1041666667rem,0,0) scaleX(.9);
		transform: translate3d(.1041666667rem,0,0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0) scaleX(2);
		transform: translate3d(-10.4166666667rem,0,0) scaleX(2)
	}
}

.animate__bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-.1041666667rem,0,0) scaleX(.9);
		transform: translate3d(-.1041666667rem,0,0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0) scaleX(2);
		transform: translate3d(10.4166666667rem,0,0) scaleX(2)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-.1041666667rem,0,0) scaleX(.9);
		transform: translate3d(-.1041666667rem,0,0) scaleX(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0) scaleX(2);
		transform: translate3d(10.4166666667rem,0,0) scaleX(2)
	}
}

.animate__bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-.0520833333rem,0) scaleY(.985);
		transform: translate3d(0,-.0520833333rem,0) scaleY(.985)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,.1041666667rem,0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0) scaleY(3);
		transform: translate3d(0,-10.4166666667rem,0) scaleY(3)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-.0520833333rem,0) scaleY(.985);
		transform: translate3d(0,-.0520833333rem,0) scaleY(.985)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,.1041666667rem,0) scaleY(.9);
		transform: translate3d(0,.1041666667rem,0) scaleY(.9)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0) scaleY(3);
		transform: translate3d(0,-10.4166666667rem,0) scaleY(3)
	}
}

.animate__bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.animate__fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0);
		transform: translate3d(0,-10.4166666667rem,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0);
		transform: translate3d(0,-10.4166666667rem,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0);
		transform: translate3d(-10.4166666667rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0);
		transform: translate3d(-10.4166666667rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0);
		transform: translate3d(10.4166666667rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0);
		transform: translate3d(10.4166666667rem,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0);
		transform: translate3d(0,10.4166666667rem,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0);
		transform: translate3d(0,10.4166666667rem,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,-100%,0);
		transform: translate3d(-100%,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInTopLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,-100%,0);
		transform: translate3d(-100%,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,-100%,0);
		transform: translate3d(100%,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInTopRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,-100%,0);
		transform: translate3d(100%,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,100%,0);
		transform: translate3d(-100%,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInBottomLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,100%,0);
		transform: translate3d(-100%,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,100%,0);
		transform: translate3d(100%,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInBottomRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,100%,0);
		transform: translate3d(100%,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.animate__fadeOut {
	-webkit-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)
	}
}

.animate__fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0);
		transform: translate3d(0,10.4166666667rem,0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,10.4166666667rem,0);
		transform: translate3d(0,10.4166666667rem,0)
	}
}

.animate__fadeOutDownBig {
	-webkit-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)
	}
}

.animate__fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0);
		transform: translate3d(-10.4166666667rem,0,0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-10.4166666667rem,0,0);
		transform: translate3d(-10.4166666667rem,0,0)
	}
}

.animate__fadeOutLeftBig {
	-webkit-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)
	}
}

.animate__fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0);
		transform: translate3d(10.4166666667rem,0,0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(10.4166666667rem,0,0);
		transform: translate3d(10.4166666667rem,0,0)
	}
}

.animate__fadeOutRightBig {
	-webkit-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)
	}
}

.animate__fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0);
		transform: translate3d(0,-10.4166666667rem,0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10.4166666667rem,0);
		transform: translate3d(0,-10.4166666667rem,0)
	}
}

.animate__fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,-100%,0);
		transform: translate3d(-100%,-100%,0)
	}
}

@keyframes fadeOutTopLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,-100%,0);
		transform: translate3d(-100%,-100%,0)
	}
}

.animate__fadeOutTopLeft {
	-webkit-animation-name: fadeOutTopLeft;
	animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,-100%,0);
		transform: translate3d(100%,-100%,0)
	}
}

@keyframes fadeOutTopRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,-100%,0);
		transform: translate3d(100%,-100%,0)
	}
}

.animate__fadeOutTopRight {
	-webkit-animation-name: fadeOutTopRight;
	animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,100%,0);
		transform: translate3d(100%,100%,0)
	}
}

@keyframes fadeOutBottomRight {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,100%,0);
		transform: translate3d(100%,100%,0)
	}
}

.animate__fadeOutBottomRight {
	-webkit-animation-name: fadeOutBottomRight;
	animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,100%,0);
		transform: translate3d(-100%,100%,0)
	}
}

@keyframes fadeOutBottomLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,100%,0);
		transform: translate3d(-100%,100%,0)
	}
}

.animate__fadeOutBottomLeft {
	-webkit-animation-name: fadeOutBottomLeft;
	animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-190deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-170deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		transform: perspective(2.0833333333rem) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-190deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-170deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(.78125rem) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		transform: perspective(2.0833333333rem) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(2.0833333333rem) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animate__animated.animate__flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(90deg);
		transform: perspective(2.0833333333rem) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-20deg);
		transform: perspective(2.0833333333rem) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(10deg);
		transform: perspective(2.0833333333rem) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-5deg);
		transform: perspective(2.0833333333rem) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(90deg);
		transform: perspective(2.0833333333rem) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-20deg);
		transform: perspective(2.0833333333rem) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(10deg);
		transform: perspective(2.0833333333rem) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-5deg);
		transform: perspective(2.0833333333rem) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}
}

.animate__flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(90deg);
		transform: perspective(2.0833333333rem) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-20deg);
		transform: perspective(2.0833333333rem) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(10deg);
		transform: perspective(2.0833333333rem) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-5deg);
		transform: perspective(2.0833333333rem) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(90deg);
		transform: perspective(2.0833333333rem) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-20deg);
		transform: perspective(2.0833333333rem) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(10deg);
		transform: perspective(2.0833333333rem) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-5deg);
		transform: perspective(2.0833333333rem) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}
}

.animate__flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}

	30% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-20deg);
		transform: perspective(2.0833333333rem) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) rotateX(90deg);
		transform: perspective(2.0833333333rem) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}

	30% {
		-webkit-transform: perspective(2.0833333333rem) rotateX(-20deg);
		transform: perspective(2.0833333333rem) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) rotateX(90deg);
		transform: perspective(2.0833333333rem) rotateX(90deg);
		opacity: 0
	}
}

.animate__flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}

	30% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-15deg);
		transform: perspective(2.0833333333rem) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) rotateY(90deg);
		transform: perspective(2.0833333333rem) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(2.0833333333rem);
		transform: perspective(2.0833333333rem)
	}

	30% {
		-webkit-transform: perspective(2.0833333333rem) rotateY(-15deg);
		transform: perspective(2.0833333333rem) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(2.0833333333rem) rotateY(90deg);
		transform: perspective(2.0833333333rem) rotateY(90deg);
		opacity: 0
	}
}

.animate__flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: calc(var(--animate-duration)*0.75);
	animation-duration: calc(var(--animate-duration)*0.75);
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__lightSpeedInRight {
	-webkit-animation-name: lightSpeedInRight;
	animation-name: lightSpeedInRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%,0,0) skewX(30deg);
		transform: translate3d(-100%,0,0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%,0,0) skewX(30deg);
		transform: translate3d(-100%,0,0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOutRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

.animate__lightSpeedOutRight {
	-webkit-animation-name: lightSpeedOutRight;
	animation-name: lightSpeedOutRight;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
		transform: translate3d(-100%,0,0) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOutLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
		transform: translate3d(-100%,0,0) skewX(-30deg);
		opacity: 0
	}
}

.animate__lightSpeedOutLeft {
	-webkit-animation-name: lightSpeedOutLeft;
	animation-name: lightSpeedOutLeft;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.animate__rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

.animate__rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.animate__rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.animate__rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.animate__rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,3.6458333333rem,0);
		transform: translate3d(0,3.6458333333rem,0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,3.6458333333rem,0);
		transform: translate3d(0,3.6458333333rem,0);
		opacity: 0
	}
}

.animate__hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: calc(var(--animate-duration)*2);
	animation-duration: calc(var(--animate-duration)*2);
	-webkit-animation-name: hinge;
	animation-name: hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.animate__jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-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: translateZ(0);
		transform: translateZ(0)
	}
}

@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: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__rollIn {
	-webkit-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)
	}
}

.animate__rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

.animate__zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-5.2083333333rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-5.2083333333rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-5.2083333333rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-5.2083333333rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-5.2083333333rem,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-5.2083333333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(.0520833333rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(.0520833333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-5.2083333333rem,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-5.2083333333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(.0520833333rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(.0520833333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(5.2083333333rem,0,0);
		transform: scale3d(.1,.1,.1) translate3d(5.2083333333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-.0520833333rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-.0520833333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(5.2083333333rem,0,0);
		transform: scale3d(.1,.1,.1) translate3d(5.2083333333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-.0520833333rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-.0520833333rem,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,5.2083333333rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,5.2083333333rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,5.2083333333rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,5.2083333333rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	to {
		opacity: 0
	}
}

.animate__zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,10.4166666667rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,10.4166666667rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,10.4166666667rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,10.4166666667rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(.21875rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(.21875rem,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-10.4166666667rem,0,0);
		transform: scale(.1) translate3d(-10.4166666667rem,0,0)
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(.21875rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(.21875rem,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-10.4166666667rem,0,0);
		transform: scale(.1) translate3d(-10.4166666667rem,0,0)
	}
}

.animate__zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-.21875rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-.21875rem,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(10.4166666667rem,0,0);
		transform: scale(.1) translate3d(10.4166666667rem,0,0)
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-.21875rem,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-.21875rem,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(10.4166666667rem,0,0);
		transform: scale(.1) translate3d(10.4166666667rem,0,0)
	}
}

.animate__zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-10.4166666667rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-10.4166666667rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		transform: scale3d(.475,.475,.475) translate3d(0,.3125rem,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-10.4166666667rem,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-10.4166666667rem,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

.animate__zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

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

.animate__slideInDown {
	-webkit-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)
	}
}

.animate__slideInLeft {
	-webkit-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)
	}
}

.animate__slideInRight {
	-webkit-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)
	}
}

.animate__slideInUp {
	-webkit-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)
	}
}

.animate__slideOutDown {
	-webkit-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)
	}
}

.animate__slideOutLeft {
	-webkit-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)
	}
}

.animate__slideOutRight {
	-webkit-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)
	}
}

.animate__slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}