/* css document */
/* 响应式控件样式 */
/* public */
html { font-size: 62.5%;}
@media (min-width: 1981px) and (max-width:2560px) {
	html{font-size:68.75%;}
  }
@media (min-width: 1681px) and (max-width:1980px) {
	html{font-size:62.5%;}
  }
@media (min-width: 1441px) and (max-width:1680px) {
	html{font-size:60.75%;}
  }
@media (min-width: 1280px) and (max-width:1440px) {
	html{font-size:56.25%;}
  }
@media (min-width: 961px) and (max-width:1279px) {
  html{font-size: 52%;}
}
@media (min-width: 320px) and (max-width: 960px) {
	html{font-size: 62.5%;}
  }        
  @import ;             
*,::after,::before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit;}
ol,ul{list-style-position:inside}
/* 带连接的样式添加小手状态 */
a{text-decoration: none;color: #333;cursor: pointer;}
/* 全局hover添加动画延迟 */
/*div:hover,li:hover,a:hover{ transition-duration: 0.3s;-moz-transition-duration: 0.3s;  firefox 4 -webkit-transition-duration: 0.3s;  safari 和 chrome -o-transition-duration:0.3s;  opera }*/
.boxsiz{box-sizing:border-box;}
input,textarea{border: 0;}
body{overflow-x: hidden;}
/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
/*  公共样式 整合 begin*/
[data-lightbox],[data-functionallink]{cursor: pointer;}
.rowlistbg{overflow: hidden;}
#document{position: relative;}
div[data-fixed="true"]{box-sizing: border-box;}
table{border-collapse: collapse;}
.document-bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}
.mainnav > li, .mainnav li a p, .listbox, .rlist2 .listbox .imgbox, .rlist2 .listbox .listcon, .btnbox i{display: inline-block}
.listbox,.gallarybox .listbox .listcon,.btn,.sidetrigger .nav-icon,.socialcol{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.closenav,.listbox .imgbox{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;}
.listbox,.rlist2 .listbox .imgbox,.rlist2 .listbox .listcon,.btnbox i{display: inline-block}
.listrowcol .listbox{display: block;}
.mainnav,.socialcol,.componentsbox{display: -webkit-box;display: -ms-flexbox;display: flex;}
.btn,#nav,.mainnav > li,.mainnav > li > a,.nav-submenu > li,.ampstart-sidebar #momainnav > li,.ampstart-sidebar #momainnav > li ul,.listboxhref,.rlistrow .listbox .listboxhref,.gallarybox .listbox .listcon .headline{position: relative;}
.carost,.rowlist,.rowlist .collist,.form .fri,.langbox,.sellang .lannav,div.search,form.searchbox,mip-form.search,.bassi .slist{position:relative;}
.rowlist{width:100%;display: flex;}
.componentsbox .col{position: relative;}
/* .componentsbox .col>.rowlistbg{z-index: -1;} */
.rowlist .collist{display: inline-block;}
.mainnav > li > a,.nav-submenu > li,.nav-submenu > li > a,.ampstart-sidebar #momainnav > li,#momainnav .sidetrigger:checked~ul,.listboxhref,.rlist2 .prolist,.rlist2 .listbox,.socialrow{display: block}
.nav-submenu li a p,.nav-submenu li a i{line-height: inherit;}
.btnbox,.langlist {cursor: pointer;}
.langlist{display: inline-block;}
.boxcontent{z-index:1;position: relative;}
.col-box{position: relative;}
.map{position: relative;}
.header_content {overflow: hidden;display: flex;align-items: center;width: 100%;justify-content: space-between;box-sizing: border-box;}
.header_content .right_menu{flex-shrink: 0;margin-right:10px}
.header_content .listtxt{width:100%;}
.header_content .imghidcont .img{width:auto;}
.mo_header_itempar .listtxt{width: 60%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
#mo_site_header{position:relative;z-index: 1100;}
#mo_site_header[data-float="true"]{width: 100%;top: 0;z-index: 9999;}
.custom_component{min-height: 30px;}
/**2020-04-16 wyq add 解决amp下图片加了链接，不显示图片问题*/
.imgbox{display: block;}
.imgbox amp-img,.imgbox mip-img{display:inherit;max-width:100%;width:100%;height: auto;max-height: 100%;margin: auto;box-sizing: border-box;}
/*  公共样式 整合 end*/
/* 新闻列表上下滚动箭头样式 大于1s时的样式  需要更到 http://img.bjyyb.net/ 上去 201124  */
@media screen and (min-width:961px) {
    .listrowcol .bx-wrapper .bx-controls-direction a{position: absolute; left: 50%; margin-left: -25px;outline: 0; width: 50px;height:24px;cursor: pointer;text-indent: -9999px; z-index: 999;opacity: 0.7;}
    .listrowcol .bx-wrapper .bx-controls-direction .bx-prev{  top: 0px; background:  no-repeat -340px -15px;margin-top:0}
    .listrowcol .bx-wrapper .bx-controls-direction .bx-next{ bottom: 0px; background:  no-repeat -340px -60px;top:auto}
	.listrowcol .bx-wrapper .bx-controls-direction .bx-prev:focus, .listrowcol .bx-wrapper .bx-prev:hover,.listrowcol .bx-wrapper .bx-next:focus, .listrowcol .bx-wrapper .bx-next:hover{background-color:transparent;}
}
    @media screen and (max-width:960px) {
   .listrowcol .bx-wrapper .bx-controls-direction a{position: absolute; left: 50%; margin-left: -25px;outline: 0; width: 50px;height:24px;cursor: pointer;text-indent: -9999px; z-index: 999;opacity: 0.7;}
    .listrowcol .bx-wrapper .bx-controls-direction .bx-prev{  top: 0px; background:  no-repeat  -340px -15px;margin-top:0}
    .listrowcol .bx-wrapper .bx-controls-direction .bx-next{ bottom: 0px; background:  no-repeat  -340px -60px;top:auto}
	.listrowcol .bx-wrapper .bx-controls-direction .bx-prev:focus, .listrowcol .bx-wrapper .bx-prev:hover,.listrowcol .bx-wrapper .bx-next:focus, .listrowcol .bx-wrapper .bx-next:hover{background-color:transparent;}	
}
/* 编辑器表格样式 田朔让加的 sxt 2022-12-02 */
.ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.ue-table-interlace-color-double{ background-color: #f7faff; }
/* 详情页后台新增图片和视频最大宽度设置 */
.listtxt video{max-width: 100%;height: auto;}
/* vertical-align: middle 是去掉并排图片之间的间距 sxt 2022-12-21 */
.listtxt img{max-width: 100%;height: auto;vertical-align: middle;}
/* header start*/
#site_header{z-index:1099;position:relative;width: 100%;}
#site_header:before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";}
/* header end*/
/* footer start*/
#site_footer{position: relative;width: 100%}
#site_footer:before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";}
/* footer end */
/* form begin */
.alertopc{background: rgba(0,0,0,.4); left: 0; top: 0;width: 100%;height: 100%;position: fixed;z-index: 1400;}
.alertopc .wbox {position: absolute;left: calc(50% - 110px);top: 25%;width: 220px;background: #fff;border-radius: 10px;z-index: 1410;text-align: center;padding-top: 35px;font-family: microsoft yahei;max-width: 780px;overflow: hidden;display: block;}
.alertopc .wbox p {word-break: break-word;font-size: 1.4rem;line-height: 2rem;text-align: center;}
.wbox .alertbutton {display: block;border: 0px;border-top: 1px solid #ccc;	margin-top: 35px;	color: #007aff;width: 100%;font-size: 17px;text-decoration: none;padding: 10px 0;text-align: center;background: #fff;	cursor: pointer;}
/* form end */
/* 搜索结果高亮样式显示220704 */
.searchresultbg{background: #fefe00; font-weight: bold;color:#000;}
/* 设置整站不同分辨率下默认边距值 begin */

/* 设置整站不同分辨率下默认边距值 end */
/*均分 */
.epc_row_1 .collist{width:100%}
.epc_row_2 .collist{width:50%}
.epc_row_3 .collist{width:33.333%}
.epc_row_4 .collist{width:25%}
.epc_row_5 .collist{width:20%}
.epc_row_6 .collist{width:16.666%;height: 40px;}

/* 添加模块 */
/* 加入购物车成功或失败弹出层样式 */
.lighticon-success {position: relative;	background: no-repeat center top;overflow: hidden;}
.cartlighticon img {width:52px;	height: 52px;}
.cartlighticonmask {position: absolute;	width: 52px;height: 52px;animation: yesamition 1s;-moz-animation: yesamition 1s;-webkit-animation: yesamition 1s;-o-animation: yesamition 1s;top: 0;background: #fff;left: 52px;}
.shoppingoverlay{background-color: #ffffff;width: 478px;display: none;border: 1px solid #eee ;padding: 20px;border-radius:3px;text-align: center;position: fixed;left: 50%;top: 50%;margin-left: -256px;margin-top: -200px;overflow: hidden;z-index: 2300;box-sizing: border-box;}
.shoppingoverlay .cartlighticon{width: 60px;height: 60px;border: 4px solid gray; border-radius: 50%;margin: 20px auto;position: relative;box-sizing: content-box; overflow: hidden;}
.shoppingoverlay .lighticon-success{border-color: #4cae4c;}
.shoppingoverlay .hidesweetalert{margin-top: 20px;margin-bottom: 10px;font-size:1.6rem}
.shoppingoverlay .lighticon-error{border-color: #d43f3a;}
.swal2-close{position: absolute;top: 10px;right: 10px;transition: color 0.1s ease-out; border: none;background: transparent; color: #cccccc;font-family: serif;font-size: 20px;cursor: pointer;}
@keyframes yesamition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-moz-keyframes yesamition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-webkit-keyframes yesamition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
	 @-o-keyframes yesamition {
	0% {
	left: 0;
	}
	100% {
	left:52px;
	}
	}
/* 详情图片样式 */	
.imghidcont .imgbox .videomantle,.zoomsliderbox .videomantle{position: absolute;width: 80px;height:80px; background: url(/uploads/image/irimages/videoicon.png)  no-repeat center center rgba(0,0,0,0.2);background-size: 100%; left: 50%;top: 50%; transform: translate(-50%, -50%); border-radius: 100%;z-index:100;}
@media screen and (max-width:960px) {
.detailconimg{max-width: 100%;width: auto;display: inline-block;vertical-align: middle;}
.shoppingoverlay{width:92%;left: 4%;top: 28%;margin-left:auto;margin-top:auto;}
/* 侧边弹出导航样式 */
}
.modal-close {color: #999;line-height:40px;font-size:24px;position: absolute;right: 0;text-align: center;top: 0;width: 40px;text-decoration: none;}

#site_panel.panelleftshow,#site_panel.panelleftopen{position: fixed;z-index:1100;height: 100%;left:0;right:0;top:0;bottom:0;display: none;}
#site_panel.panelrightshow{position: fixed;z-index:1100;height: 100%;right:0;top:0;bottom:0;left:100%;transition: left .3s linear ;}
#site_panel.paneltopshow{width: 100%;max-width: 750px;position: absolute;overflow: hidden;z-index: 100;top:-1000px;transition: top .6s ease-out ;}
#site_panel.paneltopshow .sidebasicpanel{width: 100%;height: auto;min-height: auto;}
#site_panel.paneltopshow .site_panelul{overflow:hidden;}
#site_panel.panelrightshow .sidebasicpanel{left: 15%;}
.editpanel,.editpanel .opc{display: block!important;}
.editpanel.panelrightshow{left: 0!important;}
.editpanel.paneltopshow{top: 0 !important;}
.editpanel.mo_drop_slider{opacity: 1!important;}

.sidebasicpanel{z-index: 1111;position: relative; background: #fff; height: 100%; width: 85%;}
.panel-header{height: 45px;position: relative;}
.sidebasicpanel .site_panelul,.sidebasicpanel .site_panelul .site_panelli{display: block;}
.mo_drop_slider .mainnav .panelli .mainnavlia{height:100%}
#site_panel .site_panela.paneltextshow p{overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.sidebasicpanel .momenubox{height: calc(100% - 45px);}
.side-menu-label {opacity: 1;position: absolute;right: 10px;z-index: 100;top:calc(50% - 18px);height: 36px;}
.side-menu-label i{font-style: normal;font-size:1.6rem;color: #666;}
.site_panelul{height: 100%;}
.site_panelul {list-style: none;overflow-y: auto;flex-direction: column;margin: 0;min-height: 100%;width:100%;-webkit-overflow-scrolling: touch;align-items:flex-start;justify-content:flex-start;z-index: 999;background: #fff;box-sizing:border-box;}
#site_panel .site_panelul .nav-submenu{position: relative;}
#site_panel .nav-submenua p{padding-left: 10%;}
.site_panelul > li {width:100%;}
.closenav{position: absolute;right:10px;top:5px;z-index: 1000;font-size: 2.4rem;}	
.sidetrigger {position: absolute;right:0px;top:0px;width:50px;height:100%;padding: 0;margin: 0;background: none transparent;cursor: pointer;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline: none; z-index: 99;}
.site_panelul > li > .mainnavlia{box-sizing: border-box;}
.site_panelul > .mainlichild > .mainnavlia{padding-right: 50px;}
.sidetrigger~.nav-icon{position: absolute;right:0px;width:50px;line-height: 50px;color: #666;text-align: center;top:0px;height: 50px;}
.sidetrigger:checked~.nav-icon,.panelleftopen .sidetrigger~.nav-icon{transform: rotate(90deg);transition: all 0.3s;}	
#site_panel .mainiconnav> li > a {
    display: flex;
}
/* .sidetrigger .nav-submenu{display: none;} */
.site_panelul .nav-submenu li .nav-submenua .subnavbtn{display: block}
.site_panelul > li .nav-submenu > li{min-width: auto;list-style: none}
.site_panelul > li .nav-submenu > li:last-of-type .nav-submenua{border-bottom: 0;}
#site_panel .site_panelul>.mainnavli .mainnavlia .site_panelic{display: inline-block;max-width: 40px;margin-left: 10px;}
.ampstart-navbar-trigger {text-align: right;-webkit-tap-highlight-color: transparent;outline: none;}
.opc{background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0}
.panelrightshow .opc,.paneltopshow .opc{display: none;}
.hidden{display: none;}
.col-m-height{min-height:160px;}
.col-m-height>button{min-width:120px;background:none;border:0;color:#ccc;text-align:center;padding:10px 20px;position:absolute;top:calc(50% - 20px);left:calc(50% - 60px);}
/* column end*/
/* 动画定义  begin */
/*图片鼠标经过动画定义*/
.conimagedh { position: relative; top: 0; left: 0; display: block; transform: scale(1); transform: rotatey(0deg); -webkit-transition: transform 0.3s ease-in, top 0.3s, left 0.3s; -moz-transition: transform 0.3s ease-in, top 0.3s, left 0.3s; transition: transform 0.3s ease-in, top 0.3s, left 0.3s; -webkit-animation-duration: 1s; animation-duration: 1s; animation-fill-mode: both; }
/*放大*/
.enlargeimage:hover,.probox_list:hover .enlargeimage{ transform: scale(1.2); -moz-transform: scale(1.2); /* firefox */ -webkit-transform: scale(1.2); /* safari and chrome */ -o-transform: scale(1.2); /* opera */ }
/*缩小*/
.narrowimage:hover,.probox_list:hover .narrowimage{ transform: scale(0.8); -moz-transform: scale(0.8); /* firefox */ -webkit-transform: scale(0.8); /* safari and chrome */ -o-transform: scale(0.8); /* opera */ }
/*上移*/
.moveimage:hover,.probox_list:hover .moveimage{ top: -10px; }
/*下移*/
.downimage:hover,.probox_list:hover .downimage{ top: 10px; }
/*左移*/
.leftimage:hover,.probox_list:hover .leftimage{ left: -10px; }
/*右移*/
.rightimage:hover,.probox_list:hover .rightimage{ left: 10px; }
/*3d旋转*/
.rotateimage:hover,.probox_list:hover .rotateimage{ transform: rotatey(360deg); -moz-transform: rotatey(360deg); /* firefox */ -webkit-transform: rotatey(360deg); /* safari and chrome */ -o-transform: rotatey(360deg); /* opera */ }
/*2d旋转*/
.rotateimage2d:hover,.probox_list:hover .rotateimage2d{ transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
/*弹跳*/
.bounceimage:hover,.probox_list:hover .bounceimage{ animation-name: bouncecon; -webkit-animation-name: bouncecon; }
@-webkit-keyframes bouncecon { 
 40% { -webkit-transform: translatey(-30px); -ms-transform: translatey(-30px);transform: translatey(-30px);}
 60% { -webkit-transform: translatey(-15px); -ms-transform: translatey(-15px); transform: translatey(-15px);}
 0%, 20%, 50%, 80% { -webkit-transform: translatey(0); -ms-transform: translatey(0); transform: translatey(0);}
 100% { -webkit-transform: translatey(0); -ms-transform: translatey(0); transform: translatey(0);}
}
/*摇动*/
.swingimage:hover,.probox_list:hover .swingimage{ animation-name: swingcon; -webkit-animation-name: swingcon; }
@-webkit-keyframes swingcon { 
 0%, 20%, 50%, 80% { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0);}
 40% { -webkit-transform: translatex(-30px); -ms-transform: translatex(-30px); transform: translatex(-30px);}
 60% { -webkit-transform: translatex(30px); -ms-transform: translatex(30px); transform: translatex(30px);}
 100% { -webkit-transform: translatex(0); -ms-transform: translatex(0); transform: translatex(0);}
}
/* 图片鼠标经过动画 结束 */
[data-name="abounce-in"]{-ms-animation: dhbounce-in 1s ease-in;-webkit-animation: dhbounce-in 1s ease-in;-o-animation: dhbounce-in 1s ease-in;animation: dhbounce-in 1s ease-in;-ms-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards}
@-webkit-keyframes dhbounce-in {
	0% {opacity:0;-webkit-transform:translate(-200px, 0);-ms-transform:translate(-200px, 0);visibility:visible}
	100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@-ms-keyframes dhbounce-in {
	0% {opacity:0;-webkit-transform:translate(-200px, 0);-ms-transform:translate(-200px, 0);visibility:visible}
	100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@-o-keyframes dhbounce-in {
	0% {opacity:0;-webkit-transform:translate(-200px, 0);-ms-transform:translate(-200px, 0);visibility:visible}
	100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@keyframes dhbounce-in {
	0% {opacity:0;-webkit-transform:translate(-200px, 0);-ms-transform:translate(-200px, 0);visibility:visible}
	100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
[data-name="aglide-in"] {-ms-animation: dhglide-in 1s linear;-webkit-animation: dhglide-in 1s linear;-o-animation: dhglide-in 1s linear;animation: dhglide-in 1s linear;-ms-animation-fill-mode: forwards;	-webkit-animation-fill-mode: forwards;	-o-animation-fill-mode: forwards;animation-fill-mode: forwards}
@-webkit-keyframes dhglide-in {
0% {opacity:0;-webkit-transform:translate(200px, 0);-ms-transform:translate(200px, 0);visibility:visible}
100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@-ms-keyframes dhglide-in {
0% {opacity:0;-webkit-transform:translate(200px, 0);-ms-transform:translate(200px, 0);visibility:visible}
100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@-o-keyframes dhglide-in {
0% {opacity:0;-webkit-transform:translate(200px, 0);-ms-transform:translate(200px, 0);visibility:visible}
100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@keyframes dhglide-in {
0% {opacity:0;-webkit-transform:translate(200px, 0);-ms-transform:translate(200px, 0);visibility:visible}
100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
[data-name="afade-in"] {-ms-animation: dhfade-in 1s linear;-webkit-animation: dhfade-in 1s linear;-o-animation: dhfade-in 1s linear;animation: dhfade-in 1s linear;-ms-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards}
@-webkit-keyframes dhfade-in {
0% {opacity:0;visibility:visible}
100% {opacity:1;visibility:visible}
}
@-ms-keyframes dhfade-in {
0% {opacity:0;visibility:visible}
100% {opacity:1;visibility:visible}
}
@-o-keyframes dhfade-in {
0% {opacity:0;visibility:visible}
100% {opacity:1;visibility:visible}
}
@keyframes dhfade-in {
0% {opacity:0;visibility:visible}
100% {opacity:1;visibility:visible}
}
[data-name="afloat-in"] {	-ms-animation: dhfloat-in 1s linear;	-o-animation: dhfloat-in 1s linear;	-webkit-animation: dhfloat-in 1s linear;	animation: dhfloat-in 1s linear;	-ms-animation-fill-mode: forwards;	-webkit-animation-fill-mode: forwards;	-o-animation-fill-mode: forwards;animation-fill-mode: forwards}
@-webkit-keyframes dhfloat-in {
0% {opacity:0;-webkit-transform:translate(200px, 0);-ms-transform:translate(200px, 0);visibility:visible}
100% {opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);visibility:visible}
}
@-ms-keyframes dhfloat-in {
0% {
opacity:0;
-webkit-transform:translate(200px, 0);
-ms-transform:translate(200px, 0);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@-o-keyframes dhfloat-in {
0% {
opacity:0;
-webkit-transform:translate(200px, 0);
-ms-transform:translate(200px, 0);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@keyframes dhfloat-in {
0% {
opacity:0;
-webkit-transform:translate(200px, 0);
-ms-transform:translate(200px, 0);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
/* topslide */
[data-name="topslide"] {
	-ms-animation: topslide-in 1s linear;
	-o-animation: topslide-in 1s linear;
	-webkit-animation: topslide-in 1s linear;
	animation: topslide-in 1s linear;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes topslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, -200px);
-ms-transform:translate(0, -200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@-ms-keyframes topslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, -200px);
-ms-transform:translate(0, -200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@-o-keyframes topslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, -200px);
-ms-transform:translate(0, -200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@keyframes topslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, -200px);
-ms-transform:translate(0, -200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
/* bottomslide */
[data-name="bottomslide"] {
	-ms-animation: bottomslide-in 1s linear;
	-o-animation: bottomslide-in 1s linear;
	-webkit-animation: bottomslide-in 1s linear;
	animation: bottomslide-in 1s linear;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes bottomslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, 200px);
-ms-transform:translate(0, 200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@-ms-keyframes bottomslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, 200px);
-ms-transform:translate(0, 200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@-o-keyframes bottomslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, 200px);
-ms-transform:translate(0, 200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}
@keyframes bottomslide-in {
0% {
opacity:0;
-webkit-transform:translate(0, 200px);
-ms-transform:translate(0, 200px);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
visibility:visible
}
}

[data-name="aexpand-in"] {
	transform: scale(1);
	-webkit-animation: dhexpand-in 2s ease-out;
	-ms-animation: dhexpand-in 2s ease-out;
	-o-animation: dhexpand-in 2s ease-out;
	animation: dhexpand-in 2s ease-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes dhexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
@-ms-keyframes dhexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
@-o-keyframes dhexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
@keyframes dhexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
[data-name="aspin-in"] {
	transform: scale(1);
	-ms-animation: dhspin-in 1s ease-in;
	-webkit-animation: dhspin-in 1s ease-in;
	-o-animation: dhspin-in 1s ease-in;
	animation: dhspin-in 1s ease-in;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes dhspin-in {
0% {
transform:rotate(-540deg) scale(0);
-ms-transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
-o-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-ms-transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
-o-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
@-ms-keyframes dhspin-in {
0% {
transform:rotate(-540deg) scale(0);
-ms-transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
-o-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-ms-transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
-o-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
@-o-keyframes dhspin-in {
0% {
transform:rotate(-540deg) scale(0);
-ms-transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
-o-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-ms-transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
-o-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
@keyframes dhspin-in {
0% {
transform:rotate(-540deg) scale(0);
-ms-transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
-o-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-ms-transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
-o-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
[data-name="afly-in"] {
	-ms-animation: dhfly-in 1s ease-in-out;
	-webkit-animation: dhfly-in 1s ease-in-out;
	-o-animation: dhfly-in 1s ease-in-out;
	animation: dhfly-in 1s ease-in-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhfly-in {
0% {
opacity:0;
-webkit-transform:translatex(200%);
-ms-transform:translatex(200%);
-ms-transform:translatex(200%);
-o-transform:translatex(200%);
transform:translatex(200%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@-webkit-keyframes dhfly-in {
0% {
opacity:0;
-webkit-transform:translatex(200%);
-ms-transform:translatex(200%);
-o-transform:translatex(200%);
transform:translatex(200%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@-o-keyframes dhfly-in {
0% {
opacity:0;
-webkit-transform:translatex(200%);
-ms-transform:translatex(200%);
-o-transform:translatex(200%);
transform:translatex(200%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@keyframes dhfly-in {
0% {
opacity:0;
-webkit-transform:translatex(200%);
-ms-transform:translatex(200%);
-o-transform:translatex(200%);
transform:translatex(200%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
[data-name="aturn-in"] {
	-webkit-animation: dhturn-in 1s ease-out;
	-ms-animation: dhturn-in 1s ease-out;
	-o-animation: dhturn-in 1s ease-out;
	animation: dhturn-in 1s ease-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhturn-in {
0% {
opacity:0;
-webkit-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
-ms-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
-webkit-transform:rotate(0) translate(0) scaley(1);
-ms-transform:rotate(0) translate(0) scaley(1);
transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
@-webkit-keyframes dhturn-in {
0% {
opacity:0;
-webkit-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
-ms-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
-webkit-transform:rotate(0) translate(0) scaley(1);
-ms-transform:rotate(0) translate(0) scaley(1);
transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
@-o-keyframes dhturn-in {
0% {
opacity:0;
-webkit-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
-ms-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
-webkit-transform:rotate(0) translate(0) scaley(1);
-ms-transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
@keyframes dhturn-in {
0% {
opacity:0;
-webkit-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
-ms-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
-webkit-transform:rotate(0) translate(0) scaley(1);
-ms-transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
[data-name="aarc-in"] {
	-webkit-animation: dharc-in 1s ease-out;
	animation: dharc-in 1s ease-out;
	-ms-animation: dharc-in 1s ease-out;
	-o-animation: dharc-in 1s ease-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dharc-in {
0% {
opacity:0;
-webkit-transform:rotatey(180deg) translate(200px, 0) scale(0);
-ms-transform:rotatey(180deg) translate(200px, 0) scale(0);
transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
-webkit-transform:rotatey(0) translate(0) scale(1);
-ms-transform:rotatey(0) translate(0) scale(1);
transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
@-webkit-keyframes dharc-in {
0% {
opacity:0;
-webkit-transform:rotatey(180deg) translate(200px, 0) scale(0);
-ms-transform:rotatey(180deg) translate(200px, 0) scale(0);
transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
-webkit-transform:rotatey(0) translate(0) scale(1);
-ms-transform:rotatey(0) translate(0) scale(1);
transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
@-o-keyframes dharc-in {
0% {
opacity:0;
-webkit-transform:rotatey(180deg) translate(200px, 0) scale(0);
-ms-transform:rotatey(180deg) translate(200px, 0) scale(0);
transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
-webkit-transform:rotatey(0) translate(0) scale(1);
-ms-transform:rotatey(0) translate(0) scale(1);
transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
@keyframes dharc-in {
0% {
opacity:0;
-webkit-transform:rotatey(180deg) translate(200px, 0) scale(0);
-ms-transform:rotatey(180deg) translate(200px, 0) scale(0);
transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
-webkit-transform:rotatey(0) translate(0) scale(1);
-ms-transform:rotatey(0) translate(0) scale(1);
transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
[data-name="apuff-in"] {
	-webkit-animation: dhpuff-in 1s ease-out;
	-ms-animation: dhpuff-in 1s ease-out;
	-o-animation: dhpuff-in 1s ease-out;
	animation: dhpuff-in 1s ease-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhpuff-in {
0% {opacity: 0;
-webkit-transform:scale(5);
-ms-transform:scale(5);
transform:scale(5);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
visibility:visible
}
}
@-webkit-keyframes dhpuff-in {
0% {opacity: 0;
-webkit-transform:scale(5);
-ms-transform:scale(5);
transform:scale(5);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
visibility:visible
}
}
@-o-keyframes dhpuff-in {
0% {opacity: 0;
-webkit-transform:scale(5);
-ms-transform:scale(5);
transform:scale(5);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
visibility:visible
}
}
@keyframes dhpuff-in {
0% {opacity: 0;
-webkit-transform:scale(5);
-ms-transform:scale(5);
transform:scale(5);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
visibility:visible
}
}
[data-name="afolddh"] {
	-webkit-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	transform-origin: 0 80px 0;
	-ms-animation: dhbounce-in 1s ease-in;
	-webkit-animation: dhbounce-in 1s ease-in;
	-o-animation: dhbounce-in 1s ease-in;
	animation: dhbounce-in 1s ease-in
}
[data-name="afold-in"] {
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: dhfold-in 1s ease-in-out;
	-ms-animation: dhfold-in 1s ease-in-out;
	-o-animation: dhfold-in 1s ease-in-out;
	animation: dhfold-in 1s ease-in-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhfold-in {
0% {
	opacity: 0;
-webkit-transform:rotatey(90deg);
-ms-transform:rotatey(90deg);
-o-transform:rotatey(90deg);
transform:rotatey(90deg);
visibility:visible
}
100% {
	opacity: 1;
-webkit-transform:rotatey(0);
-ms-transform:rotatey(0);
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
}
@-webkit-keyframes dhfold-in {
	0% {
		opacity: 0;
	-webkit-transform:rotatey(90deg);
	-ms-transform:rotatey(90deg);
	-o-transform:rotatey(90deg);
	transform:rotatey(90deg);
	visibility:visible
	}
	100% {
		opacity: 1;
-webkit-transform:rotatey(0);
-ms-transform:rotatey(0);
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
}
@-o-keyframes dhfold-in {
	0% {
		opacity: 0;
	-webkit-transform:rotatey(90deg);
	-ms-transform:rotatey(90deg);
	-o-transform:rotatey(90deg);
	transform:rotatey(90deg);
	visibility:visible
	}
	100% {
		opacity: 1;
-webkit-transform:rotatey(0);
-ms-transform:rotatey(0);
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
}
@keyframes dhfold-in {
	0% {
		opacity: 0;
	-webkit-transform:rotatey(90deg);
	-ms-transform:rotatey(90deg);
	-o-transform:rotatey(90deg);
	transform:rotatey(90deg);
	visibility:visible
	}
	100% {
		opacity: 1;
-webkit-transform:rotatey(0);
-ms-transform:rotatey(0);
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
}
[data-name="aflip-in"] {
	-webkit-animation: dhflip-in 1s ease-in-out;
	-ms-animation: dhflip-in 1s ease-in-out;
	-ms-animation: dhflip-in 1s ease-in-out;
	animation: dhflip-in 1s ease-in-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhflip-in {
0% {opacity: 0;
-ms-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
50% {opacity: 0.5;
-ms-transform:rotatey(180deg);
transform:rotatey(180deg);
visibility:visible
}
100% {opacity: 1;
-ms-transform:rotatey(360deg);
transform:rotatey(360deg);
visibility:visible
}
}
@-webkit-keyframes dhflip-in {
0% {opacity: 0;
-webkit-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
50% {opacity: 0.5;
-webkit-transform:rotatey(180deg);
transform:rotatey(180deg);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:rotatey(360deg);
transform:rotatey(360deg);
visibility:visible
}
}
@-o-keyframes dhflip-in {
0% {opacity: 0;
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
50% {opacity: 0.5;
-o-transform:rotatey(180deg);
transform:rotatey(180deg);
visibility:visible
}
100% {opacity: 1;
-o-transform:rotatey(360deg);
transform:rotatey(360deg);
visibility:visible
}
}
@keyframes dhflip-in {
0% {opacity: 0;
-webkit-transform:rotatey(0);
-ms-transform:rotatey(0);
-o-transform:rotatey(0);
transform:rotatey(0);
visibility:visible
}
50% {opacity: 0.5;
-webkit-transform:rotatey(180deg);
-ms-transform:rotatey(180deg);
-o-transform:rotatey(180deg);
transform:rotatey(180deg);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:rotatey(360deg);
-ms-transform:rotatey(360deg);
-o-transform:rotatey(360deg);
transform:rotatey(360deg);
visibility:visible
}
}
[data-name="areveal"] {
	-webkit-perspective: 1500px;
	-ms-perspective: 900px;
	perspective: 900px;
	transform-origin: 0 80px 0;
	-webkit-animation: dhreveal 1s ease-out;
	-ms-animation: dhreveal 1s ease-out;
	-o-animation: dhreveal 1s ease-out;
	animation: dhreveal 1s ease-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhreveal {
0% {opacity: 0;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
visibility:visible
}
}
@-webkit-keyframes dhreveal {
0% {opacity: 0;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
visibility:visible
}
}
@-o-keyframes dhreveal {
0% {opacity: 0;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
visibility:visible
}
}
@keyframes dhreveal {
0% {opacity: 0;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
visibility:visible
}
100% {opacity: 1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
visibility:visible
}
}
[data-name="aslide-in"] {
	-webkit-animation: dhslide-in 1s ease-in-out;
	-ms-animation: dhslide-in 1s ease-in-out;
	-o-animation: dhslide-in 1s ease-in-out;
	animation: dhslide-in 1s ease-in-out;
	-ms-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-ms-keyframes dhslide-in {
0% {
opacity:0;
-webkit-transform:translatex(-100%);
-ms-transform:translatex(-100%);
-o-transform:translatex(-100%);
transform:translatex(-100%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@-webkit-keyframes dhslide-in {
0% {
opacity:0;
-webkit-transform:translatex(-100%);
-ms-transform:translatex(-100%);
-o-transform:translatex(-100%);
transform:translatex(-100%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@-o-keyframes dhslide-in {
0% {
opacity:0;
-webkit-transform:translatex(-100%);
-ms-transform:translatex(-100%);
-o-transform:translatex(-100%);
transform:translatex(-100%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
@keyframes dhslide-in {
0% {
opacity:0;
-webkit-transform:translatex(-100%);
-ms-transform:translatex(-100%);
-o-transform:translatex(-100%);
transform:translatex(-100%);
visibility:visible
}
100% {
opacity:1;
-webkit-transform:translatex(0);
-ms-transform:translatex(0);
-o-transform:translatex(0);
transform:translatex(0);
visibility:visible
}
}
[data-name="transition2-enter"] {
	-webkit-transform: translatey(-60px);
	-ms-transform: translatey(-60px);
	transform: translatey(-60px)
}
[data-name="transition2-enter.transition2-enter-active"] {
	transition: -webkit-transform .3s ease-in-out 0ms;
	transition: -ms-transform .3s ease-in-out 0ms;
	transition: transform .3s ease-in-out 0ms;
	-webkit-transform: translatey(0);
	-ms-transform: translatey(0);
	transform: translatey(0)
}
[data-name="transition2-leave"] {
	-webkit-transform: translatey(0);
	-ms-transform: translatey(0);
	transform: translatey(0)
}
[data-name="transition2-leave.transition2-leave-active"] {
	transition: -webkit-transform .3s ease-in-out;
	transition: -ms-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-webkit-transform: translatey(-60px);
	-ms-transform: translatey(-60px);
	transform: translatey(-60px)
}
[data-name="new-abounce-in"] {
	-webkit-animation: newbounce-in 1s ease-in;
	animation: newbounce-in 1s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newbounce-in {
0% {
-webkit-transform:scale(0);
-webkit-transform-origin:top left;
opacity:0;
visibility:visible
}
100% {
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
@keyframes newbounce-in {
0% {
transform:scale(0);
transform-origin:top left;
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
[data-name="new-aglide-in"] {
	-webkit-animation: newglide-in 1s linear;
	animation: newglide-in 1s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newglide-in {
100% {
opacity:1;
-webkit-transform:translate(0);
visibility:visible
}
}
@keyframes newglide-in {
100% {
opacity:1;
transform:translate(0);
visibility:visible
}
}
[data-name="new-afade-in"] {
	-webkit-animation: newfade-in 1s linear;
	animation: newfade-in 1s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newfade-in {
0% {
opacity:0;
visibility:visible
}
100% {
opacity:1;
visibility:visible
}
}
@keyframes newfade-in {
0% {
opacity:0;
visibility:visible
}
100% {
opacity:1;
visibility:visible
}
}
[data-name="new-afloat-in"] {
	-webkit-animation: newfloat-in 1s linear;
	animation: newfloat-in 1s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newfloat-in {
100% {
opacity:1;
-webkit-transform:translate(0);
visibility:visible
}
}
@keyframes newfloat-in {
100% {
opacity:1;
transform:translate(0);
visibility:visible
}
}
[data-name="new-aexpand-in"] {
	transform: scale(1);
	-webkit-animation: newexpand-in 2s ease-out;
	animation: newexpand-in 2s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
@keyframes newexpand-in {
0% {
transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
visibility:visible
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible
}
}
[data-name="new-aspin-in"]{
	transform: scale(1);
	-webkit-animation: newspin-in 1s ease-in;
	animation: newspin-in 1s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newspin-in {
0% {
transform:rotate(-540deg) scale(0);
-ms-transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
-o-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-ms-transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
-o-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
@keyframes newspin-in {
0% {
transform:rotate(-540deg) scale(0);
-webkit-transform:rotate(-540deg) scale(0);
opacity:0;
visibility:visible
}
100% {
transform:rotate(0) scale(1);
-webkit-transform:rotate(0) scale(1);
opacity:1;
visibility:visible
}
}
[data-name="new-afly-in"] {
	-webkit-animation: newfly-in 1s ease-in-out;
	animation: newfly-in 1s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newfly-in {
100% {
opacity:1;
-webkit-transform:translate(0);
visibility:visible
}
}
@keyframes newfly-in {
100% {
opacity:1;
transform:translate(0);
visibility:visible
}
}
[data-name="new-aturn-in"] {
	-webkit-animation: newturn-in 1s ease-out;
	animation: newturn-in 1s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newturn-in {
0% {
opacity:0;
-webkit-transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
-webkit-transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
@keyframes newturn-in {
0% {
opacity:0;
transform:rotate(90deg) translate(-300px, -600px) scaley(0);
visibility:visible
}
100% {
transform:rotate(0) translate(0) scaley(1);
opacity:1;
visibility:visible
}
}
[data-name="new-aarc-in"] {
	-webkit-animation: newarc-in 1s ease-out;
	animation: newarc-in 1s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newarc-in {
0% {
opacity:0;
-webkit-transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
-webkit-transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
@keyframes newarc-in {
0% {
opacity:0;
transform:rotatey(180deg) translate(200px, 0) scale(0);
visibility:visible
}
100% {
transform:rotatey(0) translate(0) scale(1);
opacity:1;
visibility:visible
}
}
[data-name="new-apuff-in"] {
	-webkit-animation: newpuff-in 1s ease-out;
	animation: newpuff-in 1s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newpuff-in {
0% {
-webkit-transform:scale(5);
visibility:visible;
opacity:1
}
100% {
-webkit-transform:scale(1);
visibility:visible;
opacity:1
}
}
@keyframes newpuff-in {
0% {
transform:scale(5);
visibility:visible;
opacity:1
}
100% {
transform:scale(1);
visibility:visible;
opacity:1
}
}
[data-name="new-afolddh"] {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	transform-origin: 0 80px 0;
	-webkit-animation: newbounce-in 1s ease-in;
	animation: dhbounce-in 1s ease-in
}
[data-name="new-afold-in"] {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation: newbounce-in 1s ease-in-out;
	animation: newbounce-in 1s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newbounce-in {
0% {
-webkit-transform:rotatey(90deg);
visibility:visible;
opacity:1
}
100% {
-webkit-transform:rotatey(0);
visibility:visible;
opacity:1
}
}
@keyframes newbounce-in {
0% {
transform:rotatey(90deg);
visibility:visible;
opacity:1
}
100% {
transform:rotatey(0);
visibility:visible;
opacity:1
}
}
[data-name="new-aflip-in"] {
	-webkit-animation: newflip-in 1s ease-in-out;
	animation: newflip-in 1s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newflip-in {
0% {
-webkit-transform:rotatey(0);
visibility:visible;
opacity:1
}
50% {
-webkit-transform:rotatey(180deg);
visibility:visible;
opacity:1
}
100% {
-webkit-transform:rotatey(360deg);
visibility:visible;
opacity:1
}
}
@keyframes newflip-in {
0% {
transform:rotatey(0);
visibility:visible;
opacity:1
}
50% {
transform:rotatey(180deg);
visibility:visible;
opacity:1
}
100% {
transform:rotatey(360deg);
visibility:visible;
opacity:1
}
}
[data-name="new-areveal"] {
	-webkit-perspective: 1500px;
	-ms-perspective: 900px;
	perspective: 900px;
	transform-origin: 0 80px 0;
	-webkit-animation: newreveal 1s ease-out;
	animation: newreveal 1s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newreveal {
0% {
-webkit-transform:scale(0, 1);
visibility:visible;
opacity:1
}
100% {
-webkit-transform:scale(1, 1);
visibility:visible;
opacity:1
}
}
@keyframes newreveal {
0% {
transform:scale(0, 1);
visibility:visible;
opacity:1
}
100% {
transform:scale(1, 1);
visibility:visible;
opacity:1
}
}
[data-name="new-aslide-in"] {
	-webkit-animation: newslide-in 1s ease-in-out;
	animation: newslide-in 1s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
@-webkit-keyframes newslide-in {
100% {
opacity:1;
-webkit-transform:translate(0);
visibility:visible
}
}
@keyframes newslide-in {
100% {
opacity:1;
transform:translate(0);
visibility:visible
}
}
/**翻屏组件 start **/
.flipper .componentsbox{ overflow:hidden; }
/**翻屏组件 end **/

/* 动画定义  end */


/*hoverbox start*/
/* .preview-hoverbox{position: relative;}
.preview-hoverbox .hover-default{position: relative;opacity:1;}
.preview-hoverbox .hover-target{position: absolute;opacity:0;height: 100%;width: 100%;left: 0;top: 0;}
.preview-hoverbox .hover-target .boxcont{height: 100%;}
.preview-hoverbox .box-m-height{min-height: 400px;}
.preview-hoverbox .box-m-height  button{display:none;}
@keyframes target-ani{0% {opacity:0;} 100% {opacity:1;}}
@keyframes default-ani{0% {opacity:1;} 100% {opacity:0;}}
.preview-hoverbox:hover .hover-default{animation: default-ani 1s;animation-fill-mode: forwards;}
.preview-hoverbox:hover .hover-target{animation: target-ani 1s;animation-fill-mode: forwards;}
.edit-hoverbox .edit-hidden{display:none;} */
/* .hover-default-ani{animation: default-ani 1s;}
.hover-target-ani{animation: target-ani 1s;} */
/** hoverbox end */