.userScorll { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox 64 */ } .userScorll::-webkit-scrollbar { width: 0 !important; } .paddingLR78 { padding-left: 9.15vw; padding-right:9.15vw; } .marginLR78 { margin-left: 9.15vw; margin-right:9.15vw; } .margintopHead { margin-top: 66px; } .margintopHead30 { margin-top: 96px; } * { padding: 0; margin: 0; } #app { font-family: Source Han Sans CN; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } .Page { width: 1100px; margin: 0 auto; } h1 { text-align: center; font-size: 28px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; letter-spacing: 2px; } h2 { font-size: 17px; font-family: SourceHanSansSC; font-weight: 400; color: #999999; margin-top: 5px; text-align: center; } .el-card { border: none; } .el-card__body { padding: 0 !important; } .el-menu { background: none; border-bottom: none !important; background-color: transparent !important; } /* 移除菜单项的背景色 */ .el-menu--horizontal>.el-menu-item, .el-menu--horizontal>.el-submenu .el-submenu__title { background-color: transparent !important; font-size: 15px; padding:0 25px!important; } /* 移除菜单项悬停时的背景色 */ .el-menu--horizontal>.el-menu-item:hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover { background-color: transparent !important; } /* 移除激活状态的背景色和底部边框 */ .el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title { background-color: none !important; border-bottom: #fff !important; } /* 设置下拉菜单的背景色为透明 */ .el-menu--popup { background-color: transparent !important; } .el-menu--popup .el-menu-item, .el-menu--popup .el-submenu__title { background-color: transparent !important; } /* 移除下拉菜单项悬停时的背景色 */ .el-menu--popup .el-menu-item:hover, .el-menu--popup .el-submenu__title:hover { background-color: transparent !important; } /* 修改一级导航hover状态的字体颜色 */ .el-menu--horizontal>.el-menu-item:hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover { color: #1C6CE6 !important; } /* 修改激活状态的字体颜色 */ .el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title { color: #1C6CE6 !important; } /* 修改二级菜单的背景色和样式 */ .el-menu--popup { background-color: #fff !important; padding: 5px 0; } /* 二级菜单项的样式 */ .el-menu--popup .el-menu-item, .el-menu--popup .el-submenu__title { background-color: #fff !important; color: #333 !important; } /* 二级菜单hover状态 */ .el-menu--popup .el-menu-item:hover, .el-menu--popup .el-submenu__title:hover { background-color: #fff !important; color: #1C6CE6 !important; } .el-menu--popup .el-menu-item.is-active, .el-menu--popup .el-submenu__title.is-active { background-color: #fff !important; color: #1C6CE6 !important; } /* 修改一级菜单中的链接颜色 */ .el-menu--horizontal>.el-menu-item a { color: #fff !important; } /* 修改禁用状态的菜单项颜色 */ .el-menu--horizontal>.el-menu-item.is-disabled { color: rgba(255, 255, 255, 0.6) !important; } .el-menu--horizontal>.el-submenu .el-submenu__icon-arrow { display: none; } .el-menu--popup { min-width: auto !important; width: auto !important; padding: 5px 20px !important; white-space: nowrap; } /* 二级菜单项的样式 */ .el-menu--popup .el-menu-item { min-width: auto !important; padding: 0 10px !important; width: auto !important; } /* 确保文字不换行 */ .el-menu--popup .el-menu-item span, .el-menu--popup .el-submenu__title span { white-space: nowrap; } .el-carousel__container{ height:100%!important; } .textPos{ position:absolute; right:10%; top:30%; } .textPos h2{ font-size:40px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; width:260px; text-align:left; } .el-breadcrumb{ float:right; margin-top:5px; } .el-breadcrumb__inner{ color:#fff!important; } .el-breadcrumb__separator{ color:#fff!important; } .right12r{ right: 12px !important; } .siderBar { position: fixed; /* top: 0; */ /* bottom: 0; */ right: 0; /* width: 250px; */ /* 平滑过渡效果 */ z-index: 9999; } /*设置动画*/ .fade-enter, .fade-leave-to { -webkit-transform: translateX(80%); transform: translateX(80%); } .fade-enter-active, .fade-leave-active { -webkit-transition: 0.6s; transition: 0.6s; } .fade-enter-to { -webkit-transform: translateX(0); transform: translateX(0) } page[data-v-8f8ebc58] { background: #f5f5f5; } .nav-bar[data-v-8f8ebc58] { background: #192F56; } [data-v-8f8ebc58] .el-button--primary { height: 40px; color: #FFF !important; background-color: #409EFF !important; border-color: #409EFF !important; } /* @import '~@/styles/mixin.scss'; */ .app-wrapper[data-v-f1b8a4a0] { @include clearfix; position: relative; height: 100%; width: 100%; &.mobile.openSidebar { position: fixed; top: 0; } .top-wrap { height: 58px; // background: $blue; background: -webkit-gradient(linear, left top, right top, from(#4BAEFF), color-stop(45%), to(#4C82FF)); background: linear-gradient(to right, #4BAEFF, 45%, #4C82FF); } .main-wrap { height: calc(100vh - 58px); background: #fafafa; .main { height: 100%; // padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } } .drawer-bg[data-v-f1b8a4a0] { background: #000; opacity: 0.3; width: 100%; top: 0; height: 100%; position: absolute; z-index: 999; } .fixed-header[data-v-f1b8a4a0] { position: fixed; top: 0; right: 0; z-index: 9; width: calc(100% - #{$sideBarWidth}); -webkit-transition: width 0.28s; transition: width 0.28s; } .hideSidebar .fixed-header[data-v-f1b8a4a0] { width: calc(100% - 54px); } .mobile .fixed-header[data-v-f1b8a4a0] { width: 100%; } .hamburger-container[data-v-f1b8a4a0] { cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-tap-highlight-color: transparent; &:hover { background: rgba(0, 0, 0, 0.025); } } .slogan[data-v-f1b8a4a0] { font-size: 22px; color: #999; vertical-align: middle; } .nav-barh[data-v-00bcbfcd] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .fullPage[data-v-00bcbfcd] { height: 100vh; overflow: hidden; /* background-color: rgb(189, 211, 186); */ } .fullPageContainer[data-v-00bcbfcd] { width: 100%; height: 100vh; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .section[data-v-00bcbfcd] { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-color: #F5F5F5; } .nav-scrolledh[data-v-00bcbfcd] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .circle-hole[data-v-00bcbfcd] { position: absolute; inset: 0; z-index: 10001; width: 100vw; height: 100vh; background-color: #fff; /* 背景颜色 */ -webkit-mask-image: radial-gradient(circle at center, transparent 100%, black 100%); mask-image: radial-gradient(circle at center, transparent 100%, black 100%); } .custom-duration[data-v-00bcbfcd] { -webkit-animation-duration: 2s; animation-duration: 2s; /* 设置为2秒 */ } .law-office-header[data-v-19235930] { width: 100%; height: 100vh; } .main-content[data-v-19235930] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-19235930] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-19235930] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-19235930] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-19235930] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-19235930] { font-size: 1.8rem; } .section-content[data-v-19235930] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-19235930] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-19235930] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-19235930] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-19235930] { height: 40px; width: auto; } .nav-links[data-v-19235930] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-19235930] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-19235930] { color: #333; } .nav-link[data-v-19235930]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-19235930] { padding: 10px 20px; } .nav-links[data-v-19235930] { display: none; } } .background-carousel[data-v-19235930] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-19235930] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-19235930] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-19235930] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-19235930] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-19235930]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-19235930] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-19235930]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-19235930], .fade-leave-active[data-v-19235930] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-19235930], .fade-leave-to[data-v-19235930] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-19235930] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-19235930] { font-size: 0.9rem; } } .scroll-container[data-v-19235930] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-19235930] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-19235930] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-19235930]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-19235930]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-19235930]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-19235930] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-19235930] { width: 100%; } .stat-card[data-v-19235930] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-19235930] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-19235930] { background: #1249AD; width: 100%; } .stat-label[data-v-19235930] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-19235930] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-19235930] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-19235930] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-19235930] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-19235930], .blue .stat-value .unit[data-v-19235930] { color: #fff; } .intro-container[data-v-19235930] { width: 43%; } .intro-container img[data-v-19235930] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-19235930] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-19235930] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-19235930] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-19235930] { width: 100%; } .stat-row[data-v-19235930] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-19235930] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-19235930] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-19235930] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-19235930] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-19235930] { color: #fff; } .sectionCon[data-v-19235930] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-19235930] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-19235930] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-19235930] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-19235930] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-19235930] { width: 100%; } .stat-card[data-v-19235930] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-19235930] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-19235930] { background: #1249AD; width: 100%; } .stat-label[data-v-19235930] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-19235930] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-19235930] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-19235930] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-19235930] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-19235930], .blue .stat-value .unit[data-v-19235930] { color: #fff; } .intro-container[data-v-19235930] { width: 43%; } .intro-container img[data-v-19235930] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-19235930] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-19235930] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-19235930] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-19235930] { width: 100%; } .stat-row[data-v-19235930] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-19235930] { min-width: calc(50% - 10px); } } /*指示器按钮*/ [data-v-19235930] .el-carousel__button { width: 10px; height: 10px; border: none; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } /*指示器激活按钮*/ [data-v-19235930] .is-active .el-carousel__button { background: #fff; } .dot[data-v-19235930] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: black; margin: 0 5px; } .list-enter-active[data-v-19235930], .list-leave-active[data-v-19235930] { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .list-enter[data-v-19235930], .list-leave-to[data-v-19235930] /* .list-leave-active in <2.1.8 */ { opacity: 0; } .law-office-header[data-v-7cf4cd5b] { width: 100%; height: 100vh; } .main-content[data-v-7cf4cd5b] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-7cf4cd5b] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-7cf4cd5b] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-7cf4cd5b] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-7cf4cd5b] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-7cf4cd5b] { font-size: 1.8rem; } .section-content[data-v-7cf4cd5b] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-7cf4cd5b] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-7cf4cd5b] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-7cf4cd5b] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-7cf4cd5b] { height: 40px; width: auto; } .nav-links[data-v-7cf4cd5b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-7cf4cd5b] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-7cf4cd5b] { color: #333; } .nav-link[data-v-7cf4cd5b]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-7cf4cd5b] { padding: 10px 20px; } .nav-links[data-v-7cf4cd5b] { display: none; } } .background-carousel[data-v-7cf4cd5b] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-7cf4cd5b] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-7cf4cd5b] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-7cf4cd5b] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-7cf4cd5b] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-7cf4cd5b]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-7cf4cd5b] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-7cf4cd5b]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-7cf4cd5b], .fade-leave-active[data-v-7cf4cd5b] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-7cf4cd5b], .fade-leave-to[data-v-7cf4cd5b] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-7cf4cd5b] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-7cf4cd5b] { font-size: 0.9rem; } } .scroll-container[data-v-7cf4cd5b] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-7cf4cd5b] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-7cf4cd5b] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-7cf4cd5b]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-7cf4cd5b]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-7cf4cd5b]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-7cf4cd5b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-7cf4cd5b] { width: 100%; } .stat-card[data-v-7cf4cd5b] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-7cf4cd5b] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-7cf4cd5b] { background: #1249AD; width: 100%; } .stat-label[data-v-7cf4cd5b] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-7cf4cd5b] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-7cf4cd5b] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-7cf4cd5b] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-7cf4cd5b] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-7cf4cd5b], .blue .stat-value .unit[data-v-7cf4cd5b] { color: #fff; } .intro-container[data-v-7cf4cd5b] { width: 43%; } .intro-container img[data-v-7cf4cd5b] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-7cf4cd5b] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-7cf4cd5b] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-7cf4cd5b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-7cf4cd5b] { width: 100%; } .stat-row[data-v-7cf4cd5b] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-7cf4cd5b] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-7cf4cd5b] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-7cf4cd5b] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-7cf4cd5b] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-7cf4cd5b] { color: #fff; } .sectionCon[data-v-7cf4cd5b] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-7cf4cd5b] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-7cf4cd5b] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-7cf4cd5b] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-7cf4cd5b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-7cf4cd5b] { width: 100%; } .stat-card[data-v-7cf4cd5b] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-7cf4cd5b] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-7cf4cd5b] { background: #1249AD; width: 100%; } .stat-label[data-v-7cf4cd5b] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-7cf4cd5b] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-7cf4cd5b] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-7cf4cd5b] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-7cf4cd5b] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-7cf4cd5b], .blue .stat-value .unit[data-v-7cf4cd5b] { color: #fff; } .intro-container[data-v-7cf4cd5b] { width: 43%; } .intro-container img[data-v-7cf4cd5b] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-7cf4cd5b] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-7cf4cd5b] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-7cf4cd5b] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-7cf4cd5b] { width: 100%; } .stat-row[data-v-7cf4cd5b] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-7cf4cd5b] { min-width: calc(50% - 10px); } } .el-carousel__container[data-v-7cf4cd5b] { height: 100% !important; } /*指示器按钮*/ [data-v-7cf4cd5b] .el-carousel__button { width: 10px; height: 10px; border: none; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } /*指示器激活按钮*/ [data-v-7cf4cd5b] .is-active .el-carousel__button { background: #fff; } .law-office-header[data-v-13c78e9c] { width: 100%; height: 100vh; } .main-content[data-v-13c78e9c] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-13c78e9c] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-13c78e9c] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-13c78e9c] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-13c78e9c] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-13c78e9c] { font-size: 1.8rem; } .section-content[data-v-13c78e9c] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-13c78e9c] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-13c78e9c] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-13c78e9c] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-13c78e9c] { height: 40px; width: auto; } .nav-links[data-v-13c78e9c] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-13c78e9c] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-13c78e9c] { color: #333; } .nav-link[data-v-13c78e9c]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-13c78e9c] { padding: 10px 20px; } .nav-links[data-v-13c78e9c] { display: none; } } .background-carousel[data-v-13c78e9c] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-13c78e9c] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-13c78e9c] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-13c78e9c] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-13c78e9c] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-13c78e9c]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-13c78e9c] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-13c78e9c]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-13c78e9c], .fade-leave-active[data-v-13c78e9c] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-13c78e9c], .fade-leave-to[data-v-13c78e9c] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-13c78e9c] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-13c78e9c] { font-size: 0.9rem; } } .scroll-container[data-v-13c78e9c] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-13c78e9c] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-13c78e9c] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-13c78e9c]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-13c78e9c]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-13c78e9c]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-13c78e9c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-13c78e9c] { width: 100%; } .stat-card[data-v-13c78e9c] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-13c78e9c] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-13c78e9c] { background: #1249AD; width: 100%; } .stat-label[data-v-13c78e9c] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-13c78e9c] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-13c78e9c] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-13c78e9c] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-13c78e9c] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-13c78e9c], .blue .stat-value .unit[data-v-13c78e9c] { color: #fff; } .intro-container[data-v-13c78e9c] { width: 43%; } .intro-container img[data-v-13c78e9c] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-13c78e9c] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-13c78e9c] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-13c78e9c] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-13c78e9c] { width: 100%; } .stat-row[data-v-13c78e9c] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-13c78e9c] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-13c78e9c] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-13c78e9c] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-13c78e9c] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-13c78e9c] { color: #fff; } .sectionCon[data-v-13c78e9c] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-13c78e9c] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-13c78e9c] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-13c78e9c] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-13c78e9c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-13c78e9c] { width: 100%; } .stat-card[data-v-13c78e9c] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-13c78e9c] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-13c78e9c] { background: #1249AD; width: 100%; } .stat-label[data-v-13c78e9c] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-13c78e9c] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-13c78e9c] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-13c78e9c] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-13c78e9c] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-13c78e9c], .blue .stat-value .unit[data-v-13c78e9c] { color: #fff; } .intro-container[data-v-13c78e9c] { width: 43%; } .intro-container img[data-v-13c78e9c] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-13c78e9c] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-13c78e9c] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-13c78e9c] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-13c78e9c] { width: 100%; } .stat-row[data-v-13c78e9c] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-13c78e9c] { min-width: calc(50% - 10px); } } .image-container[data-v-13c78e9c] { width: 32.5%; height: 100%; overflow: hidden; } .image-container .el-image[data-v-13c78e9c] { width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .image-container:hover .el-image[data-v-13c78e9c] { -webkit-transform: scale(1.05); transform: scale(1.05); } .law-office-header[data-v-e5a5b392] { width: 100%; height: 100vh; } .main-content[data-v-e5a5b392] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-e5a5b392] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-e5a5b392] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-e5a5b392] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-e5a5b392] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-e5a5b392] { font-size: 1.8rem; } .section-content[data-v-e5a5b392] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-e5a5b392] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-e5a5b392] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-e5a5b392] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-e5a5b392] { height: 40px; width: auto; } .nav-links[data-v-e5a5b392] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-e5a5b392] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-e5a5b392] { color: #333; } .nav-link[data-v-e5a5b392]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-e5a5b392] { padding: 10px 20px; } .nav-links[data-v-e5a5b392] { display: none; } } .background-carousel[data-v-e5a5b392] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-e5a5b392] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-e5a5b392] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-e5a5b392] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-e5a5b392] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-e5a5b392]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-e5a5b392] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-e5a5b392]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-e5a5b392], .fade-leave-active[data-v-e5a5b392] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-e5a5b392], .fade-leave-to[data-v-e5a5b392] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-e5a5b392] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-e5a5b392] { font-size: 0.9rem; } } .scroll-container[data-v-e5a5b392] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-e5a5b392] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-e5a5b392] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-e5a5b392]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-e5a5b392]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-e5a5b392]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-e5a5b392] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-e5a5b392] { width: 100%; } .stat-card[data-v-e5a5b392] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-e5a5b392] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-e5a5b392] { background: #1249AD; width: 100%; } .stat-label[data-v-e5a5b392] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-e5a5b392] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-e5a5b392] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-e5a5b392] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-e5a5b392] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-e5a5b392], .blue .stat-value .unit[data-v-e5a5b392] { color: #fff; } .intro-container[data-v-e5a5b392] { width: 43%; } .intro-container img[data-v-e5a5b392] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-e5a5b392] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-e5a5b392] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-e5a5b392] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-e5a5b392] { width: 100%; } .stat-row[data-v-e5a5b392] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-e5a5b392] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-e5a5b392] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-e5a5b392] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-e5a5b392] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-e5a5b392] { color: #fff; } .sectionCon[data-v-e5a5b392] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-e5a5b392] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-e5a5b392] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-e5a5b392] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-e5a5b392] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-e5a5b392] { width: 100%; } .stat-card[data-v-e5a5b392] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-e5a5b392] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-e5a5b392] { background: #1249AD; width: 100%; } .stat-label[data-v-e5a5b392] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-e5a5b392] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-e5a5b392] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-e5a5b392] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-e5a5b392] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-e5a5b392], .blue .stat-value .unit[data-v-e5a5b392] { color: #fff; } .intro-container[data-v-e5a5b392] { width: 43%; } .intro-container img[data-v-e5a5b392] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-e5a5b392] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-e5a5b392] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-e5a5b392] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-e5a5b392] { width: 100%; } .stat-row[data-v-e5a5b392] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-e5a5b392] { min-width: calc(50% - 10px); } } .mainHeight[data-v-e5a5b392] { height: calc(100vh - 13vh); } .htmlView[data-v-e5a5b392] p { margin: auto; line-height: 160%; font-size: 1.6vw; color: #000; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; text-indent: 2em; } .law-office-header[data-v-2dbc1e3e] { width: 100%; height: 100vh; } .main-content[data-v-2dbc1e3e] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-2dbc1e3e] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-2dbc1e3e] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-2dbc1e3e] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-2dbc1e3e] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-2dbc1e3e] { font-size: 1.8rem; } .section-content[data-v-2dbc1e3e] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-2dbc1e3e] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-2dbc1e3e] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-2dbc1e3e] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-2dbc1e3e] { height: 40px; width: auto; } .nav-links[data-v-2dbc1e3e] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-2dbc1e3e] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-2dbc1e3e] { color: #333; } .nav-link[data-v-2dbc1e3e]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-2dbc1e3e] { padding: 10px 20px; } .nav-links[data-v-2dbc1e3e] { display: none; } } .background-carousel[data-v-2dbc1e3e] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-2dbc1e3e] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-2dbc1e3e] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-2dbc1e3e] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-2dbc1e3e] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-2dbc1e3e]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-2dbc1e3e] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-2dbc1e3e]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-2dbc1e3e], .fade-leave-active[data-v-2dbc1e3e] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-2dbc1e3e], .fade-leave-to[data-v-2dbc1e3e] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-2dbc1e3e] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-2dbc1e3e] { font-size: 0.9rem; } } .scroll-container[data-v-2dbc1e3e] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-2dbc1e3e] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-2dbc1e3e] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-2dbc1e3e]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-2dbc1e3e]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-2dbc1e3e]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-2dbc1e3e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-2dbc1e3e] { width: 100%; } .stat-card[data-v-2dbc1e3e] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-2dbc1e3e] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-2dbc1e3e] { background: #1249AD; width: 100%; } .stat-label[data-v-2dbc1e3e] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-2dbc1e3e] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-2dbc1e3e] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-2dbc1e3e] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-2dbc1e3e] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-2dbc1e3e], .blue .stat-value .unit[data-v-2dbc1e3e] { color: #fff; } .intro-container[data-v-2dbc1e3e] { width: 43%; } .intro-container img[data-v-2dbc1e3e] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-2dbc1e3e] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-2dbc1e3e] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-2dbc1e3e] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-2dbc1e3e] { width: 100%; } .stat-row[data-v-2dbc1e3e] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-2dbc1e3e] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-2dbc1e3e] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-2dbc1e3e] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-2dbc1e3e] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-2dbc1e3e] { color: #fff; } .sectionCon[data-v-2dbc1e3e] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-2dbc1e3e] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-2dbc1e3e] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-2dbc1e3e] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-2dbc1e3e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-2dbc1e3e] { width: 100%; } .stat-card[data-v-2dbc1e3e] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-2dbc1e3e] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-2dbc1e3e] { background: #1249AD; width: 100%; } .stat-label[data-v-2dbc1e3e] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-2dbc1e3e] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-2dbc1e3e] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-2dbc1e3e] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-2dbc1e3e] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-2dbc1e3e], .blue .stat-value .unit[data-v-2dbc1e3e] { color: #fff; } .intro-container[data-v-2dbc1e3e] { width: 43%; } .intro-container img[data-v-2dbc1e3e] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-2dbc1e3e] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-2dbc1e3e] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-2dbc1e3e] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-2dbc1e3e] { width: 100%; } .stat-row[data-v-2dbc1e3e] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-2dbc1e3e] { min-width: calc(50% - 10px); } } .userItem1[data-v-2dbc1e3e] { height: 90%; width: 19.2vh; margin-right: 1.6vw; margin-left: 1.6vw; display: inline-block; background: #fff; border-radius: 8px; } .userItem1[data-v-2dbc1e3e]:first-child { margin-left: 0; } .userItem1[data-v-2dbc1e3e]:last-child { margin-right: 0; } .normalBtn[data-v-2dbc1e3e] { background-color: #999999; width: 30px; height: 30px; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: large; } .normalBtn[data-v-2dbc1e3e]:hover { background-color: #083A81; } .chooseMer[data-v-2dbc1e3e] { font-size: 1.8vw !important; color: #1c6ce6 !important; } .law-office-header[data-v-0d6e30e2] { width: 100%; height: 100vh; } .main-content[data-v-0d6e30e2] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-0d6e30e2] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-0d6e30e2] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-0d6e30e2] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-0d6e30e2] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-0d6e30e2] { font-size: 1.8rem; } .section-content[data-v-0d6e30e2] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-0d6e30e2] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-0d6e30e2] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-0d6e30e2] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-0d6e30e2] { height: 40px; width: auto; } .nav-links[data-v-0d6e30e2] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-0d6e30e2] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-0d6e30e2] { color: #333; } .nav-link[data-v-0d6e30e2]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-0d6e30e2] { padding: 10px 20px; } .nav-links[data-v-0d6e30e2] { display: none; } } .background-carousel[data-v-0d6e30e2] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-0d6e30e2] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-0d6e30e2] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-0d6e30e2] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-0d6e30e2] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-0d6e30e2]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-0d6e30e2] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-0d6e30e2]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-0d6e30e2], .fade-leave-active[data-v-0d6e30e2] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-0d6e30e2], .fade-leave-to[data-v-0d6e30e2] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-0d6e30e2] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-0d6e30e2] { font-size: 0.9rem; } } .scroll-container[data-v-0d6e30e2] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-0d6e30e2] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-0d6e30e2] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-0d6e30e2]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-0d6e30e2]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-0d6e30e2]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-0d6e30e2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-0d6e30e2] { width: 100%; } .stat-card[data-v-0d6e30e2] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-0d6e30e2] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-0d6e30e2] { background: #1249AD; width: 100%; } .stat-label[data-v-0d6e30e2] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-0d6e30e2] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-0d6e30e2] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-0d6e30e2] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-0d6e30e2] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-0d6e30e2], .blue .stat-value .unit[data-v-0d6e30e2] { color: #fff; } .intro-container[data-v-0d6e30e2] { width: 43%; } .intro-container img[data-v-0d6e30e2] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-0d6e30e2] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-0d6e30e2] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-0d6e30e2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-0d6e30e2] { width: 100%; } .stat-row[data-v-0d6e30e2] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-0d6e30e2] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-0d6e30e2] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-0d6e30e2] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-0d6e30e2] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-0d6e30e2] { color: #fff; } .sectionCon[data-v-0d6e30e2] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-0d6e30e2] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-0d6e30e2] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-0d6e30e2] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-0d6e30e2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-0d6e30e2] { width: 100%; } .stat-card[data-v-0d6e30e2] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-0d6e30e2] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-0d6e30e2] { background: #1249AD; width: 100%; } .stat-label[data-v-0d6e30e2] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-0d6e30e2] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-0d6e30e2] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-0d6e30e2] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-0d6e30e2] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-0d6e30e2], .blue .stat-value .unit[data-v-0d6e30e2] { color: #fff; } .intro-container[data-v-0d6e30e2] { width: 43%; } .intro-container img[data-v-0d6e30e2] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-0d6e30e2] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-0d6e30e2] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-0d6e30e2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-0d6e30e2] { width: 100%; } .stat-row[data-v-0d6e30e2] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-0d6e30e2] { min-width: calc(50% - 10px); } } .html10[data-v-0d6e30e2] p { width: 100%; } .html10[data-v-0d6e30e2] p img { width: 100%; } .law-office-header[data-v-c8d9b3d8] { width: 100%; height: 100vh; } .main-content[data-v-c8d9b3d8] { width: 100%; height: 100vh; overflow-y: auto; scroll-behavior: smooth; } .section[data-v-c8d9b3d8] { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ position: relative; background-color: #F5F5F5; } .section-top[data-v-c8d9b3d8] { padding-left: 7.8vw; padding-right: 7.8vw; /* width: 100%; */ } .paddingLR78[data-v-c8d9b3d8] { padding-left: 12.1vh; padding-right: 12.1vh; } .section-content[data-v-c8d9b3d8] { /* background-color: #fff; */ width: 100%; height: 100vh; /* display: flex; flex-direction: column; align-items: left; */ /* max-width: 1200px; */ /* padding: 2rem; */ /* margin: 0 auto; */ } /* 响应式设计 */ @media (max-width: 768px) { .company-name[data-v-c8d9b3d8] { font-size: 1.8rem; } .section-content[data-v-c8d9b3d8] { padding: 1rem; } } /* 导航栏样式 */ .nav-bar[data-v-c8d9b3d8] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .nav-bar.nav-scrolled[data-v-c8d9b3d8] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .nav-content[data-v-c8d9b3d8] { max-width: 1200px; margin: 0 auto; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-logo img[data-v-c8d9b3d8] { height: 40px; width: auto; } .nav-links[data-v-c8d9b3d8] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link[data-v-c8d9b3d8] { color: #fff; text-decoration: none; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .nav-scrolled .nav-link[data-v-c8d9b3d8] { color: #333; } .nav-link[data-v-c8d9b3d8]:hover { color: #1e2942; } /* 响应式导航栏 */ @media (max-width: 768px) { .nav-content[data-v-c8d9b3d8] { padding: 10px 20px; } .nav-links[data-v-c8d9b3d8] { display: none; } } .background-carousel[data-v-c8d9b3d8] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; } .slide-bg[data-v-c8d9b3d8] { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; &::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } } .content-wrapper[data-v-c8d9b3d8] { position: relative; width: 100%; height: 100vh; z-index: 2; margin: 0; padding: 0; } .carousel-controls[data-v-c8d9b3d8] { position: absolute; bottom: 3rem; right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 3; } .control-item[data-v-c8d9b3d8] { cursor: pointer; font-size: 2.1vw; color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-origin: center; transform-origin: center; background: transparent; border: none; padding: 0; } .control-item[data-v-c8d9b3d8]:hover { color: rgba(255, 255, 255, 0.9); } .control-item.active[data-v-c8d9b3d8] { color: #fff; font-weight: 500; font-size: 2.2vw } .control-item[data-v-c8d9b3d8]::after { display: none; } /* 轮播图切换动画 */ .fade-enter-active[data-v-c8d9b3d8], .fade-leave-active[data-v-c8d9b3d8] { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .fade-enter[data-v-c8d9b3d8], .fade-leave-to[data-v-c8d9b3d8] { opacity: 0; } /* 响应式设计补充 */ @media (max-width: 768px) { .carousel-controls[data-v-c8d9b3d8] { bottom: 1.5rem; right: 1.5rem; gap: 1.5rem; } .control-item[data-v-c8d9b3d8] { font-size: 0.9rem; } } .scroll-container[data-v-c8d9b3d8] { width: 100%; /* 父容器宽度 */ overflow-x: auto; /* 横向滚动条 */ } .scroll-content[data-v-c8d9b3d8] { white-space: nowrap; /* 保证内容在一行显示，不换行 */ } .item[data-v-c8d9b3d8] { display: inline-block; /* 让子元素并排显示 */ margin-right: 10px; /* 子元素间隔 */ width: 18.75rem; /* 确保每个子元素的宽度总和大于父容器 */ } .itemTitle[data-v-c8d9b3d8]{ display: inline-block; /* 子元素间隔 */ width: 100%; font-size:14px; color:#E59D2D; } .itemImg[data-v-c8d9b3d8]{ width:20px!important; height:20px!important; margin:0 20px 0 100px!important; } .userScorll[data-v-c8d9b3d8]::-webkit-scrollbar { width: 0 !important; } .stats-container[data-v-c8d9b3d8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-c8d9b3d8] { width: 100%; } .stat-card[data-v-c8d9b3d8] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-c8d9b3d8] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-c8d9b3d8] { background: #1249AD; width: 100%; } .stat-label[data-v-c8d9b3d8] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-c8d9b3d8] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-c8d9b3d8] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-c8d9b3d8] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-c8d9b3d8] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-c8d9b3d8], .blue .stat-value .unit[data-v-c8d9b3d8] { color: #fff; } .intro-container[data-v-c8d9b3d8] { width: 43%; } .intro-container img[data-v-c8d9b3d8] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-c8d9b3d8] { font-size: 3.9vw; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-c8d9b3d8] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-c8d9b3d8] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-c8d9b3d8] { width: 100%; } .stat-row[data-v-c8d9b3d8] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-c8d9b3d8] { min-width: calc(50% - 10px); } } /* 添加悬停效果样式 */ .stat-card.hover-blue[data-v-c8d9b3d8] { background: #1249AD; border-radius: 5px 50px 5px 50px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .stat-card.hover-blue .stat-label[data-v-c8d9b3d8] { color: rgba(255, 255, 255, 0.9); } .stat-card.hover-blue .stat-value .number[data-v-c8d9b3d8] { color: #fff; } .stat-card.hover-blue .stat-value .unit[data-v-c8d9b3d8] { color: #fff; } .sectionCon[data-v-c8d9b3d8] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABIAAAAKICAYAAAAIK4ENAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABDcSURBVHhe7dgBDQAADMOg+ze9+2hABjcAAAAA0gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAAAQJ4AAAAAA4gQQAAAAQJwAAgAAAIgTQAAAAABxAggAAAAgTgABAAAAxAkgAAAAgDgBBAAAABAngAAAAADiBBAAAABAnAACAAAAiBNAAAAAAHECCAAAACBOAAEAAADECSAAAACAOAEEAAAAECeAAAAAAOIEEAAAAECcAAIAAACIE0AAAAAAcQIIAAAAIE4AAQAAAMQJIAAAAIA4AQQAAACQtj39TRjsnLvAFgAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-title[data-v-c8d9b3d8] { font-size: 26px; color: #333; height:13%; text-align: left; font-weight: bold; width:85%; /* max-width: 1200px; */ margin: 0 auto; /* padding: 0 20px; */ letter-spacing: 2px; } .page-title img[data-v-c8d9b3d8] { width: 250px; display: block; height: 8px; margin-top: 5px; } .content-section[data-v-c8d9b3d8] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; /* max-width: 1200px; */ width:85%; margin: 0 auto; } .stats-container[data-v-c8d9b3d8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .stat-row[data-v-c8d9b3d8] { width: 100%; } .stat-card[data-v-c8d9b3d8] { width: 100%; background: #fff; padding: 5vh 0; border-radius: 50px 5px 50px 5px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .stat-row:first-child .stat-card[data-v-c8d9b3d8] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .stat-card.blue[data-v-c8d9b3d8] { background: #1249AD; width: 100%; } .stat-label[data-v-c8d9b3d8] { font-size: 14px; color: #666; margin-bottom: 8px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value[data-v-c8d9b3d8] { /* display: flex; align-items: baseline; gap: 4px; */ text-align: center; } .stat-value .number[data-v-c8d9b3d8] { font-size: 58px; font-weight: bold; color: #1249AD; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .stat-value .unit[data-v-c8d9b3d8] { font-size: 14px; /* color: #1249AD; */ -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blue .stat-label[data-v-c8d9b3d8] { color: rgba(255, 255, 255, 0.9); } .blue .stat-value .number[data-v-c8d9b3d8], .blue .stat-value .unit[data-v-c8d9b3d8] { color: #fff; } .intro-container[data-v-c8d9b3d8] { width: 43%; } .intro-container img[data-v-c8d9b3d8] { width: 50%; margin-top: 50px; float: right; } .company-name[data-v-c8d9b3d8] { font-size: 50px; color: #1249AD; margin-bottom: 20px; font-weight: bold; text-align: left; } .intro-text[data-v-c8d9b3d8] { font-size: 18px; line-height: 1.8; color: #333; text-align: left; } @media (max-width: 768px) { .content-section[data-v-c8d9b3d8] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stats-container[data-v-c8d9b3d8] { width: 100%; } .stat-row[data-v-c8d9b3d8] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stat-card[data-v-c8d9b3d8] { min-width: calc(50% - 10px); } } .normalBtn[data-v-c8d9b3d8] { background-color: #999999; width: 38px; height: 38px; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 28px; } .normalBtn[data-v-c8d9b3d8]:hover { background-color: #083A81; } .html13[data-v-c8d9b3d8] p { margin: auto; font-size: 1.0vw; color: #fff; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; /* text-indent: 2em; */ } .footer[data-v-63c540d7] { position: relative; /* top: 85vh; */ /* background: #f5f5f5; */ } page[data-v-63c540d7] { /* background: red; */ } .law-office-header[data-v-63c540d7] { width: 100%; height: 100%; background: #f5f5f5; position: relative; } .nav-bar[data-v-63c540d7] { background: #192F56; } .nav-scrolled[data-v-63c540d7] { background-color: #ff0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .normalBtn[data-v-63c540d7] { background-color: #549FF1; width: 2.9vw; height: 2.9vw; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 28px; } .normalBtn[data-v-63c540d7]:hover { /* background-color: #083A81; */ } .cooperateCon[data-v-63c540d7] { width: 81.7%; height: auto; margin: 0 auto; font-size: 18px; color: #000; /* z-index: -1; */ position: relative; } .tab-fixed[data-v-63c540d7] { position: fixed; top: 90px; left: 0; right: 0; width: 100%; z-index: 999; } .paddingTop[data-v-63c540d7] { position: relative; top: 105vh; background: #f5f5f5; } .secondTitle[data-v-63c540d7] { font-size: 3.6vw; height: 21vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content[data-v-63c540d7] img { width: 100%; } .bfstar[data-v-63c540d7] { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tab[data-v-63c540d7] .el-tabs__header { margin: 0 !important; } .tab[data-v-63c540d7] .el-tabs__nav-wrap::after { height: 0 !important; } .tab[data-v-63c540d7] .el-tabs__item { font-size: 1.8vw; height: 4.0vw; } .tab[data-v-63c540d7] .el-tabs__item.is-active { color: #1C6CE6; } .tab[data-v-63c540d7] .el-tabs__active-bar { height: 0.3vw; background-color: #1C6CE6; } /* .htmlView /deep/ p { font-size: 2.6vw; } */ .htmlView13[data-v-63c540d7] p { margin: auto; font-size: 1.3vw; color: #494949; /* text-align: left; */ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2.0vw; } .htmlView12[data-v-63c540d7] p { margin: auto; font-size: 1.2vw; color: #494949; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; } page[data-v-86b67d86] { background: #f5f5f5; } .nav-bar[data-v-86b67d86] { background: #192F56; } .cooperateCon[data-v-86b67d86] { background: url(/static/img/affairsTopBack.a9259a2.jpg); background-size: cover; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; padding-top: 50px; padding-bottom: 100px; } .cooperateText[data-v-86b67d86] h3{ padding-bottom: 80px; } .cooperateText[data-v-86b67d86] h3 { font-size: 2.6vw; color: #000000; font-weight: 600; } .cooperateText[data-v-86b67d86] h4 { font-size: 1.4vw; color: #000000; font-weight: 600; text-align: left; } .cooperateText[data-v-86b67d86] p { margin: auto; line-height: 200%; font-size: 1.4vw; color: #494949; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; text-indent: 2em; } page[data-v-4fb113c4] { background: #f5f5f5; } .nav-bar[data-v-4fb113c4] { background: #192F56; } page[data-v-08978379]{ background:#f5f5f5; } .nav-bar[data-v-08978379] { background: #192F56; } .cooperateCon[data-v-08978379] { background: url(/static/img/cooperateBack.3835bc8.jpg); background-size: cover; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; padding-bottom: 50px; } .cooperateText[data-v-08978379] h3{ padding-bottom: 80px; } .cooperateText[data-v-08978379] h3 span { font-size: 2.6vw; color: #000000; font-weight: 600; } .cooperateText[data-v-08978379] p { margin: auto; line-height: 40px; font-size: 1.4vw; color: #494949; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; text-indent: 2em; } .choTop[data-v-70e29001]{ color: #0567E3; } .nochoTop[data-v-70e29001]{ color: #000; } .nav-bar[data-v-70e29001] { background: #192F56; } .cooperateCon[data-v-70e29001] { /* background: url('../assets/images/esgBack.png'); background-size: 100% 100%; background-repeat: no-repeat; position: relative; */ max-width: 100%; height: auto; /* padding-top: 50px; */ /* background: #f5f5f5; */ } .cooperateCon h3[data-v-70e29001] { font-size: 25px; color: #000000; font-weight: 400; color: #000; border-left: 4px solid #53A0EF; padding-left: 20px; } h3[data-v-70e29001] { margin-top: 50px; } .cooperateCon .cooperateText[data-v-70e29001] { max-width: 85%; margin: 50px auto 0 auto; /* padding-bottom: 100px; */ line-height: 40px; font-size: 18px; /* color: #000; */ text-align: left; } .more[data-v-70e29001] { font-size: 15px; float: right; color: #000; cursor: pointer; } .more[data-v-70e29001]:hover { color: #53A0EF; } .video-grid[data-v-70e29001] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; padding: 20px; } .video-card[data-v-70e29001] { background: #fff; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .video-card[data-v-70e29001]:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .video-cover[data-v-70e29001] { position: relative; width: 100%; padding-top: 133.33%; /* 3:4 比例 */ } .video-cover img[data-v-70e29001] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-duration[data-v-70e29001] { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; width: 100%; } .video-info[data-v-70e29001] { padding: 12px; background: #fff; } .video-info h4[data-v-70e29001] { margin: 0; font-size: 14px; color: #333; line-height: 1.4; text-align: left; } /* 添加蓝色底部条纹 */ /* .video-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #1890FF; } */ .news-list[data-v-70e29001] { display: grid; grid-template-columns: repeat(2, 1fr); margin: 20px; background: #fff; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .news-item[data-v-70e29001] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid #f8f8f8; padding: 20px; } .news-image[data-v-70e29001] { width: 120px; height: 80px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 5px; } .news-image img[data-v-70e29001] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .news-content[data-v-70e29001] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* padding: 15px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .news-left[data-v-70e29001] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2%; } .news-number[data-v-70e29001] { font-size: 24px; font-weight: bold; color: #1890ff; line-height: 1; } .news-date[data-v-70e29001] { font-size: 14px; color: #1890ff; margin-top: 4px; } .news-title[data-v-70e29001] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; font-size: 16px; line-height: 1.4; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .case-list[data-v-70e29001] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px; } .case-item[data-v-70e29001] { background: #fff; border-radius: 8px; padding: 20px; } .publish-time[data-v-70e29001] { color: #999; font-size: 14px; } .case-title[data-v-70e29001] { font-size: 16px; color: #333; margin-bottom: 15px; line-height: 1.4; border-bottom: 1px solid #f8f8f8; padding-bottom: 15px; font-weight: bold; } .case-tags[data-v-70e29001] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .tag[data-v-70e29001] { padding: 4px 12px; border-radius: 4px; font-size: 12px; } /* 标签类型样式 */ .court[data-v-70e29001] { background: #FFF7E6; color: #FA8C16; } .police[data-v-70e29001] { background: #E6F7FF; color: #1890FF; } .hospital[data-v-70e29001] { background: #F6FFED; color: #52C41A; } .org[data-v-70e29001] { background: #FFF1F0; color: #F5222D; } .injury[data-v-70e29001] { background: #F0F5FF; color: #2F54EB; } .level-pink[data-v-70e29001] { background: #FFF0F6; color: #EB2F96; } .level-blue[data-v-70e29001] { background: #E6F7FF; color: #1890FF; } .level-green[data-v-70e29001] { background: #F6FFED; color: #52C41A; } .responsibility[data-v-70e29001] { background: #FFF7E6; color: #FA8C16; } [data-v-70e29001] .el-button--primary { height: 40px; color: #FFF !important; background-color: #409EFF !important; border-color: #409EFF !important; } page[data-v-407e55d1] { background: #f5f5f5; } .nav-bar[data-v-407e55d1] { background: #192F56; } [data-v-407e55d1] .el-button--primary { color: #FFF !important; background-color: #409EFF !important; border-color: #409EFF !important; } .selectItem[data-v-407e55d1] { font-size: 1.28vw; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 6.7vw; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selectItem[data-v-407e55d1]:hover{ background-color: #DBDBDB; } .subItem[data-v-407e55d1]{ font-size: 1vw; padding: 0.5vw 1vw; /* text-align: right; */ /* width: 12vw; */ /* margin: 2vw; */ } .subItem[data-v-407e55d1]:hover{ background-color: #DBDBDB; } page[data-v-03970c5d] { background: #f5f5f5; } .nav-bar[data-v-03970c5d] { background: #192F56; } .cooperateCon[data-v-03970c5d] { background: url(/static/img/esgBack.a0fecac.png); background-size: cover; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; padding-bottom: 100px; } .cooperateCon h3[data-v-03970c5d] { font-size: 2.45vw; color: #000000; font-weight: 400; color: #000; padding-left: 20px; } .cooperateText[data-v-03970c5d] p { margin: auto; line-height: 160%; font-size: 1.4vw; color: #494949; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; text-indent: 2em; } .cooperateCon .cooperateText[data-v-03970c5d] { width:85%; margin: 0 auto; padding-bottom: 100px; line-height: 40px; font-size: 18px; color: #000; text-align: left; } .blueLine[data-v-03970c5d] { width: 0.5vw; height: 4.14vw; background-color: #53A0EF; } .nav-barh[data-v-17e6e014] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .fullPage[data-v-17e6e014] { height: 100vh; overflow: hidden; /* background-color: rgb(189, 211, 186); */ } .fullPageContainer[data-v-17e6e014] { width: 100%; height: 100vh; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .section[data-v-17e6e014] { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-color: #F5F5F5; } .nav-scrolledh[data-v-17e6e014] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .circle-hole[data-v-17e6e014] { position: absolute; inset: 0; z-index: 10001; width: 100vw; height: 100vh; background-color: #fff; /* 背景颜色 */ -webkit-mask-image: radial-gradient(circle at center, transparent 100%, black 100%); mask-image: radial-gradient(circle at center, transparent 100%, black 100%); } .custom-duration[data-v-17e6e014] { -webkit-animation-duration: 2s; animation-duration: 2s; /* 设置为2秒 */ } .nav-barh[data-v-85e0923e] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .fullPage[data-v-85e0923e] { height: 100vh; overflow: hidden; /* background-color: rgb(189, 211, 186); */ } .fullPageContainer[data-v-85e0923e] { width: 100%; height: 100vh; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .section[data-v-85e0923e] { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-color: #F5F5F5; } .nav-scrolledh[data-v-85e0923e] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .circle-hole[data-v-85e0923e] { position: absolute; inset: 0; z-index: 10001; width: 100vw; height: 100vh; background-color: #fff; /* 背景颜色 */ -webkit-mask-image: radial-gradient(circle at center, transparent 100%, black 100%); mask-image: radial-gradient(circle at center, transparent 100%, black 100%); } .custom-duration[data-v-85e0923e] { -webkit-animation-duration: 2s; animation-duration: 2s; /* 设置为2秒 */ } .box { width: 100px; height: 100px; background-color: skyblue; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* 可以为不同的状态定义CSS类，例如： */ .scale-enter-active, .scale-leave-active { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .scale-enter, .scale-leave-to /* .scale-leave-active 在 <2.1.8 版本中 */ { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .nav-barh[data-v-eb462060] { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } .fullPage[data-v-eb462060] { height: 100vh; overflow: hidden; /* background-color: rgb(189, 211, 186); */ } .fullPageContainer[data-v-eb462060] { width: 100%; height: 100vh; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; } .section[data-v-eb462060] { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; background-color: #F5F5F5; } .nav-scrolledh[data-v-eb462060] { /* background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */ background: #192F56; } .circle-hole[data-v-eb462060] { position: absolute; inset: 0; z-index: 10001; width: 200vw; height:200vw; overflow: hidden; /* 背景颜色 */ -webkit-mask-image: radial-gradient(circle at center, transparent 50%, black 50%); mask-image: radial-gradient(circle at center, transparent 50%, black 50%); } .custom-duration[data-v-eb462060] { -webkit-animation-duration: 2s; animation-duration: 2s; /* 设置为2秒 */ } /* 可以为不同的状态定义CSS类，例如： */ .scale-enter-active[data-v-eb462060], .scale-leave-active[data-v-eb462060] { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .scale-enter[data-v-eb462060], .scale-leave-to[data-v-eb462060] /* .scale-leave-active 在 <2.1.8 版本中 */ { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } page[data-v-44b2a986] { background: #f5f5f5; } .nav-bar[data-v-44b2a986] { background: #192F56; } .middle[data-v-44b2a986] { background: url(/static/img/layoutMiddel.daedb20.png); background-size: 100% 100%; background-repeat: no-repeat; /* max-width: 50%; */ /* height:500px; */ width: 72.9vw; height: 25.7vw; margin: 0 auto; color: #000; background-color: #F5F5F5; } .cooperateCon[data-v-44b2a986] { background: url(/static/img/layoutBack.af84fe2.jpg); background-size: 100% 100%; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; padding-top: 50px; padding-bottom: 100px; } .cooperateCon h3[data-v-44b2a986] { font-size: 2.45vw; color: #000000; font-weight: 400; color: #000; padding-left: 20px; } .cooperateCon .cooperateText[data-v-44b2a986] { width: 85%; margin: 0 auto; padding-bottom: 100px; line-height: 40px; font-size: 18px; color: #000; text-align: left; } .layoutOne[data-v-44b2a986] { margin: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layoutOne img[data-v-44b2a986] { margin-top: -60px; width: 27.6vw; height: 27.6vw; } .layoutOne[data-v-44b2a986] p span { margin: auto; line-height: 160%; font-size: 1.4vw; color: #494949; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; text-indent: 2em; } .blueLine[data-v-44b2a986] { width: 0.5vw; height: 4.14vw; background-color: #53A0EF; } page[data-v-35f06168] { background: #f5f5f5; } .nav-bar[data-v-35f06168] { background: #192F56; } .middle[data-v-35f06168] { background: url(/static/img/layoutMiddel.8d498ba.jpg); background-size: cover; background-repeat: no-repeat; max-width: 50%; height: 300px; margin: 0 auto; margin-top: 50px; color: #000; } .cooperateCon[data-v-35f06168] { max-width: 100%; padding-top: 50px; background:#f5f5f5; } .cooperateCon h3[data-v-35f06168] { font-size: 2.45vw; color: #000000; font-weight: 400; color: #000; /* border-left: 0.5vw solid #53A0EF; */ padding-left: 20px; } .cooperateCon .cooperateText[data-v-35f06168] { width: 85%; margin: 0 auto; padding-bottom: 100px; line-height: 30px; font-size: 18px; color: #000; text-align: left; } .layoutOne[data-v-35f06168] { margin: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fontText[data-v-35f06168] { font-size: 3.4vw; color: #405EA4; font-weight: bold; line-height: 3.4vw; } .layoutBottom[data-v-35f06168] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layoutBottomOne[data-v-35f06168] { width: 32%; color: #3656A1; font-weight: bold; font-size: 20px; } .layoutBottomOne span[data-v-35f06168] { border: 0.3vw solid #3656A1; border-radius: 50%; /* padding: 3px; */ margin-right: 10px; display: block; height: 0.6vw; width: 0.6vw; } .layoutBottomOne img[data-v-35f06168] { width: 100%; margin-top: 20px; } .layoutOne[data-v-35f06168] p { margin: auto; /* line-height: 160%; */ font-size: 1.4vw; color: #494949; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; /* text-indent: 2em; */ } .blueLine[data-v-35f06168] { width: 0.5vw; height: 4.14vw; background-color: #53A0EF; } [data-v-12a87c8c] .el-form-item { margin-bottom: 0px; } .login[data-v-12a87c8c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; background-image: url(/static/img/loginBG.95d25b8.png); background-size: cover; } .top[data-v-12a87c8c] { width: 100%; height: 70px; line-height: 70px; background: #fff; position: fixed; top: 0; left: 0; font-size: 25px; color: #57a3f3; font-weight: 700; padding-left: 20%; letter-spacing: 2px; } .title[data-v-12a87c8c] { margin: 30px auto 30px auto; text-align: center; color: rgb(12, 12, 12); font-size: 22px; letter-spacing: 2px; font-weight: normal; } .login-form[data-v-12a87c8c] { border-radius: 6px; width: 400px; padding: 25px 25px 5px 25px; /* // position: relative; // top: 120px; */ } .el-input[data-v-12a87c8c] { height: 38px; /* // input { // height: 38px; // } */ } .input-icon[data-v-12a87c8c] { height: 31px; width: 14px; margin-left: 2px; } .login-tip[data-v-12a87c8c] { font-size: 13px; text-align: center; color: #bfbfbf; } .login-code[data-v-12a87c8c] { height: 38px; float: right; /* // img { // cursor: pointer; // vertical-align: middle; // } */ } .el-login-footer[data-v-12a87c8c] { height: 40px; line-height: 40px; position: fixed; bottom: 40px; left: 7.8vw; right: 7.8vw; /* width: 100%; */ text-align: center; color: #fff; font-family: Arial; font-size: 12px; letter-spacing: 1px; z-index: 90; } .login-code-img[data-v-12a87c8c] { height: 31px; width: 100%; } [data-v-12a87c8c] .el-divider { background-color: #fff; } [data-v-12a87c8c].el-divider--horizontal { margin: 0; } /* .login ::v-deep.el-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0vh !important; } */ .el-dialog__body[data-v-12a87c8c] { padding: 0px 20px; } /* // [class*='login-bg'] { // position: absolute; // z-index: -1; // } */ .login-form-wrap[data-v-12a87c8c] { display: inline-block; background: #fff; /* height: 425px; */ } .login-wrap[data-v-12a87c8c] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 850px; height: 400px; background: #fff; } .login-bg1[data-v-12a87c8c] { top: 0; left: 0; } .login-bg2[data-v-12a87c8c] { display: inline-block; width: 425px; background: #B8DEFF; } .login-bg2 img[data-v-12a87c8c] { width: 18.2vw; height: 18.2vw; margin: 90px auto; display: block; } .login-bg3[data-v-12a87c8c] { top: 220px; right: 25px; z-index: 20; } page[data-v-2e8f6d0e] { background: #f5f5f5; } .nav-bar[data-v-2e8f6d0e] { background: #192F56; } page[data-v-e5324c3c] { background: #f5f5f5; } .nav-bar[data-v-e5324c3c] { background: #192F56; } page[data-v-7032e6c0] { background: #f5f5f5; } .nav-bar[data-v-7032e6c0] { background: #192F56; } .details[data-v-7032e6c0] { width: calc(100% - 60px); margin: 20px auto 0; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 17px 4px rgba(19, 104, 247, 0.08); box-shadow: 0px 0px 17px 4px rgba(19, 104, 247, 0.08); border-radius: 10px; position: relative; z-index: 0; } .userbox[data-v-7032e6c0] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: large; color: #333; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .userImage[data-v-7032e6c0] { width: 60px; height: 60px; border-radius: 50%; display: inline-block; margin-right: 16px; } .title[data-v-7032e6c0] { font-weight: 500; /* font-size: 20px; */ color: #333333; line-height: 36px; margin-top: 16px; } .imgbox[data-v-7032e6c0] { margin: 21px 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .imgboximage[data-v-7032e6c0] { width: calc((100% - 20px)/3); height: 140px; margin-right: 20px; border-radius: 10px; overflow: hidden; } .imgboximage[data-v-7032e6c0]:last-child { margin-right: 0; } .move[data-v-7032e6c0] { width: calc((100% - 20px)/3); position: relative; border-radius: 10px; height: 300px; /* //calc((100vw - 120px)/3*4); */ margin: 21px 0 25px; overflow: hidden; } .movebag[data-v-7032e6c0] { width: 100%; height: 100%; } .bfstar[data-v-7032e6c0] { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .others[data-v-7032e6c0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 20px; } .oleft[data-v-7032e6c0] { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; } .iconbox[data-v-7032e6c0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; } .oright[data-v-7032e6c0] { color: #999; } .fbtn[data-v-7032e6c0] { position: fixed; bottom: 200px; right: 20px; width: 140px; height: 140px; z-index: 99; } .sharebtn[data-v-7032e6c0] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .sharebtn[data-v-7032e6c0]::after { border: none; } page[data-v-35227188] { background: #f5f5f5; } .nav-bar[data-v-35227188] { background: #192F56; } .grayImg[data-v-35227188] { opacity: 0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1); filter: progid:dximagetransform.microsoft.basicimage(grayscale=1); } /* page { background: #f5f5f5; } */ .nav-bar[data-v-486e40a2] { background: #192F56; } .contentV[data-v-486e40a2] img{ max-width: 100%; } .contentV[data-v-486e40a2] p{ text-align: left; } .zxTitle[data-v-486e40a2]:hover{ cursor: pointer; color: #1c6ce6; } page[data-v-bc865958] { background: #f5f5f5; } .nav-bar[data-v-bc865958] { background: #192F56; } [data-v-bc865958] .el-button--primary { height: 40px; color: #FFF !important; background-color: #409EFF !important; border-color: #409EFF !important; } .el-input[data-v-2145d1c5] .el-input__inner{ opacity:0.5!important; color:#000!important; } .el-textarea[data-v-2145d1c5] .el-textarea__inner{ opacity:0.5!important; color:#000!important; } .title[data-v-2145d1c5] { text-align: left; margin-bottom: 15px; margin-top: 15px; font-weight: 600; color:#000; } .userItem1[data-v-2145d1c5] { width: 40vw; /* height: 35px; */ margin-left: 200px; /* display: inline-block; */ } .left50[data-v-2145d1c5] { margin-left: 300px; } page[data-v-2145d1c5] { background: #f5f5f5; } page[data-v-a156fdaa] { background: #f5f5f5; } .nav-bar[data-v-a156fdaa] { background: #192F56; } .nav-bar[data-v-1b8ea944] { background: #192F56; } .cooperateCon[data-v-1b8ea944] { /* background: url('../assets/images/esgBack.png'); background-size: 100% 100%; background-repeat: no-repeat; position: relative; */ max-width: 100%; height: auto; padding-top: 50px; background: #f5f5f5; } .cooperateCon h3[data-v-1b8ea944] { font-size: 25px; color: #000000; font-weight: 400; color: #000; border-left: 4px solid #53A0EF; padding-left: 20px; } h3[data-v-1b8ea944] { margin-top: 50px; } .cooperateCon .cooperateText[data-v-1b8ea944] { max-width: 85%; margin: 50px auto 0 auto; padding-bottom: 100px; line-height: 40px; font-size: 18px; color: #000; text-align: left; } .more[data-v-1b8ea944] { font-size: 15px; float: right; color: #000; cursor: pointer; } .more[data-v-1b8ea944]:hover { color: #53A0EF; } .video-grid[data-v-1b8ea944] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px; } .video-card[data-v-1b8ea944] { background: #fff; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .video-card[data-v-1b8ea944]:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .video-cover[data-v-1b8ea944] { position: relative; width: 100%; padding-top: 133.33%; /* 3:4 比例 */ } .video-cover img[data-v-1b8ea944] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-duration[data-v-1b8ea944] { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; width: 100%; } .video-info[data-v-1b8ea944] { padding: 12px; background: #fff; } .video-info h4[data-v-1b8ea944] { margin: 0; font-size: 14px; color: #333; line-height: 1.4; text-align: left; } /* 添加蓝色底部条纹 */ /* .video-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #1890FF; } */ .news-list[data-v-1b8ea944] { display: grid; grid-template-columns: repeat(2, 1fr); margin: 20px; background: #fff; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .news-item[data-v-1b8ea944] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid #f8f8f8; padding: 20px; } .news-image[data-v-1b8ea944] { width: 120px; height: 80px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 5px; } .news-image img[data-v-1b8ea944] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .news-content[data-v-1b8ea944] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* padding: 15px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .news-left[data-v-1b8ea944] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2%; } .news-number[data-v-1b8ea944] { font-size: 24px; font-weight: bold; color: #1890ff; line-height: 1; } .news-date[data-v-1b8ea944] { font-size: 14px; color: #1890ff; margin-top: 4px; } .news-title[data-v-1b8ea944] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; font-size: 16px; line-height: 1.4; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .case-list[data-v-1b8ea944] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px; } .case-item[data-v-1b8ea944] { background: #fff; border-radius: 8px; padding: 20px; } .publish-time[data-v-1b8ea944] { color: #999; font-size: 14px; } .case-title[data-v-1b8ea944] { font-size: 16px; color: #333; margin-bottom: 15px; line-height: 1.4; border-bottom: 1px solid #f8f8f8; padding-bottom: 15px; font-weight: bold; } .case-tags[data-v-1b8ea944] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .tag[data-v-1b8ea944] { padding: 4px 12px; border-radius: 4px; font-size: 12px; } /* 标签类型样式 */ .court[data-v-1b8ea944] { background: #FFF7E6; color: #FA8C16; } .police[data-v-1b8ea944] { background: #E6F7FF; color: #1890FF; } .hospital[data-v-1b8ea944] { background: #F6FFED; color: #52C41A; } .org[data-v-1b8ea944] { background: #FFF1F0; color: #F5222D; } .injury[data-v-1b8ea944] { background: #F0F5FF; color: #2F54EB; } .level-pink[data-v-1b8ea944] { background: #FFF0F6; color: #EB2F96; } .level-blue[data-v-1b8ea944] { background: #E6F7FF; color: #1890FF; } .level-green[data-v-1b8ea944] { background: #F6FFED; color: #52C41A; } .responsibility[data-v-1b8ea944] { background: #FFF7E6; color: #FA8C16; } [data-v-1b8ea944] .el-button--primary { height: 40px; color: #FFF !important; background-color: #409EFF !important; border-color: #409EFF !important; } [data-v-201008af] .el-input__inner{ font-size: 1.28vw; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; height: 40px; width: 9.7vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color:#fff; border: none; } [data-v-201008af] .el-input__icon { display: none; } .normalBtn[data-v-201008af] { background-color: #999999; width: 30px; height: 30px; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: large; } .normalBtn[data-v-201008af]:hover { background-color: #083A81; } .top50[data-v-201008af] { margin-top: 50px; } .chooseTT[data-v-201008af] { color: #E14043; } [data-v-201008af] .el-divider { background-color: #E14043; width: 0.3vw; } page[data-v-201008af] { background: #f5f5f5; } .nav-bar[data-v-201008af] { background: #192F56; } .back[data-v-201008af] { background: url(/static/img/paimingBack.dea64e4.png); background-size: 100% 100%; } .cooperateCon[data-v-201008af] { background: url(/static/img/esgBack.a0fecac.png); background-size: 100% 100%; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; padding-top: 50px; padding-bottom: 100px; } .cooperateCon h3[data-v-201008af] { font-size: 25px; color: #000000; font-weight: 400; color: #000; border-left: 4px solid #53A0EF; padding-left: 20px; } .cooperateCon .cooperateText[data-v-201008af] { max-width: 1100px; margin: 100px auto 0 auto; padding-bottom: 100px; line-height: 40px; font-size: 18px; color: #000; text-align: left; } .selectItem[data-v-201008af] { font-size: 1.28vw; color: #000; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 6.7vw; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color:#fff; } .selectItem[data-v-201008af]:hover { /* background-color: #DBDBDB; */ } .subItem[data-v-201008af] { font-size: 1vw; padding: 0.5vw 1vw; /* width: 12vw; */ /* margin: 2vw; */ } .subItem[data-v-201008af]:hover { background-color: #DBDBDB; } [data-v-201008af] .el-date-editor{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } page[data-v-17f425f7] { background: #fff; } .nav-bar[data-v-17f425f7] { background: #192F56; } .cooperateCon[data-v-17f425f7] { /* ../assets/images/uploadBG.png width:85%; margin:50px auto; */ background: url(/static/img/uploadBG.37a5b8f.jpg); background-size: 100% 100%; background-repeat: no-repeat; position: relative; max-width: 100%; height: auto; /* padding-top: 50px; */ padding-bottom: 100px; } .cooperateCon .cooperateText[data-v-17f425f7] { width:85%; margin: auto; padding-bottom: 100px; line-height: 40px; font-size: 18px; color: #000; text-align: left; } .platform-list[data-v-17f425f7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .platform-row[data-v-17f425f7] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .platform-item[data-v-17f425f7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .platform-item img[data-v-17f425f7] { width: 32px; height: 32px; -o-object-fit: contain; object-fit: contain; } .platform-info[data-v-17f425f7] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .platform-name[data-v-17f425f7] { color: #666; font-size: 14px; } .platform-desc[data-v-17f425f7] { color: #333; font-size: 1.2vw; } @charset "UTF-8";@font-face{font-family:element-icons;src:url(/static/fonts/element-icons.535877f.woff) format("woff"),url(/static/fonts/element-icons.732389d.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-dialog,.el-pager li{-webkit-box-sizing:border-box}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;background:#FFF;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409EFF}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #E4E7ED;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#F5F7FA}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#FFF}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item,.el-menu-item{font-size:14px;padding:0 20px;cursor:pointer}.el-dropdown-menu__item{list-style:none;line-height:36px;margin:0;color:#606266;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #EBEEF5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#FFF}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-breadcrumb__item:last-child .el-breadcrumb__separator,.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--collapse .el-submenu,.el-menu-item{position:relative}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #E4E7ED;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{color:#303133;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-radio-button__inner,.el-submenu__title{-webkit-box-sizing:border-box;position:relative;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio-button__inner,.el-radio-group{display:inline-block;line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio-group{font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409EFF}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #409EFF;box-shadow:-1px 0 0 0 #409EFF}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#F2F6FC}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-picker-panel,.el-popover,.el-select-dropdown,.el-table-filter,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409EFF}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #DCDFE6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#DCDFE6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-input__prefix,.el-input__suffix{-webkit-transition:all .3s;color:#C0C4CC}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#FFF}.el-switch.is-checked .el-switch__core{border-color:#409EFF;background-color:#409EFF}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-range-editor.is-active,.el-range-editor.is-active:hover,.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#FFF}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#F5F7FA}.el-table .el-table__cell{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:#FFF}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #EBEEF5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#FFF}.el-table th.el-table__cell>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#409EFF}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td,.el-table .cell,.el-table-filter{-webkit-box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #EBEEF5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.el-table--border th.el-table__cell,.el-table__fixed-right-patch{border-bottom:1px solid #EBEEF5}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #EBEEF5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#F5F7FA;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.el-table .descending .sort-caret.descending{border-top-color:#409EFF}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,.el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell{background-color:#ecf5ff}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row.selection-row>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#F5F7FA}.el-table__body tr.current-row>td.el-table__cell,.el-table__body tr.selection-row>td.el-table__cell{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#F5F7FA}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#F2F6FC}.el-table-filter__bottom button:hover{color:#409EFF}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#C0C4CC}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409EFF;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#FFF}.el-date-table td.available:hover{color:#409EFF}.el-date-table td.current:not(.disabled) span{color:#FFF;background-color:#409EFF}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#FFF}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409EFF}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#F5F7FA;opacity:1;cursor:not-allowed;color:#C0C4CC}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#F2F6FC;border-radius:15px}.el-date-table td.selected div:hover{background-color:#F2F6FC}.el-date-table td.selected span{background-color:#409EFF;color:#FFF;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #EBEEF5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-month-table td.today .cell{color:#409EFF;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#FFF}.el-month-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-month-table td.disabled .cell:hover{color:#C0C4CC}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#409EFF}.el-month-table td.in-range div,.el-month-table td.in-range div:hover{background-color:#F2F6FC}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#FFF}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#FFF;background-color:#409EFF}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#409EFF}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#409EFF;font-weight:700}.el-year-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-year-table td.disabled .cell:hover{color:#C0C4CC}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409EFF}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#FFF}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409EFF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409EFF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#C0C4CC;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-moz-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::placeholder{color:#C0C4CC}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#C0C4CC;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#E4E7ED}.el-range-editor.is-disabled input{background-color:#F5F7FA;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-moz-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::placeholder{color:#C0C4CC}.el-range-editor.is-disabled .el-range-separator{color:#C0C4CC}.el-picker-panel{color:#606266;border:1px solid #E4E7ED;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409EFF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409EFF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409EFF}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#FFF;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409EFF}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#F5F7FA;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#C0C4CC;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #E4E7ED;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #E4E7ED;border-bottom:1px solid #E4E7ED}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409EFF}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #E4E7ED}.el-popover{position:absolute;background:#FFF;min-width:150px;border-radius:4px;border:1px solid #EBEEF5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover,.el-cascader__dropdown,.el-color-picker__panel,.el-message-box,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F56C6C}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409EFF}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67C23A}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#E6A23C}.el-message-box__status.el-icon-error{color:#F56C6C}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F56C6C;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#C0C4CC}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#409EFF;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409EFF;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1), -webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#409EFF}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#E4E7ED;z-index:1}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #409EFF inset;box-shadow:0 0 2px 2px #409EFF inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__active-bar,.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs__item .el-icon-close:hover{background-color:#C0C4CC;color:#FFF}.el-tabs__item.is-active{color:#409EFF}.el-tabs__item:hover{color:#409EFF;cursor:pointer}.el-tabs__item.is-disabled{color:#C0C4CC;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #E4E7ED}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #E4E7ED;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #E4E7ED;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#FFF}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#FFF;border:1px solid #DCDFE6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#F5F7FA;border-bottom:1px solid #E4E7ED;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-col-offset-0,.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409EFF;background-color:#FFF;border-right-color:#DCDFE6;border-left-color:#DCDFE6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#409EFF}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#C0C4CC}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-cascader-menu:last-child .el-cascader-node,.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #DCDFE6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-button-group>.el-button:not(:last-child),.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #E4E7ED;border-bottom:none;border-top:1px solid #E4E7ED;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #E4E7ED;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #E4E7ED;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #E4E7ED;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #E4E7ED}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #E4E7ED;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #E4E7ED;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #E4E7ED;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tree{position:relative;cursor:default;background:#FFF;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#409EFF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#409EFF;color:#fff}.el-tree-node__content:hover,.el-upload-list__item:hover{background-color:#F5F7FA}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C0C4CC;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C0C4CC}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.el-alert--success.is-light .el-alert__description{color:#67C23A}.el-alert--success.is-dark{background-color:#67C23A;color:#FFF}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#FFF}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.el-alert--warning.is-light .el-alert__description{color:#E6A23C}.el-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.el-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.el-alert--error.is-light .el-alert__description{color:#F56C6C}.el-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active,.el-upload iframe{opacity:0}.el-carousel__arrow--right,.el-notification.right{right:16px}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #EBEEF5;position:fixed;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67C23A}.el-notification .el-icon-error{color:#F56C6C}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#E6A23C}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-button-group::after,.el-button-group::before,.el-color-dropdown__main-wrapper::after,.el-link.is-underline:hover:after,.el-page-header__left::after,.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-transfer-panel .el-transfer-panel__footer::after,.el-upload-cover::after,.el-upload-list--picture-card .el-upload-list__item-actions::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{display:inline-block;vertical-align:middle}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-image-viewer__btn,.el-slider__button,.el-step__icon-inner{-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row,.el-upload-dragger,.el-upload-list__item{position:relative}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-col-0{width:0%}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409EFF;color:#409EFF}.el-upload:focus .el-upload-dragger{border-color:#409EFF}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#C0C4CC;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #DCDFE6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409EFF;font-style:normal}.el-upload-dragger:hover{border-color:#409EFF}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409EFF}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67C23A}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409EFF}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409EFF;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409EFF}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#FFF}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#FFF;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#FFF;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#FFF;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67C23A}.el-progress.is-success .el-progress__text{color:#67C23A}.el-progress.is-warning .el-progress-bar__inner{background-color:#E6A23C}.el-badge__content,.el-progress.is-exception .el-progress-bar__inner{background-color:#F56C6C}.el-progress.is-warning .el-progress__text{color:#E6A23C}.el-progress.is-exception .el-progress__text{color:#F56C6C}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__header,.el-message,.el-step__icon{-webkit-box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#FFF;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67C23A}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#E6A23C}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#F56C6C}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67C23A}.el-message .el-icon-error{color:#F56C6C}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#E6A23C}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#409EFF}.el-badge__content--success{background-color:#67C23A}.el-badge__content--warning{background-color:#E6A23C}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#F56C6C}.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body,.el-main{padding:20px}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#C0C4CC;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#C0C4CC;border-color:#C0C4CC}.el-step__head.is-success{color:#67C23A;border-color:#67C23A}.el-step__head.is-error{color:#F56C6C;border-color:#F56C6C}.el-step__head.is-finish{color:#409EFF;border-color:#409EFF}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFF;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step.is-horizontal,.el-step__icon-inner{display:inline-block}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#C0C4CC}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#C0C4CC}.el-step__title.is-success{color:#67C23A}.el-step__title.is-error{color:#F56C6C}.el-step__title.is-finish{color:#409EFF}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#C0C4CC}.el-step__description.is-success{color:#67C23A}.el-step__description.is-error{color:#F56C6C}.el-step__description.is-finish{color:#409EFF}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#C0C4CC}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-carousel__item,.el-carousel__mask{height:100%;position:absolute;top:0;left:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;-webkit-transition:.2s;transition:.2s}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #EBEEF5;border-bottom:1px solid #EBEEF5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#FFF;color:#303133;cursor:pointer;border-bottom:1px solid #EBEEF5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409EFF}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#FFF;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #EBEEF5}.el-cascader__search-input,.el-cascader__tags,.el-tag{-webkit-box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-cascader,.el-tag{display:inline-block}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-cascader{position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#C0C4CC}.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#C0C4CC}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__tags .el-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#C0C4CC;color:#FFF}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#F5F7FA}.el-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#C0C4CC}.el-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__search-input::-webkit-input-placeholder{color:#C0C4CC}.el-cascader__search-input:-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-moz-placeholder{color:#C0C4CC}.el-cascader__search-input::placeholder{color:#C0C4CC}.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #409EFF;box-shadow:0 0 3px 2px #409EFF}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom, left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__icon,.el-input,.el-textarea{display:inline-block;width:100%}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center;font-size:12px}.el-input__prefix,.el-input__suffix{position:absolute;top:0;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input__inner,.el-textarea__inner,.el-transfer-panel{-webkit-box-sizing:border-box}.el-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{height:100%;right:5px;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{height:100%;left:5px;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-image-viewer__btn,.el-image__preview,.el-link,.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#FFF;background-color:#409EFF;font-size:0}.el-button-group>.el-button+.el-button,.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-divider__text,.el-image__error,.el-link,.el-timeline,.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #DCDFE6;background-color:#F5F7FA;color:#C0C4CC}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer-panel{border:1px solid #EBEEF5;border-radius:4px;overflow:hidden;background:#FFF;display:inline-block;vertical-align:middle;width:200px;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409EFF}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#F5F7FA;margin:0;padding-left:15px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#FFF;margin:0;padding:0;border-top:1px solid #EBEEF5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;height:100%;vertical-align:middle}.el-container,.el-timeline-item__node{display:-webkit-box;display:-ms-flexbox}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical,.el-drawer,.el-empty,.el-result{-webkit-box-orient:vertical;-webkit-box-direction:normal}.el-container.is-vertical{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-timeline{margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #E4E7ED}.el-timeline-item__icon{color:#FFF;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#E4E7ED;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image__error,.el-timeline-item__dot{display:-webkit-box;display:-ms-flexbox}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#409EFF}.el-timeline-item__node--success{background-color:#67C23A}.el-timeline-item__node--warning{background-color:#E6A23C}.el-timeline-item__node--danger{background-color:#F56C6C}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;padding:0;font-weight:500}.el-link.is-underline:hover:after{position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #409EFF}.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:#409EFF}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#409EFF}.el-link.el-link--default.is-disabled{color:#C0C4CC}.el-link.el-link--primary{color:#409EFF}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:#F56C6C}.el-link.el-link--danger{color:#F56C6C}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:#67C23A}.el-link.el-link--success{color:#67C23A}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:#E6A23C}.el-link.el-link--warning{color:#E6A23C}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;font-weight:500;color:#303133}.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-divider__text.is-center{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#C0C4CC;vertical-align:middle}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-button,.el-checkbox,.el-checkbox-button__inner,.el-empty__image img,.el-radio{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;top:50%}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button,.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini{font-size:12px;border-radius:3px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.el-calendar{background-color:#fff}.el-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #EBEEF5}.el-backtop,.el-page-header{display:-webkit-box;display:-ms-flexbox}.el-calendar__title{color:#000;-ms-flex-item-align:center;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#C0C4CC}.el-backtop,.el-calendar-table td.is-today{color:#409EFF}.el-calendar-table td{border-bottom:1px solid #EBEEF5;border-right:1px solid #EBEEF5;vertical-align:top;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#F2F8FE}.el-calendar-table tr:first-child td{border-top:1px solid #EBEEF5}.el-calendar-table tr td:first-child{border-left:1px solid #EBEEF5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#F2F8FE}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-page-header{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:24px}.el-page-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{position:absolute;width:1px;height:16px;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#DCDFE6}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;-ms-flex-item-align:center;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-avatar,.el-cascader-panel,.el-radio,.el-radio--medium.is-bordered .el-radio__label,.el-radio__label{font-size:14px}.el-radio{color:#606266;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0;margin-right:30px}.el-cascader-node>.el-radio,.el-radio:last-child{margin-right:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-cascader-menu,.el-cascader-menu__list,.el-radio__inner{-webkit-box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in, -webkit-transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-radio__label{padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px}.el-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.el-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.el-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#C0C4CC;width:40px;height:40px;line-height:40px}.el-drawer,.el-drawer__body>*{-webkit-box-sizing:border-box}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-empty__image img,.el-empty__image svg{vertical-align:top;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-webkit-keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@-webkit-keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}.el-drawer{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.el-drawer.rtl{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s;right:0}.el-drawer__open .el-drawer.rtl{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{-webkit-animation:ltr-drawer-out .3s;animation:ltr-drawer-out .3s;left:0}.el-drawer__open .el-drawer.ltr{-webkit-animation:ltr-drawer-in .3s 1ms;animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{-webkit-animation:ttb-drawer-out .3s;animation:ttb-drawer-out .3s;top:0}.el-drawer__open .el-drawer.ttb{-webkit-animation:ttb-drawer-in .3s 1ms;animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0}.el-drawer__open .el-drawer.btt{-webkit-animation:btt-drawer-in .3s 1ms;animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;padding:20px 20px 0}.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-drawer__title{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.el-drawer__body>*{-webkit-box-sizing:border-box;box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.el-drawer-fade-enter-active{-webkit-animation:el-drawer-fade-in .3s;animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-statistic{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#000;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";text-align:center}.el-statistic .head{margin-bottom:4px;color:#606266;font-size:13px}.el-statistic .con{font-family:Sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#303133}.el-statistic .con .number{font-size:20px;padding:0 4px}.el-statistic .con span{display:inline-block;margin:0;line-height:100%}.el-popconfirm__main,.el-skeleton__image{display:-ms-flexbox;-webkit-box-align:center;display:-webkit-box}.el-popconfirm__main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:-webkit-gradient(linear,left top, right top,color-stop(25%, #f2f2f2),color-stop(37%, #e6e6e6),color-stop(63%, #f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom,.el-result__title{margin-top:20px}.el-descriptions{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions--mini,.el-descriptions--small{font-size:12px}.el-descriptions__body{color:#606266;background-color:#FFF}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #EBEEF5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C} /* 导航栏样式 */ .nav-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color:transparent; } .nav-bar .el-menu--horizontal>.el-menu-item{ color: #fff; } .nav-bar .el-submenu__title { color: #fff !important; } .nav-bar-block{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color:#fff; } .nav-bar-block .el-menu--horizontal>.el-menu-item{ color: #000 ; } .nav-bar-block .el-submenu__title { color: #000 !important; } .nav-bar:hover{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; } .nav-bar:hover .el-menu--horizontal>.el-menu-item{ color: #000 ; } .nav-bar:hover .el-submenu__title { color: #000 !important; } .nav-bar.nav-scrolled { background-color: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .nav-content { /* width: 85%; */ /* margin: 0 auto; */ margin-left: 8vw ; margin-right: 0vw; display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: space-between; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; } .nav-logo img { height: 42px; width: auto; margin-right: 20px; } .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link { color: #fff; text-decoration: none; font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } .nav-scrolled .nav-link { color: #fff; } .nav-link:hover { color: #1c6ce6; } .nav-link img { width: auto; height: 22px; } .textColor{ color:#fff; } .textColorN{ color:#000; } .textColor:hover{ color:#1c6ce6; } .textColorN:hover{ color:#1c6ce6; } .font13bold{ font-size: 1.17vw; font-weight: bold; } /* 底部样式 */ .footer[data-v-a3fbd336] { width: 100%; background-color: #192F56; padding: 60px 0 0; } .footer-content[data-v-a3fbd336] { max-width: 85%; margin: 0 auto; padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-nav[data-v-a3fbd336] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 80px; } .nav-group[data-v-a3fbd336] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align:left; } .nav-group h3[data-v-a3fbd336] { color: #fff; font-size: 16px; font-weight: normal; margin-bottom: 20px; } .nav-group a[data-v-a3fbd336] { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 14px; line-height: 28px; -webkit-transition: color 0.3s; transition: color 0.3s; } .nav-group a[data-v-a3fbd336]:hover { color: #fff; } .contact-info[data-v-a3fbd336] { text-align: right; min-width: 400px; } .service-hotline h3[data-v-a3fbd336] { color:#fff; font-size: 16px; font-weight: normal; margin-bottom: 5px; font-weight:bold; } .phone[data-v-a3fbd336] { color: #fff; font-size: 36px; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px; } .address[data-v-a3fbd336] { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.6; margin-bottom: 20px; max-width: 300px; float:right; } .addressCon[data-v-a3fbd336]{ text-align:left; } .qr-codes[data-v-a3fbd336] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .qr-item[data-v-a3fbd336] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .qr-item img[data-v-a3fbd336] { width: 120px; height: 120px; background: #fff; border-radius: 4px; } .qr-item span[data-v-a3fbd336] { color: rgba(255, 255, 255, 0.7); font-size: 14px; } .footer-bottom[data-v-a3fbd336] { max-width:80%; margin:60px auto 0 auto; border-bottom: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-bottom .logo img[data-v-a3fbd336] { height: 40px; width: auto; } .copyright[data-v-a3fbd336] { color: #fff; font-size: 14px; } /* 响应式设计 */ @media (max-width: 768px) { .footer-content[data-v-a3fbd336] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .footer-nav[data-v-a3fbd336] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; } .contact-info[data-v-a3fbd336] { text-align: left; min-width: auto; } .qr-codes[data-v-a3fbd336] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer-bottom[data-v-a3fbd336] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; text-align: center; } } @charset "UTF-8";/*! * 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: calc(1 * 2); animation-iteration-count: calc(1 * 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: calc(1 * 3); animation-iteration-count: calc(1 * 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: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); }.animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); }.animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); }.animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); }.animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); }.animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); }.animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); }.animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); }@media print, (prefers-reduced-motion: reduce) { .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; } }/* Attention seekers */@-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } }@keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 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 { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }.animate__flash { -webkit-animation-name: flash; animation-name: flash; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.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 { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }@-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }@keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }.animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; }@-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }@keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 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(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }.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: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }.animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.animate__tada { -webkit-animation-name: tada; animation-name: tada; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; }@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }@keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }.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: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -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; }/* Back entrances */@-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }@keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -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(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }@keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -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(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }@keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -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(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }@keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }.animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; }/* Back exits */@-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } }@keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.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(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } }@keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.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(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } }@keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.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(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } }@keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } }.animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; }/* Bouncing entrances */@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }/* Bouncing exits */@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }.animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -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, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } }.animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } }.animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } }.animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } }.animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }/* Fading entrances */@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }@-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; }@-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; }@-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; }@-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; }/* Fading exits */@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }.animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }@-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }@-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }@-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }@-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }@-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }@-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }@-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }@-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } }@keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } }@keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } }@keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } }@keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } }.animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; }/* Flippers */@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }.animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -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 { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }.animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -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; }/* Lightspeed */@-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }@-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }@-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOutRight { from { 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 { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } }@keyframes lightSpeedOutLeft { from { 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; }/* Rotating entrances */@-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }.animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; }@-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }.animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }@-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }.animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }@-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }.animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }@-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }.animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }/* Rotating exits */@-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }@keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }.animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; }@-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }@keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }.animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }@-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }@-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; }@-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }@keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }.animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; }/* Specials */@-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }@keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }.animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -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 { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.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 { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.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; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }.animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }/* Zooming entrances */@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }.animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }/* Zooming exits */@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }.animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } }.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } }.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }.animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; }/* Sliding entrances */@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }/* Sliding exits */@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .vjs-custom-skin > .video-js { width: 100%; font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",sans-serif; } .vjs-custom-skin > .video-js .vjs-menu-button-inline.vjs-slider-active,.vjs-custom-skin > .video-js .vjs-menu-button-inline:focus,.vjs-custom-skin > .video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline { width: 10em } .vjs-custom-skin > .video-js .vjs-controls-disabled .vjs-big-play-button { display: none!important } .vjs-custom-skin > .video-js .vjs-control { width: 3em } .vjs-custom-skin > .video-js .vjs-control.vjs-live-control{ width: auto; padding-left: .5em; letter-spacing: .1em; } .vjs-custom-skin > .video-js .vjs-menu-button-inline:before { width: 1.5em } .vjs-menu-button-inline .vjs-menu { left: 3em } .vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button { display: block } .vjs-custom-skin > .video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button { display: none!important } .vjs-custom-skin > .video-js .vjs-mouse-display:after,.vjs-custom-skin > .video-js .vjs-play-progress:after { padding: 0 .4em .3em } .video-js.vjs-ended .vjs-loading-spinner { display: none; } .video-js.vjs-ended .vjs-big-play-button { display: block !important; } .video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-custom-skin > .video-js .vjs-big-play-button { display: block } .vjs-custom-skin > .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1.5em; margin-top: -1em } .vjs-custom-skin > .video-js .vjs-big-play-button { background-color: rgba(0,0,0,0.45); font-size: 3.5em; /*border-radius: 50%;*/ height: 2em !important; line-height: 2em !important; margin-top: -1em !important } .video-js:hover .vjs-big-play-button,.vjs-custom-skin > .video-js .vjs-big-play-button:focus,.vjs-custom-skin > .video-js .vjs-big-play-button:active { background-color: rgba(36,131,213,0.9) } .vjs-custom-skin > .video-js .vjs-loading-spinner { border-color: rgba(36,131,213,0.8) } .vjs-custom-skin > .video-js .vjs-control-bar2 { background-color: #000000 } .vjs-custom-skin > .video-js .vjs-control-bar { /*background-color: rgba(0,0,0,0.3) !important;*/ color: #ffffff; font-size: 14px } .vjs-custom-skin > .video-js .vjs-play-progress,.vjs-custom-skin > .video-js .vjs-volume-level { background-color: #2483d5 } .vjs-custom-skin > .video-js .vjs-play-progress:before { top: -0.3em; } .vjs-custom-skin > .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.3em; } .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0em; } .vjs-custom-skin > .video-js .vjs-menu li { padding: 0; line-height: 2em; font-size: 1.1em; font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",sans-serif; } .vjs-custom-skin > .video-js .vjs-time-tooltip, .vjs-custom-skin > .video-js .vjs-mouse-display:after, .vjs-custom-skin > .video-js .vjs-play-progress:after { border-radius: 0; font-size: 1em; padding: 0; width: 3em; height: 1.5em; line-height: 1.5em; top: -3em; } .vjs-custom-skin > .video-js .vjs-menu-button-popup .vjs-menu { width: 5em; left: -1em; } .vjs-custom-skin > .video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-menu { /*order: 4;*/ } /*排序顺序*/ .vjs-custom-skin > .video-js .vjs-control-bar .vjs-play-control { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-time-control { min-width: 1em; padding: 0; margin: 0 .1em; text-align: center; display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value{ font-size: 1.2em; line-height: 2.4; } .vjs-custom-skin > .video-js .vjs-progress-control.vjs-control { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-volume-menu-button { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label { display: block; line-height: 3em; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-playback-rate { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .vjs-custom-skin > .video-js .vjs-control-bar .vjs-fullscreen-control { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .vjs-svg-icon { display: inline-block; background-repeat: no-repeat; background-position: center; fill: currentColor; height: 1.8em; width: 1.8em; } .vjs-svg-icon:before { content: none !important; } .vjs-svg-icon:hover, .vjs-control:focus .vjs-svg-icon { -webkit-filter: drop-shadow(0 0 0.25em #fff); filter: drop-shadow(0 0 0.25em #fff); } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\F101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\F102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\F103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\F104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\F105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\F106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\F107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\F108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\F109"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\F10A"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\F10B"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\F10C"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\F10D"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\F10E"; } .vjs-icon-downloading { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-downloading:before { content: "\F10F"; } .vjs-icon-file-download { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download:before { content: "\F110"; } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-done:before { content: "\F111"; } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-file-download-off:before { content: "\F112"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\F113"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\F114"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\F115"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\F116"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\F117"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\F118"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\F119"; } .vjs-icon-repeat { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-repeat:before { content: "\F11A"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\F11B"; } .vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before { content: "\F11C"; } .vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before { content: "\F11D"; } .vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before { content: "\F11E"; } .vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before { content: "\F11F"; } .vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before { content: "\F120"; } .vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before { content: "\F121"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\F122"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\F123"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\F124"; } .vjs-icon-shuffle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-shuffle:before { content: "\F125"; } .vjs-icon-cast { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cast:before { content: "\F126"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\F127"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\F128"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\F129"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\F12A"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\F12B"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\F12C"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\F12D"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\F12E"; } .video-js { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 { width: 100%; max-width: 100%; } .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) { height: 0; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window, body.vjs-pip-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0 !important; display: block; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, 0.7); padding: 0.5em; text-align: center; width: 100%; } .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text { bottom: 0; font-size: 1.4em; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0; margin-top: -0.81666em; margin-left: -1.5em; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-big-play-button .vjs-svg-icon { width: 1em; height: 1em; position: absolute; top: 50%; left: 50%; line-height: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); -webkit-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; -webkit-transition: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-js.vjs-spatial-navigation-enabled .vjs-button:focus { outline: 0.0625em solid white; -webkit-box-shadow: none; box-shadow: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { -webkit-box-sizing: border-box; box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon { fill: #000000; } .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { background: none; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js.vjs-spatial-navigation-enabled .vjs-control-bar { gap: 1px; } .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .vjs-button > .vjs-svg-icon { display: inline-block; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js *:not(.vjs-visible-text) > .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 4em; -ms-touch-action: none; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-js .vjs-progress-holder { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; line-height: 0.35em; z-index: 1; } .vjs-svg-icons-enabled .vjs-play-progress:before { content: none !important; } .vjs-play-progress .vjs-svg-icon { position: absolute; top: -0.35em; right: -0.4em; width: 0.9em; height: 0.9em; pointer-events: none; line-height: 0.15em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-load-progress div { background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari, and Chrome 53 */ -webkit-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus { outline: 0.0625em solid white; } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { -webkit-transition: width 1s; transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; -webkit-transition: left 0s; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; -webkit-transition: width 0.1s; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-svg-icons-enabled .vjs-volume-level:before { content: none; } .vjs-volume-level .vjs-svg-icon { position: absolute; width: 0.9em; height: 0.9em; pointer-events: none; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { line-height: 0.35em; right: -0.5em; } .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon { right: -0.3em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon { top: -0.55em; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block; } .vjs-poster img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .video-js .vjs-live-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-svg-icons-enabled .vjs-seek-to-live-control { line-height: 0; } .vjs-seek-to-live-control .vjs-svg-icon { width: 1em; height: 1em; pointer-events: none; fill: #888888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon { fill: red; } .video-js .vjs-time-control { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .vjs-error .vjs-text-track-display { display: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js.vjs-force-center-align-cues .vjs-text-track-cue { text-align: center !important; width: 80% !important; } @supports not (inset: 10px) { .video-js .vjs-text-track-display > div { top: 0; right: 0; bottom: 0; left: 0; } } .video-js .vjs-picture-in-picture-control { cursor: pointer; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.85; text-align: left; border: 0.6em solid rgba(43, 51, 63, 0.7); -webkit-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; width: 5em; height: 5em; border-radius: 50%; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-error .vjs-loading-spinner { display: none; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; -webkit-box-sizing: inherit; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: rgb(255, 255, 255); -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon { width: 1.5em; height: 1.5em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\F10C"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \F12E"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover { width: auto; width: initial; } .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: block; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings { height: 80%; } .vjs-error .vjs-text-track-settings { display: none; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-text-track-settings select { font-size: inherit; } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 10px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0 0.6em 0.8em; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; font-weight: bold; font-size: 1.2em; } .vjs-text-track-settings .vjs-label { margin: 0 0.5em 0.5em 0; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566))); background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566))); background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .vjs-title-bar { background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%); font-size: 1.2em; line-height: 1.5; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; padding: 0.666em 1.333em 4em; pointer-events: none; position: absolute; top: 0; width: 100%; } .vjs-error .vjs-title-bar { display: none; } .vjs-title-bar-title, .vjs-title-bar-description { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vjs-title-bar-title { font-weight: bold; margin-bottom: 0.333em; } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .video-js .vjs-skip-forward-5 { cursor: pointer; } .video-js .vjs-skip-forward-10 { cursor: pointer; } .video-js .vjs-skip-forward-30 { cursor: pointer; } .video-js .vjs-skip-backward-5 { cursor: pointer; } .video-js .vjs-skip-backward-10 { cursor: pointer; } .video-js .vjs-skip-backward-30 { cursor: pointer; } .video-js .vjs-transient-button { position: absolute; height: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(50, 50, 50, 0.5); cursor: pointer; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .video-js:not(.vjs-has-started) .vjs-transient-button { display: none; } .video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) { opacity: 0; } .video-js .vjs-transient-button span { padding: 0 0.5em; } .video-js .vjs-transient-button.vjs-left { left: 1em; } .video-js .vjs-transient-button.vjs-right { right: 1em; } .video-js .vjs-transient-button.vjs-top { top: 1em; } .video-js .vjs-transient-button.vjs-near-top { top: 4em; } .video-js .vjs-transient-button.vjs-bottom { bottom: 4em; } .video-js .vjs-transient-button:hover { background-color: rgba(50, 50, 50, 0.9); } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; } .video-js *:focus:not(:focus-visible) { outline: none; } /*# sourceMappingURL=app.060ffe7c4e8a60fafec3c41cf8783f7c.css.map*/