#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 { width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 8px; } #header-container .layout-content-wrap .layout-content .right .user-dropdown .dropdown-list .top .left .avatar img { width: 100%; height: 100%; border-radius: 50%; } #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.304014b6.woff2) format('woff2'), url(../fonts/iconfont.5f6cc213.woff) format('woff'), url(../fonts/iconfont.42e1c231.ttf) format('truetype'); } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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 #main-container { background-color: #f5f5f5; } html body #main-container input { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; } 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 .boutique-icon { position: relative; top: -1px; display: inline-block; line-height: 16px; color: #f60; margin-right: 3px; font-size: 16px; border-radius: 2px; text-align: center; } html body #main-container .doc-tag { width: 40px; height: 20px; display: inline-block; text-align: center; color: #2b99ff; border-radius: 13px; border: 1px solid #2b99ff; font-size: 12px; line-height: 20px; line-height: 18px\9; margin-left: 6px; } html body #main-container .close-icon { position: absolute; right: 12px; top: 5px; color: #999; cursor: pointer; } html body #main-container .is-free { color: #14b926; } html body #main-container .jx-btns { width: 100%; text-align: center; } html body #main-container .dialog-common-title { line-height: 50px; padding-left: 15px; font-size: 16px; border-bottom: 1px solid #eee; text-align: left; } html body #main-container .jx-btn { display: inline-block; vertical-align: middle; border-radius: 4px; padding: 0 10px; min-width: 80px; height: 36px; line-height: 36px; line-height: 36px\9; text-align: center; cursor: pointer; } html body #main-container .jx-btn.primary { background-color: #2b99ff; color: #fff; margin-right: 6px; border: 1px solid #2b99ff; } html body #main-container .jx-btn.plain { border: 1px solid #2b99ff; color: #2b99ff; } html body #main-container .warning-img { height: 54px; background: url(data:image/png;base64,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) 50% no-repeat; } html body #main-container .doc-files { display: inline-block; width: 14px; height: 14px; background-repeat: no-repeat; background-size: 14px; vertical-align: middle; margin-right: 5px; } html body #main-container .doc-files.ppt, html body #main-container .doc-files.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 #main-container .doc-files.doc, html body #main-container .doc-files.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 #main-container .doc-files.amrra, html body #main-container .doc-files.flav, html body #main-container .doc-files.flvc, html body #main-container .doc-files.m3a, html body #main-container .doc-files.m4a, html body #main-container .doc-files.mp3, html body #main-container .doc-files.ogg, html body #main-container .doc-files.wav, html body #main-container .doc-files.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 #main-container .doc-files.rar, html body #main-container .doc-files.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 #main-container .doc-files.bmp, html body #main-container .doc-files.gif, html body #main-container .doc-files.image, html body #main-container .doc-files.jpeg, html body #main-container .doc-files.jpg, html body #main-container .doc-files.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 #main-container .doc-files.db, html body #main-container .doc-files.other, html body #main-container .doc-files.qlv, html body #main-container .doc-files.qsv, html body #main-container .doc-files.rtf, html body #main-container .doc-files.tmp, html body #main-container .doc-files.txt, html body #main-container .doc-files.wps, html body #main-container .doc-files.wpt, html body #main-container .doc-files.xls, html body #main-container .doc-files.xlsx { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABI0lEQVRYR+2XoU5DQRBFz+yCQVDND1CBwTYhqLr6ejQGyxfU1qDxJLjiUIQPwFTAD1S3AgO7S0qbtGn6mH3kbXbFW7k7mbn3zt1JRgDC08UpwY2AfoDj5V2qI7AAnhF7K4PXD1kXfwHuMP6er4N5quK/eQ+/O3hzBVwj9lLCpPcIvOHMOGnh3eTW3wDnSwBzjD9LznwXwEqJqfhJL4gzSftepWywftECqFbA+iGEozhjyifOPMTFbqL+boH17wFOYpIKzHCmGxO7HaMByKxAXTr/iC/8F9QyoUZ/v0k1D0SbUC1fYVINQA0TqhD2ftPCPaCRauC98BbUmISaGFWTsnAFNFoNvBeuQOuBBnqspWgnYRkKZF9M8q9mq80433Kaez3/AWCqLTiOlBrtAAAAAElFTkSuQmCC); } html body #main-container .doc-files.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 #main-container .doc-files.avi, html body #main-container .doc-files.exe, html body #main-container .doc-files.flv, html body #main-container .doc-files.kux, html body #main-container .doc-files.mov, html body #main-container .doc-files.mp4, html body #main-container .doc-files.mpeg, html body #main-container .doc-files.mpg, html body #main-container .doc-files.mtv, html body #main-container .doc-files.mvb, html body #main-container .doc-files.rm, html body #main-container .doc-files.rmv, html body #main-container .doc-files.rmvb, html body #main-container .doc-files.swf, html body #main-container .doc-files.ts, html body #main-container .doc-files.video, html body #main-container .doc-files.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 .el-message { 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 .el-message .el-message__content, html body .el-message .el-message__icon { color: #fff !important; text-align: center; width: 100%; } html body .el-dialog__header { display: none; } html body .arrow { text-align: right; width: 1px; margin-top: -5px; } html body .arrow.arrow-top { position: absolute; top: -1px; left: 50%; margin-left: -6px; font-size: 0; line-height: 0; border-width: 0 6px 6px; border-color: #fff transparent; border-style: dashed dashed solid; border-bottom-color: #eee; } html body .arrow.arrow-top:after { position: absolute; content: ' '; border-width: 6px; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; top: 1px; margin-left: -6px; border-top-width: 0; border-bottom-color: #fff; } .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-46d52e20] { display: none; } .base-font[data-v-46d52e20] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-46d52e20] { margin: 0; padding: 0; } .wh100[data-v-46d52e20] { width: 100%; height: 100%; } .clearfix[data-v-46d52e20]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-46d52e20] { zoom: 1; } .text-scale[data-v-46d52e20] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-46d52e20] { position: absolute; top: 0; right: 0; } .center[data-v-46d52e20] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-46d52e20] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-46d52e20] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-46d52e20] { color: #3aa60d; } .text-red[data-v-46d52e20] { color: red; } .text-orange[data-v-46d52e20] { color: #f60; } .fdc[data-v-46d52e20] { 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-46d52e20] { 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-46d52e20] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-46d52e20], .row[data-v-46d52e20] { 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-46d52e20] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-46d52e20] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-46d52e20], .row-end[data-v-46d52e20] { 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-46d52e20] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-46d52e20] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-46d52e20], .column[data-v-46d52e20] { 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-46d52e20] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-46d52e20] { -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-46d52e20], .column-left-start[data-v-46d52e20] { 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-46d52e20] { -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-46d52e20] { -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-46d52e20], .row-between[data-v-46d52e20] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-46d52e20] { -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; } .course-info[data-v-46d52e20] { background-color: #fff; } .course-info .inner[data-v-46d52e20] { width: 1200px; height: 58px; line-height: 58px; background-color: #fff; -webkit-box-shadow: 0 0 32px 16px hsla(0, 0%, 68.6%, 0.1); box-shadow: 0 0 32px 16px hsla(0, 0%, 68.6%, 0.1); border-radius: 6px 6px 0 0; margin: 0 auto; padding: 0 25px; } .course-info .inner .course-info[data-v-46d52e20] { font-size: 16px; color: #333; } .course-info .inner .course-info span[data-v-46d52e20] { color: #2b99ff; font-weight: 600; } .course-info .inner .course-info em[data-v-46d52e20] { color: #2b99ff; font-size: 18px; } .course-info .inner .course-info .toggle-course-btn[data-v-46d52e20] { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; border-radius: 4px; border: 1px solid #666; font-size: 12px; color: #666; cursor: pointer; margin-left: 10px; font-weight: 400; } .course-info .inner .course-info .toggle-course-btn[data-v-46d52e20]:hover { color: #2b99ff; border-color: #2b99ff; } .course-info .course-info-dialog[data-v-46d52e20] .el-dialog { border-radius: 5px; overflow: hidden; } .course-info[data-v-46d52e20] .el-dialog__body { padding: 0; background: url(../img/bkc_course_bg.80a5c4dc.png) no-repeat; background-size: cover; overflow: hidden; height: 465px; } .course-info .site-intro[data-v-46d52e20] { width: 200px; height: 100%; background-color: hsla(0, 0%, 96.5%, 0.5); padding: 30px 20px 0; float: left; } .course-info .site-intro .tit[data-v-46d52e20] { font-size: 12px; color: #666; margin-bottom: 15px; } .course-info .site-intro .reason-wrap .reason-item[data-v-46d52e20] { margin-bottom: 18px; } .course-info .site-intro .reason-wrap .reason-item[data-v-46d52e20]:last-child { margin-bottom: 0; } .course-info .site-intro .reason-wrap .reason-item h6[data-v-46d52e20] { position: relative; display: inline-block; font-size: 16px; line-height: 150%; -webkit-transform: matrix(0.98, 0, -0.18, 1, 0, 0); transform: matrix(0.98, 0, -0.18, 1, 0, 0); margin-bottom: 6px; color: #333; font-weight: 700; } .course-info .site-intro .reason-wrap .reason-item h6 .line[data-v-46d52e20] { position: absolute; width: 140%; height: 4px; margin-top: -8px; opacity: 0.5; z-index: -1; background: -webkit-gradient(linear, left top, right top, from(#fea821), to(#f2f2f2)); background: linear-gradient(90deg, #fea821, #f2f2f2); } .course-info .site-intro .reason-wrap .reason-item .tips[data-v-46d52e20] { font-size: 12px; font-family: AlibabaPuHuiTiR; color: #999; line-height: 17px; } .course-info .course-info-content[data-v-46d52e20] { position: relative; width: 600px; padding: 25px 0; float: right; } .course-info .course-info-content .close[data-v-46d52e20] { position: absolute; right: 12px; top: 12px; font-size: 28px; color: #999; cursor: pointer; } .course-info .course-info-content .close[data-v-46d52e20]:hover { color: #2b99ff; } .course-info .course-info-content .title[data-v-46d52e20] { font-size: 24px; font-weight: 600; color: #000; line-height: 33px; margin-bottom: 24px; padding: 0 25px; } .course-info .course-info-content .title a[data-v-46d52e20] { color: #2b99ff; font-size: 14px; margin-left: 10px; font-weight: 400; } .course-info .course-info-content .title a i[data-v-46d52e20] { vertical-align: bottom; } .course-info .course-info-content .course-filter[data-v-46d52e20] { overflow: hidden; padding: 0 25px 15px 25px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; } .course-info .course-info-content .course-filter > div[data-v-46d52e20] { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course-info .course-info-content .course-filter > div div[data-v-46d52e20] { color: #666; cursor: pointer; } .course-info .course-info-content .course-filter > div div.active[data-v-46d52e20] { color: #2b99ff; font-weight: 600; } .course-info .course-info-content .course-filter > div > i[data-v-46d52e20] { float: left; color: #ccc; font-size: 14px; padding: 0 30px; } .course-info .course-info-content .course-list[data-v-46d52e20] { padding: 30px 30px 0; height: 260px; overflow-y: auto; } .course-info .course-info-content .course-list .list .empty-tips[data-v-46d52e20] { padding: 90px 0; color: #999; text-align: center; } .course-info .course-info-content .course-list .list .course-item[data-v-46d52e20] { position: relative; float: left; height: 36px; line-height: 36px; border-radius: 18px; border: 1px solid #ccc; margin-right: 16px; margin-bottom: 14px; text-align: center; padding: 0 20px; cursor: pointer; } .course-info .course-info-content .course-list .list .course-item.active[data-v-46d52e20], .course-info .course-info-content .course-list .list .course-item[data-v-46d52e20]:hover { background-color: #2b99ff; color: #fff; border-color: #2b99ff; } .course-info .course-info-content .course-list .list .course-item:hover .h-title[data-v-46d52e20] { display: block; } .course-info .course-info-content .course-list .list .course-item .h-title[data-v-46d52e20] { position: absolute; top: -28px; left: 50%; z-index: 999; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; padding: 1px 8px; color: #fff !important; line-height: 20px; font-size: 12px; background-color: #000; border-radius: 4px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: none; } .course-info .course-info-content .course-list .list .course-item .h-title .h-title-arrow[data-v-46d52e20] { position: absolute; bottom: -7px; left: 50%; margin-left: -7px; display: inline-block; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #000 transparent transparent; padding-bottom: 3px; } .course-info .course-info-content .selected-course[data-v-46d52e20] { padding: 0 25px; height: 46px; line-height: 46px; margin-top: 10px; overflow: hidden; } .course-info .course-info-content .selected-course .course-text[data-v-46d52e20] { float: left; max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .course-info .course-info-content .selected-course .course-text .label[data-v-46d52e20] { color: #666; font-weight: 400; } .course-info .course-info-content .selected-course .course-text .text[data-v-46d52e20] { font-weight: 600; color: #333; } .course-info .course-info-content .selected-course .comfirn-btn[data-v-46d52e20] { float: right; width: 130px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; font-size: 16px; } .course-info .course-info-content .selected-course .comfirn-btn.disabled[data-v-46d52e20] { background-color: #f2f2f2; color: #666; cursor: not-allowed; } .course-info .course-info-content .selected-course .comfirn-btn.active[data-v-46d52e20] { background-color: #2b99ff; color: #fff; cursor: pointer; } .none[data-v-27f34983] { display: none; } .base-font[data-v-27f34983] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-27f34983] { margin: 0; padding: 0; } .wh100[data-v-27f34983] { width: 100%; height: 100%; } .clearfix[data-v-27f34983]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-27f34983] { zoom: 1; } .text-scale[data-v-27f34983] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-27f34983] { position: absolute; top: 0; right: 0; } .center[data-v-27f34983] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-27f34983] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-27f34983] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-27f34983] { color: #3aa60d; } .text-red[data-v-27f34983] { color: red; } .text-orange[data-v-27f34983] { color: #f60; } .fdc[data-v-27f34983] { 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-27f34983] { 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-27f34983] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-27f34983], .row[data-v-27f34983] { 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-27f34983] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-27f34983] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-27f34983], .row-end[data-v-27f34983] { 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-27f34983] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-27f34983] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-27f34983], .column[data-v-27f34983] { 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-27f34983] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-27f34983] { -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-27f34983], .column-left-start[data-v-27f34983] { 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-27f34983] { -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-27f34983] { -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-27f34983], .row-between[data-v-27f34983] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-27f34983] { -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; } .login-modal[data-v-27f34983] .el-dialog__body { overflow: hidden; padding: 0; } .login-modal .fl[data-v-27f34983] { float: left; } .login-modal .fr[data-v-27f34983] { float: right; } .login-modal .sending-sms[data-v-27f34983] { color: #ccc !important; cursor: not-allowed !important; } .login-modal .disabled[data-v-27f34983] { background-color: #a0cfff !important; border-color: #a0cfff !important; cursor: not-allowed; } .login-modal .welcome-side[data-v-27f34983] { position: relative; float: left; width: 312px; height: 490px; background: -webkit-gradient(linear, left top, left bottom, from(#2b99ff), to(#326ddc)); background: linear-gradient(180deg, #2b99ff, #326ddc); } .login-modal .welcome-side h2[data-v-27f34983] { margin: 50px 0 0 40px; color: #fff; font-size: 26px; } .login-modal .welcome-side h2 span[data-v-27f34983] { display: inline-block; padding-bottom: 8px; border-bottom: 2px solid #fff; } .login-modal .welcome-side .site-advantages[data-v-27f34983] { margin: 40px 0 0 40px; } .login-modal .welcome-side .site-advantages li[data-v-27f34983] { margin-bottom: 20px; color: #fff; } .login-modal .welcome-side .site-advantages li i[data-v-27f34983] { font-size: 14px; margin-right: 5px; } .login-modal .welcome-side .img-welcom[data-v-27f34983] { position: absolute; bottom: 0; left: 0; } .login-modal .welcome-side .img-welcom img[data-v-27f34983] { height: 168px; } .login-modal .auth-wrap[data-v-27f34983] { width: 548px; height: 490px; float: left; } .login-modal .code-wrap[data-v-27f34983] { position: relative; margin: 0 auto 20px; width: 200px; height: 200px; } .login-modal .code-wrap .code[data-v-27f34983] { position: absolute; top: 50%; left: 50%; z-index: 2; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; border: 1px solid #eee; -webkit-transition: all 0.6s; transition: all 0.6s; } .login-modal .code-wrap .code.slide[data-v-27f34983] { left: 5px; } .login-modal .code-wrap .code.reset[data-v-27f34983] { left: 50%; } .login-modal .code-wrap .code .code-content[data-v-27f34983] { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; } .login-modal .code-wrap .code .code-content > img[data-v-27f34983] { width: 100%; height: 100%; } .login-modal .code-wrap .code .code-content .qrcode-loading[data-v-27f34983] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; } .login-modal .code-wrap .code .code-content .qrcode-loading .qrcode-img[data-v-27f34983] { width: 100%; height: 100%; } .login-modal .code-wrap .code .code-content .qrcode-loading .loading-img[data-v-27f34983] { padding-top: 72px; } .login-modal .code-wrap .wechat-alert[data-v-27f34983] { position: absolute; top: 0; z-index: 1; right: -48%; width: 167px; height: 200px; overflow: hidden; -webkit-transition: all 2s; transition: all 2s; } .login-modal .code-wrap .wechat-alert.slide[data-v-27f34983] { opacity: 1; display: block; } .login-modal .code-wrap .wechat-alert.reset[data-v-27f34983] { opacity: 0; display: none; } .login-modal .code-wrap .wechat-alert img[data-v-27f34983] { width: 100%; } .login-modal .text-wrap[data-v-27f34983] { line-height: 17px; text-align: center; } .login-modal .text-wrap .use-wechat[data-v-27f34983] { margin-bottom: 4px; letter-spacing: 1px; } .login-modal .text-wrap .use-wechat i[data-v-27f34983] { color: #14b926; margin-right: 5px; } .login-modal .text-wrap .gift[data-v-27f34983] { color: #f60; font-size: 12px; } .login-modal .text-wrap .register-gift .register-gift-icon[data-v-27f34983] { display: inline-block; margin-right: 5px; vertical-align: sub; width: 14px; height: 15px; background: url(../img/comm_sprites.a693b8e8.png) -10px -270px; } .login-modal .text-wrap .register-gift .gift-text[data-v-27f34983] { font-size: 12px; color: #f60; line-height: 20px; vertical-align: middle; } .login-modal .jx-input-wrap[data-v-27f34983] { position: relative; margin-bottom: 30px; } .login-modal .jx-input-wrap .iconfont[data-v-27f34983], .login-modal .jx-input-wrap .prefix-text[data-v-27f34983] { left: 13px; } .login-modal .jx-input-wrap .iconfont[data-v-27f34983], .login-modal .jx-input-wrap .prefix-text[data-v-27f34983], .login-modal .jx-input-wrap .suffix-text[data-v-27f34983] { position: absolute; top: 50%; margin-top: -12px; color: #ccc; } .login-modal .jx-input-wrap .jx-input[data-v-27f34983] { width: 300px; height: 42px; line-height: 42px; border: 1px solid #ccc; padding-left: 36px; color: #333; } .login-modal .login-button[data-v-27f34983], .login-modal .register-button[data-v-27f34983] { width: 300px; height: 42px; color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 10px 0; } .login-modal .login-wrap[data-v-27f34983] { overflow: hidden; color: #333; } .login-modal .login-wrap .tab-choose[data-v-27f34983] { overflow: hidden; width: 300px; padding: 0 40px 10px; margin: 54px auto 40px; border-bottom: 1px solid #eee; } .login-modal .login-wrap .tab-choose .login-way[data-v-27f34983] { position: relative; height: 22px; font-size: 16px; line-height: 22px; cursor: pointer; } .login-modal .login-wrap .tab-choose .login-way.active[data-v-27f34983] { color: #2b99ff; } .login-modal .login-wrap .tab-choose .login-way.active[data-v-27f34983]:after { content: ''; position: absolute; bottom: -10px; left: 50%; width: 100%; height: 4px; margin-left: -50%; background-color: #2b99ff; } .login-modal .login-wrap .tab-choose .space[data-v-27f34983] { margin-left: 40px; width: 1px; height: 20px; background: #eee; } .login-modal .login-wrap .phone-wrap[data-v-27f34983] { position: relative; padding: 0 125px; } .login-modal .login-wrap .phone-wrap .error-wrap[data-v-27f34983] { position: absolute; display: none; top: -5px; left: auto; width: 300px; height: 22px; margin-top: -22px; background-color: snow; border: 1px solid snow; } .login-modal .login-wrap .phone-wrap .error-wrap .login-error[data-v-27f34983] { display: inline-block; width: 14px; height: 14px; background: url(../img/comm_sprites.a693b8e8.png) -10px -202px; margin: 0 5px 0 10px; position: relative; top: 2px; } .login-modal .login-wrap .phone-wrap .error-wrap .alert-message[data-v-27f34983] { color: #e00; } .login-modal .login-wrap .phone-wrap .error-wrap.error[data-v-27f34983] { display: block; } .login-modal .login-wrap .phone-wrap .forget[data-v-27f34983] { text-align: right; } .login-modal .login-wrap .phone-wrap .forget a[data-v-27f34983] { font-size: 12px; color: #999; line-height: 17px; } .login-modal .login-wrap .phone-wrap .forget a[data-v-27f34983]:hover { color: #2b99ff; } .login-modal .login-wrap .others[data-v-27f34983] { overflow: hidden; padding-left: 180px; margin: 30px 0 25px 0; font-size: 12px; color: #666; } .login-modal .login-wrap .others .login-way-qq[data-v-27f34983] { cursor: pointer; } .login-modal .login-wrap .others .login-way-qq .login-qq[data-v-27f34983] { display: inline-block; width: 18px; height: 18px; background: url(../img/comm_sprites.a693b8e8.png) -10px -305px; vertical-align: middle; margin-right: 4px; } .login-modal .login-wrap .others .login-way-qq .link[data-v-27f34983] { vertical-align: middle; color: #666; } .login-modal .login-wrap .others .login-way-qq:hover .link[data-v-27f34983] { color: #2b99ff; text-decoration: underline; } .login-modal .login-wrap .others .space[data-v-27f34983] { margin: 4px 32px 0; width: 1px; height: 12px; background: #eee; } .login-modal .login-wrap .others .redirect-register[data-v-27f34983] { cursor: pointer; line-height: 18px; } .login-modal .login-wrap .others .redirect-register .iconfont[data-v-27f34983], .login-modal .login-wrap .others .redirect-register .link[data-v-27f34983] { vertical-align: middle; } .login-modal .login-wrap .others .redirect-register:hover .link[data-v-27f34983] { color: #2b99ff; text-decoration: underline; } .login-modal .login-wrap .others .redirect-register:hover .iconfont[data-v-27f34983] { color: #2b99ff; } .login-modal .register-wrap[data-v-27f34983] { position: relative; color: #333; } .login-modal .register-wrap .wechat-wrap .title[data-v-27f34983] { margin-bottom: 60px; padding-left: 20px; height: 46px; line-height: 46px; font-size: 16px; border-bottom: 1px solid #eee; } .login-modal .register-wrap .phone-wrap[data-v-27f34983] { position: relative; padding: 95px 122px 0; } .login-modal .register-wrap .phone-wrap .title[data-v-27f34983] { position: absolute; top: 0; left: 0; width: 100%; margin-bottom: 30px; padding-left: 20px; height: 46px; line-height: 46px; font-size: 16px; border-bottom: 1px solid #eee; } .login-modal .register-wrap .phone-wrap .title .gift-text[data-v-27f34983] { color: #f60; line-height: 20px; font-size: 14px; vertical-align: middle; } .login-modal .register-wrap .phone-wrap .title .register-gift-icon[data-v-27f34983] { display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: middle; width: 14px; height: 15px; background: url(../img/comm_sprites.a693b8e8.png) -10px -270px; } .login-modal .register-wrap .phone-wrap .title img[data-v-27f34983] { margin: 0 5px 0 10px; vertical-align: middle; } .login-modal .register-wrap .phone-wrap .prefix-text[data-v-27f34983] { left: 9px; width: 85px; color: #666; margin-top: -9px; } .login-modal .register-wrap .phone-wrap .jx-input[data-v-27f34983] { padding-left: 94px; } .login-modal .register-wrap .phone-wrap .alert-message[data-v-27f34983] { position: absolute; display: none; bottom: -20px; left: 2px; height: 16px; font-size: 12px; color: #999; line-height: 16px; } .login-modal .register-wrap .phone-wrap .alert-message.error[data-v-27f34983] { display: block; color: #e6321a; } .login-modal .register-wrap .phone-wrap .suffix-text[data-v-27f34983] { right: 15px; cursor: pointer; height: 20px; color: #2b99ff; line-height: 20px; } .login-modal .register-wrap .phone-wrap .suffix-text[data-v-27f34983]:before { content: ''; position: absolute; left: -10px; top: 50%; margin-top: -8px; width: 1px; height: 16px; background: #eee; } .login-modal .register-wrap .phone-wrap .suffix-text.eyes[data-v-27f34983] { width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAtElEQVQYGV3B6XKCMBSA0fv+z3ZTDE7HTukCDdYIqMOwiE3C1+VXx3OEO8I88p/gzQXWEFb+CDhzplZ9eBv4IUCtpzAN7bO+JxCiX/fafdoq9HYXEV5t4qC1zx/TYotVGjMxtl6Pi+mYTCO2ArfjqIcnB5WV0kb8JtFqGQi2lJAX61dWXEOne1wehSl7icNWdTwZd7shMOW2ifMcl7P5AAGiy3ST65aL8Qi/Ut+0fYLxinDnG89573DBoKk7AAAAAElFTkSuQmCC) no-repeat 50%; margin-top: -8px; } .login-modal .register-wrap .phone-wrap .suffix-text.eyes[data-v-27f34983]:before { position: relative; } .login-modal .register-wrap .phone-wrap .suffix-text.eyes.active[data-v-27f34983] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACI0lEQVQ4T6WTT2jPcRzGX8/ntxwIF8pBst93ByRWiuZgUvb7TQopB/8uI4kpchuRkNuEKFLiRhxYfL8zpRQu5rrVPhs5OSjWiLbf99F32lKzEp/jp/fz6t3zPG/xn0/T6ctPPbdk6sdyXMoZGtik4T/NTgEkmbeS045YD4Rxkckd6AEuD1bU9TtoEtDw2HNc4hZmq01XKHEnH6XPAYXAUmAvphW4OyLaPlb0tQCNA8bFgR7DQondtW/01s3knGELxogHdd85UZvJWte4DQyMiJYCImwlGY+AlaNjNM9fwIfPn3iJWYS4bBMER4D+OMy68iwSSjwXvIpVbVdD5oM2lxDNsaKXDan3GG7UROO7ivqKDeufeEUQb2R2DrTqXsMTN+XiBbBfSeb3mIexqvZiuJz6isSqWFHT72aVM7+VeRarOl78J6mvA81KUqfAvDjMGnaolmQ+a9g52EKC5F8pOCTdfACuxYrOLrvrGT/m8AaIWpx5SSmnF9EZq+oo1pXoVeB83Mipwugk5QLiaD6D5UMb1J+kvgi0KafxVwqZd9ncQZyMFZ1LUh8GOoEvBknMxhyKVd1IUp8BOgw7Bqu6P9mDpNsHXONqEI/zwDHXCEFsdhFjiUd1plSDTpuNCuyLLbo12YMJs+ozrwvmZuER8FrQV2xgsVRmtaFfoq1Ia0Iz9RbsUO6hlTG2SZTReJUi8CC+ppvTyv9Y5X89ymmv8W+BPwFBA+eErWCuygAAAABJRU5ErkJggg==) no-repeat 50%; } .login-modal .register-wrap .phone-wrap .suffix-text.get-code[data-v-27f34983] { display: inline-block; right: 5px; top: 0; padding-right: 15px; cursor: pointer; height: 42px; color: #2b99ff; line-height: 42px; margin: 0; } .login-modal .register-wrap .phone-wrap .before-register-know[data-v-27f34983] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 17px; font-size: 12px; color: #666; line-height: 17px; } .login-modal .register-wrap .phone-wrap .before-register-know a[data-v-27f34983] { color: #2b99ff; } .login-modal .register-wrap .phone-wrap .before-register-know .register-agree[data-v-27f34983] { padding: 2px 0 0 10px; } .login-modal .register-wrap .others[data-v-27f34983] { position: absolute; left: 0; bottom: 0; padding: 10px 20px; width: 100%; background: #f2f2f2; border-top: 1px solid #eee; } .login-modal .register-wrap .others .way-item[data-v-27f34983] { margin-right: 15px; float: left; cursor: pointer; } .login-modal .register-wrap .others .way-item.wechat-way .login-wechat[data-v-27f34983] { display: inline-block; width: 18px; height: 18px; background: url(../img/comm_sprites.a693b8e8.png) -10px -343px; vertical-align: middle; margin-right: 4px; } .login-modal .register-wrap .others .way-item .login-qq[data-v-27f34983] { display: inline-block; width: 18px; height: 18px; background: url(../img/comm_sprites.a693b8e8.png) -10px -305px; vertical-align: middle; margin-right: 3px; } .login-modal .register-wrap .others .way-item .register-phone[data-v-27f34983] { display: inline-block; width: 18px; height: 18px; background: url(../img/comm_sprites.a693b8e8.png) -10px -381px; vertical-align: middle; margin-right: 3px; } .login-modal .register-wrap .others .way-item .link[data-v-27f34983] { color: #666; font-size: 12px; vertical-align: middle; } .login-modal .register-wrap .others .way-item .link[data-v-27f34983]:hover { color: #2b99ff; text-decoration: underline; } .login-modal .register-wrap .others .redirect-login[data-v-27f34983] { cursor: pointer; } .login-modal .register-wrap .others .redirect-login .link[data-v-27f34983] { font-size: 12px; color: #2b99ff; vertical-align: middle; } .login-modal .register-wrap .others .redirect-login .link[data-v-27f34983]:hover { text-decoration: underline; } .login-modal .register-wrap .others .redirect-login .iconyou[data-v-27f34983] { vertical-align: middle; color: #2b99ff; } .none[data-v-fb6647ee] { display: none; } .base-font[data-v-fb6647ee] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-fb6647ee] { margin: 0; padding: 0; } .wh100[data-v-fb6647ee] { width: 100%; height: 100%; } .clearfix[data-v-fb6647ee]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-fb6647ee] { zoom: 1; } .text-scale[data-v-fb6647ee] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-fb6647ee] { position: absolute; top: 0; right: 0; } .center[data-v-fb6647ee] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-fb6647ee] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-fb6647ee] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-fb6647ee] { color: #3aa60d; } .text-red[data-v-fb6647ee] { color: red; } .text-orange[data-v-fb6647ee] { color: #f60; } .fdc[data-v-fb6647ee] { 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-fb6647ee] { 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-fb6647ee] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-fb6647ee], .row[data-v-fb6647ee] { 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-fb6647ee] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-fb6647ee] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-fb6647ee], .row-end[data-v-fb6647ee] { 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-fb6647ee] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-fb6647ee] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-fb6647ee], .column[data-v-fb6647ee] { 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-fb6647ee] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-fb6647ee] { -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-fb6647ee], .column-left-start[data-v-fb6647ee] { 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-fb6647ee] { -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-fb6647ee] { -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-fb6647ee], .row-between[data-v-fb6647ee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-fb6647ee] { -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; } .contact-us-wrap[data-v-fb6647ee] { position: fixed; z-index: 11; top: 48%; } .contact-us-wrap .contact-us[data-v-fb6647ee] { border: 1px solid #eee; margin-bottom: 10px; border-radius: 6px; } .contact-us-wrap .hover-show-wrap[data-v-fb6647ee] { position: absolute; top: 0; display: none; padding-right: 10px; cursor: auto; } .contact-us-wrap .hover-show-wrap .wechat-qrcode[data-v-fb6647ee] { float: right; padding-top: 17px; width: 140px; height: 170px; background-color: #fff; text-align: center; border: 1px solid #eee; border-radius: 6px; } .contact-us-wrap .hover-show-wrap .wechat-qrcode > .erwx[data-v-fb6647ee] { width: 100px; height: 100px; background: url(https://www.51jiaoxi.com/v3/img/comm_sprites.png) -10px -957px; margin: 0 auto 3px; } .contact-us-wrap .hover-show-wrap .wechat-qrcode > p[data-v-fb6647ee] { font-size: 12px; color: #666; line-height: 17px; margin-bottom: 4px; } .contact-us-wrap .hover-show-wrap .online-kf-info[data-v-fb6647ee] { padding: 10px; width: 140px; height: 180px; border: 1px solid #eee; background-color: #fff; text-align: left; border-radius: 6px; } .contact-us-wrap .hover-show-wrap .online-kf-info img[data-v-fb6647ee] { margin-bottom: 5px; } .contact-us-wrap .hover-show-wrap .online-kf-info > p[data-v-fb6647ee] { color: #666; text-align: center; } .contact-us-wrap .online-kf:hover .hover-show-wrap[data-v-fb6647ee], .contact-us-wrap .weChat:hover .hover-show-wrap[data-v-fb6647ee] { display: block; left: -149px; } .contact-us-wrap .item[data-v-fb6647ee] { display: table; width: 64px; height: 64px; border-top: 1px solid #eee; text-align: center; cursor: pointer; background-color: #fff; } .contact-us-wrap .item[data-v-fb6647ee]:first-child { border-radius: 6px 6px 0 0; } .contact-us-wrap .item.register .contact-icon[data-v-fb6647ee] { width: 28px; height: 29px; margin-top: 8px; } .contact-us-wrap .item.register .contact-text[data-v-fb6647ee] { color: #f60; } .contact-us-wrap .item.back-to-top .hover-text[data-v-fb6647ee], .contact-us-wrap .item.cart .hover-text[data-v-fb6647ee], .contact-us-wrap .item.feedback .hover-text[data-v-fb6647ee], .contact-us-wrap .item.online-kf .hover-text[data-v-fb6647ee], .contact-us-wrap .item.weChat .hover-text[data-v-fb6647ee] { display: none; height: 100%; padding-top: 15px; color: #fff; font-size: 12px; } .contact-us-wrap .item.back-to-top[data-v-fb6647ee]:hover, .contact-us-wrap .item.cart[data-v-fb6647ee]:hover, .contact-us-wrap .item.feedback[data-v-fb6647ee]:hover, .contact-us-wrap .item.online-kf[data-v-fb6647ee]:hover, .contact-us-wrap .item.weChat[data-v-fb6647ee]:hover { background-color: #2b99ff; } .contact-us-wrap .item.back-to-top:hover .contact-icon[data-v-fb6647ee], .contact-us-wrap .item.back-to-top:hover .contact-link[data-v-fb6647ee], .contact-us-wrap .item.back-to-top:hover .contact-text[data-v-fb6647ee], .contact-us-wrap .item.cart:hover .contact-icon[data-v-fb6647ee], .contact-us-wrap .item.cart:hover .contact-link[data-v-fb6647ee], .contact-us-wrap .item.cart:hover .contact-text[data-v-fb6647ee], .contact-us-wrap .item.feedback:hover .contact-icon[data-v-fb6647ee], .contact-us-wrap .item.feedback:hover .contact-link[data-v-fb6647ee], .contact-us-wrap .item.feedback:hover .contact-text[data-v-fb6647ee], .contact-us-wrap .item.online-kf:hover .contact-icon[data-v-fb6647ee], .contact-us-wrap .item.online-kf:hover .contact-link[data-v-fb6647ee], .contact-us-wrap .item.online-kf:hover .contact-text[data-v-fb6647ee], .contact-us-wrap .item.weChat:hover .contact-icon[data-v-fb6647ee], .contact-us-wrap .item.weChat:hover .contact-link[data-v-fb6647ee], .contact-us-wrap .item.weChat:hover .contact-text[data-v-fb6647ee] { display: none; } .contact-us-wrap .item.back-to-top:hover .hover-text[data-v-fb6647ee], .contact-us-wrap .item.cart:hover .hover-text[data-v-fb6647ee], .contact-us-wrap .item.feedback:hover .hover-text[data-v-fb6647ee], .contact-us-wrap .item.online-kf:hover .hover-text[data-v-fb6647ee], .contact-us-wrap .item.weChat:hover .hover-text[data-v-fb6647ee] { display: block; } .contact-us-wrap .item.cart .icon[data-v-fb6647ee] { position: relative; margin-top: 8px; } .contact-us-wrap .item.cart .icon i[data-v-fb6647ee] { color: #666; font-size: 30px; } .contact-us-wrap .item.cart .icon span[data-v-fb6647ee] { position: absolute; right: 10px; color: #fff; background-color: #f60; padding: 2px 4px; border-radius: 20px; font-size: 10px; line-height: 10px; top: -2px; } .contact-us-wrap .item.cart .contact-text2[data-v-fb6647ee] { font-size: 12px; color: #999; } .contact-us-wrap .item.cart:hover .contact-text2[data-v-fb6647ee], .contact-us-wrap .item.cart:hover i[data-v-fb6647ee] { color: #fff !important; } .contact-us-wrap .item.feedback[data-v-fb6647ee] { border-radius: 0 0 6px 6px; } .contact-us-wrap .item .contact-link[data-v-fb6647ee] { display: block; height: 100%; } .contact-us-wrap .item .contact-link .register-gift[data-v-fb6647ee] { display: inline-block; width: 28px; height: 29px; margin: 8px auto 0; background: url(https://www.51jiaoxi.com/v3/img/comm_sprites.png) -10px -592px; } .contact-us-wrap .item[data-v-fb6647ee]:first-child { border: 0; } .contact-us-wrap .item .contact-icon[data-v-fb6647ee] { width: 24px; height: 24px; margin: 10px auto 0; } .contact-us-wrap .item .contact-icon.wx[data-v-fb6647ee] { background: url(https://www.51jiaoxi.com/v3/img/comm_sprites.png) -10px -548px; } .contact-us-wrap .item .contact-icon.kefu .icon[data-v-fb6647ee] { font-size: 22px; color: #666; } .contact-us-wrap .item .contact-icon.fankui[data-v-fb6647ee] { background: url(https://www.51jiaoxi.com/v3/img/comm_sprites.png) -10px -460px; } .contact-us-wrap .item .contact-icon.back[data-v-fb6647ee] { font-size: 32px; color: #666; } .contact-us-wrap .item .contact-text[data-v-fb6647ee] { font-size: 12px; color: #999; margin-top: 5px; } .contact-us-wrap .item.back-to-top[data-v-fb6647ee] { border: 1px solid #eee; width: 66px; padding-top: 8px; border-radius: 6px; } .contact-us-wrap .item.back-to-top .hover-text[data-v-fb6647ee] { padding: 0; margin-top: 6px; } .contact-us-wrap[data-v-fb6647ee] .el-backtop { position: relative; height: auto; width: auto; } .none[data-v-340e4f56] { display: none; } .base-font[data-v-340e4f56] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-340e4f56] { margin: 0; padding: 0; } .wh100[data-v-340e4f56] { width: 100%; height: 100%; } .clearfix[data-v-340e4f56]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-340e4f56] { zoom: 1; } .text-scale[data-v-340e4f56] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-340e4f56] { position: absolute; top: 0; right: 0; } .center[data-v-340e4f56] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-340e4f56] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-340e4f56] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-340e4f56] { color: #3aa60d; } .text-red[data-v-340e4f56] { color: red; } .text-orange[data-v-340e4f56] { color: #f60; } .fdc[data-v-340e4f56] { 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-340e4f56] { 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-340e4f56] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-340e4f56], .row[data-v-340e4f56] { 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-340e4f56] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-340e4f56] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-340e4f56], .row-end[data-v-340e4f56] { 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-340e4f56] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-340e4f56] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-340e4f56], .column[data-v-340e4f56] { 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-340e4f56] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-340e4f56] { -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-340e4f56], .column-left-start[data-v-340e4f56] { 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-340e4f56] { -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-340e4f56] { -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-340e4f56], .row-between[data-v-340e4f56] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-340e4f56] { -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-340e4f56] { height: 40px; padding: 10px 0; } .breadcrumb-content-wrap .breadcrumb[data-v-340e4f56] { overflow: hidden; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item[data-v-340e4f56] { float: left; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-cur-link[data-v-340e4f56], .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-link[data-v-340e4f56] { font-size: 12px; color: #999; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-link[data-v-340e4f56]:hover { color: #2b99ff; } .breadcrumb-content-wrap .breadcrumb .breadcrumb-item .breadcrumb-separator[data-v-340e4f56] { margin: 0 5px; font-size: 12px; color: #999; } .none[data-v-365f0a24] { display: none; } .base-font[data-v-365f0a24] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-365f0a24] { margin: 0; padding: 0; } .wh100[data-v-365f0a24] { width: 100%; height: 100%; } .clearfix[data-v-365f0a24]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-365f0a24] { zoom: 1; } .text-scale[data-v-365f0a24] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-365f0a24] { position: absolute; top: 0; right: 0; } .center[data-v-365f0a24] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-365f0a24] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-365f0a24] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-365f0a24] { color: #3aa60d; } .text-red[data-v-365f0a24] { color: red; } .text-orange[data-v-365f0a24] { color: #f60; } .fdc[data-v-365f0a24] { 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-365f0a24] { 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-365f0a24] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-365f0a24], .row[data-v-365f0a24] { 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-365f0a24] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-365f0a24] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-365f0a24], .row-end[data-v-365f0a24] { 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-365f0a24] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-365f0a24] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-365f0a24], .column[data-v-365f0a24] { 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-365f0a24] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-365f0a24] { -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-365f0a24], .column-left-start[data-v-365f0a24] { 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-365f0a24] { -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-365f0a24] { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-between[data-v-365f0a24] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .docs-types[data-v-365f0a24], .row-between[data-v-365f0a24] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .docs-types[data-v-365f0a24] { line-height: 40px; } .docs-types .type-item[data-v-365f0a24] { font-size: 16px; text-align: center; margin-right: 1px; } .docs-types .type-item.active[data-v-365f0a24], .docs-types .type-item[data-v-365f0a24]:hover { background-color: #2b99ff; border-radius: 6px; } .docs-types .type-item.active .type-link[data-v-365f0a24], .docs-types .type-item:hover .type-link[data-v-365f0a24] { color: #fff; } .docs-types .type-item .type-link[data-v-365f0a24] { display: block; padding: 0 20px; cursor: pointer; color: #333; } .none[data-v-f4971cf8] { display: none; } .base-font[data-v-f4971cf8] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-f4971cf8] { margin: 0; padding: 0; } .wh100[data-v-f4971cf8] { width: 100%; height: 100%; } .clearfix[data-v-f4971cf8]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-f4971cf8] { zoom: 1; } .text-scale[data-v-f4971cf8] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-f4971cf8] { position: absolute; top: 0; right: 0; } .center[data-v-f4971cf8] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-f4971cf8] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-f4971cf8] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-f4971cf8] { color: #3aa60d; } .text-red[data-v-f4971cf8] { color: red; } .text-orange[data-v-f4971cf8] { color: #f60; } .fdc[data-v-f4971cf8] { 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-f4971cf8] { 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-f4971cf8] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-f4971cf8], .row[data-v-f4971cf8] { 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-f4971cf8] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-f4971cf8] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-f4971cf8], .row-end[data-v-f4971cf8] { 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-f4971cf8] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-f4971cf8] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-f4971cf8], .column[data-v-f4971cf8] { 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-f4971cf8] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-f4971cf8] { -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-f4971cf8], .column-left-start[data-v-f4971cf8] { 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-f4971cf8] { -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-f4971cf8] { -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-f4971cf8], .row-between[data-v-f4971cf8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-f4971cf8] { -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; } .doc-tags-wrap[data-v-f4971cf8] { width: 100%; padding: 5px 20px 15px; border-radius: 6px; background-color: #fff; font-size: 14px; overflow: hidden; } .doc-tags-wrap .label[data-v-f4971cf8] { float: left; color: #666; width: 45px; height: 50px; line-height: 50px; } .doc-tags-wrap .tag-list[data-v-f4971cf8] { float: left; width: calc(100% - 45px); } .doc-tags-wrap .tag-list .tag-item[data-v-f4971cf8] { float: left; padding: 10px 5px 0; line-height: 20px; } .doc-tags-wrap .tag-list .tag-item .tag-link[data-v-f4971cf8] { color: #333; padding: 4px 10px; } .doc-tags-wrap .tag-list .tag-item .tag-link.active[data-v-f4971cf8], .doc-tags-wrap .tag-list .tag-item .tag-link[data-v-f4971cf8]:hover { color: #2b99ff; background-color: #d6e7f7; border-radius: 4px; } .none[data-v-248e56c8] { display: none; } .base-font[data-v-248e56c8] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-248e56c8] { margin: 0; padding: 0; } .wh100[data-v-248e56c8] { width: 100%; height: 100%; } .clearfix[data-v-248e56c8]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-248e56c8] { zoom: 1; } .text-scale[data-v-248e56c8] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-248e56c8] { position: absolute; top: 0; right: 0; } .center[data-v-248e56c8] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-248e56c8] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-248e56c8] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-248e56c8] { color: #3aa60d; } .text-red[data-v-248e56c8] { color: red; } .text-orange[data-v-248e56c8] { color: #f60; } .fdc[data-v-248e56c8] { 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-248e56c8] { 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-248e56c8] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-248e56c8], .row[data-v-248e56c8] { 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-248e56c8] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-248e56c8] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-248e56c8], .row-end[data-v-248e56c8] { 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-248e56c8] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-248e56c8] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-248e56c8], .column[data-v-248e56c8] { 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-248e56c8] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-248e56c8] { -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-248e56c8], .column-left-start[data-v-248e56c8] { 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-248e56c8] { -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-248e56c8] { -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-248e56c8], .row-between[data-v-248e56c8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-248e56c8] { -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; } .recommend-albums-wrap[data-v-248e56c8] { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#fff3db), to(#fff)); background: linear-gradient(180deg, #fff3db, #fff); border-radius: 6px; overflow: hidden; margin-bottom: 10px; } .recommend-albums-wrap .top-bar[data-v-248e56c8] { position: relative; padding-left: 132px; overflow: hidden; } .recommend-albums-wrap .top-bar .shape[data-v-248e56c8] { position: absolute; left: 0; top: 0; width: 132px; height: 40px; background: #ffecc5; border-radius: 6px 0 10px 0; -webkit-transform: perspective(100px) rotateX(-13deg); transform: perspective(100px) rotateX(-13deg); -webkit-transform-origin: left; transform-origin: left; } .recommend-albums-wrap .top-bar .tit[data-v-248e56c8] { position: absolute; left: 0; top: 0; width: 132px; height: 40px; line-height: 40px; font-weight: 600; text-align: center; color: #333; font-size: 18px; } .recommend-albums-wrap .top-bar .tit .icon[data-v-248e56c8] { font-size: 20px; color: #f60; margin-right: 5px; vertical-align: middle; } .recommend-albums-wrap .top-bar .tips[data-v-248e56c8] { height: 40px; line-height: 40px; margin-left: 10px; font-size: 16px; font-weight: 600; color: #ea9e00; } .recommend-albums-wrap .top-bar .album-more[data-v-248e56c8] { position: absolute; right: 15px; top: 0; z-index: 2; height: 40px; line-height: 40px; font-size: 15px; color: #999; float: right; } .recommend-albums-wrap .top-bar .album-more[data-v-248e56c8]:hover { color: #2b99ff; } .recommend-albums-wrap .hot-img[data-v-248e56c8] { position: absolute; top: 0; right: 10px; width: 83px; height: 83px; background: url(data:image/png;base64,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) 50% no-repeat; background-size: 100%; } .recommend-albums-wrap .albums-wrap[data-v-248e56c8] { position: relative; z-index: 2; margin: 10px 15px; background-color: #fff; border-radius: 10px 10px 0 0; padding: 0 15px; overflow: hidden; } .recommend-albums-wrap .albums-wrap .album-item[data-v-248e56c8] { width: 50%; margin: 15px 0 5px 0; overflow: hidden; float: left; } .recommend-albums-wrap .albums-wrap .album-item .upload-album-cover[data-v-248e56c8] { float: left; width: 82px; min-width: 82px; height: 106px; margin-right: 10px; } .recommend-albums-wrap .albums-wrap .album-item .upload-album-cover .cover[data-v-248e56c8] { width: 100%; height: 100%; } .recommend-albums-wrap .albums-wrap .album-item .album-info[data-v-248e56c8] { float: left; width: calc(100% - 102px); } .recommend-albums-wrap .albums-wrap .album-item .album-info .title[data-v-248e56c8] { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; font-weight: 700; } .recommend-albums-wrap .albums-wrap .album-item .album-info .title[data-v-248e56c8]:hover { color: #2b99ff; } .recommend-albums-wrap .albums-wrap .album-item .album-info .title[data-v-248e56c8]:visited { color: #999; } .recommend-albums-wrap .albums-wrap .album-item .album-info .info[data-v-248e56c8] { margin-top: 10px; } .recommend-albums-wrap .albums-wrap .album-item .album-info .info .item[data-v-248e56c8] { font-size: 14px; color: #999; margin-right: 10px; } .recommend-albums-wrap .albums-wrap .album-item .albums-img-wrap[data-v-248e56c8] { position: relative; width: 82px; min-width: 82px; height: 106px; margin-right: 10px; display: block; float: left; } .recommend-albums-wrap .albums-wrap .album-item .albums-img-wrap .album-img[data-v-248e56c8] { width: 100%; height: 100%; } .recommend-albums-wrap .albums-wrap .album-item .albums-img-wrap .album-name[data-v-248e56c8] { position: absolute; left: 0; top: 40px; width: 100%; height: 48px; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); } .recommend-albums-wrap .albums-wrap .album-item .albums-img-wrap .album-name .album-name-inner[data-v-248e56c8] { width: 100%; height: 100%; padding: 0 5px; text-align: center; display: table; } .recommend-albums-wrap .albums-wrap .album-item .albums-img-wrap .album-name .album-name-inner .album-text[data-v-248e56c8] { display: table-cell; vertical-align: middle; font-size: 12px; color: #fff; line-height: 16px; } .recommend-albums-wrap .albums-wrap .albums-item[data-v-248e56c8] { border-bottom: 1px solid #f2f2f2; padding: 15px 0; overflow: hidden; } .recommend-albums-wrap .albums-wrap .albums-item[data-v-248e56c8]:last-child { border-bottom: none; } .recommend-albums-wrap .albums-wrap .albums-item .left[data-v-248e56c8] { float: left; overflow: hidden; height: 30px; line-height: 34px; width: 85%; } .recommend-albums-wrap .albums-wrap .albums-item .left .sort[data-v-248e56c8] { float: left; margin: 6px 10px 0 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAATFJREFUOE/tVbtKxUAUPGcXLELASmu721qkXFaSX1DQD7DTQi5o5QMflYJYaOcHKOgvJBi2TGFrZ62VEFIIuyMJRqImN5eLhcXddmeGwzBnDlPPi+N4IKU8L2HW2mEURU+jKNz1mWXZbFEU+0S0CWCmxDHzOxFdep53FATBWxv3lyAAYYxZB3AMYL6VxPzCzHtKqWtmdk3MN8E0TZcAXBDRYp8Vn/+PzLyltX6o8ZVgkiQLUspTIloB0GlDx7Qgojtr7U4Yhs8VOU3TGwCrY07VCmPmW6312lRwchenHv73HJarx8xnQojlSVbPOXcPYPtr9eqw/Fk5NNNX15dz7oSI5jqS+SqE2O2trya5LNg8zw+EEBvNgnXOXfm+fzh2wf6cyBgzsNZWJ0BKOVRKjTwBHyaqyRVlBDkgAAAAAElFTkSuQmCC) no-repeat 50%; } .recommend-albums-wrap .albums-wrap .albums-item .left .sort.sort-1[data-v-248e56c8] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAS5JREFUOE/tVbtKA1EUnLkLVprVQms7Lf0DyYJfoCGxt9NCBK18xEelICm0szch+gWBDf5BSu1Sa6GJVsLekV1Y2ZiNWVNZ5LRnZrj3MGcOMaS6fmFBMpchjLQ7Oa/+9BuFg5pqFNyuYw4hbAmYiASBTxBXucCecKXeSeP2CUpl89F83LCypwLn0kl6NjQHk/nFG7Jsk5gewXd/fTmwtgJiadgoor7QcozZnvJuH2J8JPjaLM070LmENSn8WfYiIRJ3Abg3k6+2I3LHL1YlFLPL9CNJ1FyvVhoLjj7F8Qz/uw/D1aO1FyRXR1k9SfcyZvd79WKzROEAW4EyhgPRcpASDkn3xfEVSGcAZgc488Uh94fGV49wo+C+GR4ZcDMZsBa6nrY6zhywP1/01xPwBZCVuhWH65slAAAAAElFTkSuQmCC) no-repeat 50%; } .recommend-albums-wrap .albums-wrap .albums-item .left .sort.sort-2[data-v-248e56c8] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAUFJREFUOE/tVbtKA1EUnMnGxE4irmAXsLC1sFkV/AhFbQwE0mkhglY+4qNSkBTaCYHYqMSPENQ0FmktAnaCKwY7E7MZ2YTAqpuH2ljktGdm7r3DOXOJNnV6bY+IOHRhFFYWJs37VhQ2a17cvfSVSs6myCVIoRqOLFM6CoeNndmx/lc/7jfBpBQYzj0nJOwCGGxy4BOJjYI1cJIkq17MJ8HMrT0lIUVgtJ0Vbl9AnsRybNy8auBrguncY9RQzz6BGUlNbfB9IikBWYfva3Fr6KFGztzYZwDmOrlVC8x5bMKc7wr+ycWuh/96DtO5YjRYdQ5ATP9m9SBcVgLGatyK1FevUW44UEipw3AgkJdfOHhF6/FVTFRV2SNo+k2mIDvA4HrBirSOLy/ZDdi3srMFcNEbsICOe0PGdscB+/VGP/0CPgA6u6UVnm2QwwAAAABJRU5ErkJggg==) no-repeat 50%; } .recommend-albums-wrap .albums-wrap .albums-item .left .sort.sort-3[data-v-248e56c8] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAURJREFUOE/tVT1Lw1AUPfclBJ2cdE5UqKODixIQf4KtVN3ddJCCTn7gx6QgHXRzV4OtP6EIQReHjgpqOuvkpIT0XmlqIWpigi4Ofes757z7DveeS0g5t66T06EOWrAAXBqxi3c/USjp8uHG6cOrviHESxAYIY7gk6hD9AbbQ2PFlzjuN0ERUQ23utCE7AAYSHjwSQOtm3b+mIg4ivkk6F1VJ7nJZQFG06xoF4y60tSyNZG/7OBDQa92YrJh7EEwIyKJNsR+kUhAOFe+v2pNzTdC8r1bOYXIbJaqEjFEZ8N2Ya4r+AcXux7+8z70ri/MIAj2FanCb0aPhSu6rq9Y49Pt0eucMByYyyIZw4FQVyomHKKikfjaBdCf0JnPGmgtNb6i5FbA8pvaJGAxGrACHKke3socsF8renSdnHysAAKXBlNWwDt4fbgVJxSjMQAAAABJRU5ErkJggg==) no-repeat 50%; } .recommend-albums-wrap .albums-wrap .albums-item .left .link[data-v-248e56c8] { float: left; color: #333; font-size: 16px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 80%; } .recommend-albums-wrap .albums-wrap .albums-item .left .link[data-v-248e56c8]:hover { color: #f60; } .recommend-albums-wrap .albums-wrap .albums-item .left .link[data-v-248e56c8]:visited { color: #999; } .recommend-albums-wrap .albums-wrap .albums-item .left .total[data-v-248e56c8] { float: left; margin: 0 10px; color: #f60; font-size: 16px; } .recommend-albums-wrap .albums-wrap .albums-item .left .icon[data-v-248e56c8] { float: left; font-size: 20px; color: #f60; } .recommend-albums-wrap .albums-wrap .albums-item .album-btn[data-v-248e56c8] { float: right; width: 81px; height: 30px; line-height: 30px; background: #f60; border-radius: 4px; color: #fff; text-align: center; font-size: 14px; } .recommend-albums-wrap .albums-wrap .albums-item .icon[data-v-248e56c8] { margin-left: 5px; } .recommend-albums-wrap .albums-wrap .albums-item .type-name[data-v-248e56c8] { height: 26px; line-height: 26px; border-radius: 2px; margin: 4px 10px 0 0; text-align: center; font-size: 14px; float: left; padding: 0 8px; } .recommend-albums-wrap .albums-wrap .albums-item .type-name.type-3[data-v-248e56c8] { background-color: #ffe8e8; color: #e00; } .recommend-albums-wrap .albums-wrap .albums-item .type-name.type-4[data-v-248e56c8] { background-color: #ffeadc; color: #fd9149; } .recommend-albums-wrap .albums-wrap .albums-item .type-name.type-7[data-v-248e56c8] { background-color: #e4ffe7; color: #03ae17; } .recommend-albums-wrap .albums-wrap .albums-item .type-name.type-8[data-v-248e56c8] { background-color: #e5f1fd; color: #2b99ff; } .none[data-v-e8162b8e] { display: none; } .base-font[data-v-e8162b8e] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-e8162b8e] { margin: 0; padding: 0; } .wh100[data-v-e8162b8e] { width: 100%; height: 100%; } .clearfix[data-v-e8162b8e]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-e8162b8e] { zoom: 1; } .text-scale[data-v-e8162b8e] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-e8162b8e] { position: absolute; top: 0; right: 0; } .center[data-v-e8162b8e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-e8162b8e] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-e8162b8e] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-e8162b8e] { color: #3aa60d; } .text-red[data-v-e8162b8e] { color: red; } .text-orange[data-v-e8162b8e] { color: #f60; } .fdc[data-v-e8162b8e] { 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-e8162b8e] { 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-e8162b8e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-e8162b8e], .row[data-v-e8162b8e] { 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-e8162b8e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-e8162b8e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-e8162b8e], .row-end[data-v-e8162b8e] { 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-e8162b8e] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-e8162b8e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-e8162b8e], .column[data-v-e8162b8e] { 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-e8162b8e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-e8162b8e] { -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-e8162b8e], .column-left-start[data-v-e8162b8e] { 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-e8162b8e] { -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-e8162b8e] { -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-e8162b8e], .row-between[data-v-e8162b8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-e8162b8e] { -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; } .sort-wrap[data-v-e8162b8e] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 10px 20px; border-bottom: 1px solid #f2f2f2; background-color: #fff; border-radius: 6px 6px 0 0; } .sort-wrap .update-download[data-v-e8162b8e] { margin-right: 60px; } .sort-wrap .update-download .order-item[data-v-e8162b8e] { float: left; margin-left: 20px; } .sort-wrap .update-download .order-item[data-v-e8162b8e]:first-child { margin-left: 0; } .sort-wrap .update-download .order-item .order-text[data-v-e8162b8e] { color: #666; } .sort-wrap .update-download .order-item .order-text.active .icon[data-v-e8162b8e], .sort-wrap .update-download .order-item .order-text.active[data-v-e8162b8e], .sort-wrap .update-download .order-item .order-text:hover .icon[data-v-e8162b8e], .sort-wrap .update-download .order-item .order-text[data-v-e8162b8e]:hover { color: #2b99ff; } .sort-wrap .update-download .order-item .order-text .icon[data-v-e8162b8e] { font-size: 13px; margin-left: 2px; color: #ccc; font-weight: 700; } .sort-wrap .check-box[data-v-e8162b8e] { margin-right: 60px; } .sort-wrap .check-box[data-v-e8162b8e] .el-checkbox__label { padding-left: 5px; } .sort-wrap .check-box[data-v-e8162b8e] .el-checkbox { margin-right: 20px; } .sort-wrap .years-wrap[data-v-e8162b8e] { position: relative; margin-right: 50px; color: #666; cursor: pointer; } .sort-wrap .years-wrap:hover .icon[data-v-e8162b8e], .sort-wrap .years-wrap:hover .selected-text[data-v-e8162b8e] { color: #2b99ff; } .sort-wrap .years-wrap.area .list-text .icon[data-v-e8162b8e] { display: inline-block; } .sort-wrap .years-wrap.area .list-dropdown-wrap[data-v-e8162b8e] { position: relative; top: 0; left: 50%; z-index: 12; height: 300px; margin-left: -40px; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown[data-v-e8162b8e] { position: absolute; padding: 5px 0; width: 80px; height: 100%; border: 1px solid #eee; border-radius: 2px; left: 0; top: 0; overflow-y: auto; background: #fff; -ms-overflow-style: none; scrollbar-width: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown[data-v-e8162b8e]::-webkit-scrollbar { display: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-e8162b8e] { width: 100%; font-size: 12px; height: 24px; line-height: 26px; text-align: center; padding: 0; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item.active[data-v-e8162b8e], .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-e8162b8e]:hover { color: #2b99ff; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-e8162b8e]:last-child { padding-bottom: 0; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list[data-v-e8162b8e] { position: absolute; top: 0; left: 78px; z-index: 33; padding: 5px 0; min-width: 80px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 300px; overflow-y: auto; border: 1px solid #eee; border-radius: 2px; background-color: #fff; -ms-overflow-style: none; scrollbar-width: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list[data-v-e8162b8e]::-webkit-scrollbar { display: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item[data-v-e8162b8e] { width: 100%; font-size: 12px; height: 24px; line-height: 26px; text-align: center; padding: 0 10px; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item.active[data-v-e8162b8e], .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item[data-v-e8162b8e]:hover { color: #2b99ff; } .sort-wrap .years-wrap .list-text[data-v-e8162b8e] { line-height: 1.2; } .sort-wrap .years-wrap .list-text .selected-text[data-v-e8162b8e] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; margin-right: 3px; vertical-align: text-top; } .sort-wrap .years-wrap > .list-dropdown[data-v-e8162b8e] { position: absolute; padding: 14px 14px 8px; width: 250px; margin-left: -123px; border: 1px solid #eee; border-radius: 4px; left: 50%; top: 18px; -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); z-index: 12; background: #fff; } .sort-wrap .years-wrap > .list-dropdown .list-item[data-v-e8162b8e] { float: left; padding-bottom: 6px; font-size: 12px; line-height: 18px; height: 24px; text-align: center; width: 44px; } .sort-wrap .years-wrap > .list-dropdown .list-item.active[data-v-e8162b8e], .sort-wrap .years-wrap > .list-dropdown .list-item[data-v-e8162b8e]:hover { color: #2b99ff; } .sort-wrap .result-total[data-v-e8162b8e] { position: absolute; right: 20px; font-size: 12px; color: #999; } .none[data-v-7d5ce124] { display: none; } .base-font[data-v-7d5ce124] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-7d5ce124] { margin: 0; padding: 0; } .wh100[data-v-7d5ce124] { width: 100%; height: 100%; } .clearfix[data-v-7d5ce124]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-7d5ce124] { zoom: 1; } .text-scale[data-v-7d5ce124] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-7d5ce124] { position: absolute; top: 0; right: 0; } .center[data-v-7d5ce124] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-7d5ce124] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-7d5ce124] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-7d5ce124] { color: #3aa60d; } .text-red[data-v-7d5ce124] { color: red; } .text-orange[data-v-7d5ce124] { color: #f60; } .fdc[data-v-7d5ce124] { 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-7d5ce124] { 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-7d5ce124] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-7d5ce124], .row[data-v-7d5ce124] { 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-7d5ce124] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-7d5ce124] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-7d5ce124], .row-end[data-v-7d5ce124] { 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-7d5ce124] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-7d5ce124] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-7d5ce124], .column[data-v-7d5ce124] { 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-7d5ce124] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-7d5ce124] { -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-7d5ce124], .column-left-start[data-v-7d5ce124] { 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-7d5ce124] { -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-7d5ce124] { -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-7d5ce124], .row-between[data-v-7d5ce124] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-7d5ce124] { -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; } .docs-list .doc-item[data-v-7d5ce124] { border: 1px solid transparent; padding: 0 20px; margin-top: 10px; background-color: #fff; border-radius: 6px; } .docs-list .doc-item[data-v-7d5ce124]:first-child { margin-top: 0; border-radius: 0 0 6px 6px; } .docs-list .doc-item[data-v-7d5ce124]:hover { border: 1px solid #2b99ff; } .docs-list .doc-item:hover .doc-item-inner .doc-preview[data-v-7d5ce124] { display: block !important; } .docs-list .doc-item .doc-item-inner[data-v-7d5ce124] { position: relative; top: 1px; padding: 19px 0 20px 0; } .docs-list .doc-item .doc-item-inner .doc-left > .title[data-v-7d5ce124] { position: relative; font-size: 16px; padding-right: 100px; margin-bottom: 8px; } .docs-list .doc-item .doc-item-inner .doc-left > .title > a[data-v-7d5ce124] { display: inline-block; line-height: 20px; color: #333; } .docs-list .doc-item .doc-item-inner .doc-left > .title > a.link-visited[data-v-7d5ce124], .docs-list .doc-item .doc-item-inner .doc-left > .title > a[data-v-7d5ce124]:visited { color: #999; } .docs-list .doc-item .doc-item-inner .doc-left > .title > a[data-v-7d5ce124]:hover { color: #2b99ff; } .docs-list .doc-item .doc-item-inner .doc-left > .title .doc-preview[data-v-7d5ce124] { position: absolute; top: 50%; right: 0; margin: -10px 0 0 0; color: #2b99ff; display: none; cursor: pointer; font-size: 14px; } .docs-list .doc-item .doc-item-inner .doc-left > .title .doc-preview i[data-v-7d5ce124] { font-size: 14px; margin-right: 3px; } .docs-list .doc-item .doc-item-inner .doc-left .list-breadcrumbs-wrap[data-v-7d5ce124] { margin: 10px 0; color: #999; font-size: 12px; } .docs-list .doc-item .doc-item-inner .doc-left .list-breadcrumbs-wrap .breadcrumbs-label[data-v-7d5ce124] { line-height: 20px; } .docs-list .doc-item .doc-item-inner .doc-left .list-breadcrumbs-wrap .breadcrumbs-content[data-v-7d5ce124] { padding-left: 40px; line-height: 20px; } .docs-list .doc-item .doc-item-inner .doc-left .list-breadcrumbs-wrap .breadcrumbs-content .separator[data-v-7d5ce124] { padding: 0 5px; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap[data-v-7d5ce124] { overflow: hidden; margin-bottom: 10px; padding-top: 4px; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap li[data-v-7d5ce124] { float: left; width: 165px; height: 124px; margin-left: 5px; overflow: hidden; border: 1px solid #f2f2f2; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap li[data-v-7d5ce124]:first-child { margin-left: 0; border-radius: 6px 0 0 6px; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap li[data-v-7d5ce124]:last-child { border-radius: 0 6px 6px 0; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap li a[data-v-7d5ce124] { display: block; width: 100%; height: 100%; } .docs-list .doc-item .doc-item-inner .doc-left .ppt-preview-wrap li img[data-v-7d5ce124] { max-width: 100%; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap[data-v-7d5ce124] { overflow: hidden; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .doc-icon[data-v-7d5ce124] { float: left; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar[data-v-7d5ce124] { overflow: hidden; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li[data-v-7d5ce124] { float: left; padding: 0 10px; height: 14px; line-height: 14px; font-size: 12px; color: #999; border-left: 1px solid #ddd; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li[data-v-7d5ce124]:first-child { padding-left: 0; border-left: none; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li.author-name[data-v-7d5ce124] { max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li.is-free[data-v-7d5ce124] { color: #14b926; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li.album-link[data-v-7d5ce124] { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .docs-list .doc-item .doc-item-inner .doc-left .info-bar-wrap .info-bar > li.album-link a[data-v-7d5ce124] { color: #2b99ff; } .docs-list .complete-resources-wrap[data-v-7d5ce124] { width: 100%; margin-top: 6px; } .docs-list .complete-resources-wrap .complete-resources-inner[data-v-7d5ce124] { border-top: 1px dashed #eee; padding-top: 6px; overflow: hidden; } .docs-list .complete-resources-wrap .complete-resources-inner .title[data-v-7d5ce124] { float: left; min-width: 95px; cursor: pointer; font-size: 12px; color: #999; height: 18px; line-height: 18px; } .docs-list .complete-resources-wrap .complete-resources-inner .title[data-v-7d5ce124]:hover { color: #2b99ff; } .docs-list .complete-resources-wrap .complete-resources-inner .title.no-more[data-v-7d5ce124] { color: #999; cursor: default; } .docs-list .complete-resources-wrap .complete-resources-inner .title .iconfont[data-v-7d5ce124] { position: relative; top: 2px; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content[data-v-7d5ce124] { width: 585px; height: 20px; margin-left: 95px; overflow: hidden; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content.show[data-v-7d5ce124] { height: auto; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li[data-v-7d5ce124] { float: left; margin-right: 20px; height: 18px; line-height: 18px; margin-bottom: 2px; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li a:visited .file-name[data-v-7d5ce124] { color: #999; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li a:hover span.file-name[data-v-7d5ce124] { color: #2b99ff; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li a > span[data-v-7d5ce124] { vertical-align: middle; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li a .file-name[data-v-7d5ce124] { font-size: 12px; color: #666; padding-left: 2px; } .docs-list .complete-resources-wrap .complete-resources-inner .list-content li a .file-name.link-visited[data-v-7d5ce124] { color: #999; } .none[data-v-0ace0c3a] { display: none; } .base-font[data-v-0ace0c3a] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-0ace0c3a] { margin: 0; padding: 0; } .wh100[data-v-0ace0c3a] { width: 100%; height: 100%; } .clearfix[data-v-0ace0c3a]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-0ace0c3a] { zoom: 1; } .text-scale[data-v-0ace0c3a] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-0ace0c3a] { position: absolute; top: 0; right: 0; } .center[data-v-0ace0c3a] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-0ace0c3a] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-0ace0c3a] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-0ace0c3a] { color: #3aa60d; } .text-red[data-v-0ace0c3a] { color: red; } .text-orange[data-v-0ace0c3a] { color: #f60; } .fdc[data-v-0ace0c3a] { 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-0ace0c3a] { 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-0ace0c3a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-0ace0c3a], .row[data-v-0ace0c3a] { 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-0ace0c3a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-0ace0c3a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-0ace0c3a], .row-end[data-v-0ace0c3a] { 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-0ace0c3a] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-0ace0c3a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-0ace0c3a], .column[data-v-0ace0c3a] { 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-0ace0c3a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-0ace0c3a] { -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-0ace0c3a], .column-left-start[data-v-0ace0c3a] { 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-0ace0c3a] { -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-0ace0c3a] { -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-0ace0c3a], .row-between[data-v-0ace0c3a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-0ace0c3a] { -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; } .empty-wrap[data-v-0ace0c3a] { padding: 100px 0; text-align: center; background-color: #fff; border-radius: 0 0 6px 6px; } .empty-wrap .loading-wrap[data-v-0ace0c3a] { margin-top: 20px; } .empty-wrap .loading-wrap .icon[data-v-0ace0c3a] { font-size: 36px; color: #2b99ff !important; } .empty-wrap .loading-wrap .text[data-v-0ace0c3a] { color: #2b99ff; } .empty-wrap .empty-text[data-v-0ace0c3a] { margin: 10px 0 0 0; color: #333; line-height: 20px; } .none[data-v-30bd0e94] { display: none; } .base-font[data-v-30bd0e94] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-30bd0e94] { margin: 0; padding: 0; } .wh100[data-v-30bd0e94] { width: 100%; height: 100%; } .clearfix[data-v-30bd0e94]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-30bd0e94] { zoom: 1; } .text-scale[data-v-30bd0e94] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-30bd0e94] { position: absolute; top: 0; right: 0; } .center[data-v-30bd0e94] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-30bd0e94] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-30bd0e94] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-30bd0e94] { color: #3aa60d; } .text-red[data-v-30bd0e94] { color: red; } .text-orange[data-v-30bd0e94] { color: #f60; } .fdc[data-v-30bd0e94] { 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-30bd0e94] { 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-30bd0e94] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-30bd0e94], .row[data-v-30bd0e94] { 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-30bd0e94] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-30bd0e94] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-30bd0e94], .row-end[data-v-30bd0e94] { 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-30bd0e94] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-30bd0e94] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-30bd0e94], .column[data-v-30bd0e94] { 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-30bd0e94] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-30bd0e94] { -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-30bd0e94], .column-left-start[data-v-30bd0e94] { 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-30bd0e94] { -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-30bd0e94] { -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-30bd0e94], .row-between[data-v-30bd0e94] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-30bd0e94] { -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; } .download-success[data-v-30bd0e94] { overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog { border-radius: 10px; overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog__body { padding: 0; color: #333; overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog__body .top { border-radius: 0 0 10px 10px; padding-bottom: 40px; padding-top: 30px; overflow: hidden; background-color: #e4f2ff; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side { padding-left: 40px; width: 50%; float: left; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info { width: 100%; float: left; overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-img { float: left; margin-right: 20px; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right { float: left; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right .down-tit { font-size: 20px; font-weight: 600; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right .short-cut-tip { font-size: 20px; font-weight: 600; line-height: 36px; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right .short-cut-tip .short-cut { color: red; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right .redownload-tip { font-weight: 400; color: #666; line-height: 22px; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .success-info .success-info-right .redownload-tip .link { color: #2b99ff; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .belong-album { width: 100%; margin-top: 10px; background-color: #fff; border-radius: 4px; padding: 8px 15px; float: left; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .belong-album .tips { font-size: 12px; color: #999; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .belong-album .album-wrap { width: 100%; margin-top: 3px; font-size: 14px; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .belong-album .album-wrap .link { display: inline-block; color: #2b99ff; max-width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .download-success[data-v-30bd0e94] .el-dialog__body .top .left-side .belong-album .album-wrap .count { display: inline-block; color: #f60; margin-left: 3px; overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side { width: 50%; float: left; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .vip-card-wrap { margin-left: 90px; cursor: pointer; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .vip-card-wrap .vip-tips { font-size: 16px; font-weight: 600; color: #f60; line-height: 22px; margin-bottom: 10px; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .vip-card-wrap .vip-day-card { width: 296px; height: 120px; background: url(../img/vip_day_card.ec42c4b6.png) no-repeat 50%; background-size: 100%; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .qrcode-wrap { width: 230px; height: 112px; background: #fff; border-radius: 6px; margin-left: 115px; padding: 6px 8px; overflow: hidden; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .qrcode-wrap .qr-code { float: left; width: 100px; height: 100px; background: url(../img/erwx.beb5a340.png) no-repeat 50%; background-size: 100%; } .download-success[data-v-30bd0e94] .el-dialog__body .top .right-side .qrcode-wrap .qrcode-tips { float: left; width: 112px; font-size: 14px; color: #333; margin-top: 28px; } .download-success[data-v-30bd0e94] .el-dialog__body .bot { padding: 24px 40px 40px; overflow: hidden; background-color: #fff; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .bot-more-doc-tit { font-size: 18px; color: #333; font-weight: 700; margin-bottom: 20px; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .bot-more-doc-tit .tit-tag { width: 72px; height: 21px; vertical-align: text-top; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left { float: left; width: 50%; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left .more-docs-wrap { padding-right: 20px; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left .more-docs-wrap .doc-link { display: inline-block; width: 100%; max-width: 100%; height: 32px; line-height: 32px; border-radius: 16px; background-color: #f2f2f2; font-size: 14px; color: #333; margin-bottom: 10px; padding: 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left .more-docs-wrap .doc-link:last-child { margin-bottom: 0; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left .more-docs-wrap .doc-link .icon { color: #f60; margin-right: 3px; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .left .more-docs-wrap .doc-link:hover { color: #2b99ff; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .right { width: 50%; padding: 0 0 0 20px; border-left: 1px solid #f2f2f2; float: left; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item { display: inline-block; width: 87px; height: 32px; line-height: 32px; text-align: center; background: #f2f2f2; border-radius: 16px; color: #000; margin: 0 10px 10px 0; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:nth-child(4n) { margin-right: 0; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:nth-child(13), .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:nth-child(14), .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:nth-child(15), .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:nth-child(16) { margin-bottom: 0; } .download-success[data-v-30bd0e94] .el-dialog__body .bot .right .tags-wrap .tag-item:hover { color: #fff; background-color: #2b99ff; } .none[data-v-1b87d79a] { display: none; } .base-font[data-v-1b87d79a] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-1b87d79a] { margin: 0; padding: 0; } .wh100[data-v-1b87d79a] { width: 100%; height: 100%; } .clearfix[data-v-1b87d79a]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-1b87d79a] { zoom: 1; } .text-scale[data-v-1b87d79a] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-1b87d79a] { position: absolute; top: 0; right: 0; } .center[data-v-1b87d79a] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-1b87d79a] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-1b87d79a] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-1b87d79a] { color: #3aa60d; } .text-red[data-v-1b87d79a] { color: red; } .text-orange[data-v-1b87d79a] { color: #f60; } .fdc[data-v-1b87d79a] { 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-1b87d79a] { 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-1b87d79a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-1b87d79a], .row[data-v-1b87d79a] { 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-1b87d79a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-1b87d79a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-1b87d79a], .row-end[data-v-1b87d79a] { 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-1b87d79a] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-1b87d79a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-1b87d79a], .column[data-v-1b87d79a] { 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-1b87d79a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-1b87d79a] { -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-1b87d79a], .column-left-start[data-v-1b87d79a] { 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-1b87d79a] { -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-1b87d79a] { -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-1b87d79a], .row-between[data-v-1b87d79a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-1b87d79a] { -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; } .day-vip-card[data-v-1b87d79a] { overflow: hidden; text-align: center; padding-bottom: 36px; } .day-vip-card[data-v-1b87d79a] .el-dialog { border-radius: 10px; overflow: hidden; } .day-vip-card[data-v-1b87d79a] .el-dialog__body { padding: 30px 0; color: #333; background-color: #e4f2ff; } .day-vip-card .success-tips[data-v-1b87d79a] { font-size: 18px; font-weight: 700; color: #333; } .day-vip-card .date-limit[data-v-1b87d79a] { margin: 10px 0; font-size: 14px; color: #f60; } .day-vip-card .label[data-v-1b87d79a] { font-size: 14px; color: #333; margin-bottom: 16px; padding: 0 102px; } .day-vip-card .get-docs-btn[data-v-1b87d79a] { width: 140px; height: 40px; line-height: 40px; background: #2b99ff; border-radius: 21px; text-align: center; font-size: 14px; color: #fff; margin: 0 auto; cursor: pointer; } .none[data-v-311b8c90] { display: none; } .base-font[data-v-311b8c90] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-311b8c90] { margin: 0; padding: 0; } .wh100[data-v-311b8c90] { width: 100%; height: 100%; } .clearfix[data-v-311b8c90]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-311b8c90] { zoom: 1; } .text-scale[data-v-311b8c90] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-311b8c90] { position: absolute; top: 0; right: 0; } .center[data-v-311b8c90] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-311b8c90] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-311b8c90] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-311b8c90] { color: #3aa60d; } .text-red[data-v-311b8c90] { color: red; } .text-orange[data-v-311b8c90] { color: #f60; } .fdc[data-v-311b8c90] { 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-311b8c90] { 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-311b8c90] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-311b8c90], .row[data-v-311b8c90] { 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-311b8c90] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-311b8c90] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-311b8c90], .row-end[data-v-311b8c90] { 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-311b8c90] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-311b8c90] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-311b8c90], .column[data-v-311b8c90] { 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-311b8c90] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-311b8c90] { -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-311b8c90], .column-left-start[data-v-311b8c90] { 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-311b8c90] { -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-311b8c90] { -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-311b8c90], .row-between[data-v-311b8c90] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-311b8c90] { -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; } .free-limit[data-v-311b8c90] { overflow: hidden; padding-bottom: 30px; text-align: center; } .free-limit[data-v-311b8c90] .el-dialog__body { padding: 30px 0; color: #333; } .free-limit .tips1[data-v-311b8c90] { font-size: 16px; margin-bottom: 5px; margin-top: 10px; } .free-limit .tips2[data-v-311b8c90] { color: #999; } .free-limit .jx-btns[data-v-311b8c90] { margin-top: 30px; } .free-limit .jx-btn[data-v-311b8c90] { width: 100px; } .none[data-v-6ac5a44e] { display: none; } .base-font[data-v-6ac5a44e] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-6ac5a44e] { margin: 0; padding: 0; } .wh100[data-v-6ac5a44e] { width: 100%; height: 100%; } .clearfix[data-v-6ac5a44e]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-6ac5a44e] { zoom: 1; } .text-scale[data-v-6ac5a44e] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-6ac5a44e] { position: absolute; top: 0; right: 0; } .center[data-v-6ac5a44e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-6ac5a44e] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-6ac5a44e] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-6ac5a44e] { color: #3aa60d; } .text-red[data-v-6ac5a44e] { color: red; } .text-orange[data-v-6ac5a44e] { color: #f60; } .fdc[data-v-6ac5a44e] { 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-6ac5a44e] { 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-6ac5a44e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-6ac5a44e], .row[data-v-6ac5a44e] { 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-6ac5a44e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-6ac5a44e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-6ac5a44e], .row-end[data-v-6ac5a44e] { 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-6ac5a44e] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-6ac5a44e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-6ac5a44e], .column[data-v-6ac5a44e] { 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-6ac5a44e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-6ac5a44e] { -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-6ac5a44e], .column-left-start[data-v-6ac5a44e] { 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-6ac5a44e] { -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-6ac5a44e] { -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-6ac5a44e], .row-between[data-v-6ac5a44e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-6ac5a44e] { -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; } .day-limit-free[data-v-6ac5a44e] { overflow: hidden; text-align: center; } .day-limit-free[data-v-6ac5a44e] .el-dialog__body { padding: 30px 0; color: #333; } .day-limit-free .tips[data-v-6ac5a44e] { margin-bottom: 10px; } .day-limit-free .tips.first[data-v-6ac5a44e] { margin-top: 20px; color: #000; } .day-limit-free .jx-btn[data-v-6ac5a44e] { width: 100px; } .day-limit-free .jx-btn.plain[data-v-6ac5a44e] { margin-left: 10px; } .none[data-v-372b2d2e] { display: none; } .base-font[data-v-372b2d2e] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-372b2d2e] { margin: 0; padding: 0; } .wh100[data-v-372b2d2e] { width: 100%; height: 100%; } .clearfix[data-v-372b2d2e]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-372b2d2e] { zoom: 1; } .text-scale[data-v-372b2d2e] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-372b2d2e] { position: absolute; top: 0; right: 0; } .center[data-v-372b2d2e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-372b2d2e] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-372b2d2e] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-372b2d2e] { color: #3aa60d; } .text-red[data-v-372b2d2e] { color: red; } .text-orange[data-v-372b2d2e] { color: #f60; } .fdc[data-v-372b2d2e] { 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-372b2d2e] { 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-372b2d2e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-372b2d2e], .row[data-v-372b2d2e] { 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-372b2d2e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-372b2d2e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-372b2d2e], .row-end[data-v-372b2d2e] { 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-372b2d2e] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-372b2d2e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-372b2d2e], .column[data-v-372b2d2e] { 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-372b2d2e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-372b2d2e] { -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-372b2d2e], .column-left-start[data-v-372b2d2e] { 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-372b2d2e] { -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-372b2d2e] { -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-372b2d2e], .row-between[data-v-372b2d2e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-372b2d2e] { -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; } .yxt-tips[data-v-372b2d2e] { overflow: hidden; } .yxt-tips[data-v-372b2d2e] .el-dialog__body { padding: 0 0 30px 0; color: #333; } .yxt-tips .content[data-v-372b2d2e] { text-align: center; padding: 0 60px; } .yxt-tips .content .warning-img[data-v-372b2d2e] { margin: 20px 0 10px 0; } .yxt-tips .content p[data-v-372b2d2e] { font-size: 14px; line-height: 24px; } .yxt-tips .jx-btns[data-v-372b2d2e] { margin-top: 30px; } .yxt-tips .jx-btns .jx-btn[data-v-372b2d2e] { width: 120px; } .yxt-tips .jx-btns .jx-btn.down-of-person[data-v-372b2d2e] { margin-left: 10px; } .yxt-tips .jx-btns .jx-btn.come-tomorrow[data-v-372b2d2e], .yxt-tips .jx-btns .jx-btn.re-choose[data-v-372b2d2e] { margin-right: 10px; } .confirm[data-v-4d4651d4] { overflow: hidden; } .confirm[data-v-4d4651d4] .el-dialog__body { padding: 0 0 30px 0; color: #333; } .confirm[data-v-4d4651d4] .el-dialog__body .dialog-common-title { text-align: center !important; font-weight: 700; padding-left: 0 !important; } .confirm[data-v-4d4651d4] .el-dialog__body .close-icon { top: 12px !important; } .confirm .inner[data-v-4d4651d4] { padding: 0 26px; } .confirm .inner .pay-label[data-v-4d4651d4] { font-size: 15px; text-align: center; margin-top: 15px; color: #333; } .confirm .inner .pay-coins[data-v-4d4651d4], .confirm .inner .pay-free[data-v-4d4651d4] { font-size: 24px; font-weight: 700; color: #2b99ff; text-align: center; margin-top: 8px; } .confirm .inner .pay-coins .coins[data-v-4d4651d4], .confirm .inner .pay-free .coins[data-v-4d4651d4] { margin-right: 3px; } .confirm .inner .bk-vip-bar[data-v-4d4651d4], .confirm .inner .yxt-bar[data-v-4d4651d4] { background-color: #fef6e7; height: 42px; line-height: 42px; border-radius: 10px; color: #f59e0b; margin-top: 15px; text-align: center; } .confirm .inner .bk-vip-bar .vip-icon[data-v-4d4651d4], .confirm .inner .yxt-bar .vip-icon[data-v-4d4651d4] { margin-right: 5px; } .confirm .inner .pay-info-wrap[data-v-4d4651d4] { background-color: #f9fafb; border-radius: 10px; padding: 10px 16px; margin-top: 15px; } .confirm .inner .pay-info-wrap .row[data-v-4d4651d4] { 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; height: 40px; font-size: 15px; } .confirm .inner .pay-info-wrap .row .label .discount[data-v-4d4651d4] { padding: 0 6px; border-radius: 4px; } .confirm .inner .pay-info-wrap .row .label .discount[data-v-4d4651d4], .confirm .inner .pay-info-wrap .row .label .vip-link[data-v-4d4651d4] { display: inline-block; font-size: 12px; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#ffa800), to(#ff6a00)); background: linear-gradient(90deg, #ffa800, #ff6a00); margin-left: 8px; height: 20px; line-height: 22px; } .confirm .inner .pay-info-wrap .row .label .vip-link[data-v-4d4651d4] { padding: 0 10px; border-radius: 20px; } .confirm .inner .pay-info-wrap .row .label .vip-link .icon[data-v-4d4651d4] { font-size: 13px; margin-left: 1px; } .confirm .inner .pay-info-wrap .row .value.n-c[data-v-4d4651d4] { color: #f60; } .confirm .inner .pay-info-wrap .row.bot[data-v-4d4651d4] { color: #999; font-size: 14px; } .confirm .inner .pay-info-wrap .row.bot.bd[data-v-4d4651d4] { border-top: 1px solid #f2f2f2; margin-top: 5px; padding-top: 5px; } .confirm .inner .jx-btns[data-v-4d4651d4] { margin-top: 20px; } .confirm .inner .jx-btns .jx-btn[data-v-4d4651d4] { width: 100%; height: 42px !important; line-height: 42px !important; font-size: 16px; } .confirm .inner .download-tips[data-v-4d4651d4] { text-align: center; font-size: 12px; color: #999; margin-top: 10px; } .none[data-v-77d8812f] { display: none; } .base-font[data-v-77d8812f] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-77d8812f] { margin: 0; padding: 0; } .wh100[data-v-77d8812f] { width: 100%; height: 100%; } .clearfix[data-v-77d8812f]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-77d8812f] { zoom: 1; } .text-scale[data-v-77d8812f] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-77d8812f] { position: absolute; top: 0; right: 0; } .center[data-v-77d8812f] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-77d8812f] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-77d8812f] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-77d8812f] { color: #3aa60d; } .text-red[data-v-77d8812f] { color: red; } .text-orange[data-v-77d8812f] { color: #f60; } .fdc[data-v-77d8812f] { 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-77d8812f] { 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-77d8812f] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-77d8812f], .row[data-v-77d8812f] { 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-77d8812f] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-77d8812f] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-77d8812f], .row-end[data-v-77d8812f] { 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-77d8812f] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-77d8812f] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-77d8812f], .column[data-v-77d8812f] { 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-77d8812f] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-77d8812f] { -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-77d8812f], .column-left-start[data-v-77d8812f] { 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-77d8812f] { -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-77d8812f] { -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-77d8812f], .row-between[data-v-77d8812f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-77d8812f] { -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; } .recharge[data-v-77d8812f] { overflow: hidden; } .recharge .vip-rgs[data-v-77d8812f] { color: red; } .recharge[data-v-77d8812f] .el-dialog { border-radius: 16px; } .recharge[data-v-77d8812f] .el-dialog__body { position: relative; width: 100%; padding: 20px; background: linear-gradient(224deg, #ffeabf, #fdffe6); border-radius: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .r-bg-01 { position: absolute; top: 0; left: 20px; width: 125px; height: 85px; } .recharge[data-v-77d8812f] .el-dialog__body .r-bg-02 { position: absolute; top: 0; right: 0; width: 190px; height: 218px; } .recharge[data-v-77d8812f] .el-dialog__body .fl { float: left; } .recharge[data-v-77d8812f] .el-dialog__body .fr { float: right; } .recharge[data-v-77d8812f] .el-dialog__body .clearfix { display: block; zoom: 1; } .recharge[data-v-77d8812f] .el-dialog__body .close-wrap { 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; position: absolute; top: 0; right: -42px; width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .close-wrap .recharge-close { position: relative; top: 1px; font-size: 18px; color: #fff; } .recharge[data-v-77d8812f] .el-dialog__body .main { position: relative; z-index: 10; } .recharge[data-v-77d8812f] .el-dialog__body .main .top-wrap .title-wrap { font-weight: 700; font-size: 18px; color: #d32700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .recharge[data-v-77d8812f] .el-dialog__body .main .top-wrap .user-recharge-info { font-size: 14px; color: #333; margin: 8px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .top-wrap .user-recharge-info .line { display: inline-block; width: 1px; height: 12px; background-color: #333; margin: 0 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap { display: block; width: 100%; margin-bottom: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap .ad-img { width: 100%; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap .el-carousel__arrow { display: none; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap .el-carousel__indicators { left: unset; right: 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap .el-carousel__indicator--horizontal { padding: 0 3px; } .recharge[data-v-77d8812f] .el-dialog__body .main .ad-wrap .el-carousel__indicator--horizontal .el-carousel__button { width: 4px; height: 4px; border-radius: 50%; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap { height: 528px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap { width: 200px; height: 100%; border-radius: 16px; background-color: #fff; padding: 20px 18px 52px 20px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .tit { font-weight: 700; font-size: 14px; color: #666; margin-bottom: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .intro-wrap .i-item { margin-bottom: 15px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .intro-wrap .i-item h6 { position: relative; font-size: 16px; line-height: 150%; -webkit-transform: matrix(0.98, 0, -0.18, 1, 0, 0); transform: matrix(0.98, 0, -0.18, 1, 0, 0); margin-bottom: 6px; color: #333; font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .intro-wrap .i-item h6:after { content: ''; display: block; position: absolute; bottom: 3px; width: 50px; height: 4px; opacity: 0.5; z-index: -1; background: -webkit-gradient(linear, left top, right top, color-stop(0, #fea821), to(#f2f2f2)); background: linear-gradient(90deg, #fea821, #f2f2f2); } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .intro-wrap .i-item .tips { color: #999; font-size: 12px; line-height: 18px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .vip-right { display: block; color: #666; font-size: 12px; margin-top: 40px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .vip-right:hover { color: #2b99ff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .tiket-kefu { margin-top: 10px; font-size: 12px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .tiket-kefu .apply { margin-right: 20px; color: #666; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .tiket-kefu .kefu { color: #666; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .reason-wrap .tiket-kefu .kefu .icon { margin-right: 5px; vertical-align: bottom; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info { width: 650px; height: 100%; background: #fff; border-radius: 8px; margin-left: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs { height: 58px; line-height: 60px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item { width: 50%; height: 100%; text-align: center; float: left; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on { background-color: #fff9eb; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on.tab-1 { border-radius: 8px 0 8px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on.tab-1 .text, .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on.tab-1 .tips { color: #864c28; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on.tab-2 { border-radius: 0 8px 0 8px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item.on.tab-2 .text { color: #864c28; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item .text { font-size: 16px; color: #ff5656; font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item .tips { font-size: 12px; color: #ff5656; margin-left: 5px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item .order-free { display: inline-block; width: 66px; height: 22px; line-height: 24px; background: #f80; border-radius: 4px; text-align: center; color: #fff; font-size: 12px; margin: 0 4px 0 7px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tabs .t-item .sheng { background-color: #f83f07; color: #fff; padding: 3px 4px; border-radius: 4px; font-size: 12px; vertical-align: bottom; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content { padding: 0 20px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap { margin: 12px 0; height: 40px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip { position: relative; font-size: 12px; color: #000; cursor: pointer; padding: 12px 0; height: 100%; width: 85%; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip.on .check-icon { background-color: #f60; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .check-icon { width: 16px; height: 16px; background-color: #ccc; border-radius: 50%; text-align: center; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .check-icon .icon { position: relative; top: -1px; font-size: 13px; color: #fff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .save-icon { color: #fff; background-color: #f60; border-radius: 2px; padding: 0 2px; margin: 0 7px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .vip-text { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @-webkit-keyframes tipsBounce-data-v-77d8812f { 0%, to { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } @keyframes tipsBounce-data-v-77d8812f { 0%, to { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .vip-small-tips { position: absolute; left: -10px; top: 45px; z-index: 99; font-size: 12px; color: #f60; border-radius: 4px; background-color: #fde5d5; padding: 4px 10px 4px 5px; -webkit-animation: tipsBounce-data-v-77d8812f 2s ease-in-out infinite; animation: tipsBounce-data-v-77d8812f 2s ease-in-out infinite; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .vip-small-tips:before { position: absolute; top: -8px; left: 8px; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fde5d5; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .vip-small-tips .add { color: #fff; padding: 0 2px; border-radius: 2px; margin-right: 4px; background: -webkit-gradient(linear, left top, right top, from(#ffcbcb), to(#fb0000)); background: linear-gradient(90deg, #ffcbcb, #fb0000); } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .current-vip .vip-small-tips .num { font-weight: 700; color: red; font-size: 14px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn { position: relative; height: 100%; color: #ff8c36; font-size: 12px; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .other-pkg { display: inline-block; padding: 8px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .other-pkg .icon { position: relative; top: 2px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap { position: absolute; right: 0; top: 45px; z-index: 99; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 6px; padding: 12px 14px; cursor: default; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .arrow.arrow-top { top: -6px; right: 0; left: inherit; border-width: 0 10px 10px; margin-right: 30px; border-color: #fff transparent #ededed; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .arrow.arrow-top:after { border-width: 0 10px 10px; margin-left: -10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .tit-wrap .tit { font-size: 12px; color: #000; font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .tit-wrap .rights:hover .right-icon, .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .tit-wrap .rights:hover .vip-right { color: #2b99ff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .tit-wrap .rights .vip-right { position: relative; left: 3px; font-size: 12px; color: #999; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .tit-wrap .rights .right-icon { color: #999; font-size: 14px; margin-left: 3px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-tips { font-size: 12px; color: #333; margin: 10px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap { margin-top: 15px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card { position: relative; width: 110px; background: #fff; border-radius: 6px; border: 2px solid #e7e7e7; margin-right: 8px; text-align: center; cursor: pointer; padding: 15px 0 25px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card:last-child { margin-right: 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card.on { background: #fff6f6; border-color: #ff5656; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card.on .total { background: #fecaa7; color: #f60; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .tag { position: absolute; right: -2px; top: -10px; font-size: 12px; background-color: #212121; color: #ffe7a6; padding: 2px 8px 3px; border-radius: 0 6px 0 6px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .name { font-size: 16px; color: #000; margin-bottom: 5px; font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .month-price { color: #f60; font-size: 12px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .month-price .num { font-size: 20px; margin: 0 3px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .origin-price { font-size: 12px; color: #666; margin: 2px 0; text-decoration: line-through; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .now-price { font-size: 12px; color: #f60; margin: 2px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .date { font-size: 12px; color: #666; margin: 2px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .vip-card-wrap .card .act-bar { position: absolute; bottom: -2px; left: -2px; text-align: center; height: 20px; line-height: 20px; width: 110px; background: #ff5656; border-radius: 0 0 6px 6px; color: #fff; font-size: 12px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .bot-act-bar { margin-top: 10px; border: 1px solid #f2f2f2; border-radius: 4px; padding: 5px 10px 5px 5px; font-size: 14px; color: #000; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .bot-act-bar .clocker-wrap { font-size: 12px; color: red; margin-left: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .bot-act-bar .right { font-size: 13px; font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .bot-act-bar .right .money { color: red; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-list-wrap .dropdown-btn .dropdown-wrap .bot-act-bar .tag { width: 20px; height: 20px; margin-right: 6px; vertical-align: sub; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .vip-bar { width: 100%; background: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); border-radius: 6px; height: 40px; line-height: 42px; text-align: center; font-size: 14px; color: #f83f08; margin: 12px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .pay-type-tab { width: 140px; height: 28px; background-color: #e8e8e8; border-radius: 4px; margin: 0 auto; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .pay-type-tab .p-item { width: 60px; text-align: center; height: 22px; line-height: 22px; border-radius: 4px; font-size: 12px; color: #333; margin: 3px 5px; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .pay-type-tab .p-item.wx.on { background-color: #00b930; color: #fff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .pay-type-tab .p-item.alipay.on { background-color: #009fe8; color: #fff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .qrcode-wrap { position: relative; width: 140px; height: 140px; border: 1px solid #f2f2f2; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .qrcode-wrap .qrcode { width: 100%; height: 100%; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .qrcode-wrap .pay-icon { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .qrcode-wrap .pay-icon.wx { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABEVBMVEX///////9rzANszQRtzQVtzQZuzQduzQhxzgxyzw5yzw9zzxB0zxF0zxJ10BR30Bd50Rt70h180iB90yJ/0ySA1CeC1CmE1S2F1S+G1TCI1jSK1zeL1zmN2DyQ2UKR2USS2kWU2kiY3FCb3VSb3VWc3Vag3lyg312h316h31+i32Cj4GKk4GSn4Wio4Wqo4Wut43Kv5Hey5Xuz5X6554e86IzD6pjD65nE65rI7KLQ76/T8LPY8rzd9MXf9Mji9c3l9tPm99Tn99Xq+Nvr+N3s+d7s+d/v+uTw+uXw+ubx+ufy++nz++rz++v1/O72/PD3/PH4/fP5/fX6/fb6/vf7/vn8/vr9//z+//3+//7///+2FPboAAAAAnRSTlNJ424rirYAAADwSURBVCjPY2BgjMICGBmwi4NkonAAmESQhYYUF7+oqnkAikSYMR8TFPAaBSEkvGSZkICEK0zCR4gJBYgFQyUUUIXNQgIjwRI2yMJy1lFRlgLWYAkVIF9cACTKpmYfFWUnw8SkDpYAiSn6abPwGrpHRXlqMgO5QmAJDiCLxSUqIDwqKtSEE2wgN1hCAsQ0ADnRSgRqkyBYQh/E5AmMckC4TgksYQtmK2uxItxmBfGHKhMakIqASPiJo4rzOsPCykMSWVzYERG6Tghhdj1fpGC3YuLVlQZazilv6oYSH6Y63lFRkf5BWGIQM2pxJgZcyQcAmgt18q8uzEwAAAAASUVORK5CYII=) no-repeat 50%; background-size: cover; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .qrcode-wrap .pay-icon.alipay { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAn+j///8Mo+kGoejg8/xKu++45Pj6/f6J0vQoruv3/P5Gue5DuO40s+zy+v7J6/qV1/WR1vUYqOrp9v3W8PvO7fuZ2PV1y/JvyPJTv+9OvO87te0krOv8/v7k9fzb8fyz4/in3vd+zvNqx/JdwvAvsezv+f275fkSpenLnwIEAAAA2klEQVQoz3XS57KDIBQE4LOiodhLLOn13rz/E4bDSEhm9PvjsirDAASptKAfQisJkiktSCUpWqRIf/L+dmt8tnWYvwZyn7leeuEdNiwGShcO5EUJuwCjCxEFkVUBe37SFx17Ei0taSR6CsQzSfMXpxHIQn9vwc59EsXYhn4w1WO6Vx0AA0xhQcX8s64LAG2finmLys8nJZy/68RrzmPf/8PshhOY2RCJk3J9dra9HT62YNyYrh6UHXZPcrLLEeD91dcCkOUowq5WxXxQTePaIF892pXLsDuuXp83OQkJ1E6/pSgAAAAASUVORK5CYII=) no-repeat 50%; background-size: cover; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list { margin-bottom: 20px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card { width: 140px; height: 85px; background: #fff; border-radius: 6px; border: 2px solid #e7e7e7; text-align: center; margin-right: 16px; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card:last-child { margin-right: 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card.on { background: #fff6f6; border-color: #ff5656; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card.on .coins, .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card.on .price { color: #f83f08; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card .price { font-size: 24px; color: #666; margin-top: 12px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-list .card .coins { font-size: 12px; color: #999; margin-top: 5px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .user-get-coins { font-size: 14px; color: #333; margin: 20px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .user-get-coins .real-coins { color: red; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .user-get-coins .coins-tips { color: #666; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info { height: 200px; background-color: #f8f8f8; border-radius: 6px; padding: 30px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info { margin: 8px 0 0 20px; font-size: 14px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .pay-money { font-size: 16px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .pay-money .money { color: red; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .pay-money .money .num { font-size: 24px; margin-left: 5px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money { font-size: 16px; margin: 8px 0 11px 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-num { color: red; margin-left: 5px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail { position: relative; color: #666; margin-left: 10px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .icon { font-size: 16px; color: #999; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail:hover .card-left { display: block; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left { position: absolute; top: -300px; left: 0; z-index: 100; width: 300px; margin-left: -150px; -webkit-box-shadow: 0 2px 16px 0 hsla(0, 0%, 56.9%, 0.25); box-shadow: 0 2px 16px 0 hsla(0, 0%, 56.9%, 0.25); border-radius: 5px; background: #fff; overflow: hidden; display: none; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .tit { height: 36px; line-height: 38px; text-align: center; font-size: 14px; color: #fc5c22; background-color: #fff0e2; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .act-tag, .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .vip-tag { display: inline-block; width: 42px; height: 16px; line-height: 16px; background: -webkit-gradient(linear, left top, right top, from(#929292), to(#cbcbcb)); background: linear-gradient(90deg, #929292, #cbcbcb); border-radius: 2px; text-align: center; margin-left: 6px; font-size: 12px; text-decoration: line-through; color: #fff; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .act-tag { background: -webkit-gradient(linear, left top, right top, from(#f83f08), to(#fc7212)); background: linear-gradient(90deg, #f83f08, #fc7212); text-decoration: none; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item { margin: 15px 15px 0 15px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item:last-child { border-bottom: none; margin-bottom: 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .bold, .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .bold em { font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .tit-bar { font-size: 14px; color: #000; margin-bottom: 8px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .tit-bar .label { font-weight: 700; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar { font-size: 14px; color: #666; margin-bottom: 8px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar .txt { display: none; margin-right: 3px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.vip .txt { display: inline-block; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.vip .vip-tag { background: -webkit-gradient(linear, left top, right top, from(#f83f08), to(#fc7212)); background: linear-gradient(90deg, #f83f08, #fc7212); text-decoration: none; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.vip .value { color: #f83f08; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.act { display: none; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.act .value { color: #f83f08; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .info-item .info-bar.act .txt { display: inline-block; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-1 .recharge-card-info .card-right .pay-info .discount-money .dis-detail .card-left .total-info { margin: 15px 15px 0; padding: 13px 0; border-top: 1px solid #eee; font-size: 15px; color: #fc5c22; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); border-radius: 10px; text-align: center; padding: 15px 0 25px; overflow: hidden; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-price { color: #412210; font-size: 12px; margin-bottom: 5px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-price .num { font-size: 32px; margin: 0 5px; color: #e00; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-price .unit { font-size: 14px; color: #e00; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-type-tab { width: 150px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-type-tab .p-item { width: 65px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .pay-tips { font-size: 12px; color: #666; margin-top: 6px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .qrcode-wrap { margin: 10px auto; width: 150px; height: 150px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .recharge-btn { width: 235px; height: 28px; line-height: 28px; background: -webkit-gradient(linear, left top, right top, from(#f83f08), to(#fc7212)); background: linear-gradient(90deg, #f83f08, #fc7212); border-radius: 14px; text-align: center; font-size: 14px; color: #fff; margin: 0 auto; cursor: pointer; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .con-2 .small-pay-wrap .recharge-btn .icon { font-size: 14px; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .recharge-sliders { width: 100%; height: 32px; margin: 15px 0; overflow: hidden; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .recharge-sliders .slide-item { height: 32px; line-height: 34px; color: #666; font-size: 12px; margin-right: 15px; float: left; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .recharge-sliders .slide-item:last-child { margin-right: 0; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .recharge-sliders .slide-item .icon { margin-right: 5px; vertical-align: bottom; } .recharge[data-v-77d8812f] .el-dialog__body .main .bot-wrap .recharge-info .tab-content .recharge-sliders .slide-item .time { color: #d8b879; } .none[data-v-589ffd6e] { display: none; } .base-font[data-v-589ffd6e] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-589ffd6e] { margin: 0; padding: 0; } .wh100[data-v-589ffd6e] { width: 100%; height: 100%; } .clearfix[data-v-589ffd6e]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-589ffd6e] { zoom: 1; } .text-scale[data-v-589ffd6e] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-589ffd6e] { position: absolute; top: 0; right: 0; } .center[data-v-589ffd6e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-589ffd6e] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-589ffd6e] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-589ffd6e] { color: #3aa60d; } .text-red[data-v-589ffd6e] { color: red; } .text-orange[data-v-589ffd6e] { color: #f60; } .fdc[data-v-589ffd6e] { 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-589ffd6e] { 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-589ffd6e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-589ffd6e], .row[data-v-589ffd6e] { 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-589ffd6e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-589ffd6e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-589ffd6e], .row-end[data-v-589ffd6e] { 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-589ffd6e] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-589ffd6e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-589ffd6e], .column[data-v-589ffd6e] { 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-589ffd6e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-589ffd6e] { -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-589ffd6e], .column-left-start[data-v-589ffd6e] { 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-589ffd6e] { -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-589ffd6e] { -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-589ffd6e], .row-between[data-v-589ffd6e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-589ffd6e] { -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; } .video-playbackRate[data-v-589ffd6e] { display: none; position: absolute; bottom: 28px; right: 200px; z-index: 10; } .video-playbackRate:hover .text[data-v-589ffd6e] { background-color: hsla(0, 0%, 8%, 0.9); } .video-playbackRate .text[data-v-589ffd6e] { width: 70px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; cursor: pointer; border-radius: 0 0 2px 2px; } .video-playbackRate .rate-wrap[data-v-589ffd6e] { position: absolute; bottom: 40px; right: 150px; left: 50%; margin-left: -35px; text-align: center; width: 70px; background-color: hsla(0, 0%, 8%, 0.9); border-radius: 2px 2px 0 0; } .video-playbackRate .rate-wrap .r-item[data-v-589ffd6e] { width: 100%; height: 36px; line-height: 36px; color: #fff; font-size: 14px; cursor: pointer; } .video-playbackRate .rate-wrap .r-item.on[data-v-589ffd6e], .video-playbackRate .rate-wrap .r-item[data-v-589ffd6e]:hover { color: #2b99ff; } .none[data-v-bb4a84c2] { display: none; } .base-font[data-v-bb4a84c2] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-bb4a84c2] { margin: 0; padding: 0; } .wh100[data-v-bb4a84c2] { width: 100%; height: 100%; } .clearfix[data-v-bb4a84c2]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-bb4a84c2] { zoom: 1; } .text-scale[data-v-bb4a84c2] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-bb4a84c2] { position: absolute; top: 0; right: 0; } .center[data-v-bb4a84c2] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-bb4a84c2] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-bb4a84c2] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-bb4a84c2] { color: #3aa60d; } .text-red[data-v-bb4a84c2] { color: red; } .text-orange[data-v-bb4a84c2] { color: #f60; } .fdc[data-v-bb4a84c2] { 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-bb4a84c2] { 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-bb4a84c2] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-bb4a84c2], .row[data-v-bb4a84c2] { 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-bb4a84c2] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-bb4a84c2] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-bb4a84c2], .row-end[data-v-bb4a84c2] { 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-bb4a84c2] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-bb4a84c2] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-bb4a84c2], .column[data-v-bb4a84c2] { 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-bb4a84c2] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-bb4a84c2] { -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-bb4a84c2], .column-left-start[data-v-bb4a84c2] { 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-bb4a84c2] { -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-bb4a84c2] { -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-bb4a84c2], .row-between[data-v-bb4a84c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-bb4a84c2] { -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; } .preview-dialog[data-v-bb4a84c2] .el-dialog, .preview-dialog[data-v-bb4a84c2] .el-dialog__body { width: 100%; height: 100%; margin: 0 !important; background: transparent; } .preview-dialog[data-v-bb4a84c2] .el-dialog__body { padding: 0; } .preview-dialog[data-v-bb4a84c2] .el-carousel__container { height: 55px; } .preview-dialog .dialog-content[data-v-bb4a84c2] { position: relative; width: 100%; height: 100%; padding-top: 80px; padding-bottom: 200px; overflow: auto; } .preview-dialog .dialog-content .title-top[data-v-bb4a84c2] { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 60px; background: rgba(0, 0, 0, 0.6); 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; } .preview-dialog .dialog-content .title-top .inner[data-v-bb4a84c2] { width: 910px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 6px; } .preview-dialog .dialog-content .title-top .inner .title[data-v-bb4a84c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 16px; } .preview-dialog .dialog-content .title-top .inner .title .doc-icon[data-v-bb4a84c2] { width: 16px !important; height: 16px !important; background-size: 16px !important; } .preview-dialog .dialog-content .title-top .inner .title .rank[data-v-bb4a84c2] { color: #f60; margin-right: 3px; } .preview-dialog .dialog-content .title-top .inner .title .doc-label[data-v-bb4a84c2], .preview-dialog .dialog-content .title-top .inner .title .name[data-v-bb4a84c2] { color: #fff; max-width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .preview-dialog .dialog-content .title-top .inner .btn-group[data-v-bb4a84c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .preview-dialog .dialog-content .title-top .inner .btn-group .add-cart[data-v-bb4a84c2] { position: relative; margin-right: 15px; width: 100px; line-height: 32px; border-radius: 4px; border: 2px solid #2b99ff; color: #2b99ff; background-color: #f5faff; cursor: pointer; } .preview-dialog .dialog-content .title-top .inner .btn-group .add-cart .tooltips[data-v-bb4a84c2] { position: absolute; top: -10px; left: 62px; color: #fff; font-size: 12px; border-radius: 0 4px; text-align: center; width: 36px; height: 17px; line-height: 18px; background: #f60; } .preview-dialog .dialog-content .title-top .inner .btn-group .download[data-v-bb4a84c2] { width: 100px; line-height: 36px; background: #2b99ff; border-radius: 4px; color: #fff; cursor: pointer; } .preview-dialog .dialog-content .title-top .close[data-v-bb4a84c2] { position: absolute; font-size: 24px; top: 11px; right: 30px; color: #fff; cursor: pointer; } .preview-dialog .dialog-content .title-top .close-tips[data-v-bb4a84c2] { position: absolute; right: 38px; margin-top: 7px; background-color: #000; opacity: 0.6; color: #fff; border-radius: 4px; padding: 3px 5px; width: 114px; font-size: 12px; letter-spacing: 1px; } .preview-dialog .dialog-content .title-top .close-tips .icon-triangle[data-v-bb4a84c2] { position: absolute; right: 0; top: -5px; z-index: -1; width: 0; height: 0; border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #000 transparent transparent; } .preview-dialog .dialog-content .previews-wrap .content[data-v-bb4a84c2] { min-height: 450px; position: relative; margin: 0 auto; padding: 15px 0 70px; width: 910px; border-radius: 6px; background-color: #fff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap[data-v-bb4a84c2] { margin-bottom: 10px; border-bottom: 1px solid #eee; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap.fixed[data-v-bb4a84c2] { position: fixed; top: 60px; left: 50%; margin-left: -458px; z-index: 9; width: 910px; background-color: #fff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap.fixed .preview-tips-wrap[data-v-bb4a84c2] { margin-top: 10px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap[data-v-bb4a84c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .preview-tips[data-v-bb4a84c2] { font-size: 12px; color: #999; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .slide-btns .slide-btn[data-v-bb4a84c2] { display: inline-block; width: 17px; height: 17px; line-height: 16px; border: 1px solid #999; border-radius: 2px; text-align: center; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .slide-btns .slide-btn[data-v-bb4a84c2]:hover { border-color: #2b99ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .slide-btns .slide-btn.prev[data-v-bb4a84c2] { margin-right: 4px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .slide-btns .slide-btn.next[data-v-bb4a84c2] { margin-left: 4px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-tips-wrap .slide-btns .slide-btn.stop[data-v-bb4a84c2] { cursor: not-allowed; border-color: #f2f2f2; color: #ddd; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list[data-v-bb4a84c2] { position: relative; margin: 10px auto 0; width: 870px; overflow: auto hidden; scrollbar-width: none; -ms-overflow-style: none; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list[data-v-bb4a84c2]::-webkit-scrollbar { display: none; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap[data-v-bb4a84c2] { width: -webkit-max-content; width: -moz-max-content; width: max-content; overflow: hidden; padding: 14px 0 15px 0; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file[data-v-bb4a84c2] { position: relative; float: left; margin-left: 12px; cursor: pointer; width: 100px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file[data-v-bb4a84c2]:first-child { margin-left: 0; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con[data-v-bb4a84c2] { background-color: #f1f8ff; border-color: #2b99ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box[data-v-bb4a84c2] { color: #fff !important; background-color: #8f37ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-26[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-43[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-241[data-v-bb4a84c2] { background-color: #fd9731; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-27[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-38[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-40[data-v-bb4a84c2] { background-color: #0068ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-28[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-44[data-v-bb4a84c2] { background-color: #8f37ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-29[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-888888[data-v-bb4a84c2] { background-color: #00b2d5; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-39[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-256[data-v-bb4a84c2] { background-color: #00a1ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-30[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-41[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-999999[data-v-bb4a84c2] { background-color: #f14588; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-31[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-42[data-v-bb4a84c2] { background-color: #ff4b11; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-33[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-45[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-46[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-256[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .tag-box.t-261[data-v-bb4a84c2] { background-color: #00c548; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file.on .con .file-title[data-v-bb4a84c2] { color: #2b99ff !important; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con[data-v-bb4a84c2] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; background-color: #fff; border-radius: 6px; border: 1px solid #f2f2f2; padding: 0 10px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box[data-v-bb4a84c2] { position: absolute; top: -14px; left: -1px; min-width: 36px; height: 20px; line-height: 22px; text-align: center; font-size: 12px; background-color: #efe2ff; color: #8f37ff; border-radius: 3px; padding: 0 5px; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-26[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-43[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-241[data-v-bb4a84c2] { background-color: #ffeede; color: #fd9731; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-27[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-38[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-40[data-v-bb4a84c2] { background-color: #e7f4fd; color: #0068ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-28[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-44[data-v-bb4a84c2] { background-color: #efe2ff; color: #8f37ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-29[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-888888[data-v-bb4a84c2] { background-color: #ddf9ff; color: #00b2d5; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-39[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-256[data-v-bb4a84c2] { background-color: #e2f4ff; color: #00a1ff; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-30[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-41[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-999999[data-v-bb4a84c2] { background-color: #ffe4ef; color: #f14588; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-31[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-42[data-v-bb4a84c2] { background-color: #ffece6; color: #ff4b11; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-33[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-45[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-46[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-256[data-v-bb4a84c2], .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .tag-box.t-261[data-v-bb4a84c2] { background-color: #dbffe8; color: #00c548; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .file-icon[data-v-bb4a84c2] { width: 16px !important; height: 16px !important; margin-right: 0 !important; -ms-flex-negative: 0; flex-shrink: 0; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .file-title[data-v-bb4a84c2] { max-width: 245px; font-size: 13px; color: #333; word-break: break-all; padding-left: 10px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .preview-dialog .dialog-content .previews-wrap .content .multiple-toggle-wrap .preview-files-list .slide-wrap .preview-file .con .file-title.no-tag[data-v-bb4a84c2] { max-width: 270px; } .preview-dialog .dialog-content .previews-wrap .content .preview-content[data-v-bb4a84c2] { position: relative; padding: 0 20px; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-video-wrap[data-v-bb4a84c2] { position: relative; width: 794px; margin: 0 auto; font-size: 0; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-video-wrap:hover .video-playbackRate[data-v-bb4a84c2] { display: block; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-video-wrap video[data-v-bb4a84c2] { width: 100%; height: 100%; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item[data-v-bb4a84c2] { border-top: 1px solid #f2f2f2; padding: 10px 0; text-align: center; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item[data-v-bb4a84c2]:first-child { border-top: none; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item img[data-v-bb4a84c2] { max-width: 100%; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item.audio[data-v-bb4a84c2] { padding: 100px 0; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item.no-preview[data-v-bb4a84c2] { margin-top: 50px; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item .no-preview-wrap[data-v-bb4a84c2] { padding: 30px 0; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item .no-preview-wrap .no-detail-img[data-v-bb4a84c2] { margin: 0 auto 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA7VBMVEUAAAD//////4D/qlX/mWb/qlX/km3/mWb/klv/j2D/lF7/klv/ilP/iVX/j1f/jFX/jlX/i1P/jVT/i1P/jFX/ilT/i1X/ilT/i1P/i1T/jFT/i1L/iVT/ilL/i1L/ilT/ilP/i1P/ilP/ilL/i1L/ilL/i1T/i1L/iVP/i1P/ilP/ilP/ilP/iVP/ilL/i1P/ilL/iVL/iVP/ilP/ilL/iVL/ilP/ilP/ilP/ilL/ilP/ilP/iVP/iVL/iVP/ilP/ilP/iVL/iVL/iVL/ilP/ilP/ilL/iVP/ilL/ilP/iVL/ilP/iVP/ilL/iVLnYujdAAAATnRSTlMAAQIDBQYHCg4QExwlJykzNjc6REVGS0xNT1JaW2BjZGZub3Z5fH1/hIqLjpmgoaKkp6mqrrS1ubu9vr/Bw87R2Nnf4+3x8vP4+vv8/f40JGY6AAABhUlEQVQ4y42UWzsCURiFPx3URBIdBiFCosIkmiYqqjHU+/9/jotM9p7dRftq1nrWPN95iSjPqrT6I3826rcqlqx/di9g9YKevUaSHwDTTr1aLlfrnSkwyEcksQYsnGIyxMmis4BGTNWku+Dm9P9yLnTTimbIvGZmUJszXKliXfxSCHaz2WwYpeTTDb8bzFcamQCpEJTmNP7qAiXWJ3wrEWFZ4wBXSWQEEwW6DEREbBZqXe/woda4wBaRHo5a0hsMVezQE7ECCir5Cm8qLhJYUmGaVMlneFFxckpF2no0eYQnjejQEo+6xjWhqRF1PBlT1bh7uNOIKmPxKWvcLVxrRBnfEF3BRUQ0M8Jdwmkk3MhI/ByOI4n3pU1H407g0GhBtJlHsG800wooqmQik4kbY4kOWLZTYgw4uipnXz835qroS2cFwJ6xdPr67gAcmOurH8IDuHHzEPST2irYCVlzUhsd52ZnHhpG4d8wCqZhrKzHWVqPs9Z6NjSxpR22vbHvj72IHf4CLpJbdGK3LloAAAAASUVORK5CYII=) no-repeat; width: 36px; height: 36px; } .preview-dialog .dialog-content .previews-wrap .content .preview-content .preview-item .no-preview-wrap .text[data-v-bb4a84c2] { color: #999; text-align: center; font-size: 16px; } .preview-dialog .dialog-content .previews-wrap .content .remain-previews[data-v-bb4a84c2] { 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; width: 100%; height: 60px; font-size: 16px; color: #999; } .preview-dialog .dialog-content .previews-wrap .content .remain-previews .read-continue[data-v-bb4a84c2] { cursor: pointer; color: #2b99ff; } .preview-dialog .dialog-content .previews-wrap .content .remain-previews .read-continue .icon[data-v-bb4a84c2] { font-size: 20px; vertical-align: middle; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar[data-v-bb4a84c2] { width: 100%; margin-bottom: 20px; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar .inner[data-v-bb4a84c2] { height: 46px; width: 643px; background: #0b1628; border-radius: 4px; margin: 0 auto; overflow: hidden; padding: 0 20px; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar .inner .left[data-v-bb4a84c2] { float: left; line-height: 46px; color: #d8b879; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar .inner .left .icon[data-v-bb4a84c2] { padding-right: 5px; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar .inner .open-btn[data-v-bb4a84c2] { float: right; width: 90px; height: 30px; line-height: 30px; background: -webkit-gradient(linear, right top, left top, from(#d4b777), to(#ffe8b1)); background: linear-gradient(270deg, #d4b777, #ffe8b1); border-radius: 16px; margin: 8px 0; } .preview-dialog .dialog-content .previews-wrap .content .bk-vip-bar .inner .open-btn a[data-v-bb4a84c2] { display: block; width: 100%; height: 100%; color: #64400e; text-align: center; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar[data-v-bb4a84c2] { position: absolute; bottom: 0; left: 0; 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; width: 100%; height: 60px; padding: 0 30px; -webkit-box-shadow: 0 -2px 4px -1px hsla(0, 0%, 93.3%, 0.9); box-shadow: 0 -2px 4px -1px hsla(0, 0%, 93.3%, 0.9); border-radius: 0 0 6px 6px; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .doc-price .coins[data-v-bb4a84c2] { color: #e6321a; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .doc-price .money[data-v-bb4a84c2] { color: #999; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns[data-v-bb4a84c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns .down-free[data-v-bb4a84c2] { font-size: 12px; color: #2b99ff; cursor: pointer; margin-right: 15px; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns .down-free[data-v-bb4a84c2]:hover { color: #2b99ff; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns .btn[data-v-bb4a84c2] { width: 100px; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; cursor: pointer; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns .btn.add-cart[data-v-bb4a84c2] { border: 1px solid #2b99ff; color: #2b99ff; margin-right: 20px; } .preview-dialog .dialog-content .previews-wrap .content .bot-bar .btns .btn.download[data-v-bb4a84c2] { background-color: #2b99ff; color: #fff; } .preview-dialog .dialog-content .belong-albums[data-v-bb4a84c2] { width: 910px; background-color: #fff; border-radius: 6px; margin: 10px auto 0; padding: 0 20px; } .preview-dialog .dialog-content .belong-albums .title-wrap[data-v-bb4a84c2] { height: 50px; max-width: 100%; line-height: 50px; color: #333; font-weight: 600; font-size: 16px; border-bottom: 1px solid #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .preview-dialog .dialog-content .belong-albums .album-list[data-v-bb4a84c2] { padding-top: 16px; overflow: hidden; border-bottom: 1px dashed #eee; } .preview-dialog .dialog-content .belong-albums .album-list li[data-v-bb4a84c2] { position: relative; margin-bottom: 15px; overflow: hidden; } .preview-dialog .dialog-content .belong-albums .album-list li[data-v-bb4a84c2]:before { position: absolute; top: 50%; left: 0; margin-top: -2px; content: ' '; width: 4px; height: 4px; background: #ccc; border-radius: 50%; } .preview-dialog .dialog-content .belong-albums .album-list li a[data-v-bb4a84c2] { float: left; padding-left: 12px; } .preview-dialog .dialog-content .belong-albums .album-list li a .title[data-v-bb4a84c2] { color: #333; display: inline-block; vertical-align: middle; max-width: 600px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .preview-dialog .dialog-content .belong-albums .album-list li a:hover .doc-type[data-v-bb4a84c2], .preview-dialog .dialog-content .belong-albums .album-list li a:hover .title[data-v-bb4a84c2] { color: #2b99ff; } .preview-dialog .dialog-content .belong-albums .album-list li a .boutique-icon[data-v-bb4a84c2] { vertical-align: middle; margin-right: 5px !important; } .preview-dialog .dialog-content .belong-albums .album-list li a .doc-type[data-v-bb4a84c2] { height: 20px; line-height: 20px; font-size: 14px; color: #333; margin-left: 10px; } .preview-dialog .dialog-content .belong-albums .album-list li .down-count[data-v-bb4a84c2] { color: #999; float: right; } .preview-dialog .dialog-content .belong-albums .bot[data-v-bb4a84c2] { height: 50px; line-height: 50px; text-align: center; } .preview-dialog .dialog-content .belong-albums .bot a[data-v-bb4a84c2] { color: #2b99ff; } .preview-dialog .dialog-content .belong-albums .bot .iconyou[data-v-bb4a84c2] { color: #2b99ff; position: relative; top: 2px; } .preview-dialog .dialog-content .doc-btn[data-v-bb4a84c2] { position: fixed; top: 35%; margin-top: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 120px; background: rgba(0, 0, 0, 0.4); color: #fff; cursor: pointer; } .preview-dialog .dialog-content .doc-btn .icon[data-v-bb4a84c2] { font-size: 40px; } .preview-dialog .dialog-content .doc-btn .text[data-v-bb4a84c2] { font-size: 14px; } .preview-dialog .dialog-content .doc-btn.prev[data-v-bb4a84c2] { border-radius: 6px 0 0 6px; left: calc((100% - 910px) / 2 - 60px); } .preview-dialog .dialog-content .doc-btn.prev.left[data-v-bb4a84c2] { left: calc((100% - 910px) / 2 - 63px); } .preview-dialog .dialog-content .doc-btn.next[data-v-bb4a84c2] { border-radius: 0 6px 6px 0; right: calc((100% - 910px) / 2 - 60px); } .preview-dialog .dialog-content .doc-btn.next.right[data-v-bb4a84c2] { right: calc((100% - 910px) / 2 - 57px); } .preview-dialog .dialog-content .doc-btn.disabled[data-v-bb4a84c2] { cursor: not-allowed; background: #000; opacity: 0.2; } .none[data-v-5be23450] { display: none; } .base-font[data-v-5be23450] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-5be23450] { margin: 0; padding: 0; } .wh100[data-v-5be23450] { width: 100%; height: 100%; } .clearfix[data-v-5be23450]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-5be23450] { zoom: 1; } .text-scale[data-v-5be23450] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-5be23450] { position: absolute; top: 0; right: 0; } .center[data-v-5be23450] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-5be23450] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-5be23450] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-5be23450] { color: #3aa60d; } .text-red[data-v-5be23450] { color: red; } .text-orange[data-v-5be23450] { color: #f60; } .fdc[data-v-5be23450] { 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-5be23450] { 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-5be23450] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-5be23450], .row[data-v-5be23450] { 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-5be23450] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-5be23450] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-5be23450], .row-end[data-v-5be23450] { 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-5be23450] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-5be23450] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-5be23450], .column[data-v-5be23450] { 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-5be23450] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-5be23450] { -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-5be23450], .column-left-start[data-v-5be23450] { 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-5be23450] { -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-5be23450] { -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-5be23450], .row-between[data-v-5be23450] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-5be23450] { -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; } [data-v-5be23450] .el-dialog__body { padding: 0; } .download-free[data-v-5be23450] { border-radius: 5px; } .download-free.not-enough[data-v-5be23450] .el-dialog { width: 700px; } .download-free[data-v-5be23450] .el-dialog { width: 400px; } .download-free .hd[data-v-5be23450] { height: 60px; line-height: 60px; border-bottom: 1px solid #eee; padding: 0 20px; } .download-free .hd .title[data-v-5be23450] { font-size: 16px; color: #333; } .download-free .hd .close-icon[data-v-5be23450] { line-height: normal; right: 18px !important; top: 20px !important; } .download-free .bd .coupon-enough[data-v-5be23450] { overflow: hidden; padding-top: 10px; } .download-free .bd .coupon-enough .row-item[data-v-5be23450] { margin-top: 15px; padding: 0 24px; overflow: hidden; } .download-free .bd .coupon-enough .row-item .label[data-v-5be23450] { color: #666; font-size: 16px; float: left; } .download-free .bd .coupon-enough .row-item .value[data-v-5be23450] { color: #333; font-size: 20px; font-weight: 700; float: right; } .download-free .bd .coupon-enough .row-item .value em[data-v-5be23450] { margin-right: 2px; font-weight: 700; } .download-free .bd .coupon-enough .tips-wrap[data-v-5be23450] { background-color: #f0fdf4; height: 50px; line-height: 50px; border-radius: 6px; margin: 24px; padding: 0 20px; color: #16a34a; font-size: 14px; } .download-free .bd .coupon-enough .tips-wrap .icon[data-v-5be23450] { margin-right: 10px; } .download-free .bd .coupon-enough .subject-download-wrap[data-v-5be23450] { width: 100%; height: 80px; background-color: #f9fafb; padding: 20px 0; } .download-free .bd .coupon-enough .subject-download-wrap .down-btn[data-v-5be23450] { width: 136px; height: 40px; line-height: 42px; font-size: 16px; color: #fff; border-radius: 4px; text-align: center; background-color: #2b99ff; margin: 0 auto; cursor: pointer; } .download-free .bd .coupon-not-enough[data-v-5be23450] { padding: 24px; overflow: hidden; } .download-free .bd .coupon-not-enough .tips-wrap[data-v-5be23450] { float: left; } .download-free .bd .coupon-not-enough .tips-wrap .tips-1[data-v-5be23450] { font-size: 17px; color: #333; } .download-free .bd .coupon-not-enough .tips-wrap .tips-1 .free[data-v-5be23450] { color: #ff6b6b; } .download-free .bd .coupon-not-enough .tips-wrap .tips-2[data-v-5be23450] { font-size: 13px; color: #999; margin-top: 5px; } .download-free .bd .coupon-not-enough .tips-wrap .rights-wrap[data-v-5be23450] { margin-top: 20px; } .download-free .bd .coupon-not-enough .tips-wrap .rights-wrap .r-item[data-v-5be23450] { margin-bottom: 20px; font-size: 16px; color: #666; } .download-free .bd .coupon-not-enough .tips-wrap .rights-wrap .r-item .num[data-v-5be23450] { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; color: #fff; background-color: #ff6b6b; border-radius: 20px; margin-right: 10px; } .download-free .bd .coupon-not-enough .qrcode-wrap[data-v-5be23450] { float: right; width: 200px; height: 220px; background-color: #f9fafb; border-radius: 12px; padding: 18px; } .download-free .bd .coupon-not-enough .qrcode-wrap .outter[data-v-5be23450] { background-color: #fdcfda; border-radius: 12px; padding: 16px; } .download-free .bd .coupon-not-enough .qrcode-wrap .outter .inner .bg[data-v-5be23450] { background-color: #fff; text-align: center; padding: 5px; border-radius: 12px; } .download-free .bd .coupon-not-enough .qrcode-wrap .outter .inner .bg .img[data-v-5be23450] { width: 120px; height: 120px; } .download-free .bd .coupon-not-enough .qrcode-wrap .label[data-v-5be23450] { color: #666; text-align: center; margin-top: 10px; } .none[data-v-40a62120] { display: none; } .base-font[data-v-40a62120] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-40a62120] { margin: 0; padding: 0; } .wh100[data-v-40a62120] { width: 100%; height: 100%; } .clearfix[data-v-40a62120]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-40a62120] { zoom: 1; } .text-scale[data-v-40a62120] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-40a62120] { position: absolute; top: 0; right: 0; } .center[data-v-40a62120] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-40a62120] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-40a62120] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-40a62120] { color: #3aa60d; } .text-red[data-v-40a62120] { color: red; } .text-orange[data-v-40a62120] { color: #f60; } .fdc[data-v-40a62120] { 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-40a62120] { 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-40a62120] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-40a62120], .row[data-v-40a62120] { 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-40a62120] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-40a62120] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-40a62120], .row-end[data-v-40a62120] { 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-40a62120] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-40a62120] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-40a62120], .column[data-v-40a62120] { 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-40a62120] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-40a62120] { -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-40a62120], .column-left-start[data-v-40a62120] { 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-40a62120] { -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-40a62120] { -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-40a62120], .row-between[data-v-40a62120] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-40a62120] { -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; } .zone-sidebar[data-v-40a62120] { width: 100%; } .zone-sidebar .title[data-v-40a62120] { height: 50px; line-height: 50px; padding-left: 40px; font-size: 18px; color: #333; font-weight: 600; border-bottom: 1px solid #f5f5f5; } .zone-sidebar .side-warp[data-v-40a62120] { padding-bottom: 10px; } .zone-sidebar .side-warp li[data-v-40a62120] { list-style-type: none; font-size: 14px; height: 40px; line-height: 40px; color: #333; border-left: 3px solid #fff; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .zone-sidebar .side-warp li p[data-v-40a62120] { padding-left: 40px; } .zone-sidebar .side-warp .active[data-v-40a62120], .zone-sidebar .side-warp li[data-v-40a62120]:hover { background-color: #e9f4ff; color: #2b99ff; font-weight: 700; border-left: 3px solid #2b99ff; } .zone-sidebar .zones-empty[data-v-40a62120] { width: 100%; padding: 100px 20px 100px 0; font-size: 12px; color: #ccc; text-align: center; } .none[data-v-556b1cc6] { display: none; } .base-font[data-v-556b1cc6] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-556b1cc6] { margin: 0; padding: 0; } .wh100[data-v-556b1cc6] { width: 100%; height: 100%; } .clearfix[data-v-556b1cc6]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-556b1cc6] { zoom: 1; } .text-scale[data-v-556b1cc6] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-556b1cc6] { position: absolute; top: 0; right: 0; } .center[data-v-556b1cc6] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-556b1cc6] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-556b1cc6] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-556b1cc6] { color: #3aa60d; } .text-red[data-v-556b1cc6] { color: red; } .text-orange[data-v-556b1cc6] { color: #f60; } .fdc[data-v-556b1cc6] { 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-556b1cc6] { 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-556b1cc6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-556b1cc6], .row[data-v-556b1cc6] { 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-556b1cc6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-556b1cc6] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-556b1cc6], .row-end[data-v-556b1cc6] { 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-556b1cc6] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-556b1cc6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-556b1cc6], .column[data-v-556b1cc6] { 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-556b1cc6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-556b1cc6] { -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-556b1cc6], .column-left-start[data-v-556b1cc6] { 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-556b1cc6] { -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-556b1cc6] { -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-556b1cc6], .row-between[data-v-556b1cc6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-556b1cc6] { -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; } .high-zone-sidebar[data-v-556b1cc6] { width: 100%; } .high-zone-sidebar .title-wrap[data-v-556b1cc6] { position: relative; height: 50px; padding-left: 40px; padding-right: 20px; border-bottom: 1px solid #f5f5f5; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; cursor: pointer; } .high-zone-sidebar .title-wrap.bd[data-v-556b1cc6] { border-top-color: #2b99ff; border-left-color: #2b99ff; border-right-color: #2b99ff; border-radius: 6px 6px 0 0; } .high-zone-sidebar .title-wrap .inner[data-v-556b1cc6] { 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; width: 100%; height: 100%; } .high-zone-sidebar .title-wrap .inner .zone-name[data-v-556b1cc6] { font-size: 18px; color: #333; font-weight: 600; } .high-zone-sidebar .title-wrap .inner .icon[data-v-556b1cc6] { color: #666; font-weight: 400; font-size: 18px; } .high-zone-sidebar .title-wrap .outer-container[data-v-556b1cc6] { position: absolute; left: -1px; top: 49px; background-color: #fff; width: 300px; height: 200px; border-radius: 0 0 6px 6px; overflow: hidden; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .high-zone-sidebar .title-wrap .outer-container.bd[data-v-556b1cc6] { border-bottom-color: #2b99ff; border-left-color: #2b99ff; border-right-color: #2b99ff; } .high-zone-sidebar .title-wrap .outer-container .inner-container[data-v-556b1cc6] { position: absolute; left: 0; overflow-x: hidden; overflow-y: scroll; } .high-zone-sidebar .title-wrap .outer-container .inner-container[data-v-556b1cc6]::-webkit-scrollbar { display: none; } .high-zone-sidebar .title-wrap .outer-container .inner-container .zones-list[data-v-556b1cc6] { width: 300px; height: 200px; } .high-zone-sidebar .title-wrap .outer-container .inner-container .zones-list > li[data-v-556b1cc6] { padding-left: 40px; height: 40px; line-height: 40px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .high-zone-sidebar .title-wrap .outer-container .inner-container .zones-list > li.active[data-v-556b1cc6], .high-zone-sidebar .title-wrap .outer-container .inner-container .zones-list > li[data-v-556b1cc6]:hover { background-color: #e9f4ff; } .high-zone-sidebar .side-warp[data-v-556b1cc6] { padding-bottom: 10px; min-height: 300px; } .high-zone-sidebar .side-warp li[data-v-556b1cc6] { list-style-type: none; font-size: 14px; height: 40px; line-height: 40px; color: #333; border-left: 3px solid #fff; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .high-zone-sidebar .side-warp li p[data-v-556b1cc6] { padding-left: 40px; } .high-zone-sidebar .side-warp .active[data-v-556b1cc6], .high-zone-sidebar .side-warp li[data-v-556b1cc6]:hover { background-color: #e9f4ff; color: #2b99ff; font-weight: 700; border-left: 3px solid #2b99ff; } .high-zone-sidebar .zones-empty[data-v-556b1cc6] { width: 100%; padding: 100px 20px 100px 0; font-size: 12px; color: #ccc; text-align: center; } .none[data-v-09f94616] { display: none; } .base-font[data-v-09f94616] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-09f94616] { margin: 0; padding: 0; } .wh100[data-v-09f94616] { width: 100%; height: 100%; } .clearfix[data-v-09f94616]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-09f94616] { zoom: 1; } .text-scale[data-v-09f94616] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-09f94616] { position: absolute; top: 0; right: 0; } .center[data-v-09f94616] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-09f94616] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-09f94616] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-09f94616] { color: #3aa60d; } .text-red[data-v-09f94616] { color: red; } .text-orange[data-v-09f94616] { color: #f60; } .fdc[data-v-09f94616] { 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-09f94616] { 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-09f94616] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-09f94616], .row[data-v-09f94616] { 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-09f94616] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-09f94616] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-09f94616], .row-end[data-v-09f94616] { 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-09f94616] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-09f94616] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-09f94616], .column[data-v-09f94616] { 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-09f94616] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-09f94616] { -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-09f94616], .column-left-start[data-v-09f94616] { 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-09f94616] { -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-09f94616] { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-between[data-v-09f94616] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pagination-wrap[data-v-09f94616], .row-between[data-v-09f94616] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-wrap[data-v-09f94616] { width: 100%; height: 70px; overflow: hidden; padding: 20px 0; background-color: #fff; margin-top: 10px; border-radius: 6px; } .pagination-wrap .page-list[data-v-09f94616] { width: 100%; text-align: center; margin: 0 auto; } .pagination-wrap .page-list li[data-v-09f94616] { display: inline-block; padding: 0; margin-right: 10px; width: 40px; height: 30px; line-height: 28px; color: #333; font-weight: 400; border: 1px solid #e2e2e2; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; border-radius: 2px; } .pagination-wrap .page-list li.page-item[data-v-09f94616] { color: #2b99ff; } .pagination-wrap .page-list li.active[data-v-09f94616], .pagination-wrap .page-list li.page-item[data-v-09f94616]:hover { border-color: #2b99ff; background-color: #2b99ff; color: #fff; } .pagination-wrap .page-list li.disabled[data-v-09f94616] { background-color: #fff; cursor: not-allowed; color: #e2e2e2; } .pagination-wrap .page-list li.disabled[data-v-09f94616]:hover { color: #e2e2e2 !important; } .pagination-wrap .page-list li.btn-next[data-v-09f94616], .pagination-wrap .page-list li.btn-prev[data-v-09f94616] { width: 75px; height: 30px; border: 1px solid #e2e2e2; border-radius: 2px; } .pagination-wrap .page-list li.btn-next[data-v-09f94616]:hover, .pagination-wrap .page-list li.btn-prev[data-v-09f94616]:hover { color: #2b99ff; } .pagination-wrap .page-list li.btn-next[data-v-09f94616] { margin: 0; } .bkc-list { color: #333; } .bkc-list .main { overflow: hidden; } .bkc-list .main .left-side { float: left; width: 300px; background: #fff; border-radius: 6px; margin-right: 10px; } .bkc-list .main .left-side .title { height: 50px; line-height: 50px; padding-left: 30px; font-size: 18px; color: #333; font-weight: 600; border-bottom: 1px solid #f5f5f5; } .bkc-list .main .left-side .chapters { padding: 10px 0 10px 20px; min-height: 350px; } .bkc-list .main .left-side .chapters .chapters-empty { width: 100%; padding: 100px 20px 100px 0; font-size: 12px; color: #ccc; text-align: center; } .bkc-list .main .right-side { float: left; width: 890px; } .bkc-list .main .right-side .docs-tag-wrap { margin-bottom: 10px; border-radius: 6px; } .bkc-list .main .right-side .docs-tag-wrap.fixTop { position: fixed; top: 0; left: 50%; margin-left: -290px; width: 890px; z-index: 100; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); } .bkc-list .main .right-side .docs-types-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; background-color: #fff; margin-bottom: 10px; border-radius: 6px; } .bkc-list .main .right-side .docs-types-wrap.fixTop { position: fixed; top: 0; left: 50%; margin-left: -290px; width: 890px; z-index: 100; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); } .bkc-list .main .right-side .docs-types-wrap.fixTop .type-item { border-radius: 0 0 6px 6px; } .bkc-list .main .right-side .recommand-docs-wrap { margin: 20px 0 10px 0; } .bkc-list .main .right-side .recommand-docs-wrap .title-wrap { padding-left: 15px; overflow: hidden; margin-bottom: 10px; } .bkc-list .main .right-side .recommand-docs-wrap .title-wrap .tit { float: left; font-size: 18px; color: #333; font-weight: 700; } .bkc-list .main .right-side .recommand-docs-wrap .title-wrap .tit img { width: 20px; height: 20px; } .bkc-list .main .right-side .recommand-docs-wrap .title-wrap .more { float: right; color: #999; font-size: 14px; line-height: 22px; cursor: pointer; } .bkc-list .main .right-side .recommand-docs-wrap .title-wrap .more:hover { color: #2b99ff; } .none[data-v-413d8a13] { display: none; } .base-font[data-v-413d8a13] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-413d8a13] { margin: 0; padding: 0; } .wh100[data-v-413d8a13] { width: 100%; height: 100%; } .clearfix[data-v-413d8a13]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-413d8a13] { zoom: 1; } .text-scale[data-v-413d8a13] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-413d8a13] { position: absolute; top: 0; right: 0; } .center[data-v-413d8a13] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-413d8a13] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-413d8a13] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-413d8a13] { color: #3aa60d; } .text-red[data-v-413d8a13] { color: red; } .text-orange[data-v-413d8a13] { color: #f60; } .fdc[data-v-413d8a13] { 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-413d8a13] { 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-413d8a13] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-413d8a13], .row[data-v-413d8a13] { 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-413d8a13] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-413d8a13] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-413d8a13], .row-end[data-v-413d8a13] { 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-413d8a13] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-413d8a13] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-413d8a13], .column[data-v-413d8a13] { 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-413d8a13] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-413d8a13] { -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-413d8a13], .column-left-start[data-v-413d8a13] { 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-413d8a13] { -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-413d8a13] { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-between[data-v-413d8a13] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .docs-types[data-v-413d8a13], .row-between[data-v-413d8a13] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .docs-types[data-v-413d8a13] { line-height: 40px; } .docs-types .type-item[data-v-413d8a13] { font-size: 16px; text-align: center; margin-right: 1px; } .docs-types .type-item.active[data-v-413d8a13], .docs-types .type-item[data-v-413d8a13]:hover { background-color: #2b99ff; border-radius: 6px; } .docs-types .type-item.active .type-link[data-v-413d8a13], .docs-types .type-item:hover .type-link[data-v-413d8a13] { color: #fff; } .docs-types .type-item .type-link[data-v-413d8a13] { display: block; padding: 0 20px; cursor: pointer; color: #333; } .none[data-v-7cb5100e] { display: none; } .base-font[data-v-7cb5100e] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-7cb5100e] { margin: 0; padding: 0; } .wh100[data-v-7cb5100e] { width: 100%; height: 100%; } .clearfix[data-v-7cb5100e]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-7cb5100e] { zoom: 1; } .text-scale[data-v-7cb5100e] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-7cb5100e] { position: absolute; top: 0; right: 0; } .center[data-v-7cb5100e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-7cb5100e] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-7cb5100e] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-7cb5100e] { color: #3aa60d; } .text-red[data-v-7cb5100e] { color: red; } .text-orange[data-v-7cb5100e] { color: #f60; } .fdc[data-v-7cb5100e] { 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-7cb5100e] { 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-7cb5100e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-7cb5100e], .row[data-v-7cb5100e] { 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-7cb5100e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-7cb5100e] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-7cb5100e], .row-end[data-v-7cb5100e] { 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-7cb5100e] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-7cb5100e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-7cb5100e], .column[data-v-7cb5100e] { 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-7cb5100e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-7cb5100e] { -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-7cb5100e], .column-left-start[data-v-7cb5100e] { 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-7cb5100e] { -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-7cb5100e] { -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-7cb5100e], .row-between[data-v-7cb5100e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-7cb5100e] { -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; } .sort-wrap[data-v-7cb5100e] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 10px 20px; border-bottom: 1px solid #f2f2f2; border-radius: 6px 6px 0 0; } .sort-wrap .update-download[data-v-7cb5100e] { margin-right: 60px; } .sort-wrap .update-download .order-item[data-v-7cb5100e] { float: left; margin-left: 20px; } .sort-wrap .update-download .order-item[data-v-7cb5100e]:first-child { margin-left: 0; } .sort-wrap .update-download .order-item .order-text[data-v-7cb5100e] { color: #666; } .sort-wrap .update-download .order-item .order-text.active .icon[data-v-7cb5100e], .sort-wrap .update-download .order-item .order-text.active[data-v-7cb5100e], .sort-wrap .update-download .order-item .order-text:hover .icon[data-v-7cb5100e], .sort-wrap .update-download .order-item .order-text[data-v-7cb5100e]:hover { color: #2b99ff; } .sort-wrap .update-download .order-item .order-text .icon[data-v-7cb5100e] { font-size: 13px; margin-left: 2px; color: #ccc; font-weight: 700; } .sort-wrap .check-box[data-v-7cb5100e] { margin-right: 60px; } .sort-wrap .check-box[data-v-7cb5100e] .el-checkbox__label { padding-left: 5px; } .sort-wrap .check-box[data-v-7cb5100e] .el-checkbox { margin-right: 20px; } .sort-wrap .years-wrap[data-v-7cb5100e] { position: relative; margin-right: 50px; color: #666; cursor: pointer; } .sort-wrap .years-wrap:hover .icon[data-v-7cb5100e], .sort-wrap .years-wrap:hover .selected-text[data-v-7cb5100e] { color: #2b99ff; } .sort-wrap .years-wrap.area .list-text .icon[data-v-7cb5100e] { display: inline-block; } .sort-wrap .years-wrap.area .list-dropdown-wrap[data-v-7cb5100e] { position: relative; top: 0; left: 50%; z-index: 12; height: 300px; margin-left: -40px; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown[data-v-7cb5100e] { position: absolute; padding: 5px 0; width: 80px; height: 100%; border: 1px solid #eee; border-radius: 2px; left: 0; top: 0; overflow-y: auto; background: #fff; -ms-overflow-style: none; scrollbar-width: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown[data-v-7cb5100e]::-webkit-scrollbar { display: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-7cb5100e] { width: 100%; font-size: 12px; height: 24px; line-height: 26px; text-align: center; padding: 0; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item.active[data-v-7cb5100e], .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-7cb5100e]:hover { color: #2b99ff; } .sort-wrap .years-wrap.area .list-dropdown-wrap .list-dropdown .list-item[data-v-7cb5100e]:last-child { padding-bottom: 0; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list[data-v-7cb5100e] { position: absolute; top: 0; left: 78px; z-index: 33; padding: 5px 0; min-width: 80px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 300px; overflow-y: auto; border: 1px solid #eee; border-radius: 2px; background-color: #fff; -ms-overflow-style: none; scrollbar-width: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list[data-v-7cb5100e]::-webkit-scrollbar { display: none; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item[data-v-7cb5100e] { width: 100%; font-size: 12px; height: 24px; line-height: 26px; text-align: center; padding: 0 10px; } .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item.active[data-v-7cb5100e], .sort-wrap .years-wrap.area .list-dropdown-wrap .sub-list .sub-item[data-v-7cb5100e]:hover { color: #2b99ff; } .sort-wrap .years-wrap .list-text[data-v-7cb5100e] { line-height: 1.2; } .sort-wrap .years-wrap .list-text .selected-text[data-v-7cb5100e] { margin-right: 3px; } .sort-wrap .years-wrap > .list-dropdown[data-v-7cb5100e] { position: absolute; padding: 14px 14px 8px; width: 250px; margin-left: -123px; border: 1px solid #eee; border-radius: 4px; left: 50%; top: 18px; -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); z-index: 12; background: #fff; } .sort-wrap .years-wrap > .list-dropdown .list-item[data-v-7cb5100e] { float: left; padding-bottom: 6px; font-size: 12px; line-height: 18px; height: 24px; text-align: center; width: 44px; } .sort-wrap .years-wrap > .list-dropdown .list-item.active[data-v-7cb5100e], .sort-wrap .years-wrap > .list-dropdown .list-item[data-v-7cb5100e]:hover { color: #2b99ff; } .none[data-v-00ff1cda] { display: none; } .base-font[data-v-00ff1cda] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-00ff1cda] { margin: 0; padding: 0; } .wh100[data-v-00ff1cda] { width: 100%; height: 100%; } .clearfix[data-v-00ff1cda]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-00ff1cda] { zoom: 1; } .text-scale[data-v-00ff1cda] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-00ff1cda] { position: absolute; top: 0; right: 0; } .center[data-v-00ff1cda] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-00ff1cda] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-00ff1cda] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-00ff1cda] { color: #3aa60d; } .text-red[data-v-00ff1cda] { color: red; } .text-orange[data-v-00ff1cda] { color: #f60; } .fdc[data-v-00ff1cda] { 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-00ff1cda] { 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-00ff1cda] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-00ff1cda], .row[data-v-00ff1cda] { 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-00ff1cda] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-00ff1cda] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-00ff1cda], .row-end[data-v-00ff1cda] { 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-00ff1cda] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-00ff1cda] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-00ff1cda], .column[data-v-00ff1cda] { 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-00ff1cda] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-00ff1cda] { -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-00ff1cda], .column-left-start[data-v-00ff1cda] { 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-00ff1cda] { -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-00ff1cda] { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-between[data-v-00ff1cda] { -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; } .album-list[data-v-00ff1cda], .row-between[data-v-00ff1cda] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .album-list[data-v-00ff1cda] { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .album-list .album-warp[data-v-00ff1cda] { list-style-type: none; width: 440px; background-color: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 10px; background: url(data:image/png;base64,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) 50% no-repeat #fff; background-size: 100% 100%; height: 182px; } .album-list .album-warp .album-item[data-v-00ff1cda] { margin: 21px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .album-list .album-warp .album-left .album-img-wrap[data-v-00ff1cda] { margin-right: 20px; position: relative; width: 110px; min-width: 110px; height: 142px; display: block; overflow: hidden; border-radius: 6px; } .album-list .album-warp .album-left .album-img-wrap .album-img[data-v-00ff1cda] { width: 100%; height: 100%; } .album-list .album-warp .album-left .album-img-wrap .album-name[data-v-00ff1cda] { position: absolute; left: 0; top: 55px; width: 100%; height: 56px; padding-top: 3px; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); } .album-list .album-warp .album-left .album-img-wrap .album-name .album-name-inner[data-v-00ff1cda] { width: 100%; height: 100%; padding: 0 6px; text-align: center; display: table; } .album-list .album-warp .album-left .album-img-wrap .album-name .album-name-inner .album-text[data-v-00ff1cda] { display: table-cell; vertical-align: middle; font-size: 12px; color: #fff; } .album-list .album-warp .album-right[data-v-00ff1cda] { width: 276px; } .album-list .album-warp .album-right .title[data-v-00ff1cda] { font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .album-list .album-warp .album-right .title a[data-v-00ff1cda] { color: #333; } .album-list .album-warp .album-right .title a[data-v-00ff1cda]:hover { color: #2b99ff; } .album-list .album-warp .album-right .title .boutique-icon[data-v-00ff1cda] { margin-right: 5px !important; } .album-list .album-warp .album-right .info-bar[data-v-00ff1cda] { margin-top: 10px; } .album-list .album-warp .album-right .info-bar li[data-v-00ff1cda] { color: #999; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 3px; } .album-list .album-warp .album-right .info-bar li div[data-v-00ff1cda] { margin-right: 20px; } .none[data-v-7e10793b] { display: none; } .base-font[data-v-7e10793b] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-7e10793b] { margin: 0; padding: 0; } .wh100[data-v-7e10793b] { width: 100%; height: 100%; } .clearfix[data-v-7e10793b]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-7e10793b] { zoom: 1; } .text-scale[data-v-7e10793b] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-7e10793b] { position: absolute; top: 0; right: 0; } .center[data-v-7e10793b] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-7e10793b] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-7e10793b] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-7e10793b] { color: #3aa60d; } .text-red[data-v-7e10793b] { color: red; } .text-orange[data-v-7e10793b] { color: #f60; } .fdc[data-v-7e10793b] { 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-7e10793b] { 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-7e10793b] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-7e10793b], .row[data-v-7e10793b] { 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-7e10793b] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-7e10793b] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-7e10793b], .row-end[data-v-7e10793b] { 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-7e10793b] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-7e10793b] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-7e10793b], .column[data-v-7e10793b] { 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-7e10793b] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-7e10793b] { -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-7e10793b], .column-left-start[data-v-7e10793b] { 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-7e10793b] { -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-7e10793b] { -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-7e10793b], .row-between[data-v-7e10793b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-7e10793b] { -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; } .empty-wrap[data-v-7e10793b] { height: 460px; padding-top: 60px; text-align: center; background-color: #fff; } .empty-wrap .loading-wrap[data-v-7e10793b] { margin-top: 20px; } .empty-wrap .loading-wrap .icon[data-v-7e10793b] { font-size: 36px; color: #2b99ff !important; } .empty-wrap .loading-wrap .text[data-v-7e10793b] { color: #2b99ff; } .empty-wrap .empty-text[data-v-7e10793b] { margin: 14px 0 20px; color: #999; line-height: 20px; } .empty-wrap .none-links[data-v-7e10793b] { padding: 20px 20px 10px; width: 520px; background: #f2f2f2; margin: 0 auto; text-align: left; border-radius: 4px; } .empty-wrap .none-links .none-title[data-v-7e10793b] { margin-bottom: 4px; font-size: 12px; color: #666; line-height: 20px; } .empty-wrap .none-links .links-list[data-v-7e10793b] { padding-left: 18px; } .empty-wrap .none-links .links-list .links-item[data-v-7e10793b] { list-style-type: disc; line-height: 40px; border-top: 1px solid #eee; } .empty-wrap .none-links .links-list .links-item[data-v-7e10793b]:first-child { border-top: none; } .empty-wrap .none-links .links-list .links-item .btn[data-v-7e10793b] { float: right; margin: 7px 0 0; width: 90px; height: 26px; line-height: 26px; font-size: 12px; display: inline-block; border-radius: 4px; padding: 0 10px; text-align: center; } .empty-wrap .none-links .links-list .links-item .warn[data-v-7e10793b] { background-color: #f60; color: #fff; margin-right: 6px; border: 1px solid #f60; } .empty-wrap .none-links .links-list .links-item .warn[data-v-7e10793b]:hover { background-color: #ee6103; border-color: #ee6103; } .empty-wrap .none-links .links-list .links-item .plain[data-v-7e10793b] { background-color: #fff; color: #2b99ff; margin-right: 6px; border: 1px solid #2b99ff; } .empty-wrap .none-links .links-list .links-item .plain[data-v-7e10793b]:hover { background-color: #f2f2f2; color: #067ff3; border-color: #067ff3; } .none[data-v-740c89bc] { display: none; } .base-font[data-v-740c89bc] { font-size: 14px; line-height: 1.5; font-weight: 400; } .clear-pm[data-v-740c89bc] { margin: 0; padding: 0; } .wh100[data-v-740c89bc] { width: 100%; height: 100%; } .clearfix[data-v-740c89bc]:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; } .clearfix[data-v-740c89bc] { zoom: 1; } .text-scale[data-v-740c89bc] { display: inline-block; font-size: 12px !important; height: 100%; width: 100%; -webkit-transform: scale(0.8333); transform: scale(0.8333); } .allcover[data-v-740c89bc] { position: absolute; top: 0; right: 0; } .center[data-v-740c89bc] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ct[data-v-740c89bc] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cl[data-v-740c89bc] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .text-green[data-v-740c89bc] { color: #3aa60d; } .text-red[data-v-740c89bc] { color: red; } .text-orange[data-v-740c89bc] { color: #f60; } .fdc[data-v-740c89bc] { 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-740c89bc] { 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-740c89bc] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-start[data-v-740c89bc], .row[data-v-740c89bc] { 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-740c89bc] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .row-end[data-v-740c89bc] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-around[data-v-740c89bc], .row-end[data-v-740c89bc] { 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-740c89bc] { -ms-flex-pack: distribute; justify-content: space-around; } .column[data-v-740c89bc] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .column-start[data-v-740c89bc], .column[data-v-740c89bc] { 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-740c89bc] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .column-left-start[data-v-740c89bc] { -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-740c89bc], .column-left-start[data-v-740c89bc] { 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-740c89bc] { -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-740c89bc] { -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-740c89bc], .row-between[data-v-740c89bc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .row-between[data-v-740c89bc] { -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; } .zone-sidebar[data-v-740c89bc] { width: 100%; } .zone-sidebar .title[data-v-740c89bc] { height: 50px; line-height: 50px; padding-left: 40px; font-size: 18px; color: #333; font-weight: 600; border-bottom: 1px solid #f5f5f5; } .zone-sidebar .side-warp[data-v-740c89bc] { padding-bottom: 10px; } .zone-sidebar .side-warp .zone-item[data-v-740c89bc] { list-style-type: none; font-size: 14px; min-height: 40px; line-height: 40px; color: #333; cursor: pointer; } .zone-sidebar .side-warp .zone-item.no-list[data-v-740c89bc] { border-left: 3px solid transparent; } .zone-sidebar .side-warp .zone-item.no-list.active[data-v-740c89bc], .zone-sidebar .side-warp .zone-item.no-list[data-v-740c89bc]:hover { background-color: #e9f4ff; color: #2b99ff; font-weight: 700; border-left-color: #2b99ff; } .zone-sidebar .side-warp .zone-item .zone-name[data-v-740c89bc] { padding-left: 40px; } .zone-sidebar .side-warp .zone-item .zone-name.text-active[data-v-740c89bc] { color: #2b99ff; } .zone-sidebar .side-warp .zone-item .book-wrap .book-item[data-v-740c89bc] { position: relative; padding-left: 70px; color: #333; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-left: 3px solid transparent; cursor: pointer; } .zone-sidebar .side-warp .zone-item .book-wrap .book-item[data-v-740c89bc]:before { position: absolute; top: 50%; left: 55px; margin-top: -2px; content: ' '; width: 4px; height: 4px; background-color: #333; border-radius: 50%; } .zone-sidebar .side-warp .zone-item .book-wrap .book-item.active[data-v-740c89bc], .zone-sidebar .side-warp .zone-item .book-wrap .book-item[data-v-740c89bc]:hover { background-color: #e9f4ff; color: #2b99ff; font-weight: 700; border-left-color: #2b99ff; } .zone-sidebar .side-warp .zone-item .book-wrap .book-item.active[data-v-740c89bc]:before, .zone-sidebar .side-warp .zone-item .book-wrap .book-item[data-v-740c89bc]:hover:before { background-color: #2b99ff; } .zone-sidebar .side-warp .active[data-v-740c89bc] { background-color: #e9f4ff; color: #2b99ff; font-weight: 700; border-left: 3px solid #2b99ff; } .zone-sidebar .zones-empty[data-v-740c89bc] { width: 100%; padding: 100px 20px 100px 0; font-size: 12px; color: #ccc; text-align: center; } .zone-sidebar .book-empty[data-v-740c89bc] { width: 100%; font-size: 12px; padding: 10px 0; color: #ccc; text-align: center; } .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; } .album-warp { color: #333; } .album-warp .main { overflow: hidden; } .album-warp .main .left-side { float: left; width: 300px; background: #fff; border-radius: 6px; margin-right: 10px; } .album-warp .main .right-side { float: right; width: 890px; } .album-warp .main .right-side .docs-tag-wrap { border-radius: 6px; } .album-warp .main .right-side .docs-types-wrap { height: 40px; background-color: #fff; border-radius: 6px; } .album-warp .main .right-side .sort-wrap { height: 50px; padding: 15px 20px; }