#header-container { height: 32px; } #header-container, #header-container .layout-content-wrap { background: #f2f2f2; } #header-container .layout-content-wrap .layout-content { height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; color: #999; } #header-container .layout-content-wrap .layout-content, #header-container .layout-content-wrap .layout-content .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header-container .layout-content-wrap .layout-content .left .icon { font-size: 18px; } #header-container .layout-content-wrap .layout-content .left .home-link { margin-left: 4px; font-size: 12px; } #header-container .layout-content-wrap .layout-content .left .statistic { margin-right: 20px; } #header-container .layout-content-wrap .layout-content .left .statistic .docs-count { color: #2b99ff; } #header-container .layout-content-wrap .layout-content .left a { margin-right: 20px; } #header-container .layout-content-wrap .layout-content .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header-container .layout-content-wrap .layout-content .right .register { padding-left: 15px; color: #f60; } #header-container .layout-content-wrap .layout-content .right .bk-pack-link { display: inline-block; height: 32px; line-height: 32px; color: #f60; font-weight: 700; margin-right: 15px; } #header-container .layout-content-wrap .layout-content .right .bk-pack-link .recruit-hot { width: 16px; height: 18px; margin-right: 2px; vertical-align: -2px; } #header-container .layout-content-wrap .layout-content .right .help-center-link { color: #999; margin-right: 15px; } #header-container .layout-content-wrap .layout-content .right .help-center-link:hover { color: #2b99ff; } #header-container .layout-content-wrap .layout-content .right .user-dropdown { position: relative; min-width: 70px; height: 100%; text-align: center; } #header-container .layout-content-wrap .layout-content .right .user-dropdown > a { display: inline-block; height: 32px; line-height: 30px; width: 100%; color: #999; } #header-container .layout-content-wrap .layout-content .right .user-dropdown > a:hover { color: #2b99ff; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .icon { position: relative; top: 2px; padding-left: 5px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list { position: absolute; top: 32px; right: 0; width: 270px; height: 184px; border: 1px solid #eee; background: #fff; z-index: 10; -webkit-box-shadow: 0 8px 32px 16px hsla(0, 0%, 68.6%, 0.2); box-shadow: 0 8px 32px 16px hsla(0, 0%, 68.6%, 0.2); border-radius: 0 0 6px 6px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top { width: 100%; height: 80px; background: url(../img/user_dropdown.88fbd204.png); padding: 20px; overflow: hidden; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left { float: left; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar-frame-com-class { position: relative; width: 40px; height: 40px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 8px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar-frame-com-class .avatar-img { width: 100%; height: 100%; border-radius: 50%; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar-frame-com-class.lifetime-vip .avatar-img { border: 1px solid #fb0; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar-frame-com-class .avatar-label { 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; position: absolute; left: 50%; bottom: -5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 115%; height: 18px; line-height: 18px; font-weight: 500; font-size: 11px; text-align: center; color: #ffd09d; background-color: #3e3e3e; border-radius: 14px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar-frame-com-class .avatar-vip-label-small { position: absolute; top: -5px; right: -2px; width: 14px; height: 14px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .user-wrap { float: right; text-align: left; line-height: 20px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .user-wrap .user-name { font-size: 14px; color: #333; font-weight: 600; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .user-wrap .user-name a { margin: 0; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .user-wrap .user-id { color: #999; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .right { float: right; line-height: 22px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot { margin-top: 20px; text-align: center; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link { display: inline-block; width: 48px; text-align: center; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link.middle { margin: 0 30px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .icon { width: 48px; height: 40px; margin-bottom: 5px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .icon.user { position: relative; background: url(data:image/png;base64,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) 50% no-repeat; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .icon.user .dot { opacity: 0; position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: #e00; border-radius: 50%; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .icon.recharge { background: url(data:image/png;base64,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) 50% no-repeat; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .icon.download { background: url(data:image/png;base64,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) 50% no-repeat; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .bot .link .text { color: #333; } #header-container .layout-content-wrap .layout-content .right .header-nav-link { color: #999; margin-left: 15px; white-space: nowrap; } #header-container .layout-content-wrap .layout-content .right .header-nav-link.divider { position: relative; padding-left: 15px; } #header-container .layout-content-wrap .layout-content .right .header-nav-link.divider:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 14px; background-color: #ccc; } #header-container .layout-content-wrap .layout-content .right .header-nav-link:hover { color: #2b99ff; } #header-container .layout-content-wrap .layout-content .right .bkc-home { width: 70px; height: 100%; color: #fff; line-height: 32px; text-align: center; background-color: #2b99ff; margin-left: 20px; } #header-container .layout-content-wrap .layout-content .right .bkc-home .bkc-link { display: block; color: #fff; } #header-container .layout-content-wrap .layout-content .content-item { margin-right: 20px; } #header-container .layout-content-wrap .layout-content .content-item.f60 { color: #f60; font-weight: 600; } .none[data-v-a3ad63be] { display: none; } .base-font[data-v-a3ad63be] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-a3ad63be] { margin: 0; padding: 0; } .wh100[data-v-a3ad63be] { width: 100%; height: 100%; } .clearfix[data-v-a3ad63be]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-a3ad63be] { zoom: 1; } .text-scale[data-v-a3ad63be] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-a3ad63be] { position: absolute; top: 0; right: 0; } .center[data-v-a3ad63be] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-a3ad63be] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-a3ad63be] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-a3ad63be] { color: #3aa60d; } .text-red[data-v-a3ad63be] { color: red; } .text-orange[data-v-a3ad63be] { color: #f60; } .fdc[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-a3ad63be] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-a3ad63be] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-a3ad63be], .row[data-v-a3ad63be] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-a3ad63be] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-a3ad63be] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-a3ad63be], .row-end[data-v-a3ad63be] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-a3ad63be] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-a3ad63be] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-a3ad63be], .column[data-v-a3ad63be] { 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; } .column-start[data-v-a3ad63be] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-a3ad63be] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-a3ad63be], .column-left-start[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-a3ad63be] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-a3ad63be] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-a3ad63be], .row-between[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-a3ad63be] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nav-container[data-v-a3ad63be] { height: 106px; background: #fff; } #nav-container .layout-content-wrap[data-v-a3ad63be] { background: #fff; } #nav-container .layout-content-wrap .layout-content[data-v-a3ad63be] { height: 100%; font-size: 12px; color: grey; } #nav-container .layout-content-wrap .layout-content .left[data-v-a3ad63be], #nav-container .layout-content-wrap .layout-content[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nav-container .layout-content-wrap .layout-content .left .logo[data-v-a3ad63be] { margin-right: 113px; } #nav-container .layout-content-wrap .layout-content .left .logo .bkc-link[data-v-a3ad63be] { margin-right: 137px; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item[data-v-a3ad63be] { float: left; margin-right: 30px; font-size: 16px; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item a[data-v-a3ad63be] { color: #333; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item a[data-v-a3ad63be]:hover { color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item[data-v-a3ad63be]:last-of-type { margin-right: 0; } #nav-container .layout-content-wrap .layout-content .right .jx-button[data-v-a3ad63be] { border-radius: 0; width: 70px; } #nav-container .layout-content-wrap .layout-content .right .search-form[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; border: 2px solid #2b99ff; } #nav-container .layout-content-wrap .layout-content .right .search-form[data-v-a3ad63be] .el-input .el-input__inner { width: 300px; border: none; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns[data-v-a3ad63be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns .btn[data-v-a3ad63be] { width: 70px; height: 40px; line-height: 40px; text-align: center; background-color: #2b99ff; font-size: 14px; cursor: pointer; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns .btn.docs[data-v-a3ad63be] { color: #fff; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns .btn.albums[data-v-a3ad63be] { background-color: #d5ebff; border-radius: 6px 0 0 6px; color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .shop-cart[data-v-a3ad63be] { float: left; width: 110px; height: 40px; border-radius: 4px; border: 1px solid #ccc; margin-left: 15px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #nav-container .layout-content-wrap .layout-content .shop-cart[data-v-a3ad63be]:hover { background-color: #f2f9ff; border-color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link[data-v-a3ad63be] { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; padding: 8px 0 0 19px; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .icon[data-v-a3ad63be] { float: left; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .icon i[data-v-a3ad63be] { color: #2b99ff; font-size: 16px; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .icon .top-cart-num[data-v-a3ad63be] { position: absolute; top: 3px; left: 29px; right: auto; display: inline-block; padding: 1px 3px; font-size: 12px; line-height: 12px; color: #fff; background-color: #f60; border-radius: 7px; min-width: 12px; text-align: center; -webkit-box-sizing: initial; box-sizing: initial; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .cart-text[data-v-a3ad63be] { float: left; color: #2b99ff; font-size: 14px; margin-left: 12px; line-height: 24px; } #nav-container .layout-content-wrap .layout-content .upload-files[data-v-a3ad63be] { position: relative; display: inline-block; width: 116px; height: 40px; border: 2px solid #f60 !important; text-align: center; margin-left: 92px; vertical-align: top; border-radius: 4px; } #nav-container .layout-content-wrap .layout-content .upload-files a[data-v-a3ad63be] { display: inline-block; height: 36px; line-height: 36px; font-size: 16px; color: #f60; } #nav-container .layout-content-wrap .layout-content .upload-files a[data-v-a3ad63be]:hover { background-color: #fffbf1; } #nav-container .layout-content-wrap .layout-content .upload-files .tooltips[data-v-a3ad63be] { position: absolute; top: -10px; left: 80px; color: #fff; font-size: 12px; border-radius: 2px; text-align: center; width: 44px; height: 17px; background-color: #f60; } #nav-container .layout-content-wrap .layout-content .upload-files .tooltips[data-v-a3ad63be]:after { position: absolute; content: ' '; border-width: 3px 0 3px 3px; display: block; width: 0; height: 0; border-color: transparent transparent transparent #f60; border-style: solid; top: 13px; margin-left: -3px; left: 3px; } .none[data-v-b4ab10b6] { display: none; } .base-font[data-v-b4ab10b6] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-b4ab10b6] { margin: 0; padding: 0; } .wh100[data-v-b4ab10b6] { width: 100%; height: 100%; } .clearfix[data-v-b4ab10b6]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-b4ab10b6] { zoom: 1; } .text-scale[data-v-b4ab10b6] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-b4ab10b6] { position: absolute; top: 0; right: 0; } .center[data-v-b4ab10b6] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-b4ab10b6] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-b4ab10b6] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-b4ab10b6] { color: #3aa60d; } .text-red[data-v-b4ab10b6] { color: red; } .text-orange[data-v-b4ab10b6] { color: #f60; } .fdc[data-v-b4ab10b6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-b4ab10b6] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-b4ab10b6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-b4ab10b6], .row[data-v-b4ab10b6] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-b4ab10b6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-b4ab10b6] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-b4ab10b6], .row-end[data-v-b4ab10b6] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-b4ab10b6] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-b4ab10b6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-b4ab10b6], .column[data-v-b4ab10b6] { 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; } .column-start[data-v-b4ab10b6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-b4ab10b6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-b4ab10b6], .column-left-start[data-v-b4ab10b6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-b4ab10b6] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-b4ab10b6] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-b4ab10b6], .row-between[data-v-b4ab10b6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-b4ab10b6] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #footer-container .layout-content-wrap[data-v-b4ab10b6], #footer-container[data-v-b4ab10b6] { background: #e5e5e5; } #footer-container .layout-content-wrap .layout-content .links-wrap[data-v-b4ab10b6] { height: 100%; } #footer-container .layout-content-wrap .layout-content .links-wrap .links[data-v-b4ab10b6] { padding: 35px 0; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box[data-v-b4ab10b6] { text-align: left; float: left; margin-right: 100px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box[data-v-b4ab10b6]:last-child { margin-right: 0; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-title[data-v-b4ab10b6] { margin: 0; margin-bottom: 10px; font-size: 14px; color: #333; line-height: 20px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list[data-v-b4ab10b6] { margin: 0; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; height: 60px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item[data-v-b4ab10b6] { float: left; line-height: 17px; font-size: 12px; width: 70px; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; margin-bottom: 4px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item[data-v-b4ab10b6]:nth-child(3n) { margin-bottom: 0; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item a[data-v-b4ab10b6] { color: #666; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item a[data-v-b4ab10b6]:hover { color: #2b99ff; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item .hot[data-v-b4ab10b6] { color: #f60; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item .hot[data-v-b4ab10b6]:hover { line-height: 17px; font-size: 12px; color: #2b99ff; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box[data-v-b4ab10b6] { float: right; overflow: hidden; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left[data-v-b4ab10b6] { margin-right: 15px; float: left; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left .tit[data-v-b4ab10b6] { font-size: 14px; font-weight: 600; color: #f60; line-height: 20px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left .footer-line[data-v-b4ab10b6] { width: 127px; height: 5px; margin-top: -2px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left .fuli-tips[data-v-b4ab10b6] { width: 128px; margin-top: 5px; font-size: 12px; font-weight: 400; color: #666; line-height: 18px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .right[data-v-b4ab10b6] { float: right; width: 100px; height: 100px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .right img[data-v-b4ab10b6] { width: 100%; height: 100%; border-radius: 2px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .hover-img-box[data-v-b4ab10b6] { position: relative; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .hover-img-box .img-box[data-v-b4ab10b6] { position: absolute; top: 0; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #footer-container .layout-content-wrap .layout-content .bottom[data-v-b4ab10b6] { height: 52px; line-height: 52px; border-top: 1px solid #ddd; background-color: #e5e5e5; font-size: 12px; text-align: center; } #footer-container .layout-content-wrap .layout-content .bottom a[data-v-b4ab10b6] { padding-left: 13px; color: #666 !important; } #footer-container .layout-content-wrap .layout-content .bottom a[data-v-b4ab10b6]:hover { color: #2b99ff !important; } #footer-container .layout-content-wrap .layout-content .bottom .text[data-v-b4ab10b6] { padding-right: 13px; border-right: 1px solid grey; color: grey; } #footer-container .layout-content-wrap .layout-content .bottom .link-one[data-v-b4ab10b6] { padding: 0 13px; border-right: 1px solid grey; } #base-layout[data-v-732adf00] { position: relative; background-color: #fff; width: 100%; } #base-layout #main-container[data-v-732adf00] { min-height: calc(100vh - 354px); } #empty-layout[data-v-592b056b] { position: relative; background-color: #fff; width: 100%; overflow-x: hidden; } .none[data-v-69173fd7] { display: none; } .base-font[data-v-69173fd7] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-69173fd7] { margin: 0; padding: 0; } .wh100[data-v-69173fd7] { width: 100%; height: 100%; } .clearfix[data-v-69173fd7]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-69173fd7] { zoom: 1; } .text-scale[data-v-69173fd7] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-69173fd7] { position: absolute; top: 0; right: 0; } .center[data-v-69173fd7] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-69173fd7] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-69173fd7] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-69173fd7] { color: #3aa60d; } .text-red[data-v-69173fd7] { color: red; } .text-orange[data-v-69173fd7] { color: #f60; } .fdc[data-v-69173fd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-69173fd7] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-69173fd7] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-69173fd7], .row[data-v-69173fd7] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-69173fd7] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-69173fd7] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-69173fd7], .row-end[data-v-69173fd7] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-69173fd7] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-69173fd7] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-69173fd7], .column[data-v-69173fd7] { 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; } .column-start[data-v-69173fd7] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-69173fd7] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-69173fd7], .column-left-start[data-v-69173fd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-69173fd7] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-69173fd7] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-69173fd7], .row-between[data-v-69173fd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-69173fd7] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-nav[data-v-69173fd7] { height: 100px; width: 100%; background-color: #fff; } .top-nav .layout-content[data-v-69173fd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-nav .layout-content .label-name[data-v-69173fd7] { font-size: 16px; color: #1a1a1a; margin-left: 15px; } .top-nav .layout-content .navs[data-v-69173fd7] { margin-left: 162px; overflow: hidden; } .top-nav .layout-content .navs .nav-item[data-v-69173fd7] { float: left; margin-right: 40px; border-radius: 4px; } .top-nav .layout-content .navs .nav-item.active[data-v-69173fd7], .top-nav .layout-content .navs .nav-item[data-v-69173fd7]:hover { color: #fff; background-color: #2b99ff; } .top-nav .layout-content .navs .nav-item.active .link[data-v-69173fd7], .top-nav .layout-content .navs .nav-item:hover .link[data-v-69173fd7] { color: #fff; } .top-nav .layout-content .navs .nav-item .link[data-v-69173fd7] { padding: 4px 11px; display: inline-block; width: 100%; height: 100%; color: #333; font-size: 16px; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } to { -webkit-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, to { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } to { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } to { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wobble { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); transform: perspective(400px) translateZ(0) rotateY(1turn) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } to { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } to { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } to { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } to { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } to { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } to { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } to { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } to { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(-48px); transform: scale(0.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(-48px); transform: scale(0.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(42px); transform: scale(0.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(42px); transform: scale(0.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(-42px); transform: scale(0.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(-42px); transform: scale(0.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } to { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @font-face { font-family: iconfont; src: url(../fonts/iconfont.78b965cf.woff2) format('woff2'), url(../fonts/iconfont.d2fcf7c9.woff) format('woff'), url(../fonts/iconfont.7d23090f.ttf) format('truetype'); } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconyulan:before { content: '\e655'; } .iconbeikeben-fill:before { content: '\e70d'; } .iconshandian:before { content: '\e746'; } .icondagou:before { content: '\e654'; } .iconkefu1:before { content: '\e753'; } .iconshipin:before { content: '\e653'; } .icona-yiwenwenhaobangzhu:before { content: '\e651'; } .iconshouye:before { content: '\e639'; } .iconjianzhishouyi:before { content: '\e63c'; } .iconziyuan:before { content: '\e63f'; } .iconmingshigongzuoshi:before { content: '\e650'; } .icongongzuoshi:before { content: '\e709'; } .iconzhaopin:before { content: '\e64e'; } .iconvip-fill:before { content: '\e872'; } .iconyingbi:before { content: '\e638'; } .iconxueshimao:before { content: '\e636'; } .iconwangye-loading:before { content: '\e634'; } .icontingliku:before { content: '\e637'; } .iconchongzhiyufukuanguanli:before { content: '\e631'; } .iconyouhuiquan:before { content: '\e8c8'; } .iconshezhi1:before { content: '\e6a5'; } .iconquestion-line:before { content: '\e630'; } .iconqiehuan:before { content: '\e64d'; } .iconzhankai:before { content: '\e62f'; } .iconpiliangshangchuan:before { content: '\e64c'; } .iconadd-cart:before { content: '\e8e9'; } .icondelete-cart:before { content: '\e8f0'; } .iconshuaxin:before { content: '\e782'; } .iconyiguoqi:before { content: '\e649'; } .iconyishiyong:before { content: '\e64b'; } .iconkefu:before { content: '\e648'; } .iconyiwen:before { content: '\e647'; } .iconyouxia:before { content: '\e6d0'; } .iconzuoxia:before { content: '\e6d3'; } .icondianji:before { content: '\e62e'; } .icondianzan1:before { content: '\ec7f'; } .iconlaba_bg:before { content: '\e62d'; } .iconM_biaoqianshi:before { content: '\e75c'; } .iconline-slideshowhuandengpianfangying-04:before { content: '\e6b8'; } .iconjiufuqianbaoicon06:before { content: '\e693'; } .iconpinpai:before { content: '\e625'; } .iconxinxi-xianxingyuankuang:before { content: '\e8e8'; } .iconriqi:before { content: '\e646'; } .icondingweixiao:before { content: '\e87e'; } .icondingyue:before { content: '\e6d1'; } .iconVIP1:before { content: '\e68a'; } .iconlianxifangshilogo:before { content: '\e677'; } .iconyouxiang:before { content: '\e62c'; } .icontongzhi1:before { content: '\e621'; } .icontuijian:before { content: '\e61f'; } .icongouwuchekong:before { content: '\e61a'; } .iconpaimingbiaoqian:before { content: '\e77e'; } .iconshangchuan:before { content: '\e66f'; } .iconxiangyou:before { content: '\e619'; } .iconkefufenxiermaikefu:before { content: '\e889'; } .iconzcpt-kechengguanli:before { content: '\e6b6'; } .iconhuo:before { content: '\e618'; } .iconqianwang:before { content: '\e72b'; } .iconyanjing:before { content: '\e63e'; } .iconqq2:before { content: '\e680'; } .iconweibo1:before { content: '\e667'; } .iconxuanzhong:before { content: '\e63b'; } .icondaiban:before { content: '\e64f'; } .iconcaiwu:before { content: '\e67d'; } .iconshezhi:before { content: '\e617'; } .iconxinxi3:before { content: '\e65e'; } .iconB:before { content: '\e6fb'; } .iconsousuo:before { content: '\e6ce'; } .iconyanzheng:before { content: '\e63d'; } .iconrenwu-mingpian:before { content: '\e749'; } .iconyonghu:before { content: '\e614'; } .iconbiaoqian:before { content: '\e613'; } .iconchacha:before { content: '\e658'; } .iconduigou:before { content: '\e659'; } .iconhtmal5icon29:before { content: '\e644'; } .icon51:before { content: '\e633'; } .iconbeike:before { content: '\e620'; } .iconqunzu:before { content: '\e612'; } .iconguanbi-yanjing:before { content: '\e6e3'; } .iconxiazai:before { content: '\e635'; } .iconjiantou:before { content: '\e616'; } .iconwushuju1:before { content: '\e60f'; } .iconxin:before { content: '\e60b'; } .iconanquan:before { content: '\e73e'; } .icongengduo:before { content: '\eb30'; } .iconhuaban-:before { content: '\e669'; } .icondianzan:before { content: '\e61d'; } .icon_sixiangpinde:before { content: '\e61e'; } .icon_xinlijiankang:before { content: '\e623'; } .iconjingwuicon_svg-:before { content: '\e60c'; } .iconjieriyingxiao:before { content: '\e689'; } .iconhuiyi:before { content: '\e641'; } .iconxianshimima:before { content: '\e60a'; } .iconyincangmima:before { content: '\e6bb'; } .icontixing2:before { content: '\e6a3'; } .iconplus-download:before { content: '\e71e'; } .iconcheckcopy:before { content: '\e794'; } .icontixing1:before { content: '\e68f'; } .iconwushuju:before { content: '\e642'; } .iconxiangxiashuangjiantou:before { content: '\e61c'; } .iconshoucang:before { content: '\e666'; } .iconshoucangfill:before { content: '\e62a'; } .iconjia:before { content: '\e60d'; } .iconjian1:before { content: '\e60e'; } .iconshitishoucang:before { content: '\e64a'; } .iconshitilan:before { content: '\e664'; } .iconchongzhijilu:before { content: '\e645'; } .iconfanhuidingbu:before { content: '\e640'; } .iconqq1:before { content: '\e63a'; } .iconxiangqing:before { content: '\e74b'; } .iconfavourite:before { content: '\e606'; } .iconshoucang0:before { content: '\e608'; } .iconweixinzhifu:before { content: '\e607'; } .icontongzhi:before { content: '\e6c8'; } .icontixing:before { content: '\e68e'; } .iconweixin1:before { content: '\e605'; } .iconshangchuanxiangshangjiantou:before { content: '\e602'; } .iconxinxi2:before { content: '\e853'; } .icondui:before { content: '\e600'; } .iconkongaixin:before { content: '\e662'; } .iconaixin:before { content: '\e663'; } .iconweibo:before { content: '\e6b2'; } .iconweixin:before { content: '\e6b3'; } .iconqq:before { content: '\e6b4'; } .iconshijian:before { content: '\e6b5'; } .iconsvg45-copy:before { content: '\e65d'; } .iconliping:before { content: '\e643'; } .iconzuo1:before { content: '\e601'; } .iconbianji:before { content: '\e603'; } .iconcuowu:before { content: '\e604'; } .iconjianshao:before { content: '\e609'; } .iconshang:before { content: '\e610'; } .iconshanchu1:before { content: '\e611'; } .iconxia:before { content: '\e61b'; } .iconxinxi:before { content: '\e622'; } .iconxinxi1:before { content: '\e624'; } .iconyou:before { content: '\e628'; } .iconzengjia:before { content: '\e629'; } .iconbangdingshouji:before { content: '\e688'; } .iconxiangxia:before { content: '\e626'; } .icongouwuche:before { content: '\e73d'; } .iconjian:before { content: '\e632'; } .iconshouji:before { content: '\e615'; } .iconshanchu:before { content: '\e627'; } .iconwode:before { content: '\e62b'; } .iconguanbi:before { content: '\eca0'; } .iconmima:before { content: '\e777'; } .iconcaidan:before { content: '\e652'; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; } body, button, input, select, textarea { font: normal 400 14px Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-size: 14px; line-height: 1.5; font-weight: 400; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; } small { font-size: 14px; line-height: 1.5; font-weight: 400; } ol, ul { list-style: none; } a { color: #999; background-color: transparent; } a, a:hover { text-decoration: none; outline: none; } a:hover { color: #2b99ff; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 14px; line-height: 1.5; font-weight: 400; } table { border-collapse: collapse; border-spacing: 0; } html { line-height: 1.5; -webkit-text-size-adjust: 100%; } main { display: block; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 14px; line-height: 1.5; font-weight: 400; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 14px; line-height: 1.5; font-weight: 400; } small { font-size: 11.2px; } sub, sup { font-size: 10.5px; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -3.5px; } sup { top: -7px; } img { vertical-align: middle; border-style: none; } button, input, optgroup, select, textarea { font-size: 14px; line-height: 1.5; font-weight: 400; margin: 0; padding: 0; font-family: inherit; outline: none; } button, input { overflow: visible; } button, select { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } ::-webkit-scrollbar { width: 6px; height: 4px; background-color: #f5f5f5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #aaa; } ::-webkit-input-placeholder { color: grey !important; } :-moz-placeholder, ::-moz-placeholder { color: grey !important; } :-ms-input-placeholder { color: grey !important; } .none { display: none; } .base-font { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm { margin: 0; padding: 0; } .wh100 { width: 100%; height: 100%; } .clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { zoom: 1; } .text-scale { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover { position: absolute; top: 0; right: 0; } .center { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .center, .ct { position: absolute; top: 50%; } .ct { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green { color: #3aa60d; } .text-red { color: red; } .text-orange { color: #f60; } .fdc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row, .row-start { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around, .row-end { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around { -ms-flex-pack: distribute; justify-content: space-around; } .column { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column, .column-start { 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; } .column-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end, .column-left-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left, .row-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html body #main-container { min-height: calc(100vh - 362px) !important; background: #f2f2f2; padding-bottom: 50px; } html body .layout-content-wrap { width: 1200px; height: 100%; margin: 0 auto; } html body .layout-content-wrap .layout-content { width: 100%; height: 100%; position: relative; } html body .form-item { position: relative; margin-bottom: 10px; } html body .form-item .form-item-label { font-size: 14px; color: #666; } html body .form-item .jx-input, html body .form-item .jx-select { width: 200px; } html body .form-item .jx-input .el-input__inner, html body .form-item .jx-input .el-textarea__inner, html body .form-item .jx-select .el-input__inner, html body .form-item .jx-select .el-textarea__inner { width: 200px; height: 40px; border-radius: 2px; border: 1px solid #ccc; color: #333; } html body .form-item .jx-input .el-input__inner:focus, html body .form-item .jx-input .el-textarea__inner:focus, html body .form-item .jx-select .el-input__inner:focus, html body .form-item .jx-select .el-textarea__inner:focus { outline: none; border-color: #2b99ff !important; } html body .el-checkbox__input.is-checked + .el-checkbox__label, html body .el-checkbox__input.is-checked .el-checkbox__inner, html body .el-date-table td.today span, html body .el-select-dropdown__item.selected, html body .el-table-filter__bottom button:hover, html body .el-tabs__item.is-active { color: #2b99ff; } html body .el-checkbox__input.is-checked .el-checkbox__inner, html body .el-tabs__active-bar { background-color: #2b99ff; border-color: #2b99ff; } html body .el-date-table td.current:not(.disabled) span, html body .jx-button { color: #fff; background-color: #2b99ff; } html body .jx-button { width: 110px; border-color: #2b99ff; border-radius: 2px; padding: 10px 20px; font-size: 14px; text-align: center; cursor: pointer; } html body .jx-button:focus, html body .jx-button:hover { background-color: #2b99ff; border-color: #2b99ff; } html body .jx-button.disable-btn { cursor: not-allowed; background-color: rgba(35, 184, 255, 0.6); } html body .disable-btn { cursor: not-allowed; background-color: rgba(35, 184, 255, 0.6) !important; } html body .jx-cascader-options { text-align: left; } html body .jx-cascader-options .el-cascader-node { font-size: 14px; line-height: 19px; } html body .jx-cascader-options .el-cascader-node.in-active-path, html body .jx-cascader-options .el-cascader-node.is-active { color: #2b99ff; } html body .jx-cascader-options .el-cascader-node__label { padding-left: 16px; } html body .jx-cascader-options .el-scrollbar__wrap { height: auto; } html body .jx-cascader-options .el-scrollbar__wrap .el-cascader-menu__list { min-height: 45px; max-height: 220px; } html body .jx-cascader-options .el-cascader-menu { min-width: 120px; } html body .jx-cascader-options .el-cascader-menu .el-cascader-node { padding: 0; } html body .jx-cascader-options .el-cascader-node__postfix, html body .jx-cascader-options .el-icon-check { display: none; } html body .error-message { display: inline-block; margin-left: 20px; padding: 5px 8px; background-color: rgba(230, 50, 26, 0.1); border: 1px solid #e6321a; } html body .error-message i, html body .error-message span { color: #e6321a; vertical-align: middle; } html body .error-message i > span, html body .error-message span > span { vertical-align: baseline; } html body .error-message i { padding-right: 3px; } html body .fileType-wrap .fileType { display: block; width: 32px; height: 38px; } html body .fileType-wrap .aac, html body .fileType-wrap .amrra, html body .fileType-wrap .flav, html body .fileType-wrap .flvc, html body .fileType-wrap .m3a, html body .fileType-wrap .m4a, html body .fileType-wrap .mp3, html body .fileType-wrap .ogg, html body .fileType-wrap .wav, html body .fileType-wrap .wma { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAC3klEQVRYhe2XzU/TYBzHv0/Xlb107I2NLSQTFIIx8eBNE6MRTBwxkvhywsQYb1zkoDe9cFA0URND4o3ohYR/ADBEIge8KAkXTcAXgsiLDLYOujH28rQecBNYt7XSgge/l/b59dfn++mv7a9PCSYWbYgLXYB8HrJsgg7qOhIckRnyUJZJISYR+c8+lba2IGARF+4CcjcAgBDooXDAc3Y4ImwCeFYplwHkBl1ct4ljCNr87qcAOlUAQJ/LVoAI+50vKkEwRpjnZTExFSEMBdgFcetAAPIQbT5XnxLEvgAAgLUExL4B7ILoMBQgks6WhQjXuvvzEIYAdE/9wMJmpuRxnjXlIa6wRgBMiSncmPiiJrVd9wpwhCBUZVadr0sFGq0cwl4eYS+PFg8PK0NwaPwz5so8C3sCsDEE59x2hGscaK9xIGQpvmKbSV2H1wRw1V+NzjoPzrhtMCt8OWNZitfRBDoCTtVzagK4V+/DCYelMJYBTIqbGFwVMbQq4v16ChxDjANgCCBSCSPRBIaiIgZXRSxn6I4cpduhGwAA3J5ewquleGHsM5vQ4rGj1c2j1WPHYStnLABvYnDRy6PVs2V4nLcgkslhNJbEg9kVjMc3MH2qyTiA3uYg1qmEMSGJvkUBo7EkPiXTheMWRtv6RjPA/W8RPJpdAa2cqkqaO+FCOqub+V8B6C1dWvHNoAs9jbUIcCyiWW312TPANX81Xh6rK4y95q1/m5xc6gyNAEGORbO9CikqKa7fL9U4imKL6RxmUqXXA6oB7oS86GmsVez7eQ0sr6Ej4AL7O+VrKoPrH+chqbIvA3DaacOTpkBRfIPunHo4mkDDu2lc9lVjnUro/xlXXf6yAEftVUWxBJXwVkgWxefTOfTOx9S7blPJ13BgeQ0jsURhPCYkcfLDDFY0PuWVVLICCSrhwuR3Xc2UdOCN6D/APwEwd4D+cywofQyGqQcQ2jdbQihA3sDlfv4LCPXam+sh5ukAAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .ppt, html body .fileType-wrap .pptx { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAACk0lEQVRYhe2WPWhTURSAv5MfkwabpGBpcSgWOzhURKQNdpFSN9GCIIiLoJMIKiiIkwhW6KBQB0GwiIKTk7qIdBC0g3RwEJfiD60QAlXaEmlT0+Q4vJdr076fpLykKJ7h/dx77jnfuefc855kj+5M5FvSF0EOKxImAOkcGn6lyi3RshkrlcQ8S6gEQFlXieQTbVdAbgAIwUiyN3No8cO7AnDHTzcEdAfk14hEoqT2Zm4D5/wBNLDAN0C07s3c84MINcK5MR6N+UI0FGAdxJktAahApPf1jztBNAUAILTNGaJpAOsgTjUUYDW/4AmR7M08qUA0BCD74jHF+e+u8+FYSwXieKQRAIXcN74+HPVXVD3W1Bpwki0HcE+Bqv11EkABofPqOMn9/Y7qxcUFfn58z9zdC2vWC6p2rxfnju++AyKWXwC1FodaEq7q0VSatoFBeh5NEW7f/ceMh3Pw2gGz2r6rmuHySoGZkUvmPb7nADuOnCCaShOKxek4f5Ps9ZPVNjYFoKAo4hBBcXrSzoxSnJ4k/3yM7vtviabSJLp77B1US8UDwrsIRTwDUIvQwM6/fmkZjcVNGpzgawewTPjMWFcViLZ3mLnS3OeafrF8AVTsEDdEovaYAoogtA0MAlaNoLq2bFzFtxMKYo6UoY7FifcNUwmx9eCQcQ4w/2bCzr3/FtTWih3sdF0ecVRdmvnCjwfXPAuvbgBrg6ulvFKoel/JZZl7Ok5h6pndgLyrvy4Au8yqnH863VcNqfZxFXE9uk4S2LdAXJ4DA6ihoDelXDOAd0uiOuG1VmA9AI2SugDKy0uBA9T1S5YbPUsuYIC/KwX/Af5NAIHZrXIuMBtJxsKji7/Ku1Tpap5jLYFObF9eGPsNKjW3ucwW04sAAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .doc, html body .fileType-wrap .docx { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAACv0lEQVRYhe2WPUxTURTHf688HuXjkdKAgli00opUwRASiBGiA4uDJpi4uOliXHTRxcFoYkwcNNHBzcXEOBgnJw2JDiwSP6JGpAElaUn4jBAeQmlansP1vrbY+kp4LQ6cpb3n3L7z6/3/z8tVOm+8q3AnuAz0KYpZggNx9MieVy5Tub1mrlk5BdP6vvon7TLXUN1JrigKN+U2JyIU8B4bGZ2PAffs9roAvyNd00JVFQ4Ea+4CF+0BTIf+dhaI1v3eh3YQrkI0l1GqumwhCgqwDuL8lgBIiJag91E2iKIAAGilJVkhigawDuJsQQGWluL/hGgLep9IiIIAvHw9zsLias56WZkFcVotBMDM3DJPnw/b7jNNThXVA9liG8AW4NqJBl5cbeNctzcj79NVnl0K8fhCS87f3Or3bR6gaWcFHl2ju7UmI9/lr6S+thx/YxV9gcqMWkewBo+uMTOfexLyBnj7bR6A5t16Rr7nYAqoK1idUfNUawAMhhc3D/ApsgyAWyvBp6emNpAG1BFMwfh0FbcmLlYfJmObB0h/SF2VajXx6BpTcyvE4knqa8utPV1+IceCkfttuCEAgKm5FQB6WsRR94XEZzhqMDkratIHHc2iNjZhOAcwMStkCO0Vx96+TzR58+UnIxGh8/E2MSVNOyoA+PzDXv+8AQa/CiM21omHH2r2ABCeXmVoVDQ6HBC5hjohx8CwgwBD478A8OiaZbIFI07USDAw9ncNIGoknAOIGgli8SQA/Z3iqNM1lh6RNbl2DACwzHayZxeQkgWEGQF622sz1o4CSLPJI5aygDAjYI3jx+/56b8hAGk2wNJfhvSBtXc8c+0IQHg69V7PNuNS91g8mbcBAfK+EUWNBL3X3+esn3lgfwPKFv//fWAbYBugGACRLewfUY1Y6Z1qd3wvCk3F6mqaShIYiKnc/w1S999xtxyTzAAAAABJRU5ErkJggg==) no-repeat 50%; } html body .fileType-wrap .rar, html body .fileType-wrap .zip { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAApCAYAAABUdSs8AAACaUlEQVRYhe1Xv2/TQBT+nuMkatWBf8ARDKXq0gknCyMTKggxstGNiYEdEgkhVRVILGUqCyoDI2RClcpIE3UtKkwkbDAUCagikbwOPsdn+853+eG0Q94Q2ffu7n33vXfPX4iZYWnJiWS7MMucaWwyibkGfy6njgFoXGsuDhw8JPANZhRkZ6N9Kzb5if/hk82m1++sfcQAz5gi/P3+YPjsiOH/BFDdf/+YQQ3TpvXWevy92tTOvf/0Jr4edB8x8QsTAIeBK6bgo5pbdHC15j0H8MA4l0GkS+wop1aBWPG97eN2FwBe6eblegvcUgErvreNDCYyb4F84nprPcaILRshiKPP33sAXif9M+kDbqmA1VplB8BGype1cJIaSFqx7GK1Vtn5ctABJCZm2glDEADuhWO51MCfk1MsXVrQgliuervfWl0AeJsLA3tvDvH711+tv7xQxHLV2wVwN5ca+PnjBO+29o3zGLh9sb+G0+gDJtMywIzoY6zQLLKOUUmaaCkjS/NoGSBK10DMLz8zUkqBmINNQNB+bDDNPiAdkxlggYgMkm98ACQFJYV0IqhzkzCTJEPdbwp6I56j1NBwVEtzFv8YhQFVIRJHLEh+Ei82etvMQFtTiAwQETgMQ0EeGIHEYYa6OhM2cRESSQUQywWDLES0XSMSVypgW5wQ6bMFf3JIOOwUvCUDFP/lKM/DIRGcsrrX2ADCK0VhqllR3aLhiJTope44ANKhFKOseDKb8RbEArD+VMNWAdvsjwrARKkl5Uk7dz0wBzAHMAdwEQBw5/zCc8f91ytvLpZ6lwFUZhWWCH0G7TkDenkGXdrLi/Y+dOUAAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .avi, html body .fileType-wrap .flv, html body .fileType-wrap .kux, html body .fileType-wrap .mov, html body .fileType-wrap .mp4, html body .fileType-wrap .mpeg, html body .fileType-wrap .mpg, html body .fileType-wrap .mtv, html body .fileType-wrap .mvb, html body .fileType-wrap .rm, html body .fileType-wrap .rmv, html body .fileType-wrap .rmvb, html body .fileType-wrap .swf, html body .fileType-wrap .ts, html body .fileType-wrap .video, html body .fileType-wrap .wmv { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAACRUlEQVRYhe3Xv2sTYRgH8O9zP3L5QTMVOkiDwk0Gl0zZJOpqA47FwQoWdHFx1EEQwaGKIDYOLgH/AKE6qBSEDjq1i1umbIGC2NMmJrl7HJK7xMvl3vfau2uHPtPLm+fe5/O+ebn3PeLrb/KWfXAfwDUAKmKI3JXyJzA/ZSavz7Ydr63QuO0o0H471gMQPY6jsBvaxeXLwx/tHoDnolyFGRfiLD4SKNDKpQ0Ad4UAEEiUdHTEudcihJJI8XGQrgkRiQJ8iNsnAnARxqXlt0GIVAAAQJlgRGoAH2I1UQAfdEMRern0zkUkAjj8uAvn5+F8hKG7iBtaEgCn8wt/ml9lUldS3QNBcYoBPNuVe1gHLS4E5AYku33MgWOJATQ7sFY1UWisIbNSwX8nCAUdJxTYlAfMxAhDWR3Geg35Fzehmkszv4+a0/Dwsy4cQDQZ2LeMqrmE/MYqjDs1UFbH9OUDNFWXQtZfCAAADpmBqiBTr6DQWINeNQOedTXHAXgxfyBaXEDuUd3bpJPVCJ+9JIBF9b3QqiYKm7dg1CtzNuZRAEQyE5mk5zIw1mvI3rsqhZB7FUe4tHFvgH5zB/2tPal8OQCz1GyG31roNbbB+5b0M5IrED4Q71vobW5j+L017hA/Ew0wLxxGf2sX/eYOuDuI9FdFB/hey3arg7+vPsNudYKSIauRB4yX1NtkH/aAqc8t8dlwXAB8myymiAToPnkfW2E3TvGF5AxwBkgLwOD2SRVncFsrDvDM0nAe4FKKtW0AX4pq8eU/Kpetrlaj+h8AAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .bmp, html body .fileType-wrap .gif, html body .fileType-wrap .image, html body .fileType-wrap .jpeg, html body .fileType-wrap .jpg, html body .fileType-wrap .png { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAC8ElEQVRYhe2Xz0sUYRjHv8/8YNxRd2eH/eGqq7kV7CpiKJSmiyBC1CHIg9p26yaLdInqkFEIQkRRl6BD0MVrf4B0UDt469Ilog6tGISWhpiL5r4ddmfcWWdnxnV39dD3MLzzPs/7PJ/3x8M7Q43fX8nKT7oFRsOMGI8yaCTUOQfKzBDt92VYRm/v5ZosQxDca3QbRI9AAIFQDvWpTYNL68tpAM/sfDkOaCtL1jyJxKPPG34KYMIWgIHKM20TiPOe8Es7CK4SyTVJnD1ERQEKIG4eC4AG0au0vDaDqApAFkIwhagaQAFEoqIA67tpS4g+b3hWg6gIwJvUB6zubBW1u3hRgxgRKgGQ2t7AzOcFWz/GcLWqZ8BMJxeAAWBgiNeHMR9NYD6aQLw+bHTQm+zgeJYfpwQAyj2nm+LwCzL8gozppvh+Asc3CLO8Yy23gArQteua5T1NUzLA6c1uCcCI4cHKe6z93caP3S1MrSxqFhBI36ZzchADdc0GcsrZ7L4xLMuQQFjYXMbgp9kiwbJ9Y2oMnS4/lr68xR7LYH/69stwiCog07ZPcOGK5zQikoLrasxgdbILjgG03WcwLu+oGoNI2TATgW54eCnnaX36HQNQXiBDQEYQicOoGtW7FF5CMtBdAH1EAGNqAmn1R8BlTwR+QTZ4jqsxRCTFWVjnAIQhdyuuec/qJ58AjKvtBzx54nAv1Ots/WFTBZrqOBH3Qxfh4SV8/LOKr+kNdNUG0CUHTP3765ox6A5jcXPZNrajFZgM9iAo1qKGE/C8ZRg1PI+EyezzdafhAgSyD2/r0eHyIaF26O8RScGT5iFc8kQsx7VJCsZzZVkyAE+Eh40D4At+HYbcrXrpWSkZ6IaSK8uSAG6oHWh3+WwTFZObl5AM9JQG0CDWYjJoPdiJxtQozkjewwNMNfZD5sQjA/DE4W6ot6i9aBkmv80dObkTndxPsv8A1QRIHWP+lPCLSY9VSp8C0FKtrMRoD8Te/faxF/8AuGCp8G4ma60AAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .pdf { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAADVklEQVRIiaWW329TZRzGP+/51Z62+wVdJMq22rKyRPwxQCHGmHhjDAkx4pVwUzMvkMQr/gwSwgUmxoSIuoSpS/SCGI0XoBHJloHMTEUSogYFZrsxwP7Y6Tnn9eK7ZpRute2e5KQ5p+3zvN/n+7zf9yh9YCyJqY8B2wGPVlGu2AwNlNn19DvkC7/i2KCRCyDUoDQWVngErXItE9cQBBBxIJv+llJpD8Xi79hOw88MQsK2yQEU4Ptg2/1sS18hHs9QrYJSDwmA35FADb4PUaebbGYG102zXO+ysSHyGqpVcOxeRrZNkXBTD4psTECpFUsUVH1w7CTD6TkSsQye2LUxAa3BMMC2wDLlPhGP80T2Et2JFEHQocCyB0EIf9+CmVnwfKhUoFSBu/cgCHtIPXoZ0xyw2iJWCsplcF14JAl/3YJvzsHUjOS+tgk0YJl9VP2x9gT+LUI6BUdysKkPpn+E02fg7n0wzTUWhNe6RUEgXu9/GW7Ow4n3Yfcz8PxzUpVlNl6GEbYuoEPYvAn6k3D2azh/AfILItoEbQggiTFNqHjw6isQc+H7KehKrPu31nugFHhVuF+EPTvhpRfgiy8lNb09EtENVWAYcOcOzM9D7g24OANfnYOurnXJ164gCGRXag2GEmLDkIx3d8HeXXDtOnw0AZYFplod0U0FlJKZogwYfQqSffBPAW7elmY+Pgiv7YOle1AsQ0+3fDYhrxfwPDAteOsQjAzD4hLkC5KamCvP/rwBJ0/B4RyMZOG7ixCNNBVY7UFlGbZugWdH4fh7cPgo/PQLDG0Vuz7+FObzQp5Jwd7dgIZiqcUeuC78cUNW9XYOxg5BxIYPJ+D8D1BYkN07nBby1/fDln6YPAvTl+V0c6MNYqsCtgVeCBOfw+iTMtCuXoPColg08JjE9OercGUOdoxAahAO7IOdO2B8UgJi1Adz9U5rcBw5oS5Mw6VZEenrhUhEvrctyXzMlT2wuAQfnIHBQXjzIJTKTSyqiZgmuGsMrgcRc8XKbEZ6kl+A9JBU8BA6Ow8MJekZ/wxm56B/s1QUaXyraG9c16CBaFRWPD4Jpz9ZabK7ZpP/x4/1RFaOy3is/lk9TAOlOhNoBQrbwgtPETFeRGsHOnwJa4QD/IZvvvsfyuYg6Qv27fUAAAAASUVORK5CYII=) no-repeat 50%; } html body .fileType-wrap .folder { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAACjklEQVRYhe2WPWgUQRTH/2927oMIuSpwIrmcKIjFcZ4HVkosgiCihYWondeIVRoLSy0MiJiQJoIgVqKFnRLEBFHsAhbBELELQaM2EiM5Lnu7+yxu926/bme5zyYP9mZv5s17v3nz9s0Q3y2P6Kn0NANTDNLQA5GFc+8EixlBZrPPNKmlQPVGyxqknk7fZtA9ACD0RuREadLaWK0BmFXpCgCHe+TXZTUBkS8+AnBLqWpxzxYegMB4aUEFIfri3BGZVEL0F8ALURkOgA0h8sWnYRCDAQBAMhUKMTAAH8T1/gJUd6IhcuXnDkRfAPTPr8C7f9pDJNIOxGXZDwDe3oL+fkGtx3xpoDkQJkMHiNgCBo0dgXbsLMAInFTW9zVYGytN3YACM0BktwiOqwEIcvImaOwoeHsrMD9x6hrM9SUYbx+6nHimu9r2x010EqYOwPq6DOPDY3hXyRCHCkhcmQW0BIw391srtsebwhR5zkcDMBqGA/0E68ca9BfTSF6dg3bnU/h8sw5jaQ7m6usOAcih8Pc3osG/1qE/uwHKZH1p0PgjCuchjk91AQCAxk9Anq7A48GTYO6we8cpcxCqe5YaIJMFcqVoJce3EyzbJ41mwTu/uwOwvizC+PjEXqnLQ0jI/ePyTAWUOxlpX12Iwj4xwM4Dvy41niaUWmJUQg6+Mnvts/1D3AKLedNUH0bsWHMlHPkqX3N7QhJSIfEjwC6DHGI8EJF4ogRgpxCF7blbqM17twCBb6utg84IonOg+hda4QLERDm2QQ9SJgv++a1zgPriDLTiRVBypCMAS69GlmElAPZ2Ya687Mh5XBn6jWgfYB9AANgcov9NmZb/HtSM0TyA3KC8EtgkYDm1V5v/D393zAqQqXnbAAAAAElFTkSuQmCC) no-repeat 50%; } html body .fileType-wrap .db, html body .fileType-wrap .other, html body .fileType-wrap .qlv, html body .fileType-wrap .qsv, html body .fileType-wrap .tmp, html body .fileType-wrap .xlsx { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAABsElEQVRYhe2Wv07DMBDGv0vTgICp7BW8QQXsLEgdkBgYGdmYWHgBFiQGkJAQGyMLK1MRD8HEitSBrQMSlaDQXAfs5tzaSVvl35AbEtux734+f7FN/LS9AgSnDNoDuIYUjJr7z2BcgIZRI7Moq3aqwQcFZww6Vy1pxAcarV30Xr8BXCd19ULQZjpRpdc6sN66AnCS2BXglKZtgWhs3SVBeJkEH3sPEiGyBTAhjosBiCDubRD5AABAbckKkR+ACXGULcDvZywEN3YeNEQmAPz+CPz0nN/JX9YQh34WAOh/gN9uE7uF4IN8NWCxwgGcS0DtDuCvzeft7wvcaasK4/9w06egfcfPPgNMzuBATAaimegG6YdVXTXos17XIc5+MgbODmB3LIxEemU56iDGu0PEL4EMTPJGM/GeHmj3YbF0RegyQ5ymlfc3NInFL8WkMizExRzpwPY9xubPAE0V7Fpx6mMhAD1T9WA2r9kQ9fG+M9tVsxLhnDuhTPtEipnt+lgUYMoowfGMaz5p5V2CSoQu4rSt8AxUAKUA6BYYv+t79f5lOFjdIKCZX1waEviFMLgZAQktgN+OmXoNAAAAAElFTkSuQmCC) no-repeat 50%; } html body .fileType-wrap .html { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA+xJREFUeAHtnEtoFEkYx/9frdlNYnaNq+vqsAuJF2GXZdvVw4qKSnLwohFE8IWID9STQRG9xQEPehDGg+ATPYgKgsTJzQcqRPFgsC8KXsyAEPGBiWYSk5lYn1U1aJKS6CTpRLu7fpDMTHVPH37z1VdVXz8IFvkt3mIBUUeSVzChChGEGD4T+bkSmSw75mcGbfv4huu9Stkp9qO0fCctqAPNqQEmT0MkaXsCfqb+rl8AOl6mRJ9M0lm/Q28yQrQMztJN/Ffj0bKtQOlExIJ3XUrKeaA57asesURLEbrdRMb8Oo9W1cdHhqZsInQA8NwaT04QDbqJeLtXJSumt4qdR+IlYyAqUuShzZC92SVC5kUD1a6JrwyNjpQFyyEk6gQxe5SoRtwxgwhohVBDq4cZMxF7Jv+uh5gqAccgnBALJ8TCCbFwQiycEAsnxMIJsXBCLJwQCyfEYgIChtufAy03ht4hMRP01/8o6lgP7wGqsjUUurIX9Co9cCFof1EozQ2BWVUWKQSP7oG/IJfm1AYuxHUZCyfEwgmxcEIsnBALJ8TCCbFwQiycEIvgZ6pfgZ+1Avp8ajH7trVivBl3IebMe9sTfK+4LmPhhFg4IRZOiIUTYjHuo4wuEJkrlYqAL6W+WCAaC1yEWDghFk6IRaiE0OzFEHtOgpZvw1gRLiG16yCP7gLKK0Crd2MsCF+X6e4EXzwMVq+o/hv4IdiBMrw5JH0C8vg+oOSnQKWEO6k+uAV5YD24Lw/8WIogCP8o86oNfHg7+M0rlVt+wWiJxrCrpSTXgO+mgYpJGA2RmofoZCuvngMqfxtxXonexGyUyZbeb57N4mATQsGkqZA75hW379QEaPcxkFC/OXNRX5H7ln2DmuoYQlMSRoSeuOkEa2SQFvK+6GNESgg27QdV/wP09Raioi8H5HPDOkSoc4hZ05T//Okzp48XokHPYt9lhy1DE1ohtCkJWrpBrW/W9jc+bgFnHo1q5houIaob0J+zIBougP5dCLx9DVq08vMoGfB5uIRLiOoKtPe0GW30fXIfsaMEL55ipIRLiE6S2XYg19Pflu8tRMmUGaBZc029BNP+wEiJxiijupI4cLkgrLcb6OzASImGEC1CL+4CwNVULQQxMvpi27ijnwUAhi8Y3Mgt1xF7zCUa7AspcIXvqDpCTxfiCvd0mcvRcxJJUXLKv4XubEo2nURc4WvngdfPU2Vn/YxJqkKZofs3fNl0KlaRoiNDqvPH1Jz2tQPd1v9AlY1epeo+Dfh1er15OEKiGhTRW+BZ37Gh82ZzWi8CUyYgBj5QZdDOG70qIwbwQOQhijBn1P9GwdRIZx7cHrjpAwLATiRsW1A8AAAAAElFTkSuQmCC) no-repeat 50%; background-size: 32px 32px; } html body .status-1 { color: #f60; } html body .status-2 { color: #07f; } html body .status-3 { color: #e6321a; } html body .status-4 { color: #3aa60d; } .slide-enter-active, .slide-leave-active { -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transform: translateX(0); transform: translateX(0); } .slide-enter, .slide-leave, .slide-leave-to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .node-selected[data-v-54b16c71] { color: #2b99ff; } .zero-tree[data-v-54b16c71] { min-height: 20px; } .zero-tree li[data-v-54b16c71] { margin: 0; padding: 2px 0; position: relative; list-style: none; text-align: left; } .zero-tree .li-content[data-v-54b16c71] { display: inline-block; min-height: 24px; overflow: hidden; } .zero-tree .li-slot[data-v-54b16c71] { display: inline-block; padding-left: 5px; margin-top: 5px; font-size: 14px; line-height: 16px; cursor: pointer; } .zero-tree .li-slot[data-v-54b16c71] > span { display: inline-block; width: 100%; } .zero-tree ul[data-v-54b16c71] { padding-left: 20px; } .zero-tree .icon-blank[data-v-54b16c71], .zero-tree .icon[data-v-54b16c71] { float: left; width: 20px; height: 20px; display: inline-block; vertical-align: middle; padding: 2px; margin-right: 0; background-color: #fff; cursor: pointer; } .zero-tree .icon[data-v-54b16c71] { float: left; width: 18px; height: 18px; display: inline-block; vertical-align: middle; padding: 2px; margin-right: 0; background-color: #fff; margin-top: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .zero-tree .icon.hide { display: none; } .zero-tree .icon[data-v-54b16c71]:first-child { width: 10px; height: 10px; cursor: pointer; border: 1px solid #ccc; border-radius: 50%; margin: 0 4px; margin-top: 5px; } .zero-tree li[data-v-54b16c71]:after, .zero-tree li[data-v-54b16c71]:before { content: ''; left: -8px; position: absolute; border-width: 1px; } .zero-tree li[data-v-54b16c71]:before { border-left: 1px dashed #eee; height: 100%; top: -5px; width: 1px; } .zero-tree li[data-v-54b16c71]:after { border-top: 1px dashed #eee; top: 17px; width: 8px; } .zero-tree li[data-v-54b16c71]:last-child:before { height: 22px; } .zero-tree li.file[data-v-54b16c71]:after, .zero-tree li.file[data-v-54b16c71]:before { left: -8px; } .zero-tree li.file[data-v-54b16c71]:after { width: 32px; } .zero-tree .fold-enter-active[data-v-54b16c71] { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .zero-tree .fold-leave-active[data-v-54b16c71] { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .zero-tree-node .level-1 > .li-content > .li-slot { width: 190px; } .zero-tree-node .level-2 > .li-content > .li-slot { width: 170px; } .zero-tree-node .level-3 > .li-content > .li-slot { width: 150px; } .zero-tree-node .level-4 > .li-content > .li-slot { width: 130px; } @-webkit-keyframes showAnimation { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); } to { -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes showAnimation-data-v-54b16c71 { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); } to { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes showAnimation-data-v-54b16c71 { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); } to { -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes hideAnimation { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } to { -webkit-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes hideAnimation-data-v-54b16c71 { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } to { -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes hideAnimation-data-v-54b16c71 { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } to { -webkit-transform: scaleY(0); transform: scaleY(0); } } .none[data-v-9aacdfbe] { display: none; } .base-font[data-v-9aacdfbe] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-9aacdfbe] { margin: 0; padding: 0; } .wh100[data-v-9aacdfbe] { width: 100%; height: 100%; } .clearfix[data-v-9aacdfbe]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-9aacdfbe] { zoom: 1; } .text-scale[data-v-9aacdfbe] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-9aacdfbe] { position: absolute; top: 0; right: 0; } .center[data-v-9aacdfbe] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-9aacdfbe] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-9aacdfbe] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-9aacdfbe] { color: #3aa60d; } .text-red[data-v-9aacdfbe] { color: red; } .text-orange[data-v-9aacdfbe] { color: #f60; } .fdc[data-v-9aacdfbe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-9aacdfbe] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-9aacdfbe] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-9aacdfbe], .row[data-v-9aacdfbe] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-9aacdfbe] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-9aacdfbe] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-9aacdfbe], .row-end[data-v-9aacdfbe] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-9aacdfbe] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-9aacdfbe] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-9aacdfbe], .column[data-v-9aacdfbe] { 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; } .column-start[data-v-9aacdfbe] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-9aacdfbe] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-9aacdfbe], .column-left-start[data-v-9aacdfbe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-9aacdfbe] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-9aacdfbe] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-9aacdfbe], .row-between[data-v-9aacdfbe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-9aacdfbe] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subjects-dialog[data-v-9aacdfbe] .el-dialog__header { padding: 0 20px; width: 100%; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #f2f2f2; } .subjects-dialog[data-v-9aacdfbe] .el-dialog__header .el-dialog__title { font-size: 16px; color: #333; } .subjects-dialog[data-v-9aacdfbe] .el-dialog__headerbtn { font-size: 20px; top: 10px; } .subjects-dialog[data-v-9aacdfbe] .el-dialog__body { padding: 20px 30px 25px; } .subjects-dialog .filters-wrap[data-v-9aacdfbe] { width: 100%; } .subjects-dialog .filters-wrap .filter-item[data-v-9aacdfbe] { margin-bottom: 10px; width: 100%; overflow: hidden; } .subjects-dialog .filters-wrap .filter-item .filter-label[data-v-9aacdfbe] { float: left; padding: 5px 0; font-size: 14px; color: #666; } .subjects-dialog .filters-wrap .filter-item .item-wrap[data-v-9aacdfbe] { width: 100%; padding-left: 45px; } .subjects-dialog .filters-wrap .filter-item .item-wrap .item[data-v-9aacdfbe] { display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 5px 10px; font-size: 14px; color: #333; cursor: pointer; } .subjects-dialog .filters-wrap .filter-item .item-wrap .item.active[data-v-9aacdfbe], .subjects-dialog .filters-wrap .filter-item .item-wrap .item[data-v-9aacdfbe]:hover { background: #23b8ff; border-radius: 2px; color: #fff; } .subjects-dialog .comfirm-btn-wrap[data-v-9aacdfbe] { margin-top: 20px; width: 100%; } .subjects-dialog .comfirm-btn-wrap .comfirm-btn[data-v-9aacdfbe] { margin: 0 auto; border-radius: 4px; } .none[data-v-08871534] { display: none; } .base-font[data-v-08871534] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-08871534] { margin: 0; padding: 0; } .wh100[data-v-08871534] { width: 100%; height: 100%; } .clearfix[data-v-08871534]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-08871534] { zoom: 1; } .text-scale[data-v-08871534] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-08871534] { position: absolute; top: 0; right: 0; } .center[data-v-08871534] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-08871534] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-08871534] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-08871534] { color: #3aa60d; } .text-red[data-v-08871534] { color: red; } .text-orange[data-v-08871534] { color: #f60; } .fdc[data-v-08871534] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-08871534] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-08871534] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-08871534], .row[data-v-08871534] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-08871534] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-08871534] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-08871534], .row-end[data-v-08871534] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-08871534] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-08871534] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-08871534], .column[data-v-08871534] { 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; } .column-start[data-v-08871534] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-08871534] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-08871534], .column-left-start[data-v-08871534] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-08871534] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-08871534] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-08871534], .row-between[data-v-08871534] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-08871534] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tips-dialog[data-v-08871534] .el-dialog__headerbtn { font-size: 20px; top: 10px; } .tips-dialog[data-v-08871534] .el-dialog__body { padding: 0 30px 25px; text-align: center; } .tips-dialog .tips-icon[data-v-08871534] { width: 100%; height: 54px; margin-bottom: 20px; background: url(data:image/png;base64,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) no-repeat 50%; } .pagination-wrap[data-v-31737699] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 20px 0; background-color: #fff; } .pagination-wrap .page-list[data-v-31737699] { width: 100%; text-align: center; margin: 0 auto; } .pagination-wrap .page-list li[data-v-31737699] { display: inline-block; padding: 0; margin-right: 10px; width: 40px; height: 30px; line-height: 28px; color: #333; font-weight: 400; border: 1px solid #e2e2e2; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 12px; } .pagination-wrap .page-list li.active[data-v-31737699] { border-color: #2b99ff; background-color: #fff; color: #2b99ff; } .pagination-wrap .page-list li.disabled[data-v-31737699] { background-color: #fff; cursor: not-allowed; color: #e2e2e2; } .pagination-wrap .page-list li.btn-next[data-v-31737699], .pagination-wrap .page-list li.btn-prev[data-v-31737699] { width: 75px; height: 30px; border: 1px solid #e2e2e2; border-radius: 0; } .pagination-wrap .page-list li.btn-next[data-v-31737699] { margin: 0; } .none[data-v-59d2474a] { display: none; } .base-font[data-v-59d2474a] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-59d2474a] { margin: 0; padding: 0; } .wh100[data-v-59d2474a] { width: 100%; height: 100%; } .clearfix[data-v-59d2474a]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-59d2474a] { zoom: 1; } .text-scale[data-v-59d2474a] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-59d2474a] { position: absolute; top: 0; right: 0; } .center[data-v-59d2474a] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-59d2474a] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-59d2474a] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-59d2474a] { color: #3aa60d; } .text-red[data-v-59d2474a] { color: red; } .text-orange[data-v-59d2474a] { color: #f60; } .fdc[data-v-59d2474a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bgColor[data-v-59d2474a] { background: -webkit-gradient( linear, left bottom, left top, from(rgba(146, 0, 249, 0.99)), color-stop(44%, rgba(146, 0, 249, 0.99)), color-stop(93%, rgba(127, 0, 255, 0.99)), color-stop(97%, rgba(137, 0, 252, 0.99)), to(rgba(146, 0, 249, 0.99)) ); background: linear-gradient( 0deg, rgba(146, 0, 249, 0.99), rgba(146, 0, 249, 0.99) 44%, rgba(127, 0, 255, 0.99) 93%, rgba(137, 0, 252, 0.99) 97%, rgba(146, 0, 249, 0.99) ); } .row[data-v-59d2474a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-59d2474a], .row[data-v-59d2474a] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-start[data-v-59d2474a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-59d2474a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-59d2474a], .row-end[data-v-59d2474a] { 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-align: center; -ms-flex-align: center; align-items: center; } .row-around[data-v-59d2474a] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-59d2474a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-59d2474a], .column[data-v-59d2474a] { 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; } .column-start[data-v-59d2474a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-59d2474a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-end[data-v-59d2474a], .column-left-start[data-v-59d2474a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .column-end[data-v-59d2474a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .column-left[data-v-59d2474a] { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .column-left[data-v-59d2474a], .row-between[data-v-59d2474a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-59d2474a] { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lesson-container[data-v-59d2474a] { width: 100%; padding-top: 20px; } .lesson-container .no-task-wrap[data-v-59d2474a] { width: 100%; height: 450px; background-color: #fff; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .lesson-container .no-task-wrap > p[data-v-59d2474a] { font-size: 16px; color: #999; } .lesson-container .no-task-wrap > p.no-task-tips[data-v-59d2474a] { margin: 10px 0 5px; } .lesson-container .no-task-wrap .add-lesson[data-v-59d2474a] { margin-top: 30px; border-radius: 4px; } .lesson-container .has-task-wrap[data-v-59d2474a] { width: 100%; overflow: hidden; } .lesson-container .has-task-wrap .left-side[data-v-59d2474a] { position: relative; float: left; background-color: #fff; width: 300px; margin-bottom: 30px; } .lesson-container .has-task-wrap .left-side .book-wrap[data-v-59d2474a] { position: absolute; left: 300px; top: 0; z-index: 1; width: 900px; background-color: #fff; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner[data-v-59d2474a] { width: 100%; height: 100%; padding: 12px 45px; overflow-y: auto; max-height: 350px; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .close-btn[data-v-59d2474a] { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 18px; color: grey; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .close-btn[data-v-59d2474a]:hover { color: #2b99ff; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .add-book-btn[data-v-59d2474a] { float: left; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 110px; height: 142px; background-color: #f2f2f2; border-radius: 4px; cursor: pointer; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .add-book-btn .add-icon[data-v-59d2474a] { font-size: 27px; color: #2b99ff; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .add-book-btn .label-tips[data-v-59d2474a] { margin-top: 7px; font-size: 14px; color: #2b99ff; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap[data-v-59d2474a] { 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; padding: 10px; border-radius: 4px; float: left; margin-right: 30px; margin-bottom: 10px; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap.active[data-v-59d2474a] { background-color: rgba(35, 184, 255, 0.2); } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap[data-v-59d2474a]:nth-child(5n) { margin-right: 0; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap .book-item[data-v-59d2474a] { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 110px; height: 142px; background: url(../img/book@2x.f34daf46.png) no-repeat 50%; background-size: 100%; padding: 0 5px; cursor: pointer; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap .book-item .text[data-v-59d2474a] { width: 100%; font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .lesson-container .has-task-wrap .left-side .book-wrap .book-wrap-inner .book-item-wrap .book-item .subject-name[data-v-59d2474a] { width: 100%; font-size: 20px; color: #333; margin: 10px 0 12px 0; overflow: hidden; white-space: nowrap; text-align: center; } .lesson-container .has-task-wrap .left-side .top[data-v-59d2474a] { position: relative; z-index: 2; width: 100%; 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; background: #2b99ff; } .lesson-container .has-task-wrap .left-side .top .title[data-v-59d2474a] { width: calc(100% - 40px); font-size: 16px; color: #fff; line-height: 40px; padding: 0 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lesson-container .has-task-wrap .left-side .top .toggle-icon[data-v-59d2474a] { width: 40px; height: 40px; line-height: 40px; background: rgba(0, 119, 255, 0.25); text-align: center; cursor: pointer; } .lesson-container .has-task-wrap .left-side .top .toggle-icon .el-icon-sort[data-v-59d2474a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 16px; color: #fff; } .lesson-container .has-task-wrap .left-side .chapters-wrap[data-v-59d2474a] { position: relative; z-index: 2; width: 100%; padding: 20px 0 20px 20px; min-height: 350px; background-color: #fff; } .lesson-container .has-task-wrap .left-side .chapters-wrap .chapters-empty[data-v-59d2474a] { width: 100%; padding: 100px 20px 100px 0; font-size: 12px; color: #ccc; text-align: center; } .lesson-container .has-task-wrap .right-side[data-v-59d2474a] { float: right; width: 890px; } .lesson-container .has-task-wrap .right-side .top[data-v-59d2474a] { width: 100%; height: 60px; background-color: #fff; margin-bottom: 10px; 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; padding: 0 30px; } .lesson-container .has-task-wrap .right-side .top .text[data-v-59d2474a] { font-size: 18px; color: #333; font-weight: 600; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lesson-container .has-task-wrap .right-side .task-list-wrap[data-v-59d2474a] { width: 100%; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item[data-v-59d2474a] { position: relative; padding: 20px 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; -webkit-transition: all 0.2s; transition: all 0.2s; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .delete-icon[data-v-59d2474a] { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 12px; color: #999; display: none; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .delete-icon[data-v-59d2474a]:hover { color: #2b99ff; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item[data-v-59d2474a]:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 12px 0; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item:hover .delete-icon[data-v-59d2474a] { display: block; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left[data-v-59d2474a] { width: 85%; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title[data-v-59d2474a] { overflow: hidden; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a[data-v-59d2474a] { display: block; font-size: 16px; color: #333; line-height: 22px; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a[data-v-59d2474a]:hover { color: #2b99ff; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .group-tag[data-v-59d2474a] { padding: 2px 6px; background: #23b8ff; border-radius: 2px; border: 1px solid #23b8ff; font-size: 12px; color: #fff; margin-left: 10px; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .status[data-v-59d2474a] { padding: 2px 6px; border-radius: 2px; border: 1px solid transparent; font-size: 12px; margin-left: 10px; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .status.status-1[data-v-59d2474a] { color: #f60; border-color: #f60; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .status.status-2[data-v-59d2474a] { color: #e6321a; border-color: #e6321a; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .status.status-3[data-v-59d2474a] { color: #07f; border-color: #07f; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .title > a .status.status-4[data-v-59d2474a] { color: #3aa60d; border-color: #3aa60d; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .content[data-v-59d2474a] { font-size: 12px; color: #999; margin: 5px 0; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .time-total[data-v-59d2474a] { font-size: 12px; color: #999; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .left .time-total span[data-v-59d2474a] { margin-right: 20px; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .right[data-v-59d2474a] { width: 75px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; border: 1px solid #2b99ff; } .lesson-container .has-task-wrap .right-side .task-list-wrap .task-item .right > a[data-v-59d2474a] { display: block; width: 100%; height: 100%; font-size: 12px; color: #2b99ff; } .lesson-container .has-task-wrap .right-side .task-list-empty[data-v-59d2474a] { width: 100%; height: 470px; background-color: #fff; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .lesson-container .has-task-wrap .right-side .task-list-empty p[data-v-59d2474a] { margin-top: 20px; font-size: 16px; color: #999; } .lesson-container .has-task-wrap .right-side .task-list-empty .jx-button[data-v-59d2474a] { border-radius: 4px; } .lesson-container .has-task-wrap .tips-dialog label[data-v-59d2474a] { display: block; font-size: 14px; color: #000; margin-bottom: 5px; } .lesson-container .has-task-wrap .tips-dialog p[data-v-59d2474a] { font-size: 14px; color: #999; } .lesson-container .has-task-wrap .tips-dialog p .el-icon-sort[data-v-59d2474a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 16px; color: #2b99ff; } .lesson-container .has-task-wrap .tips-dialog .comfirm-btn-wrap[data-v-59d2474a] { width: 100%; margin-top: 30px; } .lesson-container .has-task-wrap .tips-dialog .comfirm-btn-wrap .jx-button[data-v-59d2474a] { margin: 0 auto; width: 136px; } .lesson-container .has-task-wrap .delete-dialog label[data-v-59d2474a] { display: block; font-size: 14px; color: #000; margin-bottom: 5px; } .lesson-container .has-task-wrap .delete-dialog .btns-wrap[data-v-59d2474a] { width: 100%; 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; margin-top: 30px; } .lesson-container .has-task-wrap .delete-dialog .btns-wrap .comfirm[data-v-59d2474a] { width: 100px; margin-right: 6px; } .lesson-container .has-task-wrap .delete-dialog .btns-wrap .cancel[data-v-59d2474a] { width: 100px; background-color: #ccc; color: #666; margin-left: 6px; }