#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 .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 .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-79fac4b6] { display: none; } .base-font[data-v-79fac4b6] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-79fac4b6] { margin: 0; padding: 0; } .wh100[data-v-79fac4b6] { width: 100%; height: 100%; } .clearfix[data-v-79fac4b6]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-79fac4b6] { zoom: 1; } .text-scale[data-v-79fac4b6] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-79fac4b6] { position: absolute; top: 0; right: 0; } .center[data-v-79fac4b6] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-79fac4b6] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-79fac4b6] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-79fac4b6] { color: #3aa60d; } .text-red[data-v-79fac4b6] { color: red; } .text-orange[data-v-79fac4b6] { color: #f60; } .fdc[data-v-79fac4b6] { 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-79fac4b6] { 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-79fac4b6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-79fac4b6], .row[data-v-79fac4b6] { 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-79fac4b6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-79fac4b6] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-79fac4b6], .row-end[data-v-79fac4b6] { 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-79fac4b6] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-79fac4b6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-79fac4b6], .column[data-v-79fac4b6] { 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-79fac4b6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-79fac4b6] { -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-79fac4b6], .column-left-start[data-v-79fac4b6] { 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-79fac4b6] { -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-79fac4b6] { -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-79fac4b6], .row-between[data-v-79fac4b6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-79fac4b6] { -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-79fac4b6] { height: 106px; background: #fff; } #nav-container .layout-content-wrap[data-v-79fac4b6] { background: #fff; } #nav-container .layout-content-wrap .layout-content[data-v-79fac4b6] { height: 100%; font-size: 12px; color: grey; } #nav-container .layout-content-wrap .layout-content .left[data-v-79fac4b6], #nav-container .layout-content-wrap .layout-content[data-v-79fac4b6] { 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-79fac4b6] { margin-right: 113px; } #nav-container .layout-content-wrap .layout-content .left .logo .bkc-link[data-v-79fac4b6] { margin-right: 137px; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item[data-v-79fac4b6] { float: left; margin-right: 30px; font-size: 16px; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item a[data-v-79fac4b6] { color: #333; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item a[data-v-79fac4b6]:hover { color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .left .nav-list .nav-item[data-v-79fac4b6]:last-of-type { margin-right: 0; } #nav-container .layout-content-wrap .layout-content .right .jx-button[data-v-79fac4b6] { border-radius: 0; width: 70px; } #nav-container .layout-content-wrap .layout-content .right .search-form[data-v-79fac4b6] { 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-79fac4b6] .el-input .el-input__inner { width: 300px; border: none; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns[data-v-79fac4b6] { 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-79fac4b6] { 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-79fac4b6] { color: #fff; } #nav-container .layout-content-wrap .layout-content .right .search-form .search-btns .btn.albums[data-v-79fac4b6] { background-color: #d5ebff; border-radius: 6px 0 0 6px; color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .shop-cart[data-v-79fac4b6] { 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-79fac4b6]:hover { background-color: #f2f9ff; border-color: #2b99ff; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link[data-v-79fac4b6] { 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-79fac4b6] { float: left; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .icon i[data-v-79fac4b6] { color: #2b99ff; font-size: 16px; } #nav-container .layout-content-wrap .layout-content .shop-cart .shop-cart-link .icon .top-cart-num[data-v-79fac4b6] { 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-79fac4b6] { float: left; color: #2b99ff; font-size: 14px; margin-left: 12px; line-height: 24px; } #nav-container .layout-content-wrap .layout-content .upload-files[data-v-79fac4b6] { 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-79fac4b6] { 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-79fac4b6]:hover { background-color: #fffbf1; } #nav-container .layout-content-wrap .layout-content .upload-files .tooltips[data-v-79fac4b6] { 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-79fac4b6]: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-0ed1fc4c] { display: none; } .base-font[data-v-0ed1fc4c] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-0ed1fc4c] { margin: 0; padding: 0; } .wh100[data-v-0ed1fc4c] { width: 100%; height: 100%; } .clearfix[data-v-0ed1fc4c]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-0ed1fc4c] { zoom: 1; } .text-scale[data-v-0ed1fc4c] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-0ed1fc4c] { position: absolute; top: 0; right: 0; } .center[data-v-0ed1fc4c] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-0ed1fc4c] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-0ed1fc4c] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-0ed1fc4c] { color: #3aa60d; } .text-red[data-v-0ed1fc4c] { color: red; } .text-orange[data-v-0ed1fc4c] { color: #f60; } .fdc[data-v-0ed1fc4c] { 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-0ed1fc4c] { 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-0ed1fc4c] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-0ed1fc4c], .row[data-v-0ed1fc4c] { 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-0ed1fc4c] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-0ed1fc4c] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-0ed1fc4c], .row-end[data-v-0ed1fc4c] { 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-0ed1fc4c] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-0ed1fc4c] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-0ed1fc4c], .column[data-v-0ed1fc4c] { 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-0ed1fc4c] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-0ed1fc4c] { -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-0ed1fc4c], .column-left-start[data-v-0ed1fc4c] { 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-0ed1fc4c] { -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-0ed1fc4c] { -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-0ed1fc4c], .row-between[data-v-0ed1fc4c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-0ed1fc4c] { -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-0ed1fc4c], #footer-container[data-v-0ed1fc4c] { background: #e5e5e5; } #footer-container .layout-content-wrap .layout-content .links-wrap[data-v-0ed1fc4c] { height: 100%; } #footer-container .layout-content-wrap .layout-content .links-wrap .links[data-v-0ed1fc4c] { padding: 35px 0; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box[data-v-0ed1fc4c] { text-align: left; float: left; margin-right: 100px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box[data-v-0ed1fc4c]:last-child { margin-right: 0; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-title[data-v-0ed1fc4c] { 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-0ed1fc4c] { 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-0ed1fc4c] { 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-0ed1fc4c]: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-0ed1fc4c] { color: #666; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item a[data-v-0ed1fc4c]:hover { color: #2b99ff; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item .hot[data-v-0ed1fc4c] { color: #f60; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .links-box .links-list .links-item .hot[data-v-0ed1fc4c]:hover { line-height: 17px; font-size: 12px; color: #2b99ff; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box[data-v-0ed1fc4c] { float: right; overflow: hidden; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left[data-v-0ed1fc4c] { margin-right: 15px; float: left; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left .tit[data-v-0ed1fc4c] { 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-0ed1fc4c] { width: 127px; height: 5px; margin-top: -2px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .left .fuli-tips[data-v-0ed1fc4c] { 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-0ed1fc4c] { float: right; width: 100px; height: 100px; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .wechat-box .right img[data-v-0ed1fc4c] { width: 100%; height: 100%; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .hover-img-box[data-v-0ed1fc4c] { position: relative; } #footer-container .layout-content-wrap .layout-content .links-wrap .links .hover-img-box .img-box[data-v-0ed1fc4c] { position: absolute; top: 0; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #footer-container .layout-content-wrap .layout-content .bottom[data-v-0ed1fc4c] { 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-0ed1fc4c] { padding-left: 13px; color: #666 !important; } #footer-container .layout-content-wrap .layout-content .bottom a[data-v-0ed1fc4c]:hover { color: #2b99ff !important; } #footer-container .layout-content-wrap .layout-content .bottom .text[data-v-0ed1fc4c] { padding-right: 13px; border-right: 1px solid grey; color: grey; } #footer-container .layout-content-wrap .layout-content .bottom .link-one[data-v-0ed1fc4c] { padding: 0 13px; border-right: 1px solid grey; } #base-layout[data-v-6040697e] { position: relative; background-color: #fff; width: 100%; } #base-layout #main-container[data-v-6040697e] { min-height: calc(100vh - 354px); } #empty-layout[data-v-7685a4ac] { position: relative; background-color: #fff; width: 100%; overflow-x: hidden; } /*! 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.7b12fef2.woff2) format('woff2'), url(../fonts/iconfont.34090c2a.woff) format('woff'), url(../fonts/iconfont.b3f1ac4d.ttf) format('truetype'); } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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; } 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 .common-title { width: 100%; height: 60px; padding: 0 30px; font-size: 18px; color: #333; border-bottom: 1px solid #eee; background-color: #fff; } html body .common-title .router-back { font-size: 12px; color: #666; border: 1px solid #ccc; padding: 4px 18px; cursor: pointer; } html body .common-title .router-back:hover { color: #2b99ff; border-color: #2b99ff; } html body #nav-container .right .el-input { width: 400px; vertical-align: top; } html body #nav-container .right .el-input .el-input__inner { border: 2px solid #2b99ff; border-radius: 6px 0 0 6px !important; } html body #main-container { background-color: #f5f5f5; } html body #main-container .layout-content-wrap { padding-bottom: 60px; background-color: #f5f5f5; } html body #main-container #public-container { background-color: #f5f5f5; } html body #main-container .main-content .main-content-title { padding: 18px 0 17px; text-indent: 30px; font-size: 18px; color: #333; line-height: 25px; border-bottom: 1px solid #eee; } html body .jx-button { width: 80px; border-radius: 0 !important; font-size: 16px; height: 40px; } html body .jx-button, html body .jx-button:focus, html body .jx-button:hover { background-color: #2b99ff; border-color: #2b99ff; } html body .jx-cascader { min-width: 280px; } html body .jx-cascader .el-input__inner { min-width: 220px; height: 40px; border-radius: 0 !important; border: 1px solid #eee; color: #333; } html body .jx-cascader .el-input__inner:focus { outline: none; border-color: #2b99ff !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 .control-chapter-class .el-cascader-node__label { padding-left: 10px; } html body .control-chapter-class .el-cascader-menu .el-cascader-node { padding: 0 30px 0 20px; } html body .control-chapter-class .el-cascader-node__postfix { display: inline-block; } html body .control-chapter-class .el-radio.is-disabled { display: none; } html body .jx-input, html body .jx-select { width: 570px; } html body .jx-input .el-input__inner, html body .jx-input .el-textarea__inner, html body .jx-select .el-input__inner, html body .jx-select .el-textarea__inner { width: 570px; height: 40px; border-radius: 0 !important; border: 1px solid #eee; color: #333; } html body .jx-input .el-input__inner:focus, html body .jx-input .el-textarea__inner:focus, html body .jx-select .el-input__inner:focus, html body .jx-select .el-textarea__inner:focus { outline: none; border-color: #2b99ff !important; } html body .el-select-dropdown__wrap { max-height: 220px; } html body .el-select-dropdown__item.selected { color: #2b99ff; } html body .el-select .el-input.is-focus .el-input__inner, html body .el-select .el-input__inner:focus { border-color: #2b99ff; } html body .jx-select-options { text-align: center; min-width: unset !important; width: 100px; } html body .jx-select-options .el-select-dropdown__item { padding: 0 10px; } html body .jx-select-options .el-select-dropdown__item.selected { color: #2b99ff; } html body .jx-select-options.jx-select-options-auto { min-width: 150px !important; width: auto !important; text-align: left; } html body .jx-tabs { width: 100%; border-bottom: 1px solid #eee; } html body .jx-tabs .jx-tabs-item { position: relative; display: inline-block; height: 60px; width: 100px; cursor: pointer; } html body .jx-tabs .jx-tabs-item p { font-size: 12px; color: #666; } html body .jx-tabs .jx-tabs-item .jx-tabs-text { font-weight: 700; color: #2b99ff !important; } html body .jx-tabs .jx-tabs-item + .jx-tabs-item > .jx-tabs-text { font-size: 16px; } html body .jx-tabs .jx-tabs-item.active { position: relative; } html body .jx-tabs .jx-tabs-item.active:after { content: ''; position: absolute; left: 0; bottom: -3px; width: calc(100% - 60px); height: 3px; background-color: #2b99ff; z-index: 1; border-radius: 5px; } html body .jx-tabs .jx-tabs-item .jx-tabs-text { font-size: 16px; color: #666; } html body .jx-pagination-wrap { position: relative; margin-top: 20px; width: 100%; height: 35px; } html body .jx-pagination-wrap .jx-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } html body .jx-pagination-wrap .jx-pagination.have-total { padding-right: 70px !important; } html body .jx-pagination-wrap .jx-pagination .el-pager li.active, html body .jx-pagination-wrap .jx-pagination .el-pager li:hover { color: #2b99ff; } html body .jx-pagination-wrap .jx-pagination .el-pager li.active { border-color: #2b99ff !important; } html body .jx-pagination-wrap .jx-pagination .btn-next, html body .jx-pagination-wrap .jx-pagination .btn-prev, html body .jx-pagination-wrap .jx-pagination .el-icon.more, html body .jx-pagination-wrap .jx-pagination .number { padding: 0 !important; margin-right: 10px !important; width: 40px !important; height: 30px !important; line-height: 28px !important; color: #333; font-weight: 400; border: 1px solid #e2e2e2 !important; border-radius: 0 !important; } html body .jx-pagination-wrap .jx-pagination .btn-next, html body .jx-pagination-wrap .jx-pagination .btn-prev { width: 75px !important; height: 30px !important; border: 1px solid #e2e2e2 !important; border-radius: 0 !important; line-height: 30px !important; color: #333 !important; } html body .jx-pagination-wrap .jx-pagination .btn-next:disabled, html body .jx-pagination-wrap .jx-pagination .btn-prev:disabled { color: #e2e2e2 !important; } html body .jx-pagination-wrap .jx-pagination .btn-next span, html body .jx-pagination-wrap .jx-pagination .btn-prev span { display: block !important; } html body .jx-pagination-wrap .jx-pagination .btn-next .btn-prev .el-table th, html body .jx-pagination-wrap .jx-pagination .btn-prev .btn-prev .el-table th { background-color: #f2f2f2 !important; font-weight: 400; } html body .jx-pagination-wrap .jx-pagination .el-pagination__total { position: absolute !important; right: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: 15px !important; height: 40px !important; line-height: 40px !important; } html body .jx-table-wrap .el-table { color: red; } html body .jx-table-wrap .el-table th { padding: 0; height: 40px !important; border-radius: 2px; background-color: #f2f2f2 !important; color: #333; font-weight: 400; } html body .is-pack { border: 1px solid #2b99ff; border-radius: 2px; padding: 2px 5px; color: #2b99ff; white-space: nowrap; } html body .table-wrap { padding: 20px 30px 40px; } html body .table-wrap .el-table th { padding: 8px 0; font-weight: 400; background-color: #f2f2f2; font-size: 14px; color: #333; } html body .table-wrap .el-table th:first-child > .cell { padding-left: 10px !important; } html body .table-wrap .el-table td { padding: 10px 0; font-size: 14px; color: #666; } html body .table-wrap.my-upload-table .el-table td { padding: 6px 0; } html body .table-wrap.val-table .cell { padding: 0 10px !important; } html body .fileType-wrap .fileType { width: 14px; min-width: 14px; height: 16px; margin-right: 10px; background-size: 100% 100%; } 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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACKklEQVRYR+2XPWsUURSGnzN3Zmc/JgYVLMRGMLuIjb8gIATSSCBoo43YqGCTwmYbizQ2FjaiaCF2FkpqIWnsBQvDLP4AC0Uhcdbs7sydI7squBtnv9h1/Zrycu97nnnPPfdwBGB1MyxbsbdAlkAPtNem98ku6KZRU91YOvlGvgV/gXI3bvmPvNjuTC84xJ6Z93LNywjXjZpFWdl6/QzlFXX3zjQD79MuJWsIp2Vla3snbuZOTfvPewE6Tvit7bYDSuROOe8Z3gbJ7t8BkEpy0BSdsiWtiCNlgTJQIdU8dbeSebdGceBz0XMKtnGMHCck1Yo6UibVikgn2JHMIP3SOwoAc8kayvrIlTIxgFJcRaT65wAoLYRc3wobKQWZDuh7cEIVQlRrjpgw3tOa69urHccmnwLnYapaEyE0LSdMW/Lhp2n5DjxxgGEfrf8A/6YDJY6rY8+S4iO6IHBh8lWQdQnn7BngCaqFrqr4ZVUQ2JegCz0l2W718+M3o2K6qI6eA/VFOYywnGWpBsk7gXx3MGkQmexG1e8l1JK9KKL3ABnK0sA+Bl3tAdggMpfGcyBIasDRHw8rqGRYmgTpIVf0vqout8+IyPNE5ZobOR/HBXgLBD2HIyK3C2qfeIG5ztoenwZ2zr7NqJTcRrjSJaI8oO7eGCg87IZ+ALFn8p7fvAly/quePo2b/roX28aw+gP3jdSOB6qNseE3AZj9YDLb0Wzmw2n76sxyPP8CBgmUzopOQyIAAAAASUVORK5CYII=); } html body .fileType-wrap .ppt, html body .fileType-wrap .pptx { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB0klEQVRYR+2XP2sUURTFz31vht0JYj6EYJMExQ+QQkRI0EIFB0tJOqMI2ljZSGxtbFIk2Iga7CwEYxNMKWhhsSEpU6TMIL7dfX+OjNkmS5aZkZ1dAjvl3Mu5vzn33TdcAYD99NJFD/+S4DVAzufv6nuYCWRLQz+78P7nrvSKb4N8La6z4Z0+qq84oCM/zahxHyIPNPS87KazH0H+CG33qs7C/dqqGT2GyGVppTNHynZm6v7yfoDciRA3fkkrnSWNrbnvp3srSZxNACYOlHZAN6PNIHIdgBSMaxdEi8J1nXXWfaw5KL/SIZQkzi+oouInaxEf2LbLwwLIciFFrDLg+yDRoMKUEnWPwGIvf8m37eZp+VUdOAZAuOuN/1x0a0oSfwIwD/Arjbs1eoCp+AmI5wLsBWOvjB6gEb2FkhsAd2jcwtAABOERu7I9qAWMcU4gKQQP/+UQT9m2a0MDKOp9X3yn+Tu7aXTiRgogYAbKG2XNC+cjM+Qx5Eqw+DZI1Cm6rv9zkISGL3Lrv8ZQPO6Erv1SJF4mPgE4cw4c/4yCv81O2CrT46KcSg6oZvwOgjlreFXDHRaJl4lXAigjWDVnAtBzYMyLydhXs7Evp/nJHed6/hf/L4p2Jl+xRwAAAABJRU5ErkJggg==); } html body .fileType-wrap .doc, html body .fileType-wrap .docx { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACNElEQVRYR+2XQWtTQRCAv9m3SaioRaEH/4CIAenJi+JJULQeRMRDQZBSEetBEMT+goAgCmqxFhWEHkQKghYVPCkePClCQfwDHhSlUQxJ9u3IxleNIW0Tk0dyyF7eY3dn59uZNzNvBGDHbd0eKQWF/QKbw1xaQ6Eo8CIWpj+clo+SKH8J3Cwb7kWG5bSUh3Njz3DOcwqYioV9kp/VBeCds1xLU3Hj2dZxHhiVnbO6XDHk0755I0CwRNazFCygzqbr99Usax3FAUB/W8DG3EAZQxl3GV63EyW2yh6EeWDRWaaaya77DVjHNyAKOcJZptsCcBRCrIfQd5Yt/wtQDIIq3IojLrYDEFW5LMKZILNalLVigQHAmhZQYURiFMOXRvek7oIoZq8oDwHxhuPe8KoeIlWASNktMY+AjYnSH1446iPerECkBhB5RvE8Fhiuv7EqRYUjPsPbMJ8KgPHkjWcR2FoLT7gSngIXEpiv3nDYG5a6DqCWOanyTGCkpkyZcRkuhVfjKJjfSSdAfdYMB6XCZNfyAMpzFXYJbEuU3I1t7Yfiz7AxV1EmkvVPorxHONCVRPSPr4X5ygbORuVw2b8jziHZn8yIMt4Ykh1nwroDF0owkbH4Zmm56jBDcAc4Vr/eCcBKMQpf2pPvjpNDOdxaNaFUxm4y3EcYS/Z1VIyuAycQnsY5JtVRaaUgSYlslGUO5RDCAxdxrpncusWoFWWd7BkA9IcF+qEx6W1r1vPmNIRRL9vzX5KxmXQULysYAAAAAElFTkSuQmCC); } html body .fileType-wrap .rar, html body .fileType-wrap .zip { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABGUlEQVRYR2NkYGBgaLDZqsbA9Led4T+DCwMDAx9IjIbgEwMjwx6Gf8yVDUe8bzFCLT/E+P//1H+/WOd/Z/n9kYaWM3D+YeVnYvud+J+RMZvhH7MdY4PdprWM//9f+PqPYQK6xVxMjJ9gYt/+/adqyHAzMRT8Z2Q0YGyw3fTx/y8WbWw+p6UDQCHByPbnKsgB/4nxHS0cAzJzcDuAFr5GTmcEQ2DAHYDuWmrnCIIhMOAOGPAoGHAHDHgUDLgDkKMA2THElJzEVGgEc8GoAwZFCCDHN8xB9EwDOxkYGCzREtTxb//+uxOTyAipIZgICRlAqfyoA0ZDYDQEBk0I4OyYUJrP8elHdEzwdM1o6QBE1wzSMx64zulAd88BslpDqCgKSqMAAAAASUVORK5CYII=); } 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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABgUlEQVRYR+2XMUsDMRiG3y/JoSjUf+Hi4i9wcmp/hbOLpYPoUCfpUsFFBBdBXLs4OIggFAVxUZQuDoKDOFno1aJ3TfLJ2QpSRK7tpYfSG0Muz5P3vuT4CAD87NYsEZcYWASQicYcPj4Bp8y0ljku3FMXXgVoR1q93/LQcAjHdBszRqglgJeZaYGauXIFoJt3qbddgnvXnjRqBeB58nPlhrJmzvXOewWiJLSQtUiAA2lcf/cfw50w0h8LjBP4ewlMGHkN5gsDKmpl6sPcHQOdguilLvSFBIqhbh5ab4oHERlWoMNkXDJTPvR0rV+JZAQAEKMN0C7BlN4Ut+KKJCbwDfjEhNVQmKM4Ei4EPrnEfNImFIy0j7+JOBPoQs8DabJpCZwZorwW+mGkAgQ8M9v1QHFl1DWgmXkvVHYTQDMOPJqTUA3QFYB8IPVdXPDXvOEEGHUSYiM0jYMR34TqFmyrHqj4msa/oN+YEz8FY4F/mUC6jUn6rVmnM06vOY2KKs32/AMscmYwJmyZ6gAAAABJRU5ErkJggg==); } 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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACE0lEQVRYR+2XP2gUQRjF3/tm76IYI1ZaiKWgNhbqWaUQrYN/QCSV0RPUxiIWNlpq4Z80IskJFqlSBAQ7UQstJGphkUOwEWxsbHJGjNmdebLRFN55txvuLqdwWw7fvPebNzO7+xEAyu+ndgXPGyKPQBpKx7r2kDVKT83pamX3+Q9Mzb3nCwD3bAAPg7eFrpkDMBe2hB84A+CScxrm2fnKrIB3iGyim8YN2km4TGAfx6oPFqyovd1eeT3AShLLrHJsviJE1t19bxZtEmp9gH4C/0cCCjrFoFswdxKmuY69L3LfAoXTCLiNYCdQwKv1B8jhGMdhR8GsBIfZHOW/SnInkEcx8TMASxZhf4B9yTOlYwDyYYTCdGoqYobOyusGkDAacvHyWwLbV0xJyesYi/Y8EyLvFnxdTGxwoyvTcbJeVInuEDr3xzjxMU6SQ4WB4veWEHkBlOgCiZskjsv4bFWUXgclPUk/8w1g0F1G7nrbAN67naZ4jsAmEp88opK58I1eBSm8BLiniUlshuFgVm0KkSsBHx5BOLwqImqSzl1R4scJXmu1QgFvFpfC0c2DUfhrXSaA96MQ79dNDiIvUkr/oDZkHjRiHM6m1gxAv7RNKr4GsDXTpFUBWUssHIjoPjeUtUqASZgWMNKW+e/JBB8r4uiaADphnKmReQYyFdos6AP8Gwn0ujHpeWvW8+Y0vUi9bM9/AqITai6U/KbXAAAAAElFTkSuQmCC); } html body .fileType-wrap .pdf { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADCUlEQVRYR9WXWUhUYRTH/+f7vjujLQrVg61W2pQttrlUQkHUS0/RQgTRQxotBD30khEUEiQRtBBFVNBDQgVFRQ9FQZFYllYkLTh2BUXbzGhk3Ga+7zsxhRHSwgzjle7jvZf/73fOvZx7DwEAr9scgLUHAV4GIC12bgCPDoDuQohSunQmSD/g5oFG79mQar3wmd93DCAco2h0Wroeu0HBXwIhFxOvLb6i0fPGlbUnBxLcPzvL5G1XSMkhXrsp1K4aCwe68v4CsU6M1JMfxwS4XlaN9bL6PtZUU9T6fwqM0zk5Q2nEZWZT16iebtSImkQ6mHAHsnXBfknO5l7btZOF+dwk6+57K2AKj0moNZ9s0+wRImOlK2vPeiowxRSUCTjFFvqUhWlzZe1pTwUm2fnFPk4pi0E1une58tlFTwXG61n5QyjtWgzaTaE1zeLlI08F/Ej1TTRzXwOkWuyrGZ3O105PBcgwTUHREwJlhNG2tFUGGzwVyLSzl6fwsPPfv6SwlQ14uJ4lcbwSCc+BgFl4mZhytYiWK/Yd0Bw55Kqa454IjLcz5wzh9JsakcOurDmaZfO2Kfbv0SKy26WaingkEupAwCysACjQIuoWd1G4OwbM0vlbFfn2GoqeiHDPA0XOGLZIEyATpUjjO/nm4e/GddwCE0xuYSqGX9XoLQNsmNhZIEnOAygTAP2peoa5F5TVG/pfj1sgYBZdJ1DezyBmBsE1ZJ+zjb6CEKmKnRKARjLs7V50Vij25yr4ttSrqmkJC4w203OHI30fQSwAuNmwvh9FpDIkP1Z/pfdffg1OMen+DJq8wse+FQQ1F4xhGpHTrqo5EreAgiMzzbxdCmoHAAlwS7N9uaTb6eiJ52X7071/fQSxaZdp5pwjiKV9AT0ULm4SL24lAx7L+KtAtinYJ9nZxMT1BJrBMDeCsnpbsuD/FAiYRUGAawmiiGHr28XbVe3UFvZMINsUlktWq5nsnQ+isbSDPoaSCf9nB5IN+11e3HMg2VJ9AoO9mAz2ajbYy+n3n4pBXM+/ATjC9gCt+Q2sAAAAAElFTkSuQmCC); } html body .fileType-wrap .folder { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAByUlEQVRYR+2XPU8bQRCG33f2/CEh8SGhKL+ABGjoQQmKSJEuRf5A6jRpkyIlpkKRImr+ANRIECEF8QNoQkGdD5TOjiLd2d6ZaE/QGBst9p2Ogi1v53aefWdnRkMA6GyuLVCsZYYNANPhW4mrQ+KrKT9Mfzy9YO6cdgJgx0l/9x+SdonOMYX+jNfkLYB3ZnzGv1ur+zCcpYLPZToePLupeA9ihZ3WajuR/nLZNx8ECEr0NfkeACyT0uM+VNyGovMAcP8VaCr2QLw0A68C6Ul8SYlPk2ZN1BtoGtqmeA6HP7lD7+dJOVSTF11n55NARAEEI3NuoWv+8tpZXbEp4Guj/hoJYDQAx5mgNcpmbADpdWcb0li/7fYeOkdyOxPMFQ4QI3ud7jG9v7itxkQrQCANet5lhRdrQLMQAAFf9VQvawB6YqxfkfQ0yTOjFjbCnjfmNt6YOM4r7KAQAIpfSuF+3EWBQkOAmi5mXn5WB2C6mLkqAQRPM2B0zg+RptgQGJ9kzn5XFoLBShgDUpgCN3pBjPe8Z+ARBd9SYmaiSjikG0YhkDAYjlLBm4kAoryNaRRVisc8O+q3B4B7o0C1g0n1o1nVw2nIlyrH8/+aF368ToxBnAAAAABJRU5ErkJggg==); } 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 .txt, html body .fileType-wrap .xlsx { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABI0lEQVRYR+2XoU5DQRBFz+yCQVDND1CBwTYhqLr6ejQGyxfU1qDxJLjiUIQPwFTAD1S3AgO7S0qbtGn6mH3kbXbFW7k7mbn3zt1JRgDC08UpwY2AfoDj5V2qI7AAnhF7K4PXD1kXfwHuMP6er4N5quK/eQ+/O3hzBVwj9lLCpPcIvOHMOGnh3eTW3wDnSwBzjD9LznwXwEqJqfhJL4gzSftepWywftECqFbA+iGEozhjyifOPMTFbqL+boH17wFOYpIKzHCmGxO7HaMByKxAXTr/iC/8F9QyoUZ/v0k1D0SbUC1fYVINQA0TqhD2ftPCPaCRauC98BbUmISaGFWTsnAFNFoNvBeuQOuBBnqspWgnYRkKZF9M8q9mq80433Kaez3/AWCqLTiOlBrtAAAAAElFTkSuQmCC); } html body .custom-tips { top: 90px !important; min-width: 140px !important; height: 40px; background-color: rgba(0, 0, 0, 0.75) !important; border-color: rgba(0, 0, 0, 0.75) !important; } html body .custom-tips .el-message__content { color: #fff !important; text-align: center; width: 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-4b196659] { display: none; } .base-font[data-v-4b196659] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-4b196659] { margin: 0; padding: 0; } .wh100[data-v-4b196659] { width: 100%; height: 100%; } .clearfix[data-v-4b196659]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-4b196659] { zoom: 1; } .text-scale[data-v-4b196659] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-4b196659] { position: absolute; top: 0; right: 0; } .center[data-v-4b196659] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-4b196659] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-4b196659] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-4b196659] { color: #3aa60d; } .text-red[data-v-4b196659] { color: red; } .text-orange[data-v-4b196659] { color: #f60; } .fdc[data-v-4b196659] { 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-4b196659] { 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-4b196659] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-4b196659], .row[data-v-4b196659] { 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-4b196659] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-4b196659] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-4b196659], .row-end[data-v-4b196659] { 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-4b196659] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-4b196659] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-4b196659], .column[data-v-4b196659] { 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-4b196659] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-4b196659] { -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-4b196659], .column-left-start[data-v-4b196659] { 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-4b196659] { -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-4b196659] { -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-4b196659], .row-between[data-v-4b196659] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-4b196659] { -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; } .breadcrumb-content-wrap[data-v-4b196659] { height: 40px; padding: 10px 0; } .breadcrumb-content-wrap .breadcrumb[data-v-4b196659] { overflow: hidden; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item[data-v-4b196659] { float: left; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-cur-link[data-v-4b196659], .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-link[data-v-4b196659] { font-size: 12px; color: #999; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-link[data-v-4b196659]:hover { color: #2b99ff; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-separator[data-v-4b196659] { margin: 0 5px; font-size: 12px; color: #999; } .none[data-v-6665c4be] { display: none; } .base-font[data-v-6665c4be] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-6665c4be] { margin: 0; padding: 0; } .wh100[data-v-6665c4be] { width: 100%; height: 100%; } .clearfix[data-v-6665c4be]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-6665c4be] { zoom: 1; } .text-scale[data-v-6665c4be] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-6665c4be] { position: absolute; top: 0; right: 0; } .center[data-v-6665c4be] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-6665c4be] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-6665c4be] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-6665c4be] { color: #3aa60d; } .text-red[data-v-6665c4be] { color: red; } .text-orange[data-v-6665c4be] { color: #f60; } .fdc[data-v-6665c4be] { 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-6665c4be] { 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-6665c4be] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-6665c4be], .row[data-v-6665c4be] { 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-6665c4be] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-6665c4be] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-6665c4be], .row-end[data-v-6665c4be] { 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-6665c4be] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-6665c4be] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-6665c4be], .column[data-v-6665c4be] { 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-6665c4be] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-6665c4be] { -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-6665c4be], .column-left-start[data-v-6665c4be] { 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-6665c4be] { -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-6665c4be] { -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-6665c4be], .row-between[data-v-6665c4be] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-6665c4be] { -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; } .side-bar-navs[data-v-6665c4be] { position: relative; float: left; width: 240px; background-color: #fff; padding: 40px 0; } .side-bar-navs .menus-wrap .menu-item[data-v-6665c4be] { color: #999; margin-bottom: 10px; } .side-bar-navs .menus-wrap .menu-item .main-mune[data-v-6665c4be] { width: 100%; height: 40px; line-height: 40px; padding-left: 65px; color: #999; } .side-bar-navs .menus-wrap .menu-item .main-mune.main-mune-link[data-v-6665c4be] { display: block; border-left: 4px solid transparent; } .side-bar-navs .menus-wrap .menu-item .main-mune.main-mune-link.active[data-v-6665c4be], .side-bar-navs .menus-wrap .menu-item .main-mune.main-mune-link[data-v-6665c4be]:hover { border-left-color: #2b99ff; background: rgba(43, 153, 255, 0.1); color: #2b99ff; } .side-bar-navs .menus-wrap .menu-item .main-mune .menu-icon[data-v-6665c4be] { font-size: 18px; } .side-bar-navs .menus-wrap .menu-item .main-mune .menu-icon.iconcaiwu[data-v-6665c4be], .side-bar-navs .menus-wrap .menu-item .main-mune .menu-icon.iconxinxi3[data-v-6665c4be] { font-size: 16px; } .side-bar-navs .menus-wrap .menu-item .main-mune .menu-icon.icondaiban[data-v-6665c4be] { font-size: 17px; } .side-bar-navs .menus-wrap .menu-item .main-mune .menu-text[data-v-6665c4be] { font-size: 16px; margin-left: 5px; } .side-bar-navs .menus-wrap .menu-item .sub-menus[data-v-6665c4be] { color: #333; } .side-bar-navs .menus-wrap .menu-item .sub-menus a[data-v-6665c4be] { position: relative; display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 87px; border-left: 4px solid transparent; color: #333; } .side-bar-navs .menus-wrap .menu-item .sub-menus a.active[data-v-6665c4be], .side-bar-navs .menus-wrap .menu-item .sub-menus a[data-v-6665c4be]:hover { border-left-color: #2b99ff; background: rgba(43, 153, 255, 0.1); color: #2b99ff; } .side-bar-navs .menus-wrap .menu-item .sub-menus a .my-lesson[data-v-6665c4be] { position: absolute; color: #f60; font-size: 12px; margin-left: 5px; top: -10px; } .side-bar-navs .menus-wrap .menu-item .sub-menus a .subscribes-hint[data-v-6665c4be] { opacity: 0; position: absolute; left: 35px; top: 50%; -webkit-transform: translateY(-10px); transform: translateY(-10px); display: inline-block; height: 20px; line-height: 20px; width: 47px; font-size: 10px; font-weight: 700; text-align: center; color: #fff; background-color: #e00; border-radius: 20px; } .side-bar-navs .menus-wrap .menu-item .sub-menus a .new-icon[data-v-6665c4be] { position: absolute; left: 35px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 47px; height: 20px; } .side-bar-navs .menus-wrap .menu-item .sub-menus .router-link[data-v-6665c4be] { cursor: pointer; } .placeholder-container[data-v-32a03b6e] { margin-top: -80px; height: 80px; background-color: #fff; display: none; } #public-container .main-content[data-v-456f230f] { float: right; width: 950px; background-color: #fff; } #public-container .width1200[data-v-456f230f] { width: 1200px; background-color: #f5f5f5; } #public-container .after-choose-add[data-v-456f230f] { padding-left: 380px; width: 100%; } #public-container .main-content[data-v-01b39def] { float: right; width: 1200px; background-color: #fff; } #public-container .after-choose-add[data-v-01b39def] { padding-left: 380px; width: 100%; } .bind-phone-dialog .el-dialog__header { padding: 0; } .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn { top: 10px; right: 16px; } .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: grey; font-size: 20px; } .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover { color: #2b99ff; } .bind-phone-dialog .el-dialog__body { padding: 0; } .bind-phone-dialog .el-dialog__body .hd { width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; color: #333; padding: 0 30px; border-bottom: 1px solid #f2f2f2; } .bind-phone-dialog .el-dialog__body .tips { text-align: center; color: #f60; line-height: 24px; padding: 25px 120px; font-size: 15px; } .bind-phone-dialog .el-dialog__body .form-wrap { padding: 0 120px; } .bind-phone-dialog .el-dialog__body .form-wrap .form-item { 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; margin-bottom: 20px; border-radius: 2px; border: 1px solid #eee; } .bind-phone-dialog .el-dialog__body .form-wrap .form-item .el-input.code-input { width: 55%; } .bind-phone-dialog .el-dialog__body .form-wrap .form-item .el-input .el-input__inner { border: none; } .bind-phone-dialog .el-dialog__body .form-wrap .form-item .code-wrap { width: 45%; height: 40px; line-height: 40px; text-align: right; padding-right: 10px; cursor: pointer; color: #2b99ff; } .bind-phone-dialog .el-dialog__body .form-wrap .form-item .code-wrap.disabled { color: #999; cursor: not-allowed; } .bind-phone-dialog .el-dialog__footer { padding: 0 120px 50px 120px; } .bind-phone-dialog .el-dialog__footer .jx-button { width: 100%; border-radius: 3px !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; } #index-container { width: 100%; } #index-container .resouces { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #index-container .resouces, #index-container .resouces .needy-resouces { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #index-container .resouces .needy-resouces { font-size: 14px; color: #333; } #index-container .resouces .needy-resouces .icon { color: #f60; font-size: 18px; margin-right: 5px; } #index-container .resouces .needy-resouces .detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2b99ff; } #index-container .upload-enterance { width: 100%; padding: 20px 30px; background-color: #fff; } #index-container .upload-enterance > div { height: 230px; 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; } #index-container .upload-enterance > div .el-upload { width: 50%; height: 100%; } #index-container .upload-enterance > div .el-upload .el-upload-dragger { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: none; width: 100%; height: 100%; } #index-container .upload-enterance > div .el-upload .el-upload-dragger, #index-container .upload-enterance > div .el-upload .el-upload-dragger .upload-btn { 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; } #index-container .upload-enterance > div .el-upload .el-upload-dragger .upload-btn { width: 182px; height: 46px; color: #fff; background-color: #f60; font-size: 16px; border-radius: 2px; margin-bottom: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #index-container .upload-enterance > div .el-upload .el-upload-dragger .upload-btn:hover { background-color: #f50; } #index-container .upload-enterance > div .el-upload .el-upload-dragger .upload-btn .icon { margin-right: 8px; font-size: 14px; } #index-container .upload-enterance > div .el-upload .el-upload-dragger .el-upload__text { color: #999; font-size: 14px; } #index-container .upload-intro { margin: 0 30px; padding: 30px 0; border-top: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #index-container .upload-intro .icon-tit { margin-bottom: 10px; } #index-container .upload-intro .icon-tit .icon { vertical-align: top; } #index-container .upload-intro .icon-tit .tit-text { font-size: 18px; font-weight: 600; color: #333; } #index-container .upload-intro .link { color: #2b99ff; } #index-container .upload-intro .left { width: 50%; padding-right: 30px; } #index-container .upload-intro .left .top { margin-bottom: 30px; } #index-container .upload-intro .left .top dd { line-height: 24px; } #index-container .upload-intro .left .top dd span { display: inline-block; width: 14px; height: 16px; vertical-align: sub; margin-right: 10px; } #index-container .upload-intro .left .top dd .doc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAABxUlEQVQ4T53TTUhUURTA8f9543wojc6IUUlSlkbqvLYthMA2xdBKy0zog0CElJTcGAniwl3YwhZlEKUIpbWMiCBo1aICdUprIEF0So3KDxzxTe/deE+KBmfo0VldLufH+bhc4T9Dqrve9olYJ7N501Ry4tiBJ2MLc5dH6yPG7zyp7nodE5FIdmhxvkFHPNrdD+8XW2/Ul6zbua7gudM6Bfl+1pLG6MTM7Nn+aPmGa5gf9CECyY2fQ88mFpv/CZVSlJWG2bcn5EwjmuL7kjGSBi2lUAo8mmCf7dBEME37rBC75Ga8S4OHSvKoKM5j+NVXjkfCrKcsXn5c5uKRHbyZXmXys7MXlFLpUC/OpbOulFN9Me5fqsRImTTdifOoQ+fKvTjzK6nMMODVeNhWRedgnKu1e/H7PHQ/+ERv437O9E9hOC1nqKgJ3LxQzmRijWAgh2BAI/HDYFfIz7WR6T8zbmnVshTt0d3UVIUZeJ6gcJuX2sPbeTr2jYEXX5xFZaxor/7owQJ6Gsuoux4j1ysMt+u03J5ifC7pvGNGaF/maEJR0MvCsuEk7gz5mF8ysDbHyw7dfJYtM7pBf7d6S4SoW+RAi8e/ALsk4Alk90QQAAAAAElFTkSuQmCC) no-repeat 50%; } #index-container .upload-intro .left .top dd .ppt { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABi0lEQVQ4T42Su0oDYRCFz/wbgmg0YoJWggHFwhQ+h4iFiFY2FppCgpcmEBQvvQgBtdHGzqDYeHkBK0HwUqggCYhBQwxrEoxrdnfkX40uuKuZcjjfnDnD0M1wzwqIhuBSbOjUPjh2kLo9jYYXku9VGV0Phy+JEHYFdR2hyDwUoi3lYm+SZpJlqa0NnJiDtzkAvagm0/sno12JhFYbGJmDt6kFIELltbD9dJac+B9kRmN3L3ydX2mEgJ572HEACcLXZE0HA6yVYWoyFtvPcPUDMgMEKP4gOlaPoWVSEN46kEfBYyKGt7tzkBQQgRk2UM5khqdZgkdIT/fDKOTROr4IYhOP63GQEJbr3+DsAMyiirbIMoySiuzmEkgozqDsCn8QodVDVLIZiHofdDWHp7UY3jMpkMzt5Cibij9grXofH4FeyMN8LYGNCog+13QFhT+AkMw41QfjJWcFsurLzRWkugYER6J43knALJccP/HXcap7yOtaeWwu9gnOoNu32/pVcIMIfTXovyXEvPsB9TLOG4T8y8gAAAAASUVORK5CYII=) no-repeat 50%; } #index-container .upload-intro .left .top dd .mp3 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAABtklEQVQ4T5XTTU8TURTG8f/t3GEmM4W0VJFWmhSCkAghUYhj4kJXhgRcsmLjQnSlxI3s/AIuTNwZIys3hg/AApQFKxJeSqjUYNwYeRHTVoo0jTBzTUeBJnZIvdv7/HLuOSdX8H61G1f0E3g0RlLN6alL8fXqiGD2wxKoq4HO85h0una/H7hDEwl78TgnmFlbQ4jes+Cba12ctxoK6XxpZKI1/K6SrRvGTQM3pPbSP37eedLSNF8HVDzrS+FEw/6jlKZynwu/7gZD5ceQIUGj1DBE6KSbIyFWa8K4ruFELIbPNXIrYrNQLDGa2aw09ucolfkHJnSNRaeTbKnMTO6A6d0i95LNPNzYOZ1fLdhu6oxdjLKyX6YnbCCBC4ZkLLt9NkwZkqcdLbz8mmd5v8yh5/G8O8HjT3VUvB0L+zBp6gxGbQYiFg8+BlVUirghcZosWg3pw7n+dm5GbV58yTG+sQ3i73Sqe4zJEGmnkzZT5352i1ebeW5ELC7bJm+/7VF0vdo9SgGPkjEOPcXrrQIlT1XW6O/ypNIxrTXV4F9SdePD2cwycKUucBpaEcytX+fIG/gv6DL/G5b3weKvRM1KAAAAAElFTkSuQmCC) no-repeat 50%; } #index-container .upload-intro .left .top dd .mp4 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAABf0lEQVQ4T5WTzUtCQRTFz/Vplp/QQlu4adEmalFRbdNVJUGL2veh0P8RtMltEBFFu9atgogEoyAsqcQgaFMEIpi8JPHjvZkYnz6fmlazG+b8zj33zgxl57aGLWSdQsfFyDkxFKfNxUejhPLB7VsOGu/EcYXBuRbIUC4fpA1/vK6jz2BEOI10Ax0hP0wue055Sy9bQoFzof076LaBc5LV18yCJTwT+x1UGWxL0zAPerRQJGXVTG6lHeTilANEjfRmE6i3R9+bOO4boACE1m6F5OuHmnoHTKQZ8KqbJtD8ks0VOQcNuGHfXYUSfULpMAYmF2pawekpWkGAvC44DsJVW/bxhdJRDMpFClBZN5CDvG4drDdVOX1Acees2npttVQUaTyNirxQRvn4GuWTBFBRulQUoNcF+9461JsXFPej4Gm5NhfDlNuGI0BXH6RRH5TL5+YraX5a7VH10Rvvsf09/gB2/ibGkyTJ85E7Ioz9Ta+pOEeC5NnIJJfYv0AGuvoGdiOoe7JvqXMAAAAASUVORK5CYII=) no-repeat 50%; } #index-container .upload-intro .left .top dd .img { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAABsElEQVQ4T52TT0jTYRjHP8/PuZUmc0UMkvzDZmswgh26BF1khzCCFAkvdgsv4r1beRKELrvEhAI91dJDEXSNDpGn0AVF/xRCGUzQps5tv71vvK+5Gm41fG/Py/N5vt/3+76vcMwl0UzqgWgZacS7Wsmdvssvl9a+TKZjt0qHfRJdnl0RIdYQVIqpSALxOI+etWxMpOVKwfQ2Bd6PDHDG186Wu59+s/pxLNk/WGwaPO1rQxB+lsvzT7Lvxv8Laq2Jd57j0qmgPY3gsOHmn9aAArQ7XnZUNQPbbGD1VwiCzlRBDdzwh7jXdZXb31/wYS+H2RMzTQuIrbCl5g9oBna1djAcuMDj3Ap5VSTeFmTbLfKttPXbpsHqgGamsWVVgFTPNXJugbs/XiNyoNYA1HS0eCmqCr1ePwvhIVytGV97xdLOuoXrgmZmsjvB+70svT4/Q4GIbfy0v8no1+eUdOUoaCxe7wwxc36AgnJpFQePONUsp9ffMreZsao14Zz1nGQxPEzAc6Lu68tXStz8vEjW3a0FHcSq/GuVtUKhj15Hsz/MWr24nHroiAw2Cx2kqhZ+ARZq0/rTDRZ9AAAAAElFTkSuQmCC) no-repeat 50%; } #index-container .upload-intro .left .top dd .pdf { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAABa0lEQVQ4T52TwSuDcRjHP793V5PYJkIbQ/QeROLi5iA3tVHYYS4OtIOctb+AgwMnFzcSDiaZlYsLEV5RWi2y5mJDtraaV693svDy5qnf7fk83+f7/fUI/llC9fhnEXgM+fyroK93i3g0IILB3EefUL1j54BsDObBNwiSWCJ6NSmmpjJarzlw1AulVnhJrxK+9on5QNY8aC0BISCTXSaijP8Oqipoz10PrlrdjZAgmVoxBjWgpxua3LATgdu7ohiEYgxKAoYG4OAQGl2wu6+vqtcf4IgXcjnY3oOn5+Lgv4Daeu8+CpNnpmEjBKcXxWpFiqoqY6+AjjZIZyBxD63NUFMN61sQT3z95oJiPi/jH4ajE5BbwGGH1CNUVULsFlY39XS/edQUHTbobAflEmI3epMkwfQEPCQhFNaVdfgHj59TdZUGJ3R1gN0GcwtgsfyR6ocrDXbWQXkZHJ8ZKJo/MUU7q0UE/eYZQBVrbz8cnXXtE3wNAAAAAElFTkSuQmCC) no-repeat 50%; } #index-container .upload-intro .left .bot dd { line-height: 24px; } #index-container .upload-intro .right { width: 50%; padding-left: 30px; border-left: 1px solid #eee; } #index-container .upload-intro .right .upload-list { margin-top: 15px; width: 100%; } #index-container .upload-intro .right .upload-list .list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #666; white-space: nowrap; } #index-container .upload-intro .right .upload-list .list-item + .list-item { margin-top: 10px; } #index-container .upload-intro .right .upload-list .list-item .order { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 2px; color: #666; margin-right: 25px; background-color: #eee; } #index-container .upload-intro .right .upload-list .list-item .order.order1 { background-color: #f60; color: #fff; } #index-container .upload-intro .right .upload-list .list-item .order.order2 { background-color: #fa8537; color: #fff; } #index-container .upload-intro .right .upload-list .list-item .order.order3 { background-color: #9e9e9e; color: #fff; } #index-container .upload-intro .right .upload-list .list-item .name { width: 150px; margin-right: 40px; overflow: hidden; } #index-container .upload-intro .right .upload-list .list-item .money { text-align: right; width: 100px; margin-left: 20px; color: red; overflow: hidden; } #index-container .upload-intro .right .no-ranks { width: 100%; min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; } #index-container .bind-phone-dialog .el-dialog__header { padding: 0; } #index-container .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn { top: 10px; right: 16px; } #index-container .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close { color: grey; } #index-container .bind-phone-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover { color: #2b99ff; } #index-container .bind-phone-dialog .el-dialog__body { padding-top: 30px; padding-bottom: 10px; } #index-container .bind-phone-dialog .el-dialog__body p { font-size: 14px; color: #333; text-align: center; line-height: 26px; } #index-container .bind-phone-dialog .warning-icon { width: 100%; height: 54px; margin-bottom: 18px; background: url(data:image/png;base64,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) no-repeat 50%; } #index-container .bind-phone-dialog .jx-button { border-radius: 2px !important; width: 95px; height: 34px; line-height: 32px; padding: 0; margin-bottom: 20px; background-color: #2b99ff; } #index-container .bind-phone-dialog .jx-button a { color: #fff; }