@charset "utf-8"; /************************************* * 文件名称:common.css * 作 者:界面设计制作部 * 创建日期:2022-01-01 * 最后修改:name/ 第X行 / yyyy-mm-dd * 文件版本:UI CSS Frameworks Beta * 内容概要: 公用样式文件 *************************************/ body { font-family: "3ddbc238-4a03-4771-b642-439649878d6b"; /* font-family: 'Barlow', sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif; font-family: 'Noto Serif', serif; font-family: raleway,Arial,sans-serif; font-family: 'Poppins', sans-serif!important; */ overflow-x:hidden; } @keyframes myfirst2 { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @keyframes myfirst3 { from {transform: rotate(0px);} to {transform: rotate(100px);} } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } div, p, span { /* word-break: keep-all!important; */ } a { transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; } a:hover, a:active { text-decoration: none; } @keyframes gWelCnta{ 0% { transform: rotate(0); } 70% { transform: rotate(360deg); } 80% { transform: rotate(350deg); } 95% { transform: rotate(370deg); } 100% { transform: rotate(360deg); } } a { outline:none; } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width:3px; } /* Track */ ::-webkit-scrollbar-track { background: #fff; border-radius: 6px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #11379e; border-radius: 6px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #222; } .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus { color: #fff; background-color: #222; border-color: #222; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; } .swiper-button-next:after, .swiper-button-prev:after { color: #fff; font-size: 18px; } .swiper-button-next, .swiper-button-prev { color: #fff; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background:rgb(198 34 40); border-radius:0px; transition:all 0.5s ease 0s; } .swiper-button-next:hover, .swiper-button-prev:hover { background:#c72228; } .fl_list{ width: 100%; height: auto; display: block; position: relative; overflow: hidden; } .fl_list .pic_box{ width: 100%; height: 0px; position: relative; display: block; overflow: hidden; } .fl_list_01 .pic_box{ padding-bottom: 131.5%; } .fl_list_02 .pic_box{ padding-bottom: 92.5%; } .fl_list_03 .pic_box{ padding-bottom: 92.5%; } .fl_list_04 .pic_box{ padding-bottom: 46.25%; } .fl_list_05 .pic_box{ padding-bottom: 46.25%; } .fl_list_06 .pic_box{ padding-bottom: 92.5%; } .fl_list_07 .pic_box{ padding-bottom: 92.5%; } .fl_list img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; overflow:hidden; transition:all .5s ease 0s; opacity: 0.6; } .fl_list:hover img{ transform:translate(-50%,-50%) scale(1.15); opacity: 0.9; } .fl_list .content_box{ width: 100%; height: auto; display: inline-block; position: absolute; top: 0px; left: 0px; padding: 60px 40px; } .fl_list.fl_list_01 .content_box{ padding: 60px; } .fl_list .title_lj:after { width: 48px; height: 2px; line-height: 2px; border: none; content: ''; display:block; background-color: rgba(255,255,255,0.8); margin: 15px 0px; transition:all .5s ease 0s; } .fl_list:hover .title_lj:after { width: 100%; } .fl_list .title{ font-size: 22px; line-height: 1.4; color: #fff; padding-left: 0px; transition:all .5s ease 0s; } .fl_list:hover .title{ padding-left: 20px; } #c_product_list_013-16528651397130 .form-control { display: block; width: 100%; height: auto; padding: 10px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; border-radius: 4px; } #c_product_list_019-16527667696311 .cbox-29-0 .e_image-8 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_product_list_019-16527667696311 .cbox-29-0:hover .e_image-8 img { transform:scale(1.1)!important; } #c_product_list_019-16527667696311 .cbox-29-0 .e_container-30{ background-color: rgba(112,112,112,1); transition:all 1s ease 0s; } #c_new_list_018-16527737599031 .cbox-1 .e_image-3 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_new_list_018-16527737599031 .cbox-1:hover .e_image-3 img { transform:scale(1.1)!important; } #c_relevant_004-16527862243982 .cbox-1 .e_image-25 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_relevant_004-16527862243982 .cbox-1:hover .e_image-25 img { transform:scale(1.1)!important; } @media only screen and (max-width: 768px){ #c_product_detail_013-16527701513581 .e_container-132 { display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; max-width: none; margin-bottom: 0px; display-radio: flex; } .fl_list_01 .pic_box{ padding-bottom: 40%; } .fl_list_02 .pic_box{ padding-bottom: 40%; } .fl_list_03 .pic_box{ padding-bottom: 40%; } .fl_list_04 .pic_box{ padding-bottom: 40%; } .fl_list_05 .pic_box{ padding-bottom: 40%; } .fl_list_06 .pic_box{ padding-bottom: 40%; } .fl_list_07 .pic_box{ padding-bottom: 40%; } #c_product_list_019-16396257078600 .swiper-button-next, #c_product_list_019-16396257078600 .swiper-button-prev{ display: none!important; } #c_static_001-1639474398600 .e_container-5 > .p_item { flex: none; } #c_static_001-1639474398600 .e_navigationF-2 .p_navButton > p span { background: #c72228; } #c_grid-16394716322740 > .p_gridbox { display: flex; align-items: center; } #c_static_001-1639473756592 .e_image-1 { overflow: hidden; max-width: 280px; height: auto; max-height: none; width: auto; padding-left: 0px; margin-left: 0px; display-radio: 1; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-1 { display: none; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-2 { display: none; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-3{ display: none; } } .zcfdcd { position:fixed; right:0; margin-right:0px; top:40%; z-index:9999; } .zcfdcd .btn{ width:48px; height:48px; display: block; margin-bottom: 4px; cursor:pointer; position:relative; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 80px; padding: 0px; line-height: 48px; border: none; align-items: center; display: flex; } .zcfdcd .btn .yctb{display: flex; width: 2pc; height: 2pc; line-height: 2pc; border: none; padding: 2px 2px; margin: 0 auto; overflow: hidden; cursor: pointer; fill: rgb(255, 255, 255); align-items: center; justify-content: center;} .zcfdcd .btn .yctb .icon_tb { width:100%; height:auto; display: inline-block; } .zcfdcd .btn-wx .yctb{ width:2pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-ly{background-color: #c72228;} .zcfdcd .btn-ly .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-ly:hover{ background-color: #333333; } .zcfdcd a.btn-ly,.izl-rmenu a.btn-ly:visited{ text-decoration:none; } .zcfdcd .btn-qq{background-color: #c72228;} .zcfdcd .btn-qq:hover{ background-color: #333333; } .zcfdcd .btn-qq .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd a.btn-qq,.izl-rmenu a.btn-qq:visited{background-color: #c72228;} .zcfdcd .btn-wx{background-color: #cb0000;} .zcfdcd .btn-wx:hover{ background-color: #cb0000; } .zcfdcd .btn-wx .pic{ position:absolute; left:-130px; top:-65px; display:none; width:130px; height:130px; } .zcfdcd .btn-phone{background-color: #cb0000;} .zcfdcd .btn-phone .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-phone:hover{ background-color: #333333; } .zcfdcd .btn-phone .phone{ background-color: #cb0000; position:absolute; width:auto; left:-100%; top:0px; line-height:48px; color:#FFF; font-size:18px; text-align:center; display:none; } .zcfdcd .btn-phone .phone.dh {background-color: #333333;position: absolute; width:200px; left:-200px;top: 4px;line-height: 40px;color: #FFF;padding: 0px 0px;font-size: 15px;text-align: center;border-radius: 100px;} .zcfdcd .btn-phone .phone a{ color:#FFF; } .zcfdcd .btn-top{ background-color: #333333; display:none; padding-top: 6px; } .zcfdcd .btn-top:hover{ background-color: rgb(203 0 0); } @media only screen and (min-width: 769px){ #c_category_047-16459395353810 .e_loop-2 .p_list { display: flex; flex-wrap: wrap; justify-content: flex-start; } #c_category_047-16459395353810 .e_loop-2 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_042-16459567038760 .e_loop-5 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_042-16459567038760 .e_loop-5 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_048-16459602089300 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_048-16459602089300 .e_loop-1 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_047-16459657544100 .e_loop-2 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_047-16459657544100 .e_loop-2 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_banner_008-1639476415422 .e_bannerA-2 .swiper-slide { width: 100%; height: 100%; } #c_static_001-16455212337790 .e_container-1 .cbox-1-0 { background-color: rgba(0,0,0,0.35); transition: all 0.5s ease 0s; border: solid 1px rgb(255 255 255 / 20%); } #c_static_001-16455212337790 .e_container-1:hover .cbox-1-0 { background-color: rgba(204,0,0,0.9); border: solid 1px rgba(204,0,0,0.9); } #c_static_001-16455212337790 .e_container-1:hover .cbox-1-0 .icon001{ fill: #fff; } #c_static_001-16455212602690 .e_container-1 .cbox-1-0 { background-color: rgba(0,0,0,0.35); transition: all 0.5s ease 0s; border: solid 1px rgb(255 255 255 / 20%); } #c_static_001-16455212602690 .e_container-1:hover .cbox-1-0 { border: solid 1px rgba(204,0,0,0.9); background-color: rgba(204,0,0,0.9); } #c_static_001-16455212602690 .e_container-1:hover .cbox-1-0 .icon001{ fill: #fff; } #c_static_001-16558087287590 .e_container-1 .cbox-1-0 { background-color: rgba(0,0,0,0.35); transition: all 0.5s ease 0s; border: solid 1px rgb(255 255 255 / 20%); } #c_static_001-16558087287590 .e_container-1:hover .cbox-1-0 { border: solid 1px rgba(204,0,0,0.9); background-color: rgba(204,0,0,0.9); } #c_static_001-16558087287590 .e_container-1:hover .cbox-1-0 .icon001{ fill: #fff; } .kjtb { width:100%; height: auto; text-align: right; display: inline-flex; align-items: center; } .kjtb_01{ display: inline-block; } .kjtb_02{ display: inline-block; height: 38px; } .kjtb .icon_01 {width: 38px;height: 38px;margin: 0px auto;background: none;fill: #222;border-radius: 0px;padding: 10px 0px;margin-left: 20px;margin-right: 0px;} .kjtb .icon_02 { width: 38px; height: 38px; margin: 0px auto; background: #cb0000; fill: #fff; border-radius: 40px; padding: 6px; } .kjtb .icon_01:hover{ fill: #c72228; } .kjtb .icon_02:hover{ fill: #fff; } .kjtb_02 span {font-family: 'Barlow', sans-serif; font-size: 24px; line-height: 30px; font-weight: 400; display: inline-block; color: #000; margin-left: 6px;} .kjtb_02 a{ display: inline-flex; align-items: center; } .syjjtb .icon01{ width: 50px; height: 50px; margin: 0px auto; background: none; display: block; fill: #c72228; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .syjjtb:hover .icon01{ fill: #fff; } .syjjtb{ width: 100%; padding-right: 20px; height: auto; display: inline-block; } .syjjtb a{ width: 100%; padding: 20px; height: auto; display: inline-block; background: rgb(255 255 255); box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:all 0.5s ease 0s; color: rgba(0,0,0,1); } .syjjtb a:hover{ color: rgba(255,255,255,1); background: #c72228; } .syjjtb .syjjtb_wz{ font-size: 16px; line-height: 24px; text-align: center; margin-top: 10px; } .icon001{ width: 70px; height: 70px; margin: 0px auto; background: none; display: block; fill: #c72228; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 20px; transition:all 0.5s ease 0s; } .swiper-pagination-bullet-active { width: 40px; height: 10px; background: #c72228; } #c_product_list_019-16396257078600 .cbox-6 .e_container-47 { background-color: rgba(34,34,34,1); transition:all 0.5s ease 0s; } #c_product_list_019-16396257078600 .cbox-6:hover .e_container-47{ background-color: rgb(13 77 161); } #c_product_list_019-16396257078600 .e_image-8 { width: 100%; height: 0px; padding-bottom: 59.2%; overflow: hidden; display: block; position: relative; } #c_product_list_019-16396257078600 .cbox-6 .e_image-8 img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1)!important; width:100%; height:100%; overflow: hidden; transition: all 1s ease 0s; } #c_product_list_019-16396257078600 .cbox-6:hover .e_image-8 img { transform:translate(-50%,-50%) scale(1.1)!important; } #c_new_list_018-1643101639306 .e_image-3 { width: 100%; height: 0px; padding-bottom: 60%; overflow: hidden; display: block; position: relative; } #c_new_list_018-1643101639306 .cbox-2-0 .e_image-3 img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1)!important; width:100%; height:auto; overflow:hidden; transition:all 1s ease 0s; } #c_new_list_018-1643101639306 .cbox-2-0:hover .e_image-3 img { transform:translate(-50%,-50%) scale(1.1)!important; } #c_new_list_018-1643101639306 .cbox-2-0 .e_container-14 .cbox-14-0 { margin-bottom: 10px; padding-bottom: 25px; margin-top: 0px; padding-top: 25px; background-color: rgba(247,247,247,1); transition:all 1s ease 0s; box-shadow: 0 0 20px rgba(204,0,0,0); } #c_new_list_018-1643101639306 .cbox-2-0:hover .e_container-14 .cbox-14-0 { margin-top: 10px; margin-bottom: 0px; background-color: rgba(255,255,255,1); box-shadow: 0 0 20px rgba(204,0,0,0.1); } #c_product_list_019-16396257078600 .swiper-container { overflow: visible; } #c_product_list_019-16396257078600 .swiper-button-next { right: 15px; top: -75px; left: auto; color: #fff; width: 40px; height: 60px; display: inline-block; background: #222; text-align: center; line-height: 60px; transition:all 1s ease 0s; } #c_product_list_019-16396257078600 .swiper-button-prev { right: 59px; top: -75px; left: auto; color: #fff; width: 40px; height: 60px; display: inline-block; background: #c72228; text-align: center; line-height: 60px; transition:all 1s ease 0s; } #c_product_list_019-16396257078600 .swiper-button-next:hover { background: #c72228; } #c_product_list_019-16396257078600 .swiper-button-prev:hover { background: #c72228; } #c_product_list_019-16396257078600 .swiper-button-next:after{ font-size: 18px; } #c_product_list_019-16396257078600 .swiper-button-prev:after{ font-size: 18px; } #c_grid-16394716322740 > .p_gridbox { display: flex; align-items: center; } #c_static_001-1639473756592 .e_image-1 { transition:all 0.5s ease 0s; } #c_static_001-1639474398600 .e_navigationF-2 .p_navCon { font-size: 16px; line-height: 1; transition: all ease .3s; text-decoration: none; font-weight: normal; color: rgba(255,255,255,1); } #c_static_001-1639474398600 .e_navigationF-2.bai .p_navCon { color: rgba(255,255,255,1); } } @media only screen and (max-width: 768px){ .kjtb { width:100%; height:auto; text-align: right;} .kjtb_01{ display: inline-block; } .kjtb_02{ display: inline-block; } .kjtb_02 span { display: none; } .icon_01 { width: 30px; height: 40px; margin: 0px auto; background:none; fill: #c72228; border-radius: 0px; padding: 12px 5px; } .icon_02 { width: 30px; height: 40px; margin: 0px auto; background: none; fill: #c72228; border-radius: 0px; padding: 10px 5px; margin-left: 0px; } .syjjtb .icon01{ width: 50px; height: 50px; margin: 0px auto; background: none; display: block; fill: #c72228; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .syjjtb:hover .icon01{ fill: #c72228; } .syjjtb{ width: 100%; padding-right: 10px; padding-left: 10px; height: auto; display: inline-block; } .syjjtb a{ width: 100%; padding: 20px; height: auto; display: inline-block; background: rgba(0,0,0,0.15); transition:all 0.5s ease 0s; color: rgba(0,0,0,1); } .syjjtb a:hover{ color: rgba(255,255,255,1); background: #c72228; } .syjjtb .syjjtb_wz{ font-size: 16px; line-height: 24px; text-align: center; margin-top: 10px; } .icon001{ width: 76px; height: 76px; margin: 0px auto; background: none; display: block; fill: #fff; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } #c_static_001-1639474398600 .e_container-5 { display: flex; flex-wrap: wrap; width: 100%; display: flex; flex-direction: row-reverse; display-radio: flex; } } @media only screen and (max-width: 1680px) and (min-width: 1441px){ #c_static_001-1639474398600 .e_navigationF-2 .p_navItem1 { position: relative; } #c_static_001-1666090588440 .e_text-4 { left: 32%; } .kjtb .icon_01 { width: 38px; height: 38px; margin: 0px auto; background: none; fill: #222; border-radius: 0px; padding: 10px 0px; margin-left: 10px; margin-right: 0px; } #c_banner_008-1639476415422 .e_bannerA-2 .p_info .p_subtitle { font-size: 40px; line-height: 44px; } } @media only screen and (max-width: 1440px) and (min-width: 769px){ #c_banner_008-1639476415422 .e_bannerA-2 .p_info { width: 85%;} #c_banner_008-1639476415422 .e_bannerA-2 .p_info .p_subtitle { font-size: 34px; line-height: 44px;margin-bottom: 40px; } #c_static_001-1639474398600 .e_navigationF-2 .p_navItem1 { position: relative; } #c_new_list_174-16661473979331 .e_container-63 { top: 83%; } #c_new_list_174-16661473979331 .e_text-64 { font-size: 16px; } #c_static_001-1666090588440 .e_text-4 { left: 31%; } .kjtb .icon_01 { width: 38px; height: 38px; margin: 0px auto; background: none; fill: #222; border-radius: 0px; padding: 10px 0px; margin-left: 10px; margin-right: 0px; } #c_static_001-1639473756592 .e_image-1 { overflow: hidden; } #c_product_list_019-16396257078600 .cbox-29-0 .e_container-30{ position: absolute; top: 0px; width: 40%; height: 100%; margin: 0px; left: 0px; display: block; padding: 30px 25px; background: rgb(204 0 0 / 100%); transition:all 1s ease 0s; } #c_product_list_019-16396257078600 .cbox-29-0:hover .e_container-30{ background: rgb(13 77 161 / 98%); padding: 25px 25px; width: 40%; } #c_product_list_019-16396257078600 .cbox-29-0 .e_richText-26 { color: rgba(255,255,255,0.6); margin-top: 10px; transition:all 1s ease 0s; } #c_product_list_019-16396257078600 .cbox-29-0:hover .e_richText-26 { color: rgba(255,255,255,1); margin-top: 15px; } #c_grid-16394716322740 > .p_gridbox > .p_gridCell:nth-child(2n + 1) { width: 25%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } #c_grid-16394716322740 > .p_gridbox > .p_gridCell:nth-child(2n + 2) { width: 75%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: inherit; } #c_product_list_019-16396257078600 .cbox-29-0 .e_button-34 { margin-top: 10px; transition:all 1s ease 0s; opacity:0; } #c_product_list_019-16396257078600 .cbox-29-0:hover .e_button-34 { margin-top: 15px; opacity:1; } } /*弹出开始*/ .fixBox{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; padding: 0px; display: flex; background: rgba(55, 58, 71, 0.9); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; cursor: pointer; align-content: center; justify-content: center; } .fixBox.overlay { -webkit-transition: opacity 0.3s 0s; transition: opacity 0.3s 0s; opacity: 1; pointer-events: auto; } .fixBox iframe{ width: 100%; height: 100%; border: 0; } .fixBox .kuangbx{ background:none; width: 80%; max-width: 1080px; margin: auto; display: block; height: 80%; max-height: 720px; overflow: hidden; } .fixBox.overlay .kuangbx{ -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay:0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: anim-open; animation-name: anim-open; } .fixBox.overlay-close .kuangbx{ -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: anim-close; animation-name: anim-close; } .fix-box-center { width: 100%; margin: 0px auto; display: block; text-align: center; height: 100%; } .fix-box-img { width: auto; max-width: 100%; height: auto; max-height: 100%; padding: 20px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .close_button{ position: fixed; bottom: 60px; left: 0; right: 0; z-index: 99; background: #f08600; max-width: 170px; margin: 0 auto; color: #fff; border-radius: 25px; padding: 15px 15px; text-align: center; line-height: 1; transition: all ease .3s; } .close_button:hover{ background: #b00; } @-webkit-keyframes anim-open { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes anim-open { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); } } @keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } } /*弹出结束*/