#app0 { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left; color: #2c3e50; font-size: 12px; /*margin-top: 60px;*/ } *{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; /*cursor: pointer;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } li { list-style: none; } a:link, a:hover{ text-decoration: none; outline: none; } a { color: #212121; -webkit-transition: color .3s; transition: color .3s; } .text a { color: #00a1d6; cursor: pointer; } a:hover { color: #00a1d6; } input, select { outline: none; } input, textarea { -webkit-user-select: text; line-height: normal!important; } ::-webkit-scrollbar{ width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #ccd0d7; border-radius: 4px; } ::-webkit-input-placeholder{ color: #99a2aa; } .left { float: left; } .right { float: right; } .clearfix:after, .clearfix:before { content: " "; display: table; } .clearfix:after { clear: both; } div[contenteditable='true']{ -webkit-user-select: text; } .none { left: 50%; position: absolute; top: 30%; font-size: xx-large; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .mini[data-v-1b7f4003], .mini-mask[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mini-mask[data-v-1b7f4003] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; font-size: 14px; background: rgba(0,0,0,.5); z-index: 3000; } .mini[data-v-1b7f4003] { width: 820px; border-radius: 8px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0,0,0,.1); padding: 52px 65px 29px 92px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; /*background-image: url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login/img/22_open.72c00877.png),url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login/img/33_open.43a09438.png);*/ background-position: 0 100%,100% 100%; background-repeat: no-repeat,no-repeat; background-size: 14%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mini-close[data-v-1b7f4003] { position: absolute; top: 20px; right: 20px; cursor: pointer; } .mini-content[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; } .mini-login-wrapper[data-v-1b7f4003] { width: 400px; } .mini-tab[data-v-1b7f4003] { color: #505050; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 20px; } .mini-tab-message[data-v-1b7f4003], .mini-tab-password[data-v-1b7f4003] { font-size: 18px; cursor: pointer; } .mini-tab .isActive[data-v-1b7f4003] { color: #4fa5d9; } .mini-tab-line[data-v-1b7f4003] { width: 1px; height: 20px; background-color: #e7e7e7; margin: 0 21px; } .mini-tab-message[data-v-1b7f4003], .mini-tab-password[data-v-1b7f4003] { font-size: 18px; cursor: pointer; } .mini-message-wrapper[data-v-1b7f4003], .mini-password-wrapper[data-v-1b7f4003] { width: 100%; margin-top: 24px; } .mini-account[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; border-radius: 8px 8px 0 0; height: 43px; border-bottom: none; } .mini-account .text[data-v-1b7f4003] { margin-right: 20px; font-size: 14px; color: #212121; } .mini-account input[data-v-1b7f4003] { width: 230px; outline: none; border: none; font-size: 14px; color: #212121; -webkit-box-shadow: inset 0 0 0 20px #fff; box-shadow: inset 0 0 0 20px #fff; } .mini-password[data-v-1b7f4003] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e7e7e7; border-radius: 0 0 8px 8px; height: 43px; } .mini-password .text[data-v-1b7f4003] { margin-right: 20px; font-size: 14px; color: #212121; } .mini-password input[data-v-1b7f4003] { width: 230px; outline: none; border: none; font-size: 14px; color: #212121; -webkit-box-shadow: 0 0 0 20px #fff inset; box-shadow: inset 0 0 0 20px #fff; } .mini-password .forget[data-v-1b7f4003] { position: relative; font-size: 13px; color: #00a1d6; cursor: pointer; } .mini-password .forget-tip[data-v-1b7f4003] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 332px; height: 120px; /*display: none;*/ position: absolute; top: 58px; left: 205px; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.21); box-shadow: 0 0 8px 1px rgba(0,0,0,.21); background: #fff; border-radius: 5px; } .mini-password .forget-tip .arrow[data-v-1b7f4003] { position: absolute; width: 34px; left: 135px; top: -14px; } .mini-password .forget-tip .forget-tip-line[data-v-1b7f4003] { padding: 11px 0 11px 18px; cursor: pointer; } .mini-password .forget-tip .title[data-v-1b7f4003] { font-size: 14px; line-height: 18px; color: #212121; } .mini-password .forget-tip .desc[data-v-1b7f4003] { font-size: 12px; color: #999; line-height: 18px; } .mini-password .forget-tip .forget-tip-line[data-v-1b7f4003] { padding: 11px 0 11px 18px; cursor: pointer; } .mini-password .forget-tip .desc[data-v-1b7f4003] { font-size: 12px; color: #999; line-height: 18px; } .mini-tel[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e7e7e7; border-radius: 8px 8px 0 0; height: 43px; border-bottom: none; } .mini-tel .mini-tel_left[data-v-1b7f4003] { position: relative; } .mini-tel .mini-tel_left .el-select[data-v-1b7f4003] { margin-left: 11px; margin-right: 22px; font-size: 14px; } .mini-tel .mini-tel_left .tel-input[data-v-1b7f4003] { width: 170px; outline: none; border: none; font-size: 14px; color: #212121; } .mini-tel .mini-tel_right[data-v-1b7f4003] { 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; } .mini-tel .mini-tel_right .line[data-v-1b7f4003] { display: inline-block; width: 1px; height: 26px; background: #e7e7e7; margin-right: 24px; } .mini-tel .mini-tel_right .text[data-v-1b7f4003] { font-size: 14px; color: #00a1d6; cursor: pointer; } .mini-code[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; border-radius: 0 0 8px 8px; height: 43px; } .mini-code .text[data-v-1b7f4003] { margin-right: 22px; font-size: 14px; color: #212121; } .mini-code input[data-v-1b7f4003] { width: 170px; outline: none; border: none; font-size: 14px; color: #212121; } .mini-login-register-wrapper .universal-btn[data-v-1b7f4003] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 194px; height: 40px; border-radius: 8px; line-height: 40px; text-align: center; font-size: 14px; cursor: pointer; } .mini-login-register-wrapper .login-btn[data-v-1b7f4003] { background-color: #00a1d6; color: #fff; } .mini-login-register-wrapper[data-v-1b7f4003] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mini-login-register-wrapper .universal-btn[data-v-1b7f4003] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 194px; height: 40px; border-radius: 8px; line-height: 40px; text-align: center; font-size: 14px; cursor: pointer; } .mini-login-register-wrapper .register-btn[data-v-1b7f4003] { border: 1px solid #e7e7e7; color: #000; margin-right: 13px; } .mini-login-register-wrapper .login-btn[data-v-1b7f4003] { background-color: #00a1d6; color: #fff; } .third-party-login-wrapper[data-v-1b7f4003] { margin-top: 24px; } .third-party-login-wrapper .title[data-v-1b7f4003] { font-size: 13px; line-height: 16px; text-align: center; color: #999; margin-bottom: 12px; } .third-party-login-wrapper .sns[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .third-party-login-wrapper .sns .btn[data-v-1b7f4003] { margin-right: 30px; cursor: pointer; } .third-party-login-wrapper .sns .wechat[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .third-party-login-wrapper .sns .weibo[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .third-party-login-wrapper .sns .qq[data-v-1b7f4003] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .third-party-login-wrapper .sns .iconfont[data-v-1b7f4003] { font-size: 28px; } .third-party-login-wrapper .sns .iconfont.icon-weixin-copy[data-v-1b7f4003] { color: #57bb40; } .third-party-login-wrapper .sns .iconfont.icon-weibo-copy[data-v-1b7f4003] { color: #db4437; } .third-party-login-wrapper .sns .iconfont.icon-QQ-circle-fill[data-v-1b7f4003] { color: #4CA2E5; } .mini-agreement-wrapper[data-v-1b7f4003] { font-size: 13px; color: #999; margin-top: 40px; } .mini-agreement-wrapper p[data-v-1b7f4003] { text-align: center; line-height: 19px; } .mini-agreement-wrapper a[data-v-1b7f4003] { color: #00a1d6; cursor: pointer; } .boxItem[data-v-fcb5f054] { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 20px; border-radius: 5px; background-color: white; } #minBox[data-v-fcb5f054] { margin-bottom: 10px; } #Box[data-v-fcb5f054] { width: 400px; height: 200px; /*margin: 50px auto 0;*/ background-repeat: no-repeat; background-size: 100%; background-color: #200202; position: relative; -webkit-transition: all 2s; transition: all 2s; border-radius: 10px; } #Box .f1[data-v-fcb5f054] { width: 190px; height: 90px; position: absolute; } #Box span[data-v-fcb5f054] { position: absolute; font-size: 40px; -webkit-transform: rotate(60deg); transform: rotate(60deg); color: #def; text-shadow: 0 0 1px currentColor, -1px -1px 1px #000, 0 -1px 1px #000, 1px -1px 1px #000, 1px 0 1px #000, 1px 1px 1px #000, 0 1px 1px #000, -1px 1px 1px #000, -1px 0 1px #000; } #Box .radio[data-v-fcb5f054] { background-color: #00a6e7; position: absolute; width: 24px; height: 24px; border-radius: 50%; text-align: center; color: white; border: solid 2px #ffffff; } @-webkit-keyframes Glow-data-v-fcb5f054 { from { text-shadow: 0 0 10px #fff, 0 0 20px #C71585; } to { text-shadow: 0 0 5px #fff, 0 0 10px #C71585; } } @keyframes Glow-data-v-fcb5f054 { from { text-shadow: 0 0 10px #fff, 0 0 20px #C71585; } to { text-shadow: 0 0 5px #fff, 0 0 10px #C71585; } } .bg_Blur[data-v-fcb5f054] { /*background-image: url("../assets/image/logo.jpg");*/ width: 100%; height: 100%; background-size: cover; -webkit-filter: blur(5px); filter: blur(5px); background-color: #000000; } .size[data-v-fcb5f054] { color: #0480BE; -webkit-animation: Alow-data-v-fcb5f054 1.5s ease infinite alternate; animation: Alow-data-v-fcb5f054 1.5s ease infinite alternate; } @-webkit-keyframes Alow-data-v-fcb5f054 { /*验证成功文字的高光效果*/ from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00FA9A, 0 0 70px #00FA9A, 0 0 80px #00FA9A, 0 0 100px #00FA9A, 0 0 150px #00FA9A; } to { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00FA9A, 0 0 70px #00FA9A, 0 0 80px #00FA9A, 0 0 100px #00FA9A, 0 0 150px #00FA9A; } } @keyframes Alow-data-v-fcb5f054 { /*验证成功文字的高光效果*/ from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00FA9A, 0 0 70px #00FA9A, 0 0 80px #00FA9A, 0 0 100px #00FA9A, 0 0 150px #00FA9A; } to { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00FA9A, 0 0 70px #00FA9A, 0 0 80px #00FA9A, 0 0 100px #00FA9A, 0 0 150px #00FA9A; } } .panel[data-v-fcb5f054] { position: relative; height: 0; width: 100%; padding-bottom: 63px; display: block; margin-top: 5px; } .panel .geetest_small[data-v-fcb5f054] { position: absolute; top: 50%; left: 4.3%; margin-top: -11.5px; height: 20px; } .panel .geetest_small a[data-v-fcb5f054] { position: relative; display: inline-block; height: 20px; font-size: 18px; } .panel .geetest_commit[data-v-fcb5f054] { display: block; position: absolute; border-radius: 2px; background-color: #539ffe; top: 10%; right: 2%; height: 40px; width: 35%; text-decoration: none; cursor: pointer; } .panel .geetest_commit .geetest_commit_tip[data-v-fcb5f054] { position: absolute; top: 50%; left: 0; margin-top: -10px; width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 16px; letter-spacing: 2px; color: white; } .panel .geetest_close_tip[data-v-fcb5f054], .panel .geetest_refresh_tip[data-v-fcb5f054] { position: absolute; top: -32px; left: 10px; border-radius: 2px; padding: 0 4px; height: 22px; min-width: 50px; line-height: 22px; background-color: #5F5F5F; white-space: nowrap; font-size: 12px; text-align: center; color: white; display: none; } .panel .geetest_close:hover .geetest_close_tip[data-v-fcb5f054], .panel .geetest_refresh:hover .geetest_refresh_tip[data-v-fcb5f054]{ display: block; } .panel .geetest_close_tip[data-v-fcb5f054]:before, .panel .geetest_refresh_tip[data-v-fcb5f054]:before { display: block; position: absolute; bottom: -6px; left: 0; content: ''; border-style: solid; border-width: 4px 6px; border-color: #5F5F5F transparent transparent #5F5F5F; width: 0; height: 0; } h1[data-v-d8ec41bc], h2[data-v-d8ec41bc] { font-weight: normal; } ul[data-v-d8ec41bc] { list-style-type: none; padding: 0; } li[data-v-d8ec41bc] { display: inline-block; margin: 0 10px; } a[data-v-d8ec41bc] { color: #42b983; } #header[data-v-a51a4464]{ min-height: 56px; min-width: 1300px; font-size: 14px; position: relative; z-index: 99; margin: 0; padding: 0; background-color: #fcfcfc; } .mini-header[data-v-a51a4464] { position: absolute; z-index: 1; width: 100%; height: 56px; } .mini-header-content[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 24px; line-height: 30px; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-link .nav-link-ul[data-v-a51a4464] { height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; /*align-items: center;*/ } .nav-link-ul .nav-link-item[data-v-a51a4464] { margin-right: 12px; } .mini-logo[data-v-a51a4464] { width: 20px; height: 20px; } .nav-link .nav-link-ul .nav-link-item .link[data-v-a51a4464] { color: #fff; /*text-shadow: 0 1px 1px rgb(0 0 0 / 30%);*/ line-height: 32px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-search-box[data-v-a51a4464] { margin: 0 10px; width: 500px; -webkit-transition: width .3s; transition: width .3s; } .nav-search[data-v-a51a4464] { position: relative; } .nav-search label[data-v-a51a4464] { display: block; /*padding: 0 38px 0 16px;*/ border: 1px solid hsla(0,0%,100%,0); border-radius: 2px; background-color: #fff; } .nav-search input[data-v-a51a4464]{ overflow: hidden; width: 100%; height: 34px; border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #212121; line-height: 34px; -webkit-transition: all .2s; transition: all .2s; } .nav-search .search[data-v-a51a4464] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 48px; height: 36px; border: none; border-radius: 2px; background: #e7e7e7; line-height: 26px; cursor: pointer; } .nav-search .search span[data-v-a51a4464]{ position: absolute; top: 8px; right: 16px; margin: 0; padding: 0; border: none; background: none; color: #505050; /*font-size: 16px;*/ line-height: 20px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; } .suggest-wrap[data-v-a51a4464] { width: 100%; min-width: 236px; max-height: 612px; overflow-y: auto; position: absolute; background: #fff; border: 1px solid #e6e9ee; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%); box-shadow: 0 2px 4px rgb(0 0 0 / 10%); border-radius: 2px; padding: 16px 0; margin-top: 2px; font-family: PingFang SC,sans-serif; font-style: normal; font-weight: 400; color: #212121; z-index: 100; -webkit-font-smoothing: antialiased; } .suggest-wrap .header[data-v-a51a4464] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 0 16px; } .suggest-wrap .header .title[data-v-a51a4464] { height: 24px; font-weight: 600; font-size: 16px; line-height: 24px; } .suggest-wrap .header .clear[data-v-a51a4464] { font-size: 12px; line-height: 15px; height: 15px; color: #999; cursor: pointer; } .suggest-wrap .histories-wrap[data-v-a51a4464] { padding: 0 16px; overflow: hidden; } .suggest-wrap .histories[data-v-a51a4464] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; margin-right: -10px; margin-bottom: 4px; } .suggest-wrap .histories .history-item[data-v-a51a4464] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; padding: 7px 10px 8px; font-size: 12px; line-height: 15px; background: #f4f4f4; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .suggest-wrap .histories .history-item .history-text[data-v-a51a4464] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 96px; } .suggest-wrap .histories .history-item .close[data-v-a51a4464] { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 16px; height: 16px; top: -6px; right: -6px; padding: 2px; background-color: #f4f4f4; } .suggest-wrap .histories .history-item:focus .close[data-v-a51a4464], .suggest-wrap .histories .history-item:hover .close[data-v-a51a4464] { display: block; } .suggest-wrap .history-fold-wrap[data-v-a51a4464] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 64px; margin: 0 auto 14px; } .suggest-wrap .fold-text[data-v-a51a4464] { font-size: 12px; line-height: 15px; height: 15px; color: #999; cursor: pointer; } .suggest-wrap .trending-item[data-v-a51a4464] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 38px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; cursor: pointer; padding-left: 16px; } .suggest-wrap .trending-item .rank[data-v-a51a4464] { width: 15px; min-width: 15px; word-break: normal; height: 17px; line-height: 17px; text-align: center; font-weight: 500; font-size: 14px; margin-right: 7px; color: #999; } .suggest-wrap .trending-item .rank.search-rank-top[data-v-a51a4464] { color: #212121; } .suggest-wrap .trending-item .trending-text[data-v-a51a4464] { font-size: 14px; line-height: 17px; height: 17px; margin-right: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; } .suggest-wrap .trending-item .trending-mark[data-v-a51a4464] { height: 14px; margin-right: 16px; line-height: 12px; } .nav-user-center[data-v-a51a4464], .nav-user-center .user-con[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-user-center .search-icon[data-v-a51a4464]{ display: none; cursor: pointer; } .nav-user-center .user-con .item[data-v-a51a4464] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 12px; cursor: pointer; white-space: nowrap; } .nav-user-center .user-con .item .name[data-v-a51a4464] { color: #fff; text-shadow: 0 1px 1px rgb(0 0 0 / 30%); white-space: nowrap; } .nav-item-dynamic .num[data-v-a51a4464]{ text-align: center; color: #fff; position: absolute; z-index: 30; background-color: #FA5A57; } .nav-user-center .t .num[data-v-a51a4464] { min-width: 16px; height: 16px; padding: 0 3px; border-radius: 8px; line-height: 16px; font-size: 12px; top: -7px; right: -10px; text-align: center; color: #fff; position: absolute; z-index: 30; background-color: #FA5A57; } .nav-user-center .nav-item-message .i-frame[data-v-a51a4464] { position: absolute; width: 172px; min-height: 190px; left: calc(50% - 86px); top: 30px; background: transparent; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; padding-top: 12px; } .im-root[data-v-a51a4464] { position: absolute; overflow: hidden; width: 100%; height: 99%; cursor: pointer; background-color: #fcfcfc; border-radius: 4px; } .im-list-box[data-v-a51a4464] { width: 170px; position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; } .im-list[data-v-a51a4464] { display: block; text-align: left; position: relative; line-height: 36px; height: 36px; padding-left: 11px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .im-list[data-v-a51a4464]:hover { color: #212121 !important; background-color: #ececec !important; } .im-notify[data-v-a51a4464] { position: absolute; background-color: #fa5a57; } .im-notify.im-number[data-v-a51a4464] { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 16px; height: 16px; padding: 0 5px; border-radius: 12px; line-height: 16px; font-size: 14px; text-align: center; color: #fff; right: 10px; top: 10px; } .nav-user-center .nav-item-dynamic .i-frame[data-v-a51a4464] { width: 360px; /*height: 540px;*/ top: 30px; left: calc(50% - 180px); border-radius: 4px; position: absolute; background: transparent; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); /*overflow: hidden;*/ text-align: center; padding-top: 12px; visibility: hidden; opacity: 0; } .out-container[data-v-a51a4464] { background-color: #fcfcfc; border-radius: 4px; width: 100%; height: 100%; overflow: hidden; } .tab-bar[data-v-a51a4464] { font-size: 12px; color: #999; line-height: 12px; height: 45px; 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; padding-left: 15px; border-bottom: 1px solid #e7e7e7; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav-item-dynamic .tab-item[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 20px 0 0; padding: 0; border-radius: 10px; cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; z-index: 1; } .nav-item-dynamic .tab-item.active[data-v-a51a4464] { background-color: #00a1d6; color: #fff; padding: 3px 6px; /*margin: 0 3px 0 -2px;*/ } .nav-item-dynamic .tab-item.active[data-v-a51a4464]:first-child { margin-left: 0; } .container[data-v-a51a4464] { min-height: 120px; max-height: 444px; overflow: auto; overscroll-behavior: none; } .video-list[data-v-a51a4464], .live-list[data-v-a51a4464], .article-list[data-v-a51a4464] { padding: 10px 0 0 0; } .tip-box[data-v-a51a4464] { color: #999; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } .split-line[data-v-a51a4464] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 12px; margin: 0 5px; } .split-line[data-v-a51a4464]::before { content: ''; display: block; width: 100%; border-top: 1px solid #e7e7e7; position: absolute; top: 15px; left: 0; } .split-line .history-tip[data-v-a51a4464] { background: #fff; padding: 0 2px; z-index: 1; } .list-item[data-v-a51a4464] { padding: 5px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .list-item[data-v-a51a4464]:hover { background-color: #f4f4f4; } .main-container[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .left-box[data-v-a51a4464], .right-box[data-v-a51a4464] { width: 34px; 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .avatar[data-v-a51a4464] { width: 34px; height: 34px; background: #f4f4f4 center/cover no-repeat; border-radius: 50%; display: block; border: solid 1px; } .video-list .avatar[data-v-a51a4464], .live-list .avatar[data-v-a51a4464], .article-list .avatar[data-v-a51a4464] { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); background-size: 100%; } .verify-box[data-v-a51a4464] { width: 15px; height: 15px; /*background: #fff center/3.14136vw no-repeat;*/ position: absolute; top: 12px; right: 0; border-radius: 50%; } .verify-box .icon-taojinbi[data-v-a51a4464]:before { content: "\E757"; background: #fff; border-radius: 50%; } .center-box[data-v-a51a4464] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 10px; } .name-line[data-v-a51a4464] { display: inline-block; font-size: 12px; color: #505050; } .name-line .user-name[data-v-a51a4464] { display: inline-block; } .publish-time[data-v-a51a4464] { margin-left: 5px; color: #999; display: inline-block; } .content[data-v-a51a4464] { margin-top: 3px; font-size: 13px; color: #212121; font-weight: 500; /*max-width: 180px;*/ display: inline-block; } .center-box .content[data-v-a51a4464] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; white-space: normal; text-align: left; line-height: normal; } .right-box[data-v-a51a4464] { width: 60px; } .cover[data-v-a51a4464] { width: 60px; height: 34px; border-radius: 3px; background: #f4f4f4 center/cover no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(/static/img/test.5db657d.jpg); } .watch-later[data-v-a51a4464] { /*display: none;*/ position: relative; width: 20px; height: 20px; background: url(data:image/png;base64,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) center/contain no-repeat; } .watch-later .watch-later-tip[data-v-a51a4464] { display: none; padding: 1px 2px; background: rgba(0,0,0,0.7); border-radius: 5px; font-size: 12px; color: #fff; line-height: 12px; position: absolute; white-space: nowrap; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; } .cover:hover .watch-later:hover .watch-later-tip[data-v-a51a4464] { display: block; } .more-tab[data-v-a51a4464] { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .more-btn[data-v-a51a4464] { height: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #212121; font-size: 14px; background-color: #f4f4f4; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.1s; transition: -webkit-box-shadow 0.1s; transition: box-shadow 0.1s; transition: box-shadow 0.1s, -webkit-box-shadow 0.1s; border: none; outline: none; } .more-btn[data-v-a51a4464]:hover { background-color: #e7e7e7; } .nav-user-center .user-con .item .mini-upload[data-v-a51a4464] { cursor: pointer; position: relative; color: #fff; font-size: 14px; display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #fb7299; border-radius: 2px; margin-left: 14px; } .banner .layer[data-v-a51a4464] { width: 100%; height: 155px; } .banner .layer img[data-v-a51a4464] { width: 100%; height: 100%; } .i-logo[data-v-a51a4464] { width: 80%; position: absolute; top: 0; left: 10%; height: 155px; } .i-logo .head-logo[data-v-a51a4464]{ width: 20%; position: absolute; left: 0; bottom: 0; } .i-logo .head-logo img[data-v-a51a4464]{ width: 100%; height: auto; max-height: 100px; background-color: white; } .i-wrap[data-v-a51a4464] { width: 90%; margin: auto; } .primary-menu-item[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; width: 100%; } #primary-tab[data-v-a51a4464], #primary-menu[data-v-a51a4464], #primary-link[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #primary-tab .con[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; } #primary-tab .con li[data-v-a51a4464]{ cursor: pointer; width: 66px; height: 68px; text-align: center; white-space: nowrap; border: 1px solid #fff; border-radius: 16px; -webkit-transition: all .3s; transition: all .3s; } #primary-tab .con .round[data-v-a51a4464] { position: relative; width: 36px; height: 36px; background: #ff5c7c; border-radius: 36px; line-height: 36px; text-align: center; margin: 0 auto 4px; } .icon-hongdian[data-v-a51a4464] { width: 17px; display: block; line-height: 10px; font-size: 22px; } #primary-tab .con .round.yel[data-v-a51a4464] { background-color: #fcba2a; } #primary-tab .con .round.orange[data-v-a51a4464] { background-color: #ff716d; } #primary-tab .con .round.channel[data-v-a51a4464] { background-color: #6dc781; } #primary-tab .con .round .dynamic-update img[data-v-a51a4464] { position: absolute; width: 36px; height: 36px; left: 0; top: 0; border-radius: 50%; } .tab-line-itnl[data-v-a51a4464] { display: inline-block; height: 46px; border-left: 1px solid #e7e7e7; } .i-wrap[data-v-a51a4464] { width: 1630px; margin: 0 auto; } .i-wrap .tab-line-itnl[data-v-a51a4464] { margin: 0 8px; } #primary-menu[data-v-a51a4464] { height: 68px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } #primary-menu .item[data-v-a51a4464], #primary-link .item[data-v-a51a4464] { height: 34px; cursor: pointer; } #primary-menu .item .name[data-v-a51a4464], #primary-link .item .name[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #primary-menu .item .name em[data-v-a51a4464]{ font-style: normal; font-size: 12px; display: inline-block; background: #73c9e5; border-radius: 2px; color: #fff; margin-left: 1px; -webkit-transform: scale(.85); transform: scale(.85); width: 32px; text-align: center; } #primary-menu .sub-container[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; justify-items: flex-start; border-radius: 4px; position: absolute; background: white; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); visibility: hidden; opacity: 0; z-index: 9; } #primary-menu .sub-item[data-v-a51a4464] { max-height: 148px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } #primary-menu .sub-container .square[data-v-a51a4464] { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; position: absolute; /*top: -10px;*/ left: 15px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 0; top: 5px; } #primary-menu .sub-container .square[data-v-a51a4464]:nth-child(odd){ border-bottom: 0; border-top: 5px solid white; } #primary-menu .sub-item .name[data-v-a51a4464] { display: block; font-size: 12px; padding: 10px 13px; height: 37px; } #primary-link[data-v-a51a4464] { height: 68px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 200px; } #primary-link .item .name span[data-v-a51a4464] { margin-left: 4px; line-height: 22px; } .mini-avatar[data-v-a51a4464] { width: 36px; height: 36px; border-radius: 50%; position: relative; margin-right: 10px; } .mini-avatar>div[data-v-a51a4464] { height: 100%; -webkit-transform: translate(0); transform: translate(0); -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease; } .mini-avatar .mini-move[data-v-a51a4464]{ -webkit-transform: translate(2px, 15px); transform: translate(2px, 15px); width: 40px; height: 40px; } .mini-avatar img[data-v-a51a4464]{ border-radius: 50%; width: 100%; height: 100%; } .mini-avatar .v-popover.is-bottom[data-v-a51a4464] { position: absolute; border-radius: 8px; left: -50px; display: none; } .mini-avatar .header-login-entry[data-v-a51a4464] { width: 36px; height: 36px; border-radius: 50%; color: #00a1d6; background: #f6f6f6; text-align: center; letter-spacing: 0; font-size: 14px; line-height: 36px; } .mini-avatar .show-login:hover .v-popover.is-bottom[data-v-a51a4464]{ display: -webkit-box; display: -ms-flexbox; display: flex; } .mini-avatar .v-popover-content[data-v-a51a4464]{ position: relative; border-radius: 8px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); background: #fff; } .mini-avatar .login-panel-popover[data-v-a51a4464]{ padding: 20px; width: 360px; text-align: left; border-radius: 8px; } .mini-avatar .login-panel-popover .title[data-v-a51a4464]{ margin-bottom: 15px; line-height: 20px; font-size: 12px; } .mini-avatar .login-panel-popover .login-tip-content[data-v-a51a4464]{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mini-avatar .login-panel-popover .login-tip-content>*[data-v-a51a4464]{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; width: 50%; height: 26px; } .mini-avatar .login-panel-popover .login-tip-content>* img[data-v-a51a4464]{ width: 26px; height: 26px; } .mini-avatar .login-panel-popover .lt-text[data-v-a51a4464]{ margin-left: 6px; font-size: 14px; line-height: 14px; word-break: break-all; } .mini-avatar .login-panel-popover .login-btn[data-v-a51a4464]{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; height: 40px; border-radius: 8px; background: #00a1d6; color: #fff; text-align: center; font-size: 14px; line-height: 20px; cursor: pointer; } .mini-avatar .login-panel-popover .register-tip[data-v-a51a4464]{ margin-top: 16px; text-align: center; line-height: 20px; } .mini-avatar .login-panel-popover .register-tip .register-exper[data-v-a51a4464]{ color: #00a1d6; cursor: pointer; } .iconfont[data-v-a51a4464] { font-size: 20px; color: #999; } .icon-tuichu- [data-v-a51a4464], .icon-bofang1[data-v-a51a4464], .icon-diannao[data-v-a51a4464], .icon-shouji1[data-v-a51a4464]{ font-size: 16px; } .icon-note[data-v-a51a4464], .icon-shangchuanjianli[data-v-a51a4464], .icon-shipinshangchuan[data-v-a51a4464], .icon--[data-v-a51a4464], .icon-shipinguanli[data-v-a51a4464] { font-weight: bold; } .icon-sousuo[data-v-a51a4464] { font-weight: bold; font-size: 16px; } .icon-shouye[data-v-a51a4464], .icon-fengche[data-v-a51a4464], .icon-fire[data-v-a51a4464], .icon-pindao[data-v-a51a4464] { color: white; font-size: 24px; } .icon-_shequluntan[data-v-a51a4464]{ color: #73c9e5; font-size: 20px; font-weight: bold; } .icon-columnszhuanlan[data-v-a51a4464] { color: #73c9e5; font-size: 20px; } .icon-erji[data-v-a51a4464] { color: #ff00ff; font-size: 20px; font-weight: bold; } .icon-zhibojianying[data-v-a51a4464] { color: #e66d3c; font-size: 20px; } .icon-huodongbaobei[data-v-a51a4464] { color: #f20606; font-size: 20px; } .icon-shouji[data-v-a51a4464], .icon-taojinbi[data-v-a51a4464], .icon-youjian[data-v-a51a4464], .icon-shouji4[data-v-a51a4464]{ font-size: 24px; } .icon-youjian[data-v-a51a4464], .icon-shouji4[data-v-a51a4464], .icon-bofang1[data-v-a51a4464]{ color: #00a1d6; } .icon-xia[data-v-a51a4464] { font-size: 14px; margin: 0 5px; color: unset; } .font-icon[data-v-a51a4464] { width: 20px; height: 20px; fill: currentColor; overflow: hidden; } .showPhoneQrcode[data-v-a51a4464] { position: absolute; background: url(/static/img/phone-qrcode.2d4d789.jpg) center content-box; width: 150px; height: 180px; top: 40px; border: none; background-size: cover; background-position-y: -3px; /*transform: translate(-30px, 0);*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 9; -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; background-color: transparent; border-radius: 4px; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); box-shadow: 0 3px 6px 0 rgba(0,0,0,.2); opacity: 0; visibility: hidden; } .showPhoneQrcode .txt[data-v-a51a4464] { font-size: 14px; color: #212121; width: 100%; text-align: center; padding-bottom: 24px; } .showPhoneQrcode .square[data-v-a51a4464], .showBigMember .square[data-v-a51a4464], .nav-item-message .i-frame .square[data-v-a51a4464], .nav-item-dynamic .i-frame .square[data-v-a51a4464], .showCollege .square[data-v-a51a4464], .showHistory .square[data-v-a51a4464], .showUpload .square[data-v-a51a4464] { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; position: absolute; /*top: -10px;*/ left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 0; top: 7px; } .showUserDetail[data-v-a51a4464] { position: fixed; width: 300px; top: 56px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; /*transform: translate(-122px, 0);*/ background: #fcfcfc; opacity: 0; visibility: hidden; } .showUserDetail .vp-container[data-v-a51a4464]{ width: 100%; /*min-height: 492px;*/ position: relative; 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; } .showUserDetail .vp-container .avatar[data-v-a51a4464] { cursor: pointer; position: absolute; top: -36px; left: 50%; width: 68px; height: 68px; border-radius: 50%; border: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .i-avatar[data-v-a51a4464] { display: block; width: 100%; height: 100%; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; } .user-img[data-v-a51a4464] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 50%; } .showUserDetail .vp-container .nickname[data-v-a51a4464]{ color: #212121; font-weight: 600; text-align: center; font-size: 16px; padding-top: 42px; } .level-content[data-v-a51a4464]{ 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; padding: 0 20px; } .level-info[data-v-a51a4464] { margin: 20px 0 5px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .level-info .grade[data-v-a51a4464] { font-size: 14px; color: #212121; } .level-info .progress[data-v-a51a4464] { font-size: 12px; color: #999; } .level-link[data-v-a51a4464] { height: 10px; width: 240px; } .level-bar[data-v-a51a4464] { width: 240px; height: 2px; background-color: #ececec; position: relative; margin: 4px 0; } .level-bar .level-progress[data-v-a51a4464] { position: absolute; background: #f3cb85; border-radius: 2px; width: 80%; height: 2px; top: 0; left: 0; } .level-intro[data-v-a51a4464] { visibility: hidden; opacity: 0; position: absolute; padding: 15px; left: 300px; background: #fff; width: 240px; font-size: 14px; color: #212121; -webkit-box-shadow: 0 3px 6px 0 #00000033; box-shadow: 0 3px 6px 0 #00000033; -webkit-transition: .3s ease; transition: .3s ease; border-radius: 2px; line-height: 2em; } .level-intro__title[data-v-a51a4464] { margin-bottom: 12px; } .level-intro__content[data-v-a51a4464] { margin-bottom: 14px; } .level-intro__link[data-v-a51a4464] { color: #00a1d6; } .level-content:hover .level-intro[data-v-a51a4464] { visibility: visible; opacity: 1; } .coins[data-v-a51a4464] { width: 100%; border-bottom: 1px solid #f4f4f4; padding: 14px 20px; color: #212121; font-size: 16px; } .coins .coins-container[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coins .info[data-v-a51a4464] { 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; position: relative; } .coins .info a[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* a {*/ /* text-decoration: none;*/ /* color: #212121;*/ /* transition: color .3s;*/ /*}*/ .coins .info .money[data-v-a51a4464] { margin: 0 20px 0 8px; } .coins .info .login-award[data-v-a51a4464] { color: #2cc06f; position: absolute; -webkit-transition: .3s; transition: .3s; font-size: 12px; opacity: 0; top: -12px; background: #fff; padding: 4px 5px; width: 82px; z-index: -1; } .coins .contact[data-v-a51a4464], .coins .contact a[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coins .contact[data-v-a51a4464] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coins .contact .email[data-v-a51a4464], .coins .contact .phone[data-v-a51a4464] { position: relative; width: 23px; } .coins .contact .email[data-v-a51a4464] { margin: 0 6px 0 0; } .coins .contact .email-mark[data-v-a51a4464], .coins .contact .phone-mark[data-v-a51a4464] { position: absolute; width: 6px; height: 6px; background: #fa5a57; border-radius: 50%; left: 15px; top: 3px; } .coins .contact .email-tips[data-v-a51a4464] { display: none; right: 33px; top: 0; } .coins .contact .phone-tips[data-v-a51a4464] { display: none; left: 28px; top: 0; } .coins .contact .contact-tips[data-v-a51a4464] { font-size: 12px; padding: 0 6px; height: 20px; line-height: 20px; border: 1px solid #ccc; border-radius: 4px; position: absolute; white-space: nowrap; background-color: #fff; color: #222; z-index: 10; } .coins .contact .email:hover .email-tips[data-v-a51a4464], .coins .contact .phone:hover .phone-tips[data-v-a51a4464] { display: block; } .counts[data-v-a51a4464] { height: 58px; width: 100%; border-bottom: 1px solid #f4f4f4; 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; } .count-item[data-v-a51a4464] { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .count-item .item-key[data-v-a51a4464] { font-size: 12px; color: #999; } .count-item .item-value[data-v-a51a4464] { font-size: 16px; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; height: 20px; } .count-item .item-unit[data-v-a51a4464] { font-size: 14px; } .count-item:hover .item-key[data-v-a51a4464], .count-item:hover .item-value[data-v-a51a4464] { color: #00a1d6; } .links[data-v-a51a4464] { width: 100%; border-bottom: 1px solid #f4f4f4; padding: 7px 0; } .links .link-item[data-v-a51a4464] { cursor: pointer; 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; -webkit-transition: .3s ease; transition: .3s ease; padding: 8px 23px; } .links .link-title[data-v-a51a4464] { font-size: 14px; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .links .link-item[data-v-a51a4464]:hover, .lang-change .lang-item[data-v-a51a4464]:hover, .logout span[data-v-a51a4464]:hover, .lang-change .lang-intro-item[data-v-a51a4464]:hover { background: #ececec; } .lang-change[data-v-a51a4464] { width: 100%; border-bottom: 1px solid #f4f4f4; padding: 7px 0; position: relative; font-size: 14px; } .lang-change .lang-item[data-v-a51a4464] { cursor: pointer; 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; -webkit-transition: .3s ease; transition: .3s ease; padding: 8px 23px; } .lang-change .lang-title[data-v-a51a4464] { font-size: 14px; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lang-change .lang-intro[data-v-a51a4464] { padding: 8px 0; top: 0; visibility: hidden; opacity: 0; position: absolute; left: 300px; background: #fff; width: 240px; font-size: 12px; color: #212121; -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%); -webkit-transition: .3s ease; transition: .3s ease; border-radius: 2px; } .lang-change .lang-intro-item[data-v-a51a4464] { font-size: 14px; padding: 8px 15px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .lang-intro-item .icon-duihao[data-v-a51a4464] { display: none; color: #00a1d6; } .lang-change .lang-intro-item.on[data-v-a51a4464] { color: #00a1d6; } .lang-intro-item.on .icon-duihao[data-v-a51a4464] { display: block; } .lang-change:hover .lang-intro[data-v-a51a4464] { opacity: 1; visibility: visible; } .logout[data-v-a51a4464] { cursor: pointer; font-size: 14px; color: #212121; padding: 7px 0; } .logout[data-v-a51a4464], .logout span[data-v-a51a4464] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logout span[data-v-a51a4464] { padding: 8px 23px; -webkit-transition: .3s ease; transition: .3s ease; } .showBigMember[data-v-a51a4464] { /*transform-origin: center top;*/ z-index: 9; border: none; top: 40px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; text-align: inherit; position: fixed; border-radius: 4px; background: transparent; min-width: 150px; color: #606266; line-height: 1.4; font-size: 14px; width: 260px; /*padding: 14px;*/ -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; opacity: 0; visibility: hidden; } .recommand[data-v-a51a4464] { padding: 14px; background-color: #fcfcfc; border-radius: 4px; } .recommand .title[data-v-a51a4464] { color: #212121; font-size: 14px; margin: 5px 0 12px; font-weight: 900; } .recommand .bubble-col .item[data-v-a51a4464] { display: inline-block; margin-bottom: 7px; width: 100%; } .recommand .bubble-col .item .pic[data-v-a51a4464] { display: inline-block; } .recommand .bubble-col.bubble-col-1 img[data-v-a51a4464] { width: 230px; height: 68px; } .recommand .bubble-col .item .recommand-link[data-v-a51a4464] { margin-top: 10px; font-size: 14px; color: #222; text-align: left; display: -webkit-box; text-overflow: ellipsis; word-break: break-all; line-height: 18px; overflow: hidden; } .recommand .bubble-col .item span[data-v-a51a4464] { border: solid 1px #ff5c7c; color: #ff5c7c; border-radius: 2px; font-size: 12px; padding: 0 2px; line-height: 14px; } .renew-btn[data-v-a51a4464] { margin-top: 10px; text-align: center; position: relative; } .renew-btn button[data-v-a51a4464] { width: 160px; height: 32px; background: #00a1d6; color: #fff; border: none; border-radius: 2px; cursor: pointer; font-size: 14px; } .renew-btn button[data-v-a51a4464]:hover { background: #00b5e5; } .showCollege[data-v-a51a4464] { position: fixed; width: 520px; top: 40px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; /*transform: translate(-246px, 0);*/ background: transparent; /*left: 200px;*/ -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; text-align: inherit; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; opacity: 0; visibility: hidden; } .showCollege .vp-container[data-v-a51a4464]{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-width: 520px; height: 518px; background-color: #fcfcfc; border-radius: 4px; } .showCollege .tabs-panel[data-v-a51a4464] { overflow-y: auto; -ms-flex-negative: 0; flex-shrink: 0; padding: 12px 0; width: 149px; height: 100%; border-right: 1px solid #e7e7e7; overscroll-behavior: none; } .showCollege .tab-item[data-v-a51a4464] { 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 16px; height: 46px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } .showCollege .tab-item--normal[data-v-a51a4464] { color: #212121; } .showCollege .tab-item--normal[data-v-a51a4464]:hover { background-color: #f4f4f4; } .showCollege .tab-item .title[data-v-a51a4464] { overflow: hidden; width: 85px; text-overflow: ellipsis; white-space: nowrap; } .showCollege .tab-item .num[data-v-a51a4464] { word-break: normal; color: #999; } .showCollege .tab-item--active .num[data-v-a51a4464] { color: #fff; } .showCollege .tab-item--active[data-v-a51a4464] { background-color: #00a1d6; color: #fff; } .showCollege .favorite-video-panel[data-v-a51a4464] { padding-top: 12px; height: 100%; } .showCollege .favorite-video-list[data-v-a51a4464] { overflow-y: auto; width: 370px; height: calc(100% - 46px); overscroll-behavior: none; } .header-video-card[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; padding: 8px 5px 8px 20px; height: 77px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } .header-video-card[data-v-a51a4464]:hover { background-color: #f4f4f4; } .header-video-card .video-preview[data-v-a51a4464] { position: relative; text-align: center; } .header-video-card .multiple-preview[data-v-a51a4464] { width: 108px; height: 61px; } .video-card-img .default-img[data-v-a51a4464] { width: 108px; } .video-card-img .article-img[data-v-a51a4464], .video-card-img .default-img[data-v-a51a4464] { -ms-flex-negative: 0; flex-shrink: 0; height: 61px; border-radius: 2px; } .duration-tag[data-v-a51a4464] { position: absolute; background: rgba(0,0,0,.5); bottom: 4px; right: 4px; font-size: 12px; padding: 0 2px; color: #fff; border-radius: 1px; } .header-video-card .video-info[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 12px; } .header-video-card .video-info .line-2[data-v-a51a4464] { max-width: 210px; height: 37px; color: #212121; font-weight: 500; font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; } .header-video-card .video-info .info[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; font-size: 12px; } .header-video-card .video-info .up[data-v-a51a4464] { overflow: hidden; margin-right: 15px; max-width: 110px; text-overflow: ellipsis; white-space: nowrap; } .showCollege .play-view-all[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; } .showCollege .play-all[data-v-a51a4464] { bottom: 0; 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%; border-top: 1px solid #e7e7e7; background-color: #fff; color: #00a1d6; line-height: 45px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; border-radius: 4px; } .showCollege .play-all.view[data-v-a51a4464] { color: #212121; } .showHistory[data-v-a51a4464] { position: fixed; width: 370px; top: 40px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; background: transparent; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; text-align: inherit; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; opacity: 0; visibility: hidden; } .showHistory .vp-container[data-v-a51a4464] { background-color: white; width: 100%; min-width: 370px; height: 518px; border-radius: 4px; } .showHistory .tab-header[data-v-a51a4464] { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f4f4f4; } .showHistory .tab-item[data-v-a51a4464] { cursor: pointer; font-size: 12px; margin: 0 7px; -webkit-transition: .3s ease; transition: .3s ease; } .showHistory .tab-item--active[data-v-a51a4464] { background-color: #00a1d6; color: #fff; border-radius: 12px; padding: 4px 10px; } .showHistory .tab-item[data-v-a51a4464]:first-Child { margin-left: 20px; } .showHistory .tab-item[data-v-a51a4464]:hover { color: #00a1d6; } .showHistory .tab-item--active[data-v-a51a4464]:hover { color: #fff; } .showHistory .panel[data-v-a51a4464] { height: 468px; overflow-y: auto; overscroll-behavior: none; } .showHistory .date-title[data-v-a51a4464] { font-size: 12px; color: #999; padding: 15px 0 4px 20px; } .header-video-card[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; padding: 8px 5px 8px 20px; height: 77px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } .header-video-card[data-v-a51a4464]:hover { background-color: #f4f4f4; } .header-video-card .video-preview[data-v-a51a4464] { position: relative; text-align: center; } .header-video-card .badge[data-v-a51a4464] { position: absolute; top: 4px; right: 4px; padding: 0 3px; height: 16px; line-height: 16px; border-radius: 1px; color: #fff; text-align: center; font-size: 12px; } .header-video-card .badge-gray[data-v-a51a4464] { background: rgba(0,0,0,.5); } .header-video-card .badge-red[data-v-a51a4464] { background: #fb7299; } .video-card-img .default-img[data-v-a51a4464] { width: 108px; } .video-card-img[data-v-a51a4464] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAYAAABPjLqRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDM2RTI2RkY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDM2RTI3MEY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0MzZFMjZERjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0MzZFMjZFRjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HLC+wQAABbxJREFUeNrsnF1oHFUUx+9u06StlZo2kGpptYso+JWPSlMNoZGqL2L7IFgQURREsFoRQepDRQhSrKA+iFWfRMQvRDFo86AWP1prW9JNFGOLJmptraLU2qS2sU3W/3H+a252Z+ZOdnZndmfmwJ/s7p25u/eXe++cc++ZSeVyOaXbyMiI8mEroVegS6Fd0B1SpQrO6qEXoNuhUehR6KWZVJDJZBzL0mX8oVLXWwQl1gl9Bl0cIKi3obug2dBC6EXoinI2sFzWBF1Y8NkS6JMAgM2DPoButim7uhph/QH9ZPN5pYEJqPeh623KZI7ZV42wJqFboRMBAsuDus6h/H7om2qEJbYXujEgYCZQ90HPl7Nx6QoMiz0BAPMCalu5G5au0DxSSWChgKokrEoBCw1UpWGVG1iooMTqDOUpaAXUJc4tdG6J3/M91O4A7FPoQw91XOlQh9gvUAc1UxtllPE51E93wx6GQ7gjkG6DNmseeRzsINQDvYawJ+dlGIon3ge9GjNQiu2Vdveh0zS59iwcsJjzSNwgOfWybvSwX4tgAdRcrhS0JZz+t6wsCADYqcJhuDUBVWRt5DLVs9CrWvF6Pyf2xIqD8Xb0roG867B5BqBOQ+MRgNAAzfFwXIp8bkkNDw+fjxc/Q7M8OJgPQbsj1GuugZ7x4J9NQEtlzlrrAZQ4bKsjBkqxPavZPjcTPmsFVreHMXtPRIaenY2zfTnDcd0Cq8Vw0D76HFH3qUwrqi1pxnxuNhSTq56pnZk0rwpu9ldMYJna2ZBWiXm2BFYCK4EVutUF+F0LGJjKaufr0FGf9d0NHefKwA+1DGuxBkaCdFmaXq6VH1JWXoIfe0pZ+QxKg5blgkCWvtNEtcHKFIBpJyzT0ocfWMs0UGLnKWsjQ9/M+Bv6WoOX5fvxoGGth+4lmAUlnL/C5z+o3cMx81TxJsZZ6FtoO7QpKFhNynlLyou1BgDLqb2yS1RSzlipV8N+n41tVtY2WNCw8rY/yGEoY3+yBNj/QF9x/pjlo7GSJDeb0JqqHdZJ6AB0mcsxsnk5UHCFGuK84de2qqm18SWcA/MXF9FSw/nZoK+GWQ3W7wQywCEqf2UXOqcqb0eoXu2zhYTWpl2pL1HWEvFvPD5QWM9BbxDaEVVddgz6iMrbOex9i8Lws76ssWhFpo5dSWyYBNIJrARWAitcq0tgebP5ykp7mp/Amvpep3BHMu86+dfp3HRcYEnUvxN60qasG9rI1xuV/W75Ezz/8qjDWsewSBIyHiawepZJb3pH+01pvu/k+3oev4nnD7C+yE6kHzMAz9/W9gh0p7LW0DtUcdpTo7KSNiSDR5alm7WyA6wvsj1rTFl58YPaZwJglQbqDHvQGb5PsVwHNch6xqI+Zx3l0HpaWYlxuslaVxeHWhff63aa53Uq/7tDNePPnOSc9Th7jQy3gwU9ToZeCyXLK8cZvI/G1fmThpvurhgsgJg4pbUS7pg2IufGhIWpnRMC67DhoItiAsvUzsMCy5Tx1sUJOMrWyHa62VCaoYOpe/ZEHFaPh2G4U2D1eqhsAx3FORGD1MB2bfBwbG/+dhTxaVZ6OOFP6AtlPcOh1m0RnVsvU8zeTCbTkfeztkDvehzbN8XQa9ii+1nvQTsST8rWdpDPtPsNl3HZozHhM23aacUQPDTNg+cHsj50KmH0nwmHdXlQReEOCmTtaE0YEX2Vmdzqu4Y8XGPD3Yz0X1ZlzsmsAZtgu68CqKI74FKGJ7NJCCApkXKb2fICx018rmbDl0vCyNmAG3yBsnK33FY6jhUMN1mpledLvAlIPzqdmPLxGDt5iJfpTirJNz0RMCxJ/rjWpfwxt4ikUo+xG+TYdgwPQgAl1mco315qxX5gyRq5PP9l0qZM0qofCGneeVZZaZx2Js/T6g8DlqLXfwNDIJkcJcdcnr23ij5bGDbGOXabNjd9Bz2orCe1lWz/CjAAUaBevr2x6hQAAAAASUVORK5CYII=) 50% no-repeat; width: 100%; height: 100%; display: inline-block; } .video-card-img .article-img[data-v-a51a4464], .video-card-img .default-img[data-v-a51a4464] { -ms-flex-negative: 0; flex-shrink: 0; height: 61px; border-radius: 2px; } .header-video-card .bar[data-v-a51a4464] { width: 100%; background: #757575; } .header-video-card .bar[data-v-a51a4464], .header-video-card .progress[data-v-a51a4464] { position: absolute; bottom: 0; left: 0; height: 3px; border-radius: 0 0 2px 2px; } .header-video-card .progress[data-v-a51a4464] { max-width: 100%; background: #fb7299; } .header-video-card .video-info[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 12px; } .header-video-card .video-info .line-1[data-v-a51a4464] { overflow: hidden; margin-right: 15px; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: #212121; } .header-video-card .video-info .desc[data-v-a51a4464] { overflow: hidden; max-width: 210px; color: #505050; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .header-video-card .video-info .info[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; font-size: 12px; } .header-video-card .video-info .info--history[data-v-a51a4464] { margin-right: 16px; } .header-video-card .video-info .up[data-v-a51a4464] { overflow: hidden; margin-right: 15px; max-width: 110px; text-overflow: ellipsis; white-space: nowrap; } .showHistory .view-all[data-v-a51a4464] { display: block; cursor: pointer; width: 330px; height: 32px; line-height: 32px; text-align: center; background: #f4f4f4; font-size: 14px; color: #212121; margin: 16px auto; -webkit-transition: .3s ease; transition: .3s ease; } .showHistory .view-all[data-v-a51a4464]:hover { color: #212121; background: #e7e7e7; } .showUpload[data-v-a51a4464] { position: fixed; width: 310px; top: 40px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; background: transparent; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; text-align: inherit; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; opacity: 0; visibility: hidden; } .showUpload .vp-container[data-v-a51a4464] { width: 100%; height: 78px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: white; border-radius: 4px; } .showUpload .upload-item[data-v-a51a4464] { cursor: pointer; width: 76px; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .2s ease; transition: .2s ease; } .showUpload .upload-item[data-v-a51a4464]:hover { background-color: #f4f4f4; color: #212121; } .showUpload .item-title[data-v-a51a4464] { margin-top: 6px; } @media screen and (max-width: 1190px){ .nav-user-center .search-icon[data-v-a51a4464]{ display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-search-box[data-v-a51a4464] { display: none; } #header[data-v-a51a4464]{ font-size: 12px; } .mini-logo.large[data-v-a51a4464] { width: 35px!important; } } @media screen and (max-width: 1870px){ .i-wrap[data-v-a51a4464] { width: 1414px; } #primary-tab .con li[data-v-a51a4464]{ width: 50px; } } @media screen and (max-width: 1654px){ .i-wrap[data-v-a51a4464] { width: 1198px; } } @media screen and (max-width: 1438px){ .i-wrap[data-v-a51a4464] { width: 999px; } } @media screen and (max-width: 1000px){ .i-wrap[data-v-a51a4464] { width: 98%; } #primary-tab .con li[data-v-a51a4464]{ width: 44px; } .nav-user-center .user-con .item[data-v-a51a4464] { margin-left: 5px; } .nav-link-ul .nav-link-item[data-v-a51a4464] { margin-right: 5px; } } @media screen and (max-width: 900px){ .mini-header-content[data-v-a51a4464]{ padding: 10px; } #primary-tab .con li[data-v-a51a4464] { width: 31px; } #primary-tab .con .round[data-v-a51a4464] { width: 30px; height: 30px; } #primary-tab .con .round img[data-v-a51a4464]{ width: 30px; height: 30px; } #primary-link[data-v-a51a4464] { width: 153px; } #primary-menu[data-v-a51a4464]{ min-width: 450px; } } .icon-zhaopin_re[data-v-a51a4464] { color: #e98f36; font-size: 14px; vertical-align: middle; } .icon-xinjian[data-v-a51a4464]{ color: #d4237a; font-size: 14px; vertical-align: middle; } .v-popover[data-v-a51a4464] { position: absolute; display: none; } .v-popover.is-bottom[data-v-a51a4464] { top: 100%; left: 50%; } .v-popover-content[data-v-a51a4464] { position: relative; background-color: white; -webkit-box-shadow: 0 0 30px rgb(0,0,0,.1); box-shadow: 0 0 30px rgb(0,0,0,.1); border-radius: 8px; border: 1px solid gainsboro; color: #0f0f0f; } .login-panel-popover[data-v-a51a4464] { padding: 22px 20px; width: 360px; border-radius: 8px; text-align: left; } .login-panel-popover .tips[data-v-a51a4464] { margin-bottom: 24px; text-align: center; font-size: 14px; line-height: 20px; color: #0f0f0f; } .login-panel-popover .login-btn[data-v-a51a4464] { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; height: 40px; border-radius: 8px; color: #ffffff; text-align: center; line-height: 20px; cursor: pointer; background-color: #00a1d6; } .nav-user-center .user-con .item:hover .v-popover[data-v-a51a4464] { display: block; } .header-channel[data-v-a51a4464] { width: 100%; min-width: 1100px; max-width: 2560px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #FFFFFF; /*z-index: 1001;*/ position: fixed; top: 56px; letter-spacing: 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08); box-shadow: 0 2px 4px rgba(0,0,0,.08); -webkit-animation: headerSlideDown .2s linear forwards; animation: headerSlideDown .2s linear forwards; } .header-channel-fixed[data-v-a51a4464] { margin: 0 auto; } .header-channel-fixed[data-v-a51a4464] { max-height: 56px; overflow: hidden; -webkit-transition: max-height .2s; transition: max-height .2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding: 14px 60px; } .header-channel-fixed-down[data-v-a51a4464] { max-height: 150px; } .header-channel-fixed-left[data-v-a51a4464] { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 192px; width: 192px; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #61666D; font-size: 14px; -ms-flex-item-align: start; align-self: start; } .header-channel-fixed-left .left-fixed-channel[data-v-a51a4464] { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 64px; height: 28px; margin-bottom: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-channel-fixed-left .left-fixed-channel i[data-v-a51a4464] { margin-right: 5px; color: #61666D!important; } .header-channel-fixed-center[data-v-a51a4464] { height: 14px; width: 1px; margin-right: 10px; background: #E3E5E7; } .header-channel-fixed-right[data-v-a51a4464] { display: inline-grid; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; position: relative; } .header-channel-fixed-right[data-v-a51a4464] { grid-column: span 14; grid-template-columns: repeat(14,1fr); } .header-channel-fixed-right .left-bottom[data-v-a51a4464], .header-channel-fixed-right-right[data-v-a51a4464], .header-channel-fixed-right-left .left-top[data-v-a51a4464], .header-channel-fixed-right[data-v-a51a4464] { grid-gap: 14px 10px; } .header-channel-fixed-right-left[data-v-a51a4464] { display: inline-grid; position: relative; } .header-channel-fixed-right-left[data-v-a51a4464] { grid-column: span 11; grid-template-columns: repeat(11,1fr); } .header-channel-fixed-right-left .left-top[data-v-a51a4464] { display: inline-grid; grid-template-rows: repeat(2,1fr); position: relative; grid-auto-flow: column; } .header-channel-fixed-right-left .left-top[data-v-a51a4464] { grid-column: span 11; grid-template-columns: repeat(11,1fr); } .header-channel-fixed-right-item[data-v-a51a4464] { height: 28px; line-height: 28px; border: 1px solid #F1F2F3; background: #F6F7F8; border-radius: 6px; text-align: center; cursor: pointer; color: #61666D; } .header-channel-fixed-right-right[data-v-a51a4464] { display: inline-grid; grid-template-columns: repeat(3,1fr); grid-auto-flow: column; grid-template-rows: 28px 28px; grid-column: span 3; } .header-channel-fixed-arrow[data-v-a51a4464] { position: absolute; right: 20px; width: 28px; height: 28px; padding: 8px; margin-left: 10px; -ms-flex-item-align: start; align-self: start; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; -webkit-transition: .2s; transition: .2s; } .el-loading-text { display: contents; } .el-icon-loading, .el-loading-text { color: #999 !important; } .index-home[data-v-3ef4568b] { background: #fcfcfc; } .i-wrap[data-v-3ef4568b] { margin: 0 auto; width: 1630px; } .space-between[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; /*min-height: 400px;*/ } #reportFirst1[data-v-3ef4568b] { display: inline-block; position: relative; width: 550px; height: 242px; overflow: hidden; border-radius: 2px; } .focus-carousel .ggc[data-v-3ef4568b] { width: 100%!important; height: 100%!important; z-index: 1; position: relative; overflow: hidden; } .carousel-item[data-v-3ef4568b] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; overflow: hidden; } .carousel-item img[data-v-3ef4568b] { width: 100%; height: 100%; } .carousel-item .title[data-v-3ef4568b] { position: absolute; bottom: 10px; left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 70%; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .carousel-item .more[data-v-3ef4568b] { position: absolute; z-index: 11; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; bottom: 44px; right: 12px; font-size: 12px; padding: 4px 8px; background: rgba(0,0,0,.65); color: #fff; border-radius: 2px; } .carousel-item:hover .more[data-v-3ef4568b] { opacity: 1; } .guanggao[data-v-3ef4568b] { background-color: #ffffff99; padding: 1px 2px; color: gray; font-size: 12px; margin-right: 2px; } .rcmd-box-wrap[data-v-3ef4568b] { position: relative; } .rcmd-box-wrap .rcmd-box[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; float: right; width: 1070px; height: 242px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .video-card-reco[data-v-3ef4568b] { position: relative; margin-bottom: 10px; width: 206px; height: 116px; } .video-card-reco .info-box[data-v-3ef4568b] { width: 100%; height: 100%; border-radius: 2px; overflow: hidden; } .video-card-reco .info-box[data-v-3ef4568b], .video-card-reco .info-box[data-v-3ef4568b]:before, .video-card-reco .info-box img[data-v-3ef4568b] { width: 100%; height: 100%; border-radius: 2px; } .video-card-reco .info-box .info[data-v-3ef4568b] { position: absolute; z-index: 2; width: 100%; top: 64px; left: 0; -webkit-transition: top .2s; transition: top .2s; padding: 26px 10px 10px; } .video-card-reco .info-box .info .title[data-v-3ef4568b] { font-size: 14px; line-height: 18px; height: 18px; color: #fff; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .video-card-reco .info-box .info .play[data-v-3ef4568b], .video-card-reco .info-box .info .up[data-v-3ef4568b] { font-size: 12px; color: #e0e0e0; margin-bottom: 3px; display: none; } .video-card-reco .watch-later-video[data-v-3ef4568b] { -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 0; } .van-watchlater[data-v-3ef4568b] { position: absolute; z-index: 9; width: 22px; height: 22px; right: 8px; bottom: 8px; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); display: none; } .van-watchlater .wl-tips[data-v-3ef4568b] { position: absolute; font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: #000; background: rgba(0,0,0,.8); white-space: nowrap; top: -30px; } .video-card-reco .info-box[data-v-3ef4568b]:before { content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.7); opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .video-card-reco:hover .info-box .info[data-v-3ef4568b] { top: 0; } .video-card-reco:hover .info-box .info .title[data-v-3ef4568b] { height: 36px; white-space: normal; } .video-card-reco:hover .info-box .up[data-v-3ef4568b], .video-card-reco:hover .info-box .play[data-v-3ef4568b]{ display: block; } .video-card-reco:hover .watch-later-video[data-v-3ef4568b] { -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 1; } .video-card-reco:hover .info-box[data-v-3ef4568b]:before { opacity: 1; } .rcmd-box-wrap .change-btn[data-v-3ef4568b] { position: absolute; top: 0; right: -36px; width: 28px; height: 77px; border: 1px solid silver; border-radius: 2px; color: #505050; 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; padding-top: 7px; line-height: 14px; cursor: pointer; } .rcmd-box-wrap .change-btn .iconfont[data-v-3ef4568b] { margin-bottom: 4px; -webkit-transition: all .5s; transition: all .5s; font-size: 18px; width: 18px; } .rcmd-box-wrap .change-btn span[data-v-3ef4568b] { display: inline-block; font-size: 12px; line-height: 14px; width: 12px; } .rcmd-box-wrap .change-btn[data-v-3ef4568b]:hover { background-color: #f4f4f4; } .rcmd-box-wrap .change-btn:hover .iconfont[data-v-3ef4568b] { -webkit-transform: rotate( -1turn ); transform: rotate( -1turn ); } /*推荐*/ #reportFirst2[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .extension[data-v-3ef4568b] { width: 1286px; } .storey-title[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; height: 36px; } .storey-title .l-con[data-v-3ef4568b] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .storey-title .name[data-v-3ef4568b] { margin: 0 20px 0 0; vertical-align: bottom; font-size: 20px; line-height: 36px; } .storey-title .no-link[data-v-3ef4568b] { color: #212121; cursor: default; } .storey-title .text-info[data-v-3ef4568b] { color: #505050; line-height: 36px; font-size: 12px; } .storey-title .text-info a[data-v-3ef4568b] { color: #505050; } .extension .ext-box[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .video-card-common[data-v-3ef4568b] { width: 206px; cursor: pointer; margin-right: 10px; } .video-card-common .card-pic[data-v-3ef4568b] { position: relative; width: 100%; height: 116px; } .video-card-common .card-pic a[data-v-3ef4568b] { display: block; position: relative; width: 100%; height: 100%; } .video-card-common .card-pic a img[data-v-3ef4568b] { width: 100%; height: 100%; border-radius: 2px; } .video-card-common .card-pic a .count[data-v-3ef4568b] { position: absolute; bottom: 0; width: 100%; padding: 6px 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; line-height: 16px; font-size: 12px; } .video-card-common .card-pic a .count[data-v-3ef4568b], .video-card-common .card-pic a .count .left[data-v-3ef4568b], .video-card-common .card-pic a .count .left span[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-card-common .card-pic a .count .left span[data-v-3ef4568b]:first-child { margin-right: 10px; } .video-card-common .ex-title[data-v-3ef4568b] { display: block; font-size: 14px; line-height: 20px; margin: 10px 0 8px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; padding-right: 12px; } .video-card-common .gg-icon[data-v-3ef4568b] { display: inline-block; font-size: 12px; border-radius: 2px; margin-right: 8px; width: 30px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #b2b2b2; color: #b2b2b2; font-weight: 400; } .video-card-common .adver_name[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #999; line-height: 16px; margin-top: 60px; } .van-framepreview[data-v-3ef4568b] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 1; background-image: url(/static/img/testPreview1.9474b7a.png) /*background-image: url('../../../../assets/image/small.jpeg')*/ } .van-framepreview .van-fpbar-box[data-v-3ef4568b] { position: absolute; left: 0; top: 0; width: 100%; height: 10px; border-color: #000; border-style: solid; border-width: 4px 8px; background: #444; -webkit-box-sizing: border-box; box-sizing: border-box; } .van-framepreview .van-fpbar-box span[data-v-3ef4568b] { display: block; background: #fff; height: 2px; -webkit-transition: width .12s; transition: width .12s; } .van-danmu[data-v-3ef4568b] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 2; } .van-danmu-item[data-v-3ef4568b] { position: absolute; color: #fff; white-space: pre; will-change: transform; top: 8px; left: 100%; text-shadow: 1px 1px 2px #001; /*transition: transform 3.6s linear;*/ } .van-danmu-item.row2[data-v-3ef4568b] { top: 28px; } .video-card-common .ex-up[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #999; line-height: 16px; margin-top: 60px; } .bypb-window[data-v-3ef4568b] { width: 320px; } .bypb-window .online[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3px; margin-bottom: 19px; height: 30px; border: 1px solid #e7e7e7; border-radius: 2px; background: #f4f4f4; color: #505050; line-height: 30px; } .bypb-window .online a[data-v-3ef4568b] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 12px; white-space: nowrap; } .operate-card[data-v-3ef4568b] { position: relative; display: block; } .operate-card img[data-v-3ef4568b] { width: 100%; border-radius: 2px; } /*列表*/ .storey-box .proxy-box[data-v-3ef4568b] { min-height: 1000px; } .banner-card[data-v-3ef4568b] { position: relative; display: block; max-height: 134px; margin-bottom: 46px; } .banner-card img[data-v-3ef4568b] { width: 100%; height: 100%; border-radius: 2px; } .banner-card .gg-icon[data-v-3ef4568b] { position: absolute; left: 5px; bottom: 5px; width: 38px; height: 22px; margin-right: 3px; z-index: 1; vertical-align: middle; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAsCAMAAAD4va5DAAAAolBMVEX///8AAAAAAAAAAAAAAAACAgIAAAAAAAAGBgb5+fns7OwAAACBgYHq6ur9/f17e3tgYGD09PSoqKiLi4sAAAANDQ3V1dW6urqPj48DAwMAAAD////u7u7j4+MbGxv////b29vBwcH19fXt7e3GxsaLi4ukpKRTU1P4+Pjl5eXh4eHX19fLy8vb29v4+PisrKwvLy86Ojr7+/vy8vK4uLhVVVX0WqNFAAAANnRSTlOZAgULFR0IACCBYxIvW4sxJmk0HxoXU0grJQ6TZl0cj1RFcmtENTUmfGFYTUlGcT4rI4dyMhsJ24tXAAABiElEQVRIx+3XyW6DMBCA4WnAzrCUJUDYCpQAIWuTdHn/V6sNqZqFAwSfqv4HJHP4ZECIAabT6ZOQGARnazKqhuBYI1EqjYjSxpsCt6gUaZr8cJoWSZRr0FiObcCIDNvhWoNJTgYjyxypxWhkw+jsiHJsQjVjPGZodMIxSQMBaVKLySIw+R/jxX5lXK2LFYDqK4/tLCeby+UadwA7XAzECj/Py7KcuXVZ5rnv+zHfmEXYzvbuUOwVyU+IGIYhxxLipp4ne15K2Dm/P0Y2ylV8tyQNWF+yEwS6ac4HYC9w0wLT5vr28tvgy7zD3msbhGHqRm369LZqW/Y4FiJxWR7LdQnBMFR6Ylss4KYkSZ4vYkujJ7bDhbjX6YAruGu9nLGW7THvj1Vo3GNzcrIsq64tFtH7YyeELuz3qaT9MQUrcZiKW3HYISw6MSvQddM0dT0gvbH4eIy7MLS41Who9r9nc+hoXX3Auazy/84HZSAmdjwQOriIHKmEDnuCx1ChA7LI0V3sT4XQ351vRIIkxg4KQCAAAAAASUVORK5CYII=); background-size: cover; } .exchange-btn[data-v-3ef4568b], .exchange-btn .btn[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; } .exchange-btn .btn[data-v-3ef4568b] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 22px; text-align: center; border: 1px solid silver; border-radius: 2px; font-size: 12px; color: #505050; -webkit-transition: all .2s; transition: all .2s; line-height: 22px; } .exchange-btn .btn[data-v-3ef4568b]:hover { background-color: #f4f4f4; } .exchange-btn .btn-change:hover .iconfont[data-v-3ef4568b] { -webkit-transform: rotate( -1turn ); transform: rotate( -1turn ); } .exchange-btn .btn-change[data-v-3ef4568b] { padding: 0 0 0 6px; width: 72px; } .exchange-btn .btn-change .iconfont[data-v-3ef4568b] { vertical-align: middle; margin-right: 4px; -webkit-transition: all .5s; transition: all .5s; } .exchange-btn .more[data-v-3ef4568b] { padding: 0 0 0 12px; width: 58px; margin-left: 12px; } .zone-list-box[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; /*justify-content: space-between;*/ width: 1286px; height: 404px; } .video-card-common .title[data-v-3ef4568b] { display: block; font-size: 14px; line-height: 20px; margin: 10px 0 8px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; padding-right: 12px; } .live-card[data-v-3ef4568b] { width: 206px; margin-right: 10px; } .live-card .pic[data-v-3ef4568b] { position: relative; display: block; cursor: pointer; margin-bottom: 10px; width: 100%; height: 116px; } .live-card .pic img[data-v-3ef4568b] { width: 100%; height: 100%; border-radius: 2px; } .live-card .pic .count[data-v-3ef4568b] { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 12px; padding: 6px 8px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 16px; } .live-card .up[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 16px; } .live-card .up .up-cover[data-v-3ef4568b] { position: relative; } .live-card .up .up-cover .face[data-v-3ef4568b] { width: 36px; height: 36px; display: inline-block; border-radius: 50%; background: #f7f7f7; } .live-card .up .txt[data-v-3ef4568b] { width: 158px; } .live-card .up .txt p[data-v-3ef4568b] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } .live-card .up .txt .name[data-v-3ef4568b] { font-size: 14px; line-height: 20px; font-weight: 500; } .live-card .up .txt .desc[data-v-3ef4568b] { font-size: 12px; color: #505050; line-height: 18px; margin-top: 2px; } .live-card .up .txt .tag[data-v-3ef4568b] { font-size: 12px; line-height: 16px; color: #999; margin-top: 8px; } .live-tabs[data-v-3ef4568b] { width: 320px; } .live-tabs .tab-switch[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; margin-right: 16px; margin-bottom: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .live-tabs .tab-switch .tab-switch-item[data-v-3ef4568b] { font-size: 12px; line-height: 18px; height: 22px; margin-right: 12px; cursor: pointer; } .live-tabs .tab-switch .tab-switch-item.on[data-v-3ef4568b] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .live-rank .live-rank-item[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 22px; } .live-rank .live-rank-item .rank-face[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .live-rank .live-rank-item .number[data-v-3ef4568b] { font-size: 14px; color: #999; width: 18px; height: 18px; text-align: center; line-height: 18px; background: #fff; border-radius: 2px; display: inline-block; margin-right: 12px; } .live-rank .live-rank-item .number.on[data-v-3ef4568b] { color: #fff; background: #00a1d6; } .live-rank .live-rank-item img[data-v-3ef4568b] { width: 44px; height: 44px; border-radius: 44px; margin-right: 12px; } .live-rank .live-rank-item .txt[data-v-3ef4568b] { display: inline-block; margin-right: 10px; width: 158px; vertical-align: middle; } .live-rank .live-rank-item .txt p[data-v-3ef4568b] { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .live-rank .live-rank-item .txt p[data-v-3ef4568b]:first-child { font-size: 14px; font-weight: 500; } .live-rank .live-rank-item .txt p.p2[data-v-3ef4568b] { color: #505050; line-height: 18px; margin-top: 2px; } .live-rank .live-rank-item .count[data-v-3ef4568b] { color: #999; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; padding-top: 4px; } .recommend-activity[data-v-3ef4568b] { position: relative; height: 330px; cursor: pointer; } .rank-list[data-v-3ef4568b] { width: 320px; } .rank-header[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; height: 36px; } .rank-header .name[data-v-3ef4568b] { display: inline-block; color: #212121; vertical-align: bottom; font-size: 20px; line-height: 28px; } .rank-header .more[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 12px; width: 58px; height: 22px; border: 1px solid silver; border-radius: 2px; color: #505050; text-align: center; font-size: 12px; line-height: 16px; -webkit-transition: all .2s; transition: all .2s; } .rank-wrap[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; position: relative; } .rank-wrap .title[data-v-3ef4568b] { width: 290px; font-size: 14px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-word!important; font-weight: 500; } .number[data-v-3ef4568b] { font-size: 14px; color: #999; width: 18px; height: 18px; text-align: center; line-height: 18px; background: #fff; border-radius: 2px; display: inline-block; } .rank-wrap .number.on[data-v-3ef4568b] { color: #fff; background: #00a1d6; } .rank-wrap .preview[data-v-3ef4568b] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 290px; } .rank-wrap .preview .pic[data-v-3ef4568b] { position: relative; } .rank-wrap .preview img[data-v-3ef4568b] { width: 112px; height: 63px; border-radius: 2px; } .van-watchlater.black[data-v-3ef4568b] { width: 28px; height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .rank-wrap .preview .pic .watch-later-video[data-v-3ef4568b] { -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; } .rank-wrap .preview .txt[data-v-3ef4568b] { margin-left: 12px; } .rank-wrap .preview .txt p[data-v-3ef4568b] { font-size: 14px; height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; word-break: break-word!important; } .rank-wrap .preview .txt span[data-v-3ef4568b] { color: #999; white-space: nowrap; } .popover-video-card[data-v-3ef4568b] { position: absolute; padding: 12px; width: 320px; background: #fff; -webkit-box-shadow: 0 1px 6px 0 #00000033; box-shadow: 0 1px 6px 0 #00000033; border-radius: 2px; /*display: none;*/ } .pvc-fade-leave-active[data-v-3ef4568b], .pvc-fade-enter-active[data-v-3ef4568b]{ -webkit-transition: all .2s ease; transition: all .2s ease; } .pvc-fade-enter-to[data-v-3ef4568b], .pvc-fade-leave-to[data-v-3ef4568b] { -webkit-transform: translateY(-5px); transform: translateY(-5px); /*opacity: 0;*/ } .rank-wrap .pvc[data-v-3ef4568b] { top: -141px; z-index: 200; } .popover-video-card .content[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; } .popover-video-card .content img[data-v-3ef4568b] { width: 112px; height: 63px; border-radius: 2px; } .popover-video-card .content .info[data-v-3ef4568b] { padding-left: 10px; } .popover-video-card .content .info .f-title[data-v-3ef4568b] { max-height: 40px; color: #212121; font-size: 14px; font-weight: 700; line-height: 20px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word!important; } .popover-video-card .content .info .subtitle[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; font-size: 12px; line-height: 16px; } .popover-video-card .content .info .subtitle span[data-v-3ef4568b] { display: inline-block; } .popover-video-card .content .info .subtitle .name[data-v-3ef4568b] { max-width: 86px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .popover-video-card .content .info .subtitle .point[data-v-3ef4568b] { margin: 0 5px; } .popover-video-card .content .info .subtitle .time[data-v-3ef4568b] { max-width: 72px; white-space: nowrap; overflow: hidden; } .popover-video-card .count[data-v-3ef4568b] { padding-top: 12px; margin-top: 12px; border-top: 1px solid #e7e7e7; } .popover-video-card .count ul[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .popover-video-card .count ul li[data-v-3ef4568b] { font-size: 12px; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popover-video-card .count ul li i[data-v-3ef4568b] { margin-right: 3px; } .s-rec[data-v-3ef4568b] { height: 252px; overflow: hidden; } .operate-card[data-v-3ef4568b] { position: relative; display: block; height: 170px; } .s-rec .gg[data-v-3ef4568b] { width: 320px; margin-top: 52px; } .operate-card img[data-v-3ef4568b] { width: 100%; border-radius: 2px; height: 100%; } .elevator[data-v-3ef4568b] { position: fixed; /*left: calc(50% + 3px);*/ top: 300px; right: 20px; /*margin-left: 825px;*/ z-index: 9; } .elevator.edit .mask[data-v-3ef4568b] { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } .elevator .list-box[data-v-3ef4568b] { padding-top: 6px; position: relative; background: #fcfcfc; border: 1px solid #e7e7e7; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 2; } .elevator .list-box .item[data-v-3ef4568b] { width: 54px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: #fcfcfc; font-size: 12px; } .elevator .list-box .item.on[data-v-3ef4568b], .elevator .list-box .item[data-v-3ef4568b]:hover { background-color: #00a1d6; color: #fff; } .elevator .list-box .item.sort[data-v-3ef4568b] { height: 32px; line-height: 32px; position: relative; border-top: 1px solid #e7e7e7; margin-top: 5px; } .elevator .list-box .item.back-top[data-v-3ef4568b] { position: absolute; left: -1px; bottom: -32px; width: 56px; line-height: 30px; height: 32px; border: 1px solid #e7e7e7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .article-card[data-v-3ef4568b] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 623px; height: 90px; margin-right: 10px; margin-bottom: 10px; } .article-card .pic[data-v-3ef4568b] { display: block; width: 120px; height: 90px; margin-right: 16px; } .article-card .pic img[data-v-3ef4568b] { width: 120px; height: 90px; border-radius: 2px; } .article-card .r-con .title[data-v-3ef4568b] { display: block; font-size: 14px; line-height: 20px; margin: 0 0 8px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-weight: 500; } .article-card .r-con .up[data-v-3ef4568b] { color: #999; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 5px; } .article-card .r-con .count[data-v-3ef4568b] { color: #999; display: -ms-flexbox; display: -webkit-box; display: flex; } .article-card .r-con .count span[data-v-3ef4568b] { display: -ms-flexbox; display: -webkit-box; display: flex; width: 80px; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .iconfont[data-v-3ef4568b] { font-size: 22px; } .icon-renxiang[data-v-3ef4568b] { font-size: 10px; } .icon-tuiguang[data-v-3ef4568b] { color: #ffd600; } .icon-huo[data-v-3ef4568b] { color: #f20606; } .icon-upzhux[data-v-3ef4568b] { font-size: 14px; } .icon-yangshi_icon_tongyong_swap[data-v-3ef4568b], .icon-shang[data-v-3ef4568b], .icon-right-1-copy[data-v-3ef4568b], .icon-huanyihuan[data-v-3ef4568b], .icon-bofang[data-v-3ef4568b], .icon-dianzan[data-v-3ef4568b], .icon-pinglun[data-v-3ef4568b], .icon-xingxing[data-v-3ef4568b], .icon-taojinbi[data-v-3ef4568b] { font-size: 16px; } .icon-zhibojianying[data-v-3ef4568b] { color: #e66d3c; } .font-icon[data-v-3ef4568b] { width: 25px; height: 25px; fill: currentColor; overflow: hidden; } .video-card-common[data-v-3ef4568b]:nth-child(6n){ margin-right: 0; } .live-card[data-v-3ef4568b]:nth-child(6n){ margin-right: 0; } @media screen and (max-width: 1870px){ .i-wrap[data-v-3ef4568b] { width: 1414px; } .rcmd-box-wrap>.rcmd-box[data-v-3ef4568b] { width: 854px; height: 242px; } .video-card-reco[data-v-3ef4568b]:nth-child(n+9){ display: none; } .extension[data-v-3ef4568b] { width: 1070px; } .zone-list-box[data-v-3ef4568b] { width: 1070px; } .zone-list-box .live-card[data-v-3ef4568b]:nth-child(n+11), .zone-list-box .video-card-common[data-v-3ef4568b]:nth-child(n+11){ display: none; } #reportFirst2 .video-card-common[data-v-3ef4568b]:nth-child(n+6) { display: none; } .video-card-common[data-v-3ef4568b]:nth-child(5n){ margin-right: 0; } .live-card[data-v-3ef4568b]:nth-child(5n){ margin-right: 0; } .elevator[data-v-3ef4568b] { /*margin-left: 716px;*/ } .article-card[data-v-3ef4568b] { width: 520px; } } @media screen and (max-width: 1654px){ .i-wrap[data-v-3ef4568b] { width: 1198px; } .rcmd-box-wrap>.rcmd-box[data-v-3ef4568b] { width: 638px; } .video-card-reco[data-v-3ef4568b]:nth-child(n+7){ display: none; } .video-card-common[data-v-3ef4568b]:nth-child(5n), .video-card-common[data-v-3ef4568b]:nth-child(6n){ margin-right: 10px; } .video-card-common[data-v-3ef4568b]:nth-child(4n){ margin-right: 0; } .live-card[data-v-3ef4568b]:nth-child(5n), .live-card[data-v-3ef4568b]:nth-child(6n){ margin-right: 10px; } .live-card[data-v-3ef4568b]:nth-child(4n){ margin-right: 0; } .extension[data-v-3ef4568b] { width: 854px; } #reportFirst2 .video-card-common[data-v-3ef4568b]:nth-child(n+5) { display: none; } .zone-list-box[data-v-3ef4568b] { width: 854px!important; } .zone-list-box .live-card[data-v-3ef4568b]:nth-child(n+9), .zone-list-box .video-card-common[data-v-3ef4568b]:nth-child(n+9) { display: none; } .elevator[data-v-3ef4568b] { /*margin-left: 615px;*/ } .article-card[data-v-3ef4568b] { width: 400px; } } @media screen and (max-width: 1438px){ .i-wrap[data-v-3ef4568b] { width: 999px; } #reportFirst1[data-v-3ef4568b] { width: 459px; height: 202px; } .rcmd-box-wrap>.rcmd-box[data-v-3ef4568b] { width: 530px; height: 202px; } .video-card-reco[data-v-3ef4568b] { width: 170px; height: 96px; } .video-card-reco .info-box .info[data-v-3ef4568b] { padding: 8px 10px 10px; } .extension[data-v-3ef4568b] { width: 710px; } .video-card-common[data-v-3ef4568b] { width: 170px; } .video-card-common[data-v-3ef4568b]:nth-child(5n), .video-card-common[data-v-3ef4568b]:nth-child(6n){ margin-right: 10px; } .video-card-common[data-v-3ef4568b]:nth-child(4n){ margin-right: 0; } .live-card[data-v-3ef4568b]:nth-child(5n), .live-card[data-v-3ef4568b]:nth-child(6n){ margin-right: 10px; } .live-card[data-v-3ef4568b]:nth-child(4n){ margin-right: 0; } .video-card-common .card-pic[data-v-3ef4568b] { width: 100%; height: 96px; } .video-card-common .card-pic .right[data-v-3ef4568b], .video-card-common .match-card-pic .right[data-v-3ef4568b], .video-card-common .card-pic .right[data-v-3ef4568b], .video-card-common .match-card-pic .right[data-v-3ef4568b] { display: none; } .video-card-common:hover .card-pic .left[data-v-3ef4568b] { display: none!important; } .video-card-common:hover .card-pic .right[data-v-3ef4568b], .video-card-common:hover .card-pic .right[data-v-3ef4568b] { display: block; } .bypb-window[data-v-3ef4568b], .bypb-window .online[data-v-3ef4568b], .rank-header[data-v-3ef4568b], .operate-card img[data-v-3ef4568b] { width: 265px; } .zone-list-box[data-v-3ef4568b] { width: 710px!important; height: 360px; } .live-card[data-v-3ef4568b] { width: 170px; } .live-card .up .txt[data-v-3ef4568b] { width: 128px; } .live-tabs[data-v-3ef4568b] { width: 265px; } .live-rank .live-rank-item[data-v-3ef4568b] { margin-bottom: 16px; } .live-rank .live-rank-item .txt[data-v-3ef4568b] { width: 102px; } .recommend-activity[data-v-3ef4568b] { width: 265px!important; height: 273px!important; } .rank-list[data-v-3ef4568b] { width: 265px!important; } .rank-list .rank-wrap .preview[data-v-3ef4568b], .rank-list .rank-wrap .title[data-v-3ef4568b] { width: 235px!important; } .live-card .pic[data-v-3ef4568b] { width: 100%; height: 96px; } .s-rec[data-v-3ef4568b] { height: 230px; } .s-rec .operate-card[data-v-3ef4568b] { width: 265px; } .elevator[data-v-3ef4568b] { /*margin-left: 515px;*/ } .article-card[data-v-3ef4568b] { width: 48%; } } @media screen and (max-width: 1150px) { .elevator[data-v-3ef4568b] { right: 0; } } @media screen and (max-width: 1100px) { .elevator[data-v-3ef4568b] { right: -100px; display: none; } } @media screen and (max-width: 1000px){ .i-wrap[data-v-3ef4568b] { width: 98%; } /*.video-card-reco:nth-child(n+5){*/ /* display: none;*/ /*}*/ #reportFirst1[data-v-3ef4568b] { width: 390px; } .extension .ext-box[data-v-3ef4568b] { width: 690px; } .zone-list-box[data-v-3ef4568b] { width: 690px!important; } .live-card[data-v-3ef4568b] { width: 165px; } .recommend-activity[data-v-3ef4568b] { width: 100%!important; margin-left: 2px; } /*.bypb-window {*/ /* width: 180px;*/ /*}*/ .video-card-common[data-v-3ef4568b] { width: 160px; } .video-card-common[data-v-3ef4568b]:nth-child(4n){ margin-right: 0; } } @media screen and (max-width: 900px){ .i-wrap[data-v-3ef4568b] { width: 98%; } } .video-card-reco.skeleton[data-v-3ef4568b] { margin-right: 10px; } .video-card-reco.skeleton[data-v-3ef4568b]:nth-child(3n){ margin-right: 0; } .skeleton-common[data-v-3ef4568b] { width: 206px; margin-right: 10px; height: 172px; } .jubao[data-v-3ef4568b] { position: fixed; right: 20px; bottom: 10px; z-index: 9; width: 54px; text-align: center; border: solid 1px #eee; border-radius: 5px; padding: 3px; } .index-carousel .el-carousel__indicators--horizontal { right: 1%; -webkit-transform: translateX(0)!important; transform: translateX(0)!important; left: auto!important; } .index-carousel .el-carousel__button { width: 10px!important; height: 10px!important; border-radius: 50%; border: 2px solid transparent!important; opacity: 1!important; background: #fff; color: #fff; } .index-carousel .el-carousel__indicator:focus-visible { outline: none; } .index-carousel .el-carousel__indicator:hover .el-carousel__button { border: 2px solid #fff; background-color: #00a1d6; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } .index-carousel .el-carousel__indicator.is-active button { border-width: 0; border-color: transparent; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAABUlJREFUWAmtVwtMnEUQnitX7g6R1wFtOajSqlBrQULbtJioqK2PiMZEqjatj7S1NmpTGmNUImlr1BhL2hhpmphokzaKtVFBkZooxhCLWNtw+CQtUMSjCKXAyd1x3Mtvfm7/7uX+w5/HJN/t7uzszOz+M7tzBtJJoVDIANHVQBmwClgURjLaYWAIaAdagJMGg6ED7ewJhpOAfUA/MB06BeFNwLypvOBdaRIWxmGiAngZSBNC4JN92EsXxnx00eOn0YkApcTHkS3BSMVWM2UlzBeiom1DZydOpFkw5FbTARhhg7XAOiHcOuih984NU8PfY9Q/HhDsqLYw1UTP56fRxtwkshjVzfOCPcDrcCQkL4pyAMbzIfAVkMuCf4566aWzA1TXO8ZD3WQ1xcGRVKpckU7GeaqZj6BgM5xQd6DOsGYYz0DTCijGa7tHacupi+QORDjNorrp9gUJdPw2G2WYjWLNUXSeECehOgDjZkw0AWtZ8jX7IFXZL3F31pSD+KgrzaEixEiYdsOBA9yXHdiLcRUzj5wfoaew87kkm8VI9rJcsk6exAR0r4YTdiVKsHsbGC+wwbNDHnq6ZW6Ns14HMmbrFb3xYL3NfBGmvPsEZuw6/Q/5ND65EWe1/foUOrxmIe1alkaWOPXweJku+hyBfKxrVMiuw8ZvNYa//SPMre/9l5oHPEJAbdnUl3fk0N22RJW3aUkSlTReoImgypqyY0ImvLLCShuuSZLltvEJcK4rmo+cV72ThagkwxJhnCeLrRZ6IPvqCLlYg1JkQju+f1VhBsVPnhy7/S7wLOfGg7zQ7Q/S133auc45rUWx+EI2HeuqV2bS40tTBItbvhm3IwB/4gE7cAN3fh4aj5nvzQNuGhz3y7lMLl+QTsZwmPU9uTSZ9hdniqhnlgvYAxyEcT9ahfgTZHHP4fYpDK2fYXzoe7/ppR8H3eQNBMl+eZzKmnqpx6XqUZflJcXTd+sX0we3ZMnGGyCwHIb3y8Z5EZ+A4kCfO1oZCwg6A6NrG3vEULOtRJC9WpBOpjiRXOSE4BYYPaG5AEyWHOdJ8wzSitfJ9AXSrO2yV2ZxyG9Api2SmXKfHXAwwxb9jMpyuvrtI14lNZ9r7ScnnukwlaP9A07sANSjEZPM6ONBbmLUOy5kptVyftV0DNOyui460cNfQCGumg4BP8CJgknW5C87cJq7BXjHs/FozBX14eot/95B93+LYEXxEqY1aM/AibcA5eZlBz7lSQQKPbRY38XC8nqpwTFGy+s7qfq3IQoElTued/ki8CucWK9c6Oh0g3FtB4qPm+q7yK/xFug1OJXczTjl90uy5Gf5gAiKg7wwL9lEO/JSp9Ixq7nfsUGJOPuqhQMcIOd4ci/u6yVzFJCsT6Y3izLl3R/CZ3coDqDDUaLUA6m4vxvuzKGU+cI3WcXM+/dkXUUVN6rFNX/yfaxNtQIn6jF+g5n5+BSNd+XQQrP2I8Qy06HNeLo/K81WAh3reLMbYU95eiOqCgQjjz8G+PKgPrwPDyOVWlCSz4S4iKleuYB2ooAJE99Oj8H4J4IR4QAz4QSXSzXAVh4H8UektttJVW2D1Hkln3kqJnHx8Sj+F+zGkRekqoUoBx1Xw8flhVEOiEk48gz67wDKFelHDjf1u4jve64bely+iGooAW9JUZqZ7stOpG0o3aQynFVygJfDuJ0HuglOXAd8COAgIikYDIYueXyhTqdXaQMYa5ATvErAotuoliAUFAI1wF+AHmqHUAWQrqVP5sX8BLKQ3IfSQoxXAfzEMvjJHQH4X8wvQAuOWnng0P9f+g8mO0+PDltmygAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; -webkit-transform: scale(1.5); transform: scale(1.5); width: 15px!important; height: 15px!important; } .index-carousel .el-carousel__indicator.is-active:hover .el-carousel__button { border: none; -webkit-transform: scale(1.5); transform: scale(1.5); background-color: transparent; } .live-hover { width: 100%; height: 100%; position: absolute; top: 0; z-index: 9999; background-size: 100% 100%; } .report-box[data-v-233265f0] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: #9e9e9e7a; } .modal[data-v-233265f0]{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: white; height: 560px; width: 500px; } .modal .header[data-v-233265f0] { position: relative; width: 100%; z-index: 100000; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e9ef; font-size: 16px; text-align: center; } .modal .header .close[data-v-233265f0] { position: absolute; display: inline-block; right: 20px; cursor: pointer; } .modal .wrap[data-v-233265f0] { width: 100%; position: relative; height: 428px; overflow: auto; } .modal .container[data-v-233265f0] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px; } .modal .container .question[data-v-233265f0] { font-size: 14px; color: #222; margin-bottom: 18px; } .modal .container .question span[data-v-233265f0] { color: #e62d26; } .modal .container .options .option-error[data-v-233265f0], .modal .container .options[data-v-233265f0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .modal .container .option[data-v-233265f0]{ cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; font-size: 14px; margin-bottom: 14px; } .modal .container .textarea[data-v-233265f0] { margin-bottom: 30px; } .modal .container .img-list[data-v-233265f0] { margin-bottom: 10px; position: relative; display: inline-block; } .modal .container .img-list span[data-v-233265f0] { position: absolute; right: 10px; top: 10px; background: #eee; } .modal .container .textarea .memo[data-v-233265f0] { font-size: 14px; margin-bottom: 10px; } .modal .container .textarea .textarea-warp[data-v-233265f0] { width: 100%; position: relative; } .modal .container .textarea .textarea-warp textarea[data-v-233265f0] { overflow: auto; resize: none; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; height: 108px; font-size: 14px; outline: none; } .modal .container .textarea .textarea-warp .limit[data-v-233265f0] { color: #99a2aa; font-size: 12px; bottom: 11px; right: 5px; position: absolute; } .modal .container .upload-area .img-list[data-v-233265f0] { width: 100%; } .modal .container .upload-area[data-v-233265f0] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 10px; } .modal .container .upload-area .add-img[data-v-233265f0] { display: inline-block; position: relative; height: 60px; line-height: 60px; width: 60px; } .modal .container .upload-area .add-img .img-wrap[data-v-233265f0] { border-radius: 4px; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 60px; border: 1px dashed #ccd0d7; cursor: pointer; } .modal .container .upload-area .add-img .img-wrap img[data-v-233265f0] { width: 22px; height: 22px; } .modal .container .upload-area .img-file[data-v-233265f0] { cursor: pointer; z-index: 10000; position: absolute; opacity: 0; top: 0; left: 0; vertical-align: middle; width: 60px; height: 60px; margin-right: 10px; } .modal .img-text[data-v-233265f0] { font-size: 12px; color: #99a2aa; text-align: left; } .modal .complaint.submit[data-v-233265f0] { position: relative; width: 100%; background-color: #fff; border-top: 1px solid #e5e9ef; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -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; text-align: center; } .modal .complaint.submit .cancel[data-v-233265f0] { cursor: pointer; font-size: 14px; width: 140px; background: #fff; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; color: #6d757a; border-radius: 4px; border: 1px solid #ccd0d7; } .modal .complaint.submit .confirm[data-v-233265f0] { cursor: pointer; font-size: 14px; width: 140px; margin-right: 24px; background: #00a1d6; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; } .urlInput[data-v-233265f0] { padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; font-size: 14px; outline: none; } .international-footer[data-v-39cda4ca] { font-size: 12px; position: relative; margin: 0; background-color: #fcfcfc; padding: 30px 0; min-width: 999px; } .international-footer *[data-v-39cda4ca] { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .international-footer .i-footer-wrap[data-v-39cda4ca] { max-width: 1630px; min-width: 999px; margin: 0 auto; } .international-footer .link-box[data-v-39cda4ca] { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .international-footer .link-box .footer_left[data-v-39cda4ca] { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .international-footer .link-box .link-item[data-v-39cda4ca] { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding-right: 40px; margin-right: 40px; border-right: 1px solid #eee; } .international-footer .link-box .link-item .bt[data-v-39cda4ca] { font-size: 16px; color: #999; display: block; height: 20px; margin-bottom: 20px; } .international-footer .link-box .link-item ul[data-v-39cda4ca] { height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .international-footer .link-box .link-item ul a[data-v-39cda4ca] { display: inline-block; margin-bottom: 10px; width: 50%; height: 20px; cursor: pointer; } .international-footer .link-box .link-item.link-b[data-v-39cda4ca] { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .international-footer .link-box .link-item.link-b ul[data-v-39cda4ca] { height: 120px; } .international-footer .link-box .link-item.link-b ul a[data-v-39cda4ca] { width: 33.3333%; } .international-footer .link-box .footer_right[data-v-39cda4ca] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .international-footer .link-box .link-item.link-c[data-v-39cda4ca] { padding-right: 0; border-right: none; margin-right: 0; 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; } .international-footer .link-box .link-item.link-c .a-wraper[data-v-39cda4ca] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .international-footer .link-box .link-item.link-c a[data-v-39cda4ca] { position: relative; display: inline-block; text-align: center; color: #212121; } .international-footer .link-box .link-item.link-c .iiucasapp[data-v-39cda4ca] { color: #585f69; } .international-footer .link-box .link-item.link-c .i-footer-font[data-v-39cda4ca] { font-size: 50px; } .international-footer .link-box .link-item.link-c p[data-v-39cda4ca] { margin-top: 10px; color: #212121; height: 20px; -webkit-transition: color 0.2s; transition: color 0.2s; } .international-footer .link-box .link-item.link-c a .qrcode[data-v-39cda4ca] { display: none; position: absolute; top: -125px; left: -25px; width: 117px; height: 117px; background: #fff; border: 1px solid #eee; padding: 10px; background-repeat: no-repeat; background-position: center; } .international-footer .link-box .link-item.link-c a.iapp .qrcode[data-v-39cda4ca] { background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/iapp_qrcode.png); } .international-footer .link-box .link-item.link-c .weibo[data-v-39cda4ca] { color: #fe596c; } .international-footer .link-box .link-item.link-c a.weibo .qrcode[data-v-39cda4ca] { background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/weibo_qrcode.png); } .international-footer .link-box .link-item.link-c .weixin[data-v-39cda4ca] { color: #42c86b; } .international-footer .link-box .link-item.link-c a.weixin .qrcode[data-v-39cda4ca] { width: 241px; left: -185px; height: 143px; top: -151px; background-image: url(//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/weixin_qrcode.gif); } .international-footer .partner[data-v-39cda4ca] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px; color: #999; } .international-footer .partner .text-con[data-v-39cda4ca] { width: calc(100% - 120px); margin: auto; } .international-footer .partner p[data-v-39cda4ca] { line-height: 24px; } .international-footer .partner .text-con img[data-v-39cda4ca] { width: 18px; } .international-footer .partner .text-con span[data-v-39cda4ca] { margin-right: 15px; display: inline-block; } .international-footer .partner a[data-v-39cda4ca] { color: #999; } .icon-weixin-copy[data-v-39cda4ca], .icon-weibo-copy[data-v-39cda4ca], .icon-xiazai[data-v-39cda4ca] { font-size: 50px; } @media screen and (max-width: 1870px){ .i-footer-wrap[data-v-39cda4ca] { width: 1414px; } } @media screen and (max-width: 1654px){ .i-footer-wrap[data-v-39cda4ca] { width: 1198px; } } @media screen and (max-width: 1438px){ .i-footer-wrap[data-v-39cda4ca]{ width: 999px; } } @media screen and (max-width: 1000px){ .i-footer-wrap[data-v-39cda4ca] { width: 98%; } } .login-box[data-v-2f9758db] { position: relative; width: 980px; min-height: 325px; margin: 0 auto; padding-top: 20px; } .form-group[data-v-2f9758db] { width: 300px; min-height: 40px; margin: 0 auto; } .message[data-v-2f9758db] { font-size: 12px; color: #4a4a4a; letter-spacing: 0; line-height: 22px; margin-bottom: 7px; } .text[data-v-2f9758db] { width: 300px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dfdfdf; border-radius: 4px; padding: 0 12px; } .form-group .form-message[data-v-2f9758db] { min-height: 30px; line-height: 30px; } .text-error[data-v-2f9758db] { font-size: 14px; color: #e40c0c; line-height: 30px; min-height: 30px; } .btn-default[data-v-2f9758db], .btn-default-mobile[data-v-2f9758db], .btn-primary[data-v-2f9758db] { min-height: 40px; min-width: 88px; text-align: center; line-height: 38px; font-size: 14px; cursor: pointer; border-radius: 4px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .btn-default[data-v-2f9758db] { border: 1px solid #00a1d7; background: #00a1d7; color: #fff; } .btn-full[data-v-2f9758db] { width: 100%; } .explain[data-v-2f9758db] { margin: 24px auto 0; width: 980px; font-size: 12px; color: #99a2aa; text-align: center; line-height: 16px; } .i-wrapper[data-v-740fcf3e] { width: 90%; margin: auto; } .i-wrapper[data-v-740fcf3e] { width: 1630px; margin: 0 auto; } .sub-nav-m[data-v-740fcf3e] { position: relative; background: #fff; margin: 15px 0 20px; } .clearfix[data-v-740fcf3e] { zoom: 1; } .sub-nav-m ul li[data-v-740fcf3e] { float: left; margin-left: 40px; } .sub-nav-m ul li[data-v-740fcf3e]:first-child { margin-left: 0; } .sub-nav-m ul li a[data-v-740fcf3e] { height: 28px; font-size: 14px; color: #6d757a; line-height: 28px; display: block; position: relative; } .sub-nav-m ul li.on a[data-v-740fcf3e] { color: #00a1d6; } .sub-nav-m .tips[data-v-740fcf3e] { position: absolute; border-radius: 4px; border: 1px solid #ddd; line-height: 30px; padding: 0 10px; background-color: #fff; z-index: 10; display: none; -webkit-transition: all .2s; transition: all .2s; } .new-channel-entry[data-v-740fcf3e] { cursor: pointer; position: fixed; z-index: 101; left: 0; top: calc(50% + 50px); margin-top: -36px; width: 28px; height: 72px; -webkit-transition: all .3s; transition: all .3s; font-size: 12px; color: #505050; background: #fff; border: 1px solid #e7e7e7; -webkit-box-shadow: 0 6px 10px 0 #e7e7e7; box-shadow: 0 6px 10px 0 #e7e7e7; border-radius: 0 2px 2px 0; padding: 8px 7px; line-height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tag-list-wrp[data-v-740fcf3e] { padding-bottom: 40px; } .tag-list-wrp .title[data-v-740fcf3e] { padding: 10px 0 20px; } .tag-list-wrp .title .name[data-v-740fcf3e] { font-size: 18px; line-height: 24px; color: #222; vertical-align: middle; } .tag-list-wrp .title .small[data-v-740fcf3e] { color: #99a2aa; margin-left: 20px; margin-bottom: 2px; display: inline-block; vertical-align: bottom; } .tag-list-cnt[data-v-740fcf3e] { overflow: hidden; -webkit-transition: max-height .5s; transition: max-height .5s; max-height: 68px; position: relative; } .tag-list[data-v-740fcf3e] { overflow: hidden; margin-right: -10px; } .tag-list li.tag-item[data-v-740fcf3e] { display: inline-block; float: left; position: relative; border: 1px solid #e5e9ef; border-radius: 12px; background-color: #fff; height: 22px; margin: 5px 10px 5px 0; cursor: pointer; } .tag-list li.tag-item.on[data-v-740fcf3e] { background-color: #00a1d6!important; color: #fff!important; border-color: #00a1d6!important; } .tag-list li.tag-item .tag-a[data-v-740fcf3e] { display: block; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #222; padding: 0 10px; } .tag-list li.tag-item.on .tag-a[data-v-740fcf3e], .tag-list li.tag-item.on .tag-a[data-v-740fcf3e]:hover { color: #fff; } .i-wrapper .l-con[data-v-740fcf3e] { float: left; width: 900px; } .video-floor-m .dynamic-title[data-v-740fcf3e] { padding-right: 20px; } .video-floor-m .dynamic-title .title[data-v-740fcf3e] { float: left; } .video-floor-m .dynamic-title .title .icon[data-v-740fcf3e] { /*background: url() -84px -1427px no-repeat;*/ font-size: 24px; display: inline-block; vertical-align: bottom; margin-right: 10px; color: #f45a8d; } .video-floor-m .dynamic-title .title .name[data-v-740fcf3e] { font-size: 18px; line-height: 24px; color: #222; vertical-align: middle; } .video-floor-m .dynamic-title .read-push[data-v-740fcf3e] { float: right; cursor: pointer; background-color: #fff; border: 1px solid #ccd0d7; border-radius: 4px; height: 22px; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; } .video-floor-m .dynamic-title .read-push[data-v-740fcf3e]:hover { background-color: #ccd0d7; } .video-floor-m .dynamic-title .read-push .icon_read[data-v-740fcf3e] { display: inline-block; width: 12px; height: 13px; vertical-align: top; -webkit-transition: all .5s; transition: all .5s; margin-top: 5px; background-position: -475px -89px; } .video-floor-m .dynamic-title .read-push:hover .icon_read[data-v-740fcf3e] { -webkit-transform: rotate(1turn); transform: rotate(1turn); } .video-floor-m .dynamic-title .read-push .info[data-v-740fcf3e] { display: inline-block; vertical-align: top; line-height: 22px; margin-left: 5px; } .video-floor-m .storey-box[data-v-740fcf3e] { clear: both; padding: 20px 0 15px; } .video-floor-m .storey-box .v-list[data-v-740fcf3e] { overflow: hidden; height: 168px; } .spread-module[data-v-740fcf3e] { position: relative; width: 160px; height: 148px; font-size: 12px; overflow: hidden; } .video-floor-m .storey-box .spread-module[data-v-740fcf3e] { float: left; margin: 0 20px 20px 0; } .spread-module a[data-v-740fcf3e] { text-decoration: none; } .spread-module .pic[data-v-740fcf3e] { position: relative; width: 160px; height: 100px; display: block; overflow: hidden; text-align: center; border-radius: 4px; } .lazy-img[data-v-740fcf3e] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) 50% no-repeat; width: 100%; height: 100%; display: inline-block; } .lazy-img img[data-v-740fcf3e] { display: block; width: 100%; height: 100%; } .spread-module .pic img[data-v-740fcf3e] { margin: 0 auto; outline: 0; } .spread-module .pic .medal[data-v-740fcf3e] { position: absolute; left: 0; top: 0; width: 40px; height: 24px; pointer-events: none; } .cover-preview-module[data-v-740fcf3e] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; } .cover-preview-module .progress-bar[data-v-740fcf3e] { position: absolute; left: 0; top: 0; width: 100%; height: 10px; border-color: #000; border-style: solid; border-width: 4px 8px; background: #444; -webkit-box-sizing: border-box; box-sizing: border-box; } .cover-preview-module .progress-bar span[data-v-740fcf3e] { display: block; background: #fff; height: 2px; } .spread-module .pic .mask-video[data-v-740fcf3e] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); -webkit-transition: opacity .3s; transition: opacity .3s; } .spread-module:hover .mask-video[data-v-740fcf3e] { opacity: 1; } .danmu-module[data-v-740fcf3e] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; pointer-events: none; } .spread-module .pic .dur[data-v-740fcf3e] { opacity: 0; position: absolute; bottom: 2px; left: 6px; color: #fff; height: 12px; line-height: 12px; padding: 0 5px 1px 0; -webkit-transition: all .3s; transition: all .3s; } .spread-module:hover .dur[data-v-740fcf3e] { opacity: 1; } .watch-later-trigger[data-v-740fcf3e] { display: none; width: 22px; height: 22px; position: absolute; right: 6px; bottom: 4px; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); } .spread-module .pic .w-later[data-v-740fcf3e] { display: none; } .spread-module .pic:hover .w-later[data-v-740fcf3e] { display: block; } .spread-module .t[data-v-740fcf3e] { padding-top: 8px; height: 50px; line-height: 20px; -webkit-transition: all .2s linear; transition: all .2s linear; color: #222; word-wrap: break-word; word-break: break-all; overflow: hidden; text-align: left; } .spread-module a:hover .t[data-v-740fcf3e] { color: #00a1d6; } .spread-module .num[data-v-740fcf3e] { position: absolute; width: 100%; bottom: 0; height: 20px; line-height: 20px; color: #99a2aa; background-color: #fff; -webkit-transition: all .3s; transition: all .3s; font-size: 0; } .spread-module:hover .num[data-v-740fcf3e] { bottom: -20px; } .vd-list-cnt .spread-module .num[data-v-740fcf3e], .vd-list-cnt .spread-module .t[data-v-740fcf3e] { display: none; } .spread-module .num span[data-v-740fcf3e] { line-height: 12px; height: 14px; display: inline-block; width: 50%; overflow: hidden; font-size: 12px; vertical-align: bottom; } .spread-module .num i[data-v-740fcf3e] { display: inline-block; width: 12px; height: 12px; vertical-align: top; margin-right: 5px; } .video-list[data-v-740fcf3e] { padding-right: 20px; margin-bottom: 30px; min-width: 400px; } .video-list .vl-hd[data-v-740fcf3e] { height: 47px; border-bottom: 1px solid #e5e9ef; position: relative; } .video-list .vl-hd .left[data-v-740fcf3e] { float: left; } .video-list .vl-hd .tab-list[data-v-740fcf3e] { display: inline-block; vertical-align: middle; } .video-list .vl-hd .tab-list li.on[data-v-740fcf3e] { color: #00a1d6; } .video-list .vl-hd .tab-list a[data-v-740fcf3e] { display: inline-block; } .video-list .vl-hd .tab-list li[data-v-740fcf3e] { float: left; height: 48px; line-height: 48px; margin-right: 20px; cursor: pointer; color: #222; text-align: center; font-size: 14px; } .video-list .vl-hd .order-tab li.on[data-v-740fcf3e] { color: #00a1d6; height: 46px; border-bottom: 2px solid #00a1d6; } .video-list .vl-hd .right[data-v-740fcf3e] { float: right; padding: 8px 0; } .video-list .vl-hd .type-tab li[data-v-740fcf3e] { padding: 0; margin-left: 0; height: 20px; line-height: 20px; -webkit-transition: .2s; transition: .2s; -webkit-transition-property: border,color; transition-property: border,color; border-radius: 4px; font-size: 12px; } .video-list .vl-hd .type-tab li.all[data-v-740fcf3e] { margin: 0; } .video-list .vl-hd .type-tab li.on[data-v-740fcf3e] { color: #00a1d6; } .video-list .vl-hd .type-tab li.origin[data-v-740fcf3e] { margin-left: 16px; margin-right: 0; } .video-list .vl-hd .s-line[data-v-740fcf3e] { display: inline-block; border-left: 1px solid #e5e9ef; height: 12px; line-height: 12px; margin-top: 11px; vertical-align: top; margin-left: 15px; margin-right: 5px; } .video-list .vl-hd .display-tab li[data-v-740fcf3e] { height: 32px; line-height: 32px; padding: 0; /*background: url() no-repeat;*/ width: 34px; border-radius: 0; margin: 0; -webkit-transition: none; transition: none; } .vd-list-cnt[data-v-740fcf3e] { clear: both; overflow: hidden; } .mod-1 li[data-v-740fcf3e] { padding-top: 20px; clear: both; } .mod-1 .l[data-v-740fcf3e] { float: left; margin-right: 20px; } .mod-1 .l .spread-module[data-v-740fcf3e] { height: 100px; } .mod-1 .r[data-v-740fcf3e] { float: left; position: relative; width: 700px; border-bottom: 1px solid #e5e9ef; padding-bottom: 20px; } .mod-1 .r .title[data-v-740fcf3e] { text-overflow: ellipsis; height: 20px; line-height: 16px; font-size: 14px; white-space: nowrap; margin-right: 220px; max-height: 40px; display: block; overflow: hidden; color: #222; word-wrap: break-word; word-break: break-all; } .mod-1 .r .v-desc[data-v-740fcf3e] { color: #99a2aa; word-wrap: break-word; word-break: break-all; margin-bottom: 14px; overflow: hidden; line-height: 20px; height: 40px; clear: both; } .mod-1 .r .v-info[data-v-740fcf3e] { line-height: 12px; } .mod-1 .r .v-info .v-info-i[data-v-740fcf3e] { color: #99a2aa; float: left; width: 70px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-1 .r .v-info .v-info-i i[data-v-740fcf3e] { vertical-align: top; margin-right: 5px; } .mod-1 .r .up-info[data-v-740fcf3e] { position: absolute; right: 0; top: 0; line-height: 12px; height: 16px; } .mod-1 .r .up-info .v-author[data-v-740fcf3e] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .mod-1 .r .up-info .v-date[data-v-740fcf3e] { display: inline-block; vertical-align: top; color: #b8c0cc; border-left: 1px solid #ddd; padding-left: 10px; margin-left: 10px; } .mod-2[data-v-740fcf3e] { margin-right: -42px; } .mod-2 li[data-v-740fcf3e] { /*float: left;*/ width: 50%; border-bottom: 1px solid #e5e9ef; display: inline-block; } .mod-2 li .l-item[data-v-740fcf3e] { height: 133px; padding: 20px 20px 20px 0; margin-right: 20px; border-right: 1px solid #e5e9ef; display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-2 li .l[data-v-740fcf3e] { float: left; height: 100px; margin-right: 20px; padding-top: 0; } .mod-2 li .r[data-v-740fcf3e] { float: left; width: 240px; } .mod-2 li .r .title[data-v-740fcf3e] { max-height: 40px; line-height: 20px; display: block; overflow: hidden; color: #222; font-size: 12px; word-wrap: break-word; word-break: break-all; height: 20px; } .mod-2 li .r .v-desc[data-v-740fcf3e] { color: #99a2aa; word-wrap: break-word; word-break: break-all; margin-top: 14px; margin-bottom: 14px; overflow: hidden; line-height: 20px; height: 40px; clear: both; } .mod-2 li .r .v-info[data-v-740fcf3e] { float: right; } .mod-2 li .r .v-info .v-info-i[data-v-740fcf3e] { color: #99a2aa; float: left; width: 70px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-2 li .r .v-info .v-info-i i[data-v-740fcf3e] { vertical-align: bottom; margin-right: 5px; } .mod-2 li .r .up-info[data-v-740fcf3e] { float: left; line-height: 12px; } .mod-2 li .r .up-info .v-author[data-v-740fcf3e] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .mod-3[data-v-740fcf3e] { margin-right: -20px; } .mod-3 li[data-v-740fcf3e] { float: left; padding-top: 20px; padding-right: 20px; } .mod-3 .l-item[data-v-740fcf3e] { height: 212px; width: 160px; border: 1px solid #e5e9ef; border-radius: 4px; overflow: hidden; } .mod-3 .l .spread-module[data-v-740fcf3e] { height: 100px; margin: -1px 0 6px -1px; } .mod-3 .r[data-v-740fcf3e] { float: none; padding: 0 10px; } .mod-3 .r .title[data-v-740fcf3e] { display: inline-block; height: 40px; line-height: 20px; overflow: hidden; color: #222; font-size: 12px; word-wrap: break-word; word-break: break-all; } .mod-3 .r .v-info[data-v-740fcf3e] { line-height: 12px; padding-top: 12px; } .mod-3 .r .v-info .v-info-i[data-v-740fcf3e] { color: #99a2aa; display: inline-block; width: 67px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-3 .r .v-info .v-info-i i[data-v-740fcf3e] { vertical-align: top; margin-right: 5px; } .mod-3 .r .up-info[data-v-740fcf3e] { margin-top: 12px; } .mod-3 .r .up-info .v-author[data-v-740fcf3e] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .pager[data-v-740fcf3e] { overflow: hidden; line-height: 40px; margin: 0 0 5px; display: block; width: 100%; } .vd-list-cnt .pagination[data-v-740fcf3e] { margin-top: 20px; text-align: center; } .i-wrapper .r-con[data-v-740fcf3e] { width: 260px; float: right; } .sec-rank[data-v-740fcf3e] { overflow: hidden; } .sec-rank .rank-head[data-v-740fcf3e] { height: 24px; line-height: 24px; } .sec-rank .rank-head h3[data-v-740fcf3e] { float: left; font-size: 18px; font-weight: 400; } .sec-rank .rank-list-wrap[data-v-740fcf3e] { width: 200%; overflow: hidden; zoom: 1; -webkit-transition: all .2s linear; transition: all .2s linear; } .sec-rank .rank-list-wrap .rank-list[data-v-740fcf3e] { padding-bottom: 15px; width: 50%; float: left; padding-top: 20px; position: relative; } .rank-list .rank-item[data-v-740fcf3e] { position: relative; padding-left: 25px; margin-top: 20px; overflow: hidden; } .rank-list .rank-item.first[data-v-740fcf3e] { margin-top: 0; margin-bottom: 15px; } .sec-rank .rank-list-wrap .rank-list .rank-item[data-v-740fcf3e] { overflow: visible; } .rank-list .rank-item .ri-num[data-v-740fcf3e] { position: absolute; color: #fff; height: 18px; line-height: 18px; top: 0; left: 0; font-size: 12px; min-width: 12px; text-align: center; background-color: #b8c0cc; border-radius: 4px; padding: 0 3px; font-weight: bolder; font-style: normal; } .rank-list .rank-item.highlight .ri-num[data-v-740fcf3e] { background: #f25d8e; } .rank-list .rank-item .ri-info-wrap[data-v-740fcf3e] { position: relative; display: block; cursor: pointer; } .rank-list .rank-item .ri-preview[data-v-740fcf3e] { margin-right: 5px; width: 80px; height: 50px; float: left; display: none; border-radius: 4px; overflow: hidden; } .rank-list .rank-item.show-detail .ri-preview[data-v-740fcf3e] { display: block; } .sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-preview[data-v-740fcf3e] { display: none; } .sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-preview[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-preview[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-preview[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-preview[data-v-740fcf3e] { display: block; } .rank-list .rank-item .ri-detail[data-v-740fcf3e] { float: left; } .rank-list .rank-item .ri-detail .ri-title[data-v-740fcf3e] { line-height: 18px; height: 18px; overflow: hidden; color: #222; } .rank-list .rank-item:hover .ri-title[data-v-740fcf3e] { color: #00a1d6; } .rank-list .rank-item.show-detail .ri-detail .ri-title[data-v-740fcf3e] { height: 52px; line-height: 18px; margin-top: -3px; width: 150px; padding: 0; } .sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-title[data-v-740fcf3e] { width: 100%; height: auto; } .sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-title[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-title[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-title[data-v-740fcf3e], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-title[data-v-740fcf3e] { width: 150px; height: 52px; } .sec-rank .rank-list-wrap .rank-list .rank-item.show-detail .ri-detail .ri-title[data-v-740fcf3e] { margin-top: 0; } .rank-list .rank-item .ri-info-wrap .w-later[data-v-740fcf3e] { right: 160px; } .rank-list .rank-item .ri-info-wrap:hover .w-later[data-v-740fcf3e] { display: block; } .go-top-m[data-v-740fcf3e] { bottom: 50px; width: 48px; position: fixed; left: 50%; margin-left: 590px; -webkit-transition: top .3s; transition: top .3s; } .go-top-m .go-top[data-v-740fcf3e] { cursor: pointer; width: 46px; height: 48px; background-color: #f6f9fa; background-position: -648px -72px; background-repeat: no-repeat; border: 1px solid #e5e9ef; overflow: hidden; border-radius: 4px; } @media screen and (max-width: 1870px){ .i-wrapper[data-v-740fcf3e] { width: 1414px; } } @media screen and (max-width: 1654px){ .i-wrapper[data-v-740fcf3e] { width: 1198px; } } @media screen and (max-width: 1438px){ .i-wrapper[data-v-740fcf3e] { width: 999px; } .i-wrapper .l-con[data-v-740fcf3e] { width: 720px; } .mod-1 li .r[data-v-740fcf3e] { width: 520px; } .mod-2 .spread-module[data-v-740fcf3e], .mod-2 .spread-module .pic[data-v-740fcf3e] { width: 114px; height: 70px; } .mod-2 li .r[data-v-740fcf3e] { width: 196px; } .mod-2 li .r .up-info .v-author[data-v-740fcf3e], .mod-2 li .r .v-info .v-info-i[data-v-740fcf3e] { width: 65px; } .go-top-m[data-v-740fcf3e] { margin-left: 500px; } } @media screen and (max-width: 1000px){ .i-wrapper[data-v-740fcf3e] { width: 98%; } } .i-wrapper[data-v-48c78984] { width: 90%; margin: auto; } .i-wrapper[data-v-48c78984] { width: 1630px; margin: 0 auto; } .sub-nav-m[data-v-48c78984] { position: relative; background: #fff; margin: 15px 0 20px; } .clearfix[data-v-48c78984] { zoom: 1; } .sub-nav-m ul li[data-v-48c78984] { float: left; margin-left: 40px; } .sub-nav-m ul li[data-v-48c78984]:first-child { margin-left: 0; } .sub-nav-m ul li a[data-v-48c78984] { height: 28px; font-size: 14px; color: #6d757a; line-height: 28px; display: block; position: relative; } .sub-nav-m ul li.on a[data-v-48c78984] { color: #00a1d6; } .sub-nav-m .tips[data-v-48c78984] { position: absolute; border-radius: 4px; border: 1px solid #ddd; line-height: 30px; padding: 0 10px; background-color: #fff; z-index: 10; display: none; -webkit-transition: all .2s; transition: all .2s; } .new-channel-entry[data-v-48c78984] { cursor: pointer; position: fixed; z-index: 101; left: 0; top: calc(50% + 50px); margin-top: -36px; width: 28px; height: 72px; -webkit-transition: all .3s; transition: all .3s; font-size: 12px; color: #505050; background: #fff; border: 1px solid #e7e7e7; -webkit-box-shadow: 0 6px 10px 0 #e7e7e7; box-shadow: 0 6px 10px 0 #e7e7e7; border-radius: 0 2px 2px 0; padding: 8px 7px; line-height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tag-list-wrp[data-v-48c78984] { padding-bottom: 40px; } .tag-list-wrp .title[data-v-48c78984] { padding: 10px 0 20px; } .tag-list-wrp .title .name[data-v-48c78984] { font-size: 18px; line-height: 24px; color: #222; vertical-align: middle; } .tag-list-wrp .title .small[data-v-48c78984] { color: #99a2aa; margin-left: 20px; margin-bottom: 2px; display: inline-block; vertical-align: bottom; } .tag-list-cnt[data-v-48c78984] { overflow: hidden; -webkit-transition: max-height .5s; transition: max-height .5s; max-height: 68px; position: relative; } .tag-list[data-v-48c78984] { overflow: hidden; margin-right: -10px; } .tag-list li.tag-item[data-v-48c78984] { display: inline-block; float: left; position: relative; border: 1px solid #e5e9ef; border-radius: 12px; background-color: #fff; height: 22px; margin: 5px 10px 5px 0; cursor: pointer; } .tag-list li.tag-item.on[data-v-48c78984] { background-color: #00a1d6!important; color: #fff!important; border-color: #00a1d6!important; } .tag-list li.tag-item .tag-a[data-v-48c78984] { display: block; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #222; padding: 0 10px; } .tag-list li.tag-item.on .tag-a[data-v-48c78984], .tag-list li.tag-item.on .tag-a[data-v-48c78984]:hover { color: #fff; } .i-wrapper .l-con[data-v-48c78984] { float: left; width: 900px; } .video-floor-m .dynamic-title[data-v-48c78984] { padding-right: 20px; } .video-floor-m .dynamic-title .title[data-v-48c78984] { float: left; } .video-floor-m .dynamic-title .title .icon[data-v-48c78984] { /*background: url() -84px -1427px no-repeat;*/ font-size: 24px; display: inline-block; vertical-align: bottom; margin-right: 10px; color: #f45a8d; } .video-floor-m .dynamic-title .title .name[data-v-48c78984] { font-size: 18px; line-height: 24px; color: #222; vertical-align: middle; } .video-floor-m .dynamic-title .read-push[data-v-48c78984] { float: right; cursor: pointer; background-color: #fff; border: 1px solid #ccd0d7; border-radius: 4px; height: 22px; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; } .video-floor-m .dynamic-title .read-push[data-v-48c78984]:hover { background-color: #ccd0d7; } .video-floor-m .dynamic-title .read-push .icon_read[data-v-48c78984] { display: inline-block; width: 12px; height: 13px; vertical-align: top; -webkit-transition: all .5s; transition: all .5s; margin-top: 5px; background-position: -475px -89px; } .video-floor-m .dynamic-title .read-push:hover .icon_read[data-v-48c78984] { -webkit-transform: rotate(1turn); transform: rotate(1turn); } .video-floor-m .dynamic-title .read-push .info[data-v-48c78984] { display: inline-block; vertical-align: top; line-height: 22px; margin-left: 5px; } .video-floor-m .storey-box[data-v-48c78984] { clear: both; padding: 20px 0 15px; } .video-floor-m .storey-box .v-list[data-v-48c78984] { overflow: hidden; height: 168px; } .spread-module[data-v-48c78984] { position: relative; width: 160px; height: 148px; font-size: 12px; overflow: hidden; } .video-floor-m .storey-box .spread-module[data-v-48c78984] { float: left; margin: 0 20px 20px 0; } .spread-module a[data-v-48c78984] { text-decoration: none; } .spread-module .pic[data-v-48c78984] { position: relative; width: 160px; height: 100px; display: block; overflow: hidden; text-align: center; border-radius: 4px; } .lazy-img[data-v-48c78984] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) 50% no-repeat; width: 100%; height: 100%; display: inline-block; } .lazy-img img[data-v-48c78984] { display: block; width: 100%; height: 100%; } .spread-module .pic img[data-v-48c78984] { margin: 0 auto; outline: 0; } .spread-module .pic .medal[data-v-48c78984] { position: absolute; left: 0; top: 0; width: 40px; height: 24px; pointer-events: none; } .cover-preview-module[data-v-48c78984] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; } .cover-preview-module .progress-bar[data-v-48c78984] { position: absolute; left: 0; top: 0; width: 100%; height: 10px; border-color: #000; border-style: solid; border-width: 4px 8px; background: #444; -webkit-box-sizing: border-box; box-sizing: border-box; } .cover-preview-module .progress-bar span[data-v-48c78984] { display: block; background: #fff; height: 2px; } .spread-module .pic .mask-video[data-v-48c78984] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); -webkit-transition: opacity .3s; transition: opacity .3s; } .spread-module:hover .mask-video[data-v-48c78984] { opacity: 1; } .danmu-module[data-v-48c78984] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; pointer-events: none; } .spread-module .pic .dur[data-v-48c78984] { opacity: 0; position: absolute; bottom: 2px; left: 6px; color: #fff; height: 12px; line-height: 12px; padding: 0 5px 1px 0; -webkit-transition: all .3s; transition: all .3s; } .spread-module:hover .dur[data-v-48c78984] { opacity: 1; } .watch-later-trigger[data-v-48c78984] { display: none; width: 22px; height: 22px; position: absolute; right: 6px; bottom: 4px; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); } .spread-module .pic .w-later[data-v-48c78984] { display: none; } .spread-module .pic:hover .w-later[data-v-48c78984] { display: block; } .spread-module .t[data-v-48c78984] { padding-top: 8px; height: 50px; line-height: 20px; -webkit-transition: all .2s linear; transition: all .2s linear; color: #222; word-wrap: break-word; word-break: break-all; overflow: hidden; text-align: left; } .spread-module a:hover .t[data-v-48c78984] { color: #00a1d6; } .spread-module .num[data-v-48c78984] { position: absolute; width: 100%; bottom: 0; height: 20px; line-height: 20px; color: #99a2aa; background-color: #fff; -webkit-transition: all .3s; transition: all .3s; font-size: 0; } .spread-module:hover .num[data-v-48c78984] { bottom: -20px; } .vd-list-cnt .spread-module .num[data-v-48c78984], .vd-list-cnt .spread-module .t[data-v-48c78984] { display: none; } .spread-module .num span[data-v-48c78984] { line-height: 12px; height: 14px; display: inline-block; width: 50%; overflow: hidden; font-size: 12px; vertical-align: bottom; } .spread-module .num i[data-v-48c78984] { display: inline-block; width: 12px; height: 12px; vertical-align: top; margin-right: 5px; } .video-list[data-v-48c78984] { padding-right: 20px; margin-bottom: 30px; min-width: 400px; } .video-list .vl-hd[data-v-48c78984] { height: 47px; border-bottom: 1px solid #e5e9ef; position: relative; } .video-list .vl-hd .left[data-v-48c78984] { float: left; } .video-list .vl-hd .tab-list[data-v-48c78984] { display: inline-block; vertical-align: middle; } .video-list .vl-hd .tab-list li.on[data-v-48c78984] { color: #00a1d6; } .video-list .vl-hd .tab-list a[data-v-48c78984] { display: inline-block; } .video-list .vl-hd .tab-list li[data-v-48c78984] { float: left; height: 48px; line-height: 48px; margin-right: 20px; cursor: pointer; color: #222; text-align: center; font-size: 14px; } .video-list .vl-hd .order-tab li.on[data-v-48c78984] { color: #00a1d6; height: 46px; border-bottom: 2px solid #00a1d6; } .video-list .vl-hd .right[data-v-48c78984] { float: right; padding: 8px 0; } .video-list .vl-hd .type-tab li[data-v-48c78984] { padding: 0; margin-left: 0; height: 20px; line-height: 20px; -webkit-transition: .2s; transition: .2s; -webkit-transition-property: border,color; transition-property: border,color; border-radius: 4px; font-size: 12px; } .video-list .vl-hd .type-tab li.all[data-v-48c78984] { margin: 0; } .video-list .vl-hd .type-tab li.on[data-v-48c78984] { color: #00a1d6; } .video-list .vl-hd .type-tab li.origin[data-v-48c78984] { margin-left: 16px; margin-right: 0; } .video-list .vl-hd .s-line[data-v-48c78984] { display: inline-block; border-left: 1px solid #e5e9ef; height: 12px; line-height: 12px; margin-top: 11px; vertical-align: top; margin-left: 15px; margin-right: 5px; } .video-list .vl-hd .display-tab li[data-v-48c78984] { height: 32px; line-height: 32px; padding: 0; /*background: url() no-repeat;*/ width: 34px; border-radius: 0; margin: 0; -webkit-transition: none; transition: none; } .vd-list-cnt[data-v-48c78984] { clear: both; overflow: hidden; } .mod-1 li[data-v-48c78984] { padding-top: 20px; clear: both; } .mod-1 .l[data-v-48c78984] { float: left; margin-right: 20px; } .mod-1 .l .spread-module[data-v-48c78984] { height: 100px; } .mod-1 .r[data-v-48c78984] { float: left; position: relative; width: 700px; border-bottom: 1px solid #e5e9ef; padding-bottom: 20px; } .mod-1 .r .title[data-v-48c78984] { text-overflow: ellipsis; height: 20px; line-height: 16px; font-size: 14px; white-space: nowrap; margin-right: 220px; max-height: 40px; display: block; overflow: hidden; color: #222; word-wrap: break-word; word-break: break-all; } .mod-1 .r .v-desc[data-v-48c78984] { color: #99a2aa; word-wrap: break-word; word-break: break-all; margin-bottom: 14px; overflow: hidden; line-height: 20px; height: 40px; clear: both; } .mod-1 .r .v-info[data-v-48c78984] { line-height: 12px; } .mod-1 .r .v-info .v-info-i[data-v-48c78984] { color: #99a2aa; float: left; width: 70px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-1 .r .v-info .v-info-i i[data-v-48c78984] { vertical-align: top; margin-right: 5px; } .mod-1 .r .up-info[data-v-48c78984] { position: absolute; right: 0; top: 0; line-height: 12px; height: 16px; } .mod-1 .r .up-info .v-author[data-v-48c78984] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .mod-1 .r .up-info .v-date[data-v-48c78984] { display: inline-block; vertical-align: top; color: #b8c0cc; border-left: 1px solid #ddd; padding-left: 10px; margin-left: 10px; } .mod-2[data-v-48c78984] { margin-right: -42px; } .mod-2 li[data-v-48c78984] { /*float: left;*/ width: 50%; border-bottom: 1px solid #e5e9ef; display: inline-block; } .mod-2 li .l-item[data-v-48c78984] { height: 133px; padding: 20px 20px 20px 0; margin-right: 20px; border-right: 1px solid #e5e9ef; display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-2 li .l[data-v-48c78984] { float: left; height: 100px; margin-right: 20px; padding-top: 0; } .mod-2 li .r[data-v-48c78984] { float: left; width: 240px; } .mod-2 li .r .title[data-v-48c78984] { max-height: 40px; line-height: 20px; display: block; overflow: hidden; color: #222; font-size: 12px; word-wrap: break-word; word-break: break-all; height: 20px; } .mod-2 li .r .v-desc[data-v-48c78984] { color: #99a2aa; word-wrap: break-word; word-break: break-all; margin-top: 14px; margin-bottom: 14px; overflow: hidden; line-height: 20px; height: 40px; clear: both; } .mod-2 li .r .v-info[data-v-48c78984] { float: right; } .mod-2 li .r .v-info .v-info-i[data-v-48c78984] { color: #99a2aa; float: left; width: 70px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-2 li .r .v-info .v-info-i i[data-v-48c78984] { vertical-align: bottom; margin-right: 5px; } .mod-2 li .r .up-info[data-v-48c78984] { float: left; line-height: 12px; } .mod-2 li .r .up-info .v-author[data-v-48c78984] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .mod-3[data-v-48c78984] { margin-right: -20px; } .mod-3 li[data-v-48c78984] { float: left; padding-top: 20px; padding-right: 20px; } .mod-3 .l-item[data-v-48c78984] { height: 212px; width: 160px; border: 1px solid #e5e9ef; border-radius: 4px; overflow: hidden; } .mod-3 .l .spread-module[data-v-48c78984] { height: 100px; margin: -1px 0 6px -1px; } .mod-3 .r[data-v-48c78984] { float: none; padding: 0 10px; } .mod-3 .r .title[data-v-48c78984] { display: inline-block; height: 40px; line-height: 20px; overflow: hidden; color: #222; font-size: 12px; word-wrap: break-word; word-break: break-all; } .mod-3 .r .v-info[data-v-48c78984] { line-height: 12px; padding-top: 12px; } .mod-3 .r .v-info .v-info-i[data-v-48c78984] { color: #99a2aa; display: inline-block; width: 67px; height: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-3 .r .v-info .v-info-i i[data-v-48c78984] { vertical-align: top; margin-right: 5px; } .mod-3 .r .up-info[data-v-48c78984] { margin-top: 12px; } .mod-3 .r .up-info .v-author[data-v-48c78984] { display: inline-block; vertical-align: top; color: #99a2aa; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; } .pager[data-v-48c78984] { overflow: hidden; line-height: 40px; margin: 0 0 5px; display: block; width: 100%; } .vd-list-cnt .pagination[data-v-48c78984] { margin-top: 20px; text-align: center; } .i-wrapper .r-con[data-v-48c78984] { width: 260px; float: right; } .sec-rank[data-v-48c78984] { overflow: hidden; } .sec-rank .rank-head[data-v-48c78984] { height: 24px; line-height: 24px; } .sec-rank .rank-head h3[data-v-48c78984] { float: left; font-size: 18px; font-weight: 400; } .sec-rank .rank-list-wrap[data-v-48c78984] { width: 200%; overflow: hidden; zoom: 1; -webkit-transition: all .2s linear; transition: all .2s linear; } .sec-rank .rank-list-wrap .rank-list[data-v-48c78984] { padding-bottom: 15px; width: 50%; float: left; padding-top: 20px; position: relative; } .rank-list .rank-item[data-v-48c78984] { position: relative; padding-left: 25px; margin-top: 20px; overflow: hidden; } .rank-list .rank-item.first[data-v-48c78984] { margin-top: 0; margin-bottom: 15px; } .sec-rank .rank-list-wrap .rank-list .rank-item[data-v-48c78984] { overflow: visible; } .rank-list .rank-item .ri-num[data-v-48c78984] { position: absolute; color: #fff; height: 18px; line-height: 18px; top: 0; left: 0; font-size: 12px; min-width: 12px; text-align: center; background-color: #b8c0cc; border-radius: 4px; padding: 0 3px; font-weight: bolder; font-style: normal; } .rank-list .rank-item.highlight .ri-num[data-v-48c78984] { background: #f25d8e; } .rank-list .rank-item .ri-info-wrap[data-v-48c78984] { position: relative; display: block; cursor: pointer; } .rank-list .rank-item .ri-preview[data-v-48c78984] { margin-right: 5px; width: 80px; height: 50px; float: left; display: none; border-radius: 4px; overflow: hidden; } .rank-list .rank-item.show-detail .ri-preview[data-v-48c78984] { display: block; } .sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-preview[data-v-48c78984] { display: none; } .sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-preview[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-preview[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-preview[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-preview[data-v-48c78984] { display: block; } .rank-list .rank-item .ri-detail[data-v-48c78984] { float: left; } .rank-list .rank-item .ri-detail .ri-title[data-v-48c78984] { line-height: 18px; height: 18px; overflow: hidden; color: #222; } .rank-list .rank-item:hover .ri-title[data-v-48c78984] { color: #00a1d6; } .rank-list .rank-item.show-detail .ri-detail .ri-title[data-v-48c78984] { height: 52px; line-height: 18px; margin-top: -3px; width: 150px; padding: 0; } .sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-title[data-v-48c78984] { width: 100%; height: auto; } .sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-title[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-title[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-title[data-v-48c78984], .sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-title[data-v-48c78984] { width: 150px; height: 52px; } .sec-rank .rank-list-wrap .rank-list .rank-item.show-detail .ri-detail .ri-title[data-v-48c78984] { margin-top: 0; } .rank-list .rank-item .ri-info-wrap .w-later[data-v-48c78984] { right: 160px; } .rank-list .rank-item .ri-info-wrap:hover .w-later[data-v-48c78984] { display: block; } .go-top-m[data-v-48c78984] { bottom: 50px; width: 48px; position: fixed; left: 50%; margin-left: 590px; -webkit-transition: top .3s; transition: top .3s; } .go-top-m .go-top[data-v-48c78984] { cursor: pointer; width: 46px; height: 48px; background-color: #f6f9fa; background-position: -648px -72px; background-repeat: no-repeat; border: 1px solid #e5e9ef; overflow: hidden; border-radius: 4px; } @media screen and (max-width: 1870px){ .i-wrapper[data-v-48c78984] { width: 1414px; } } @media screen and (max-width: 1654px){ .i-wrapper[data-v-48c78984] { width: 1198px; } } @media screen and (max-width: 1438px){ .i-wrapper[data-v-48c78984] { width: 999px; } .i-wrapper .l-con[data-v-48c78984] { width: 720px; } .mod-1 li .r[data-v-48c78984] { width: 520px; } .mod-2 .spread-module[data-v-48c78984], .mod-2 .spread-module .pic[data-v-48c78984] { width: 114px; height: 70px; } .mod-2 li .r[data-v-48c78984] { width: 196px; } .mod-2 li .r .up-info .v-author[data-v-48c78984], .mod-2 li .r .v-info .v-info-i[data-v-48c78984] { width: 65px; } .go-top-m[data-v-48c78984] { margin-left: 500px; } } @media screen and (max-width: 1000px){ .i-wrapper[data-v-48c78984] { width: 98%; } } .song-li[data-v-48c78984] { height: 77px; font-size: 12px; margin-top: 11px; margin-bottom: 11px; } .song-li .song-left[data-v-48c78984] { float: left; width: 75px; position: relative; } .song-li .song-left .song-shadow[data-v-48c78984] { width: 68px; height: 68px; margin-left: 5px; background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; } .song-li .song-left .song-img[data-v-48c78984] { position: absolute; top: 5px; left: 0; width: 70px; height: 70px; background-color: #e0e0e0; border-radius: 4px; } .song-li .song-left .song-img span[data-v-48c78984] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .song-li .song-right[data-v-48c78984] { float: right; width: 181px; padding-left: 13px; } .song-li .song-right .song-theme[data-v-48c78984] { color: #222; margin-top: 6px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .song-li .song-right .song-right-title[data-v-48c78984] { color: #222; line-height: 20px; width: 181px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; font-size: 12px; } .song-li .song-right .song-right-bottom[data-v-48c78984] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } .song-li .song-right .song-right-bottom .song-playnum[data-v-48c78984] { color: #99a2aa; line-height: 20px; } .song-li .song-right .song-right-bottom .song-num[data-v-48c78984] { color: #99a2aa; line-height: 20px; margin-left: 40px; } .pager[data-v-48c78984] { overflow: hidden; line-height: 40px; margin: 0 0 5px; display: block; width: 100%; } .creation-header[data-v-6a25dab6] { position: fixed; top: 0; left: 0; right: 0; z-index: 900; min-width: 960px; height: 60px; } .header[data-v-6a25dab6] { height: 60px; 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; padding: 0 100px 0 32px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fcfcfc; -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%); box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%); } .header .left-block[data-v-6a25dab6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .left-block .logo[data-v-6a25dab6] { font-size: 24px; color: #00a1d6; cursor: pointer; font-weight: bold; } .header .left-block .logo img[data-v-6a25dab6] { height: 25px; width: 70px; } .header .left-block .main-site[data-v-6a25dab6] { margin-left: 32px; font-size: 14px; color: #757575!important; } .header .right-block[data-v-6a25dab6] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #757575; } .header .right-block .avatar[data-v-6a25dab6], .header .right-block[data-v-6a25dab6] { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .right-block .avatar[data-v-6a25dab6] { /*margin-left: 40px;*/ cursor: pointer; } .header .right-block .avatar img[data-v-6a25dab6] { width: 28px; height: 28px; border-radius: 50%; background: #ccc; border: 1px solid #f4f4f4; } .tips-calendar_wrap[data-v-6a25dab6] { background: rgba(250,142,87,.1); border: 1px solid rgba(250,142,87,.43); border-radius: 14px; padding: 5px 12px 5px 16px; font-size: 12px; color: #fa8e57; text-align: center; margin-right: 32px; margin-left: 12px; cursor: pointer; } .line-divid[data-v-6a25dab6] { width: 1px; height: 16px; background: #e7e7e7; margin-right: 32px; } .nav-item[data-v-6a25dab6] { float: left; text-align: center; position: relative; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } .header .right-block .message[data-v-6a25dab6] { margin-right: 32px; padding-right: 4px; } .t[data-v-6a25dab6] { color: inherit; height: 100%; display: block; /* padding: 0 11px; */ } .num[data-v-6a25dab6] { min-width: 16px; height: 16px; padding: 0 3px; border-radius: 8px; line-height: 16px; font-size: 12px; text-align: center; color: #fff; position: absolute; top: -7px; right: -10px; /* left: 20px; */ z-index: 30; background-color: #FA5A57; } .i-frame[data-v-6a25dab6] { position: absolute; width: 172px; height: 205px; top: 100% !important; left: calc(50% - 86px) !important; padding-top: 12px; display: none; } .header .right-block .message:hover .i-frame[data-v-6a25dab6]{ display: block; } .i-frame .im-root[data-v-6a25dab6] { background: #FFF; -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%); border-radius: 2px; width: 100%; position: absolute; overflow: hidden; height: 195px; cursor: pointer; color: #212121; font-size: 14px; } .im-list-box[data-v-6a25dab6] { width: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); border-radius: 4px; overflow: hidden; padding: 5px 0; } .im-list[data-v-6a25dab6] { display: block; text-align: left; position: relative; line-height: 35px; height: 35px; padding-left: 15px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .im-list[data-v-6a25dab6]:hover { color: #212121 !important; background-color: #f4f4f4 !important; } .im-notify[data-v-6a25dab6] { position: absolute; background-color: #fa5a57; } .im-notify.im-number[data-v-6a25dab6] { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 16px; height: 16px; padding: 0 2px; border-radius: 4px; line-height: 16px; font-size: 12px; text-align: center; color: #fff; top: 9px; right: 15px; } .el-pop[data-v-6a25dab6] { position: relative; } .header-popover[data-v-6a25dab6] { left: calc(50% - 80px); top: 100%; width: 171px; display: none; } .el-pop:hover .header-popover[data-v-6a25dab6]{ display: block; } .el-pop .link[data-v-6a25dab6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .el-pop .link img[data-v-6a25dab6]{ width: 46px; height: 46px; border: solid 1px #f4f4f4; } .header .right-block .num[data-v-6a25dab6] { top: -2px; right: -8px; } .header .right-block .message a[data-v-6a25dab6] { color: inherit; } .header .el-popover__reference[data-v-6a25dab6] { display: inline-block; } .iconfont[data-v-6a25dab6] { font-size: 18px; } .icon-zhibo[data-v-6a25dab6] { margin-right: 3px; } .icon-right-1-copy[data-v-6a25dab6] { font-size: 12px; } #showUserDetail[data-v-6a25dab6], #showDownload[data-v-6a25dab6] { position: absolute; width: 150px; top: 40px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 9; background: transparent; /*box-shadow: 0 3px 6px rgba(0,0,0,.2)!important;*/ text-align: inherit; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; padding-top: 12px; opacity: 0; visibility: hidden; } #showDownload[data-v-6a25dab6] { width: 171px; } .square[data-v-6a25dab6] { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; position: absolute; /*top: -10px;*/ left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 9; top: 7px; } .vp-container[data-v-6a25dab6] { width: 100%; /*height: 78px;*/ /*display: flex;*/ -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; box-shadow: 0 3px 6px rgba(0,0,0,.2)!important; background-color: white; border-radius: 4px; } #showUserDetail .iconfont[data-v-6a25dab6] { margin-right: 10px; margin-bottom: -2px; font-size: 14px; color: #212121; } #showUserDetail .link[data-v-6a25dab6], #showDownload .link[data-v-6a25dab6] { height: 40px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 27px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; } #showUserDetail .link[data-v-6a25dab6]:hover, #showDownload .link[data-v-6a25dab6]:hover { background: #fafafa; } #showUserDetail .link .title[data-v-6a25dab6] { color: #212121; } #showUserDetail .logout[data-v-6a25dab6] { padding: 9px 0 2px; } #showUserDetail .logout .line[data-v-6a25dab6] { width: 96px; height: 1px; margin: 0 auto; background: #f4f4f4; } .link div[data-v-6a25dab6] { margin-left: 12px; } #showDownload img[data-v-6a25dab6] { width: 40px; } #showDownload .link div p[data-v-6a25dab6]:first-child { font-size: 14px; color: #212121; margin-bottom: 4px; } #showDownload .link div p[data-v-6a25dab6]:last-child { font-size: 13px; color: #999; } .icon-dingdan[data-v-6a25dab6] { font-size: 18px!important; } .index-home[data-v-6c9fec9b] { height: 100%; } .cc-nav-wrp[data-v-6c9fec9b] { position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; border-right: 1px solid #e5e9ef; background: #fff; z-index: 10; height: 100%; overflow: hidden; padding-top: 60px; width: 200px; border-right: 1px solid #f4f4f4; } .cc-nav[data-v-6c9fec9b] { width: 200px; height: 100%; position: relative; } .simple-offset[data-v-6c9fec9b] { position: absolute; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; } .simple-content-wrapper[data-v-6c9fec9b] { direction: inherit; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; position: relative; display: block; width: auto; visibility: visible; max-width: 100%; max-height: 100%; height: auto; overflow: auto; } .cc-nav .nav-upload-btn[data-v-6c9fec9b] { width: 136px; margin: 24px auto 17px; } .cc-nav .nav-upload-btn>a[data-v-6c9fec9b] { display: block; font-size: 16px; color: #fff!important; text-align: center; line-height: 40px; border-radius: 4px; background: #00a1d6; cursor: pointer; } .cc-nav .nav-upload-btn>a[data-v-6c9fec9b]:hover { opacity: 0.9; } .cc-nav-wrp .nav-wrp[data-v-6c9fec9b] { padding-bottom: 35px; font-size: 14px; } .slider-bar .bar-item[data-v-6c9fec9b] { position: relative; display: block; font-size: 16px; line-height: 24px; color: #505050; cursor: pointer; } .bcc-nav-slider-sub-menu__wrap .bcc-nav-slider-sub-menu[data-v-6c9fec9b] { color: #212121; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .slider-bar .bar-item .bcc-nav-slider-sub-menu>span[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu a[data-v-6c9fec9b] { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-bar .bar-item .bcc-nav-slider-item__wrap .router-item[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-item__wrap .router_wrap[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router_wrap[data-v-6c9fec9b] { padding-left: 32px; padding-right: 24px; width: 100%; height: 100%; } .slider-bar .bar-item .bcc-nav-slider-item__wrap .router-item.active[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-item__wrap .router-item.active i[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-item__wrap .router_wrap.active[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-item__wrap .router_wrap.active i[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item.active[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router-item.active i[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router_wrap.active[data-v-6c9fec9b], .slider-bar .bar-item .bcc-nav-slider-sub-menu .router_wrap.active i[data-v-6c9fec9b] { color: #00a1d6; } .slider-bar .bar-item .bcc-nav-slider-item__wrap[data-v-6c9fec9b]:hover, .slider-bar .bar-item .bcc-nav-slider-sub-menu[data-v-6c9fec9b]:hover { background: #fafafa; } .slider-bar .menu-icon[data-v-6c9fec9b] { margin-right: 20px; font-size: 20px; color: #757575; } .slider-bar .menu-title[data-v-6c9fec9b] { width: 90px; display: inline-block; position: relative; font-size: 14px; } .bcc-nav-slider-sub-menu__wrap .bcc-nav-slider-sub-menu__group[data-v-6c9fec9b] { color: #757575; } .bcc-nav-slider-item__wrap[data-v-6c9fec9b] { cursor: pointer; } .bcc-nav-slider-item__wrap.is-active[data-v-6c9fec9b] { color: #00a1d6; } .bcc-nav-slider-item__wrap .bcc-nav-slider-item__content[data-v-6c9fec9b] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; margin-left: 0; width: 100%; } .slider-bar .bcc-nav-slider-sub-menu__group .router-item[data-v-6c9fec9b], .slider-bar .bcc-nav-slider-sub-menu__group a[data-v-6c9fec9b] { font-size: 14px; text-align: left; line-height: 18px; color: #757575; padding-left: 72px!important; width: 100%; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-bar .nav-cut-off-line[data-v-6c9fec9b] { background: #f4f4f4; width: 136px; height: 1px; margin: 8px auto; } .nav-upload-container[data-v-6c9fec9b] { position: fixed; width: 190px; -webkit-box-shadow: 0 1px 3px 0 #d6d6d6; box-shadow: 0 1px 3px 0 #d6d6d6; border-radius: 4px; padding: 8px 0; background: #fff; z-index: 100; top: 0; left: 194px!important; } .nav-upload-container .nav-upload-item[data-v-6c9fec9b] { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 16px; } .nav-upload-container .nav-upload-item>i[data-v-6c9fec9b] { font-size: 21.5px; width: 32px; height: 32px; display: inline-block; text-align: center; margin-right: 12px; } .nav-upload-container .nav-upload-item[data-v-6c9fec9b]:hover { background: #f1f3f7; } .nav-upload-container .nav-upload-item:hover>i[data-v-6c9fec9b]{ -webkit-transform: scale(1.1); transform: scale(1.1); } .nav-upload-container .nav-upload-item>p[data-v-6c9fec9b] { font-size: 16px; color: #212121; line-height: 20px; position: relative; } .side-utils[data-v-6c9fec9b] { position: fixed; bottom: 140px; right: 0; z-index: 100; } .side-utils .utils-box[data-v-6c9fec9b] { height: 100%; background-color: #fcfcfc; border-radius: 2px 0 0 2px; overflow: hidden; position: relative; z-index: 300; /*border: solid 1px gainsboro;*/ } .side-utils .feedback-container[data-v-6c9fec9b] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; position: static; } .side-utils .feedback-container[data-v-6c9fec9b]:hover { background: #f4f4f4; } .bcc-popover[data-v-6c9fec9b] { width: auto; min-width: 150px; display: inline-block; padding-right: 5px; background-color: transparent; position: absolute; font-size: 14px; right: 50px; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); color: #505050; border-radius: 2px; } .bcc-popover .help-wrap[data-v-6c9fec9b] { background-color: #fff; /*border: 1px solid #e7e7e7;*/ border-radius: 2px; -webkit-box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%); box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%); } .square[data-v-6c9fec9b] { width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid white; border-bottom: 5px solid transparent; border-right: 0 solid transparent; position: absolute; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9; right: 0; top: 50%; margin-left: 0; margin-right: 0; } .help-wrap li[data-v-6c9fec9b] { padding: 10px; } .help-wrap li[data-v-6c9fec9b]:hover { background: #f4f4f4; } .help-wrap li .title[data-v-6c9fec9b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; color: #212121; letter-spacing: 0; text-align: left; line-height: 18px; } .help-wrap li .title>div>span[data-v-6c9fec9b] { margin-left: 8px; } .help-wrap li .content[data-v-6c9fec9b] { margin-top: 10px; font-size: 12px; color: #999; letter-spacing: 0; text-align: left; line-height: 16px; } .side-utils .feedback-container .icon-help[data-v-6c9fec9b] { margin-top: 15px; text-align: center; width: 100%; height: 20px; } .side-utils .feedback-container .item-desc[data-v-6c9fec9b] { font-size: 12px; color: #757575; letter-spacing: 0; text-align: center; line-height: 17px; padding: 20px 10px; padding-top: 10px; word-break: break-all; } .icon-xia[data-v-6c9fec9b] { color: #757575!important; } .icon-boshimao[data-v-6c9fec9b], .icon-shipinguanli1[data-v-6c9fec9b], .icon-shuju[data-v-6c9fec9b] { font-size: 18px!important; } .icon-shouye1[data-v-6c9fec9b], .icon-fensi[data-v-6c9fec9b], .icon-icon-[data-v-6c9fec9b]{ font-weight: bold; } .cc-body[data-v-6586f5a2] { margin-left: 200px; /*min-width: 1124px;*/ /*display: flow-root;*/ min-height: 100%; position: relative; padding: 60px 0 50px 0; background: #fafafa; } .notify-tips[data-v-6586f5a2] { margin: 0 auto; height: 40px; position: relative; letter-spacing: 0; line-height: 18px; /*background: #fffbf0;*/ border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; margin-top: 16px; width: 88%; max-width: 1280px; } .notify-tips .marquee-wrap[data-v-6586f5a2] { height: 100%; position: absolute; text-align: center; overflow: hidden; left: 20px; right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .notify-tips .marquee-wrap .marquee-content[data-v-6586f5a2] { padding: 6px 0; display: block; white-space: nowrap; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; text-align: left; font-size: 14px; /*color: #faab4b;*/ letter-spacing: 0; line-height: 18px; } .notify-tips .marquee-wrap .marquee-content .i-box[data-v-6586f5a2]{ border: solid 1px #fb7299; bottom: 8px; left: 10px; display: inline-block; border-radius: 3px; height: 18px; padding: 0 5px; font-size: 12px; color: #fb7299; margin-right: 5px; min-height: 13px; min-width: 10px; text-align: center; } .notify-tips .marquee-wrap .marquee-content .dian[data-v-6586f5a2]{ display: inline-block; height: 3px; width: 3px; margin: 0 8px; vertical-align: middle; border-radius: 50%; background: #757575; } .notify-tips .right[data-v-6586f5a2]{ position: absolute; right: 24px; height: 14px; top: 12px; cursor: pointer; } .notify-tips .right .more[data-v-6586f5a2] { margin-left: 10px; } .cc-content-body[data-v-6586f5a2] { background: #fafafa; margin: 16px auto; width: 88%; max-width: 1280px; } .cc-content-body .recommend[data-v-6586f5a2] { display: inline-block; position: relative; height: 260px; overflow: hidden; border-radius: 2px; /*min-width: 525px;*/ min-height: 185px; width: 65%; } .carousel-item[data-v-6586f5a2] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; overflow: hidden; } .carousel-item img[data-v-6586f5a2] { width: 100%; height: 100%; } .carousel-item .title[data-v-6586f5a2] { position: absolute; bottom: 10px; left: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 70%; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .carousel-item .title .zhenggao[data-v-6586f5a2] { background: #fb7299; bottom: 8px; left: 10px; display: inline-block; border-radius: 3px; height: 18px; padding: 0 5px; font-size: 12px; color: #fff; margin-right: 5px; min-height: 13px; min-width: 10px; text-align: center; } .notice_box[data-v-6586f5a2] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; width: 34%; } .notice_wrap[data-v-6586f5a2] { padding: 16px 24px; padding-right: 22px; background: #fff; border-radius: 2px; overflow: hidden; } .notice_wrap .notice_title[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .notice_wrap .notice_title .notice-txt[data-v-6586f5a2] { font-size: 16px; color: #212121; letter-spacing: 0; line-height: 20px; } .notice_wrap .notice_title .more a[data-v-6586f5a2] { font-size: 14px; color: #999; letter-spacing: 0; text-align: right; line-height: 18px; } .notice_wrap .notice_body .hot-item[data-v-6586f5a2] { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .notice_wrap .notice_body .hot-item .item-left[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; } .notice_wrap .notice_body .hot-item .item-left .point-circle[data-v-6586f5a2] { width: 6px; height: 6px; background: #e7e7e7; border-radius: 50%; display: block; } .notice_wrap .notice_body .hot-item .item-left p[data-v-6586f5a2] { margin-left: 8px; font-size: 14px; color: #212121; letter-spacing: 0; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .notice_wrap .notice_body .hot-item .item-left .notice-tag[data-v-6586f5a2] { display: block; margin-left: 11px; font-size: 8px; letter-spacing: 0; text-align: left; line-height: 10px; width: 25px; height: 12px; /*color: #fff;*/ border-radius: 2px; } .notice_wrap .notice_body .hot-item .item-right[data-v-6586f5a2] { font-size: 12px; color: #757575; letter-spacing: 0; text-align: right; line-height: 16px; white-space: nowrap; margin-left: 5px; } .notice_banner[data-v-6586f5a2] { margin-top: 16px; display: block; } .notice_banner .img-wrap[data-v-6586f5a2] { height: 100%; width: 100%; } .notice_banner .img-wrap img[data-v-6586f5a2] { height: 100%; } .data-card[data-v-6586f5a2] { background: #fff; border-radius: 2px; margin-top: 16px; padding: 24px; } .data-wrp[data-v-6586f5a2] { display: flow-root; } .data-card .tab.header[data-v-6586f5a2] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .data-card .tab.header .left-block[data-v-6586f5a2], .data-card .tab.header[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .data-card .tab.header .left-block[data-v-6586f5a2] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .data-card .tab .data-tab[data-v-6586f5a2] { display: inline-block; position: relative; line-height: 20px; margin-right: 24px; font-size: 16px; color: #212121; cursor: pointer; } .data-card .tab .data-tab[data-v-6586f5a2]:first-child { margin-right: 35px; } .data-card .tab .data-tab.current[data-v-6586f5a2] { color: #00a1d6; font-weight: 700; } .data-card .tab.header .left-block .electro[data-v-6586f5a2] { font-size: 16px; color: #36b48c; border-left: 1px solid #e7e7e7; height: 12px; line-height: 12px; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .data-card .tab.header .left-block .electro a[data-v-6586f5a2] { cursor: pointer; color: inherit; } .data-card .tab.header .link[data-v-6586f5a2] { font-size: 14px; color: #999; cursor: pointer; } .data-card .section[data-v-6586f5a2] { margin-top: 24px; display: grid; } .bcc-row[data-v-6586f5a2] { position: relative; display: block; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; margin-top: 8px; } .bcc-col[data-v-6586f5a2] { position: relative; display: block; min-height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .bcc-col-8[data-v-6586f5a2] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .section-item[data-v-6586f5a2] { vertical-align: middle; background: rgba(0,161,214,.03); border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px 12.5%; padding-top: 12px; border: 1px solid transparent; } .section-item.link[data-v-6586f5a2] { cursor: pointer; } .section-item .data-name[data-v-6586f5a2] { font-size: 12px; color: #757575; line-height: 16px; } .section-item .text-content[data-v-6586f5a2] { position: relative; margin-top: 6px; margin-bottom: 8px; line-height: 22px; font-weight: 600; font-size: 22px; color: #00a1d6; letter-spacing: .5px; } .section-item .diff-wrp[data-v-6586f5a2] { white-space: nowrap; color: #757575; font-size: 14px; line-height: 18px; } .section-item .diff-wrp[data-v-6586f5a2] { white-space: nowrap; color: #757575; font-size: 14px; line-height: 18px; } .section-item .diff-wrp .no-improve[data-v-6586f5a2] { color: #00a1d6; font-size: 14px; margin-left: 2px; line-height: 16px; } .interact-ill-wrap[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; margin-left: 0!important; margin-right: 0!important; } .interact-wrap[data-v-6586f5a2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 214px; padding: 24px 24px 16px 24px!important; margin-right: 16px; border-radius: 2px; background: #fff; width: 100%; } .interact-wrap[data-v-6586f5a2], .interact-wrap .header[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .interact-wrap.nomargin[data-v-6586f5a2] { margin-right: 0; } .interact-wrap .header[data-v-6586f5a2] { width: 100%; height: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .interact-wrap .header .tabs .tabs__header .tabs__header-item[data-v-6586f5a2] { font-size: 16px; color: #212121; margin-right: 32px; } .interact-wrap .header .link[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #999; } .interact-wrap .content[data-v-6586f5a2] { margin-top: 24px; } .comment-wrap[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .comment-item[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; word-break: break-all; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 16px; } .comment-item .left-block[data-v-6586f5a2] { margin-right: 12px; } .comment-item .left-block img[data-v-6586f5a2] { width: 28px; height: 28px; border-radius: 50%; } .comment-item .right-block[data-v-6586f5a2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 20px; width: calc(100% - 40px); } .comment-item .right-block .replier-time[data-v-6586f5a2], .comment-item .right-block[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-item .right-block .replier-time[data-v-6586f5a2] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: #757575; } .comment-item .right-block .replier-time .replier[data-v-6586f5a2] { max-width: calc(100% - 100px); height: 17px; line-height: 17px; color: #505050; margin-right: 8px; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; } .comment-item .right-block .replier-time .pointer[data-v-6586f5a2] { margin-right: 8px; display: inline-block; height: 3px; width: 3px; border-radius: 50%; background: #757575; } .comment-item .right-block .replier-time .time[data-v-6586f5a2] { width: 80px; } .comment-item .right-block .reply-content[data-v-6586f5a2] { height: 18px; line-height: 18px; font-size: 14px; color: #212121; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; } .comment-item .right-block .like-reply[data-v-6586f5a2] { position: relative; margin-top: 18px; line-height: 18px; } .comment-item .right-block .like-reply .like[data-v-6586f5a2], .comment-item .right-block .like-reply[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment-item .right-block .like-reply .like[data-v-6586f5a2], .comment-item .right-block .like-reply[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment-item .right-block .like-reply .like[data-v-6586f5a2] { font-size: 14px; margin-right: 32px; color: #505050; cursor: pointer; } .comment-item .right-block .like-reply .like i[data-v-6586f5a2], .comment-item .right-block .like-reply .reply i[data-v-6586f5a2] { margin-right: 8px; font-size: 16px; } .comment-item .right-block .like-reply .reply[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #505050; cursor: pointer; } .comment-item .right-block .origin[data-v-6586f5a2] { margin-top: 16px; border-top: 1px solid #f4f4f4; padding-top: 16px; } .comment-item .right-block .origin .comment-origin[data-v-6586f5a2] { height: 16px; line-height: 16px; font-size: 12px; color: #757575; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; } .comment-item .right-block .origin .comment-origin a[data-v-6586f5a2] { color: #757575; } .academy-wrap[data-v-6586f5a2] { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px!important; margin-top: 16px; border-radius: 2px; background: #fff; } .academy-wrap[data-v-6586f5a2], .academy-wrap .header[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .academy-wrap .header[data-v-6586f5a2] { width: 100%; height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .academy-wrap .header .academy-tag[data-v-6586f5a2] { font-size: 16px; color: #212121; } .academy-wrap .header .academy-tag span[data-v-6586f5a2] { display: inline-block; height: 3px; width: 3px; margin: 0 8px; vertical-align: middle; border-radius: 50%; background: #757575; } .academy-wrap .header .link[data-v-6586f5a2], .material-wrp .header .link[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #999; } .academy-wrap .content[data-v-6586f5a2], .material-wrp .content[data-v-6586f5a2] { margin-top: 10px; } .tabs[data-v-6586f5a2] { display: inline-block; } .clearfix[data-v-6586f5a2]:after, .clearfix[data-v-6586f5a2]:before, .bcc-row[data-v-6586f5a2]:after, .bcc-row[data-v-6586f5a2]:before { content: " "; display: table; } .academy-wrap .content .tabs[data-v-6586f5a2], .material-wrp .content .tabs[data-v-6586f5a2] { width: 100%; } .tabs .tabs__header[data-v-6586f5a2] { list-style: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; padding-left: 0; } .academy-wrap .content .tabs .tabs__header[data-v-6586f5a2], .material-wrp .content .tabs .tabs__header[data-v-6586f5a2] { border-bottom: 1px solid #e7e7e7; } .tabs .tabs__header .tabs__header-item[data-v-6586f5a2] { position: relative; height: 42px; line-height: 42px; text-align: center; cursor: pointer; font-size: 14px; color: #505050; } .tabs .tabs__header .tabs__header-item.is-active[data-v-6586f5a2] { color: #00a1d6!important; } .tabs .tabs__header .tabs__header-item.is-active[data-v-6586f5a2]:after { display: block; position: absolute; content: ""; width: 100%; height: 3px; background: #00a1d6; bottom: -1px; } .tabs .tabs__header .tabs__header-item[data-v-6586f5a2]:not(:last-child) { margin-right: 48px; } .academy-wrap .content .tabs .tabs__header .tabs__header-item[data-v-6586f5a2], .material-wrp .content .tabs .tabs__header .tabs__header-item[data-v-6586f5a2] { font-size: 14px; color: #212121; margin-right: 32px; } .tabs .tabs__header .tabs__header-item[data-v-6586f5a2]:not(.is-disabled):not(.is-active):hover { color: #00a1d6; } .academy-wrap .content .list-wrap[data-v-6586f5a2] { position: relative; margin-top: 24px; /*display: flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .carousel[data-v-6586f5a2] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .list-item[data-v-6586f5a2] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 16px; } .list-item img[data-v-6586f5a2] { width: 100%; height: 100%; border-radius: 2px; } .list-item .title[data-v-6586f5a2] { height: 48px; line-height: 24px; margin-top: 8px; font-size: 14px; color: #212121; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .list-item .view[data-v-6586f5a2] { margin-top: 6px; font-size: 14px; color: #757575; } .material-wrp[data-v-6586f5a2] { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px!important; margin-top: 16px; border-radius: 2px; background: #fff; } .material-wrp .header[data-v-6586f5a2], .material-wrp[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .material-wrp .header[data-v-6586f5a2] { width: 100%; height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .material-wrp .header .material-tag[data-v-6586f5a2] { font-size: 16px; color: #212121; } .material-wrp .header .op[data-v-6586f5a2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .material-wrp .header .op .up-btn[data-v-6586f5a2] { padding: 6px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #20aae2; color: #20aae2; font-size: 12px; border-radius: 18px; margin-right: 20px; cursor: pointer; } .up-btn a[data-v-6586f5a2] { color: #20aae2; } .bcc-col-6[data-v-6586f5a2] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .bmc-video-card .video-box[data-v-6586f5a2] { display: block; margin-bottom: 8px; cursor: pointer; } .bmc-video-card .video-preview[data-v-6586f5a2] { display: block; position: relative; padding-top: 56.25%; border-radius: 4px; overflow: hidden; background-color: #000; will-change: transform; } .bmc-video-card .video-preview__cover[data-v-6586f5a2], .bmc-video-card .video-preview__player[data-v-6586f5a2] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .bmc-video-card .video-preview__duration[data-v-6586f5a2] { position: absolute; bottom: 8px; right: 10px; font-size: 14px; color: #fff; } .bmc-video-card .video-title[data-v-6586f5a2] { margin-top: 15px; padding: 0 4px; font-size: 14px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #212121; } .bmc-avatar-card[data-v-6586f5a2] { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .bmc-avatar-card .up-avatar[data-v-6586f5a2] { display: block; width: 32px; height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 16px; font-size: 10px; background-color: #f4f4f4; pointer-events: none; } .bmc-avatar-card .up-name[data-v-6586f5a2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10px; height: 14px; font-size: 14px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; } .bcc-col-4[data-v-6586f5a2] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% / 6); } .bmc-avatar-card .up-name span[data-v-6586f5a2], .bmc-avatar-card .usage[data-v-6586f5a2] { font-size: 12px; line-height: 14px; color: #999; } .bmc-avatar-card .usage[data-v-6586f5a2] { max-width: 8em; height: 14px; text-align: right; white-space: nowrap; } .bmc-sticker-card .sticker-box[data-v-6586f5a2] { display: block; cursor: pointer; } .bmc-sticker-card .sticker-preview[data-v-6586f5a2] { position: relative; padding-top: 100%; margin-bottom: 8px; border-radius: 8px; overflow: hidden; background-color: #f4f4f4; background-position: 50%; background-size: 85%; background-repeat: no-repeat; background-image: url(/static/img/test.5db657d.jpg); } .bmc-sticker-card .sticker-preview:hover .sticker-preview__mask[data-v-6586f5a2]{ display: block; } .bmc-sticker-card .sticker-preview__mask[data-v-6586f5a2] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); display: none; } .bmc-sticker-card .sticker-preview__title[data-v-6586f5a2] { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 14px; padding-bottom: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bmc-sticker-card .sticker-preview__title p[data-v-6586f5a2] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; max-height: 40px; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; color: #fff; } .bmc-avatar-card[data-v-6586f5a2] { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .bmc-avatar-card .up-avatar[data-v-6586f5a2] { display: block; width: 32px; height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 16px; font-size: 10px; background-color: #f4f4f4; pointer-events: none; } .bmc-avatar-card .up-name[data-v-6586f5a2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10px; height: 14px; font-size: 14px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; } .bmc-avatar-card .usage[data-v-6586f5a2] { max-width: 8em; height: 14px; text-align: right; white-space: nowrap; font-size: 12px; line-height: 14px; color: #999; } .material-wrp .vup[data-v-6586f5a2] { width: 100%; border-radius: 4px; padding-top: 133%; background-position: 50%; background-size: cover; background-repeat: no-repeat; border: 1px solid #eceef3; background-image: url(/static/img/test.5db657d.jpg); } .open-screen[data-v-6586f5a2] { position: fixed; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; } .open-screen-bg[data-v-6586f5a2] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); } .iconfont[data-v-6586f5a2] { font-size: 14px; } .icon-HOT-copy[data-v-6586f5a2] { color: #e98f36; font-size: 20px; } .icon-NEW-copy[data-v-6586f5a2]{ color: #d4237a; font-size: 20px; } .creation-carousel .el-carousel__indicators--horizontal { right: 1%; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; left: auto !important; } .creation-carousel .el-carousel__button { width: 10px !important; height: 10px !important; border-radius: 50%; border: 2px solid transparent !important; opacity: 1 !important; background: #fff; color: #fff; } .creation-carousel .el-carousel__indicator:focus-visible { outline: none; } .creation-carousel .el-carousel__indicator:hover .el-carousel__button { border: 2px solid #fff; background-color: #00a1d6; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } .creation-carousel .el-carousel__indicator.is-active button { border-width: 0; border-color: transparent; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAABUlJREFUWAmtVwtMnEUQnitX7g6R1wFtOajSqlBrQULbtJioqK2PiMZEqjatj7S1NmpTGmNUImlr1BhL2hhpmphokzaKtVFBkZooxhCLWNtw+CQtUMSjCKXAyd1x3Mtvfm7/7uX+w5/HJN/t7uzszOz+M7tzBtJJoVDIANHVQBmwClgURjLaYWAIaAdagJMGg6ED7ewJhpOAfUA/MB06BeFNwLypvOBdaRIWxmGiAngZSBNC4JN92EsXxnx00eOn0YkApcTHkS3BSMVWM2UlzBeiom1DZydOpFkw5FbTARhhg7XAOiHcOuih984NU8PfY9Q/HhDsqLYw1UTP56fRxtwkshjVzfOCPcDrcCQkL4pyAMbzIfAVkMuCf4566aWzA1TXO8ZD3WQ1xcGRVKpckU7GeaqZj6BgM5xQd6DOsGYYz0DTCijGa7tHacupi+QORDjNorrp9gUJdPw2G2WYjWLNUXSeECehOgDjZkw0AWtZ8jX7IFXZL3F31pSD+KgrzaEixEiYdsOBA9yXHdiLcRUzj5wfoaew87kkm8VI9rJcsk6exAR0r4YTdiVKsHsbGC+wwbNDHnq6ZW6Ns14HMmbrFb3xYL3NfBGmvPsEZuw6/Q/5ND65EWe1/foUOrxmIe1alkaWOPXweJku+hyBfKxrVMiuw8ZvNYa//SPMre/9l5oHPEJAbdnUl3fk0N22RJW3aUkSlTReoImgypqyY0ImvLLCShuuSZLltvEJcK4rmo+cV72ThagkwxJhnCeLrRZ6IPvqCLlYg1JkQju+f1VhBsVPnhy7/S7wLOfGg7zQ7Q/S133auc45rUWx+EI2HeuqV2bS40tTBItbvhm3IwB/4gE7cAN3fh4aj5nvzQNuGhz3y7lMLl+QTsZwmPU9uTSZ9hdniqhnlgvYAxyEcT9ahfgTZHHP4fYpDK2fYXzoe7/ppR8H3eQNBMl+eZzKmnqpx6XqUZflJcXTd+sX0we3ZMnGGyCwHIb3y8Z5EZ+A4kCfO1oZCwg6A6NrG3vEULOtRJC9WpBOpjiRXOSE4BYYPaG5AEyWHOdJ8wzSitfJ9AXSrO2yV2ZxyG9Api2SmXKfHXAwwxb9jMpyuvrtI14lNZ9r7ScnnukwlaP9A07sANSjEZPM6ONBbmLUOy5kptVyftV0DNOyui460cNfQCGumg4BP8CJgknW5C87cJq7BXjHs/FozBX14eot/95B93+LYEXxEqY1aM/AibcA5eZlBz7lSQQKPbRY38XC8nqpwTFGy+s7qfq3IQoElTued/ki8CucWK9c6Oh0g3FtB4qPm+q7yK/xFug1OJXczTjl90uy5Gf5gAiKg7wwL9lEO/JSp9Ixq7nfsUGJOPuqhQMcIOd4ci/u6yVzFJCsT6Y3izLl3R/CZ3coDqDDUaLUA6m4vxvuzKGU+cI3WcXM+/dkXUUVN6rFNX/yfaxNtQIn6jF+g5n5+BSNd+XQQrP2I8Qy06HNeLo/K81WAh3reLMbYU95eiOqCgQjjz8G+PKgPrwPDyOVWlCSz4S4iKleuYB2ooAJE99Oj8H4J4IR4QAz4QSXSzXAVh4H8UektttJVW2D1Hkln3kqJnHx8Sj+F+zGkRekqoUoBx1Xw8flhVEOiEk48gz67wDKFelHDjf1u4jve64bely+iGooAW9JUZqZ7stOpG0o3aQynFVygJfDuJ0HuglOXAd8COAgIikYDIYueXyhTqdXaQMYa5ATvErAotuoliAUFAI1wF+AHmqHUAWQrqVP5sX8BLKQ3IfSQoxXAfzEMvjJHQH4X8wvQAuOWnng0P9f+g8mO0+PDltmygAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; -webkit-transform: scale(1.5); transform: scale(1.5); width: 15px !important; height: 15px !important; } .creation-carousel .el-carousel__indicator.is-active:hover .el-carousel__button { border: none; -webkit-transform: scale(1.5); transform: scale(1.5); background-color: transparent; } .creation-carousel .el-carousel__arrow { background-color: white; color: black; -webkit-box-shadow: 0 4px 6px 0 #000000; box-shadow: 0 4px 6px 0 #000000; } .creation-carousel .el-carousel__arrow:hover { background-color: white; } .upload-page[data-v-486339ac] { margin-left: 200px; min-width: 700px; /*display: flow-root;*/ min-height: 100%; /*position: relative;*/ /*padding: 60px 0 50px 0;*/ margin: 60px 0 50px 200px; background: #fafafa; } .cc-content-body[data-v-486339ac] { width: inherit; margin-left: 72px; margin-right: 72px; } .new-link-top-wrap[data-v-486339ac] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-486339ac] { background: #fff; height: 64px; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-486339ac] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-486339ac] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } @media screen and (max-width: 1190px){ .cc-content-body[data-v-486339ac]{ margin: 0 10px; } /*.new-link-top-wrap .link-top-item {*/ /* margin-left: 10px;*/ /* white-space: nowrap;*/ /*}*/ } .videoUpload[data-v-d0b565aa] { height: calc(100% - 50px); } .canary-container[data-v-d0b565aa] { max-width: 850px; padding: 0 10px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .upload-banner[data-v-d0b565aa] { margin-top: 8px; font-size: 0; overflow: hidden; position: relative; width: 100%; height: 69px; border-radius: 5px; } .upload-banner ul.carousel[data-v-d0b565aa] { width: 300%; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .upload-banner ul.carousel li[data-v-d0b565aa] { width: 33.33333333%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a[data-v-d0b565aa] { width: 100%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a img[data-v-d0b565aa] { width: 100%; height: 100%; } .upload-container[data-v-d0b565aa] { padding-top: 6px; } .upload-step1-container[data-v-d0b565aa] { position: relative; padding: 14px 0 20px; text-align: center; } .alert-container[data-v-d0b565aa] { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; color: #fff; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 42px; padding: 0 10px; opacity: .9; } .alert-container-info[data-v-d0b565aa] { background-color: #00a1d6; } .alert-container .alert-btn[data-v-d0b565aa] { padding: 0 16px; line-height: 22px; height: 24px; cursor: pointer; border: 1px solid transparent; border-radius: 4px; margin-left: 10px; } .alert-container-info div.alert-btn[data-v-d0b565aa]:nth-child(2) { background-color: #fff; color: #00a1d6; } .alert-container-info div.alert-btn[data-v-d0b565aa]:nth-child(3) { border-color: #fff; color: #fff; background-color: transparent; } .upload-step1-container #homeDrop[data-v-d0b565aa] { padding-top: 66px; width: 100%; max-width: 830px; height: 284px; margin: 0 auto; position: relative; } .upload-step1-container #homeDrop .box-border[data-v-d0b565aa] { width: 100%; height: 100%; position: absolute; border: dashed 1px gainsboro; left: 0; top: 0; } .upload-step1-container #homeDrop .upload-hint[data-v-d0b565aa] { font-size: 13px; color: #999; text-align: center; margin-top: 6px; } .upload-step1-container #homeDrop .upload-btn[data-v-d0b565aa] { position: relative; margin: 30px auto 0; width: 200px; height: 44px; cursor: pointer; background: #00a1d6; border-radius: 4px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; white-space: nowrap; font-size: 0; } .upload-step1-container #homeDrop .upload-btn #i-upload-btn[data-v-d0b565aa] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .upload-step1-container #homeDrop .upload-btn .upload-btn-title[data-v-d0b565aa] { font-size: 16px; color: #fff; line-height: 44px; } .upload-step1-container #homeDrop .video-jam[data-v-d0b565aa] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 0; position: relative; } .upload-step1-container #homeDrop .video-jam .video-jam-pretext[data-v-d0b565aa] { font-size: 13px; color: #999; text-align: center; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-state[data-v-d0b565aa] { text-align: center; margin-left: 8px; border-radius: 2px; font-size: 12px; color: #fff; padding: 0 8px; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-comment[data-v-d0b565aa] { position: absolute; opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; top: 6px; left: 110%; z-index: 101; width: 300px; text-align: left; padding: 8px 10px; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); font-size: 12px; line-height: 20px; color: #99a2aa; } .upload-step1-container #homeDrop .video-jam:hover .video-jam-comment[data-v-d0b565aa] { opacity: 1; } .video-editor-ol-wrp[data-v-d0b565aa] { background: rgba(0,161,214,.05); width: 100%; height: 88px; margin: 20px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .video-editor-ol-wrp .left[data-v-d0b565aa] { font-size: 30px; width: 30px; height: 30px; color: #00a1d6; position: absolute; top: 0; bottom: 0; margin: auto; left: 60px; } .video-editor-ol-wrp .video-editor-ol-content[data-v-d0b565aa] { text-align: left; margin-left: 120px; margin-top: 22px; } .video-editor-ol-wrp .video-editor-ol-content p.title[data-v-d0b565aa] { margin-bottom: 3px; font-size: 16px; color: #212121; font-weight: 700; line-height: 22px; } .video-editor-ol-wrp .video-editor-ol-content .sub_title[data-v-d0b565aa] { margin-top: 6px; font-size: 12px; color: #505050; position: relative; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question[data-v-d0b565aa] { width: 14px; height: 14px; cursor: pointer; } .warning-info-container[data-v-d0b565aa] { position: absolute; z-index: 20; left: 81%; top: -9px; background-color: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); border-radius: 4px; display: none; padding: 9px 12px; } .video-editor-ol-content .warning-info-container[data-v-d0b565aa] { left: 100%; } .warning-info-container p.warning-info-content[data-v-d0b565aa] { line-height: 22px; display: inline-block; white-space: nowrap; font-size: 14px; color: #505050; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question:hover~.warning-info-container[data-v-d0b565aa] { display: block; } .section-title-container .section-title-warning:hover~.warning-info-container[data-v-d0b565aa]{ display: inline-block; } .video-editor-ol-wrp .video-editor-ol-btn[data-v-d0b565aa] { width: 80px; height: 30px; display: block; line-height: 30px; background-color: #00a1d6; border-radius: 4px; cursor: pointer; position: absolute; top: 28px; right: 33px; font-size: 13px; color: #fff; } .video-editor-ol-wrp .video-editor-ol-helper[data-v-d0b565aa] { font-size: 12px; color: #00a1d6; position: absolute; top: 35px; right: 127px; } .video-editor-ol-wrp .video-editor-ol-new[data-v-d0b565aa], .upload-step1-container .tip_new[data-v-d0b565aa] { position: absolute; right: -3px; top: -10px; font-size: 12px; color: #fff; background-color: #fb7299; border-radius: 2px; line-height: 20px; text-align: center; width: 27px; -webkit-transform: scale(.8); transform: scale(.8); display: inline-block; } .upload-step1-container .upload-agreement .reg-1[data-v-d0b565aa] { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 333px; margin: 40px auto 0; } .upload-step1-container .upload-agreement .reg-1>div[data-v-d0b565aa] { line-height: 20px; height: 20px; font-size: 12px; cursor: pointer; position: relative; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-d0b565aa] { color: #99a2aa; } .upload-step1-container .upload-agreement .reg-1>div a.reg-2-forbidden[data-v-d0b565aa]:hover { text-decoration: underline; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-d0b565aa]:hover { color: #00a1d6; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-d0b565aa] { position: absolute; z-index: 101; color: #666666; border-radius: 4px; font-size: 12px; border: solid 1px #f9d199; background-color: #fcfae0; white-space: nowrap; text-align: left; cursor: default; padding: 20px; bottom: 28px; right: -5px; display: none; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-d0b565aa]:after{ content: ''; position: absolute; width: 14px; height: 14px; border-color: transparent #f9d199 #f9d199 transparent; border-style: solid; border-width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fcfae0; right: 10px; bottom: -8px; } .upload-step1-container .upload-agreement .reg-1>div:hover .reg-tip[data-v-d0b565aa] { display: block; } .upload-step1-container .tip_new[data-v-d0b565aa] { right: -25px; } .upload-step1-container .upload-agreement .reg-2[data-v-d0b565aa] { margin-top: 20px; line-height: 18px; font-size: 12px; color: #99a2aa; text-align: center; } .upload-step1-container .upload-agreement .reg-2 a[data-v-d0b565aa]{ color: #00a1d6; } .tool-box-container[data-v-d0b565aa] { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; } .tool-box-container .tool-title[data-v-d0b565aa] { color: #99a2aa; padding-right: 16px; font-size: 12px; } .tool-box-container .tool-xiaowan[data-v-d0b565aa] { padding-right: 16px; } .tool-box-container .tool-xiaowan-i a[data-v-d0b565aa], .tool-box-container .tool-xiaowan a[data-v-d0b565aa] { font-size: 12px; color: #99a2aa; } .tool-box-container .tool-xiaowan-i a[data-v-d0b565aa]:hover, .tool-box-container .tool-xiaowan a[data-v-d0b565aa]:hover { text-decoration: underline; color: #00a1d6; } .upload-step2-container[data-v-d0b565aa] { position: relative; padding: 5px 0; } .file-list-container .file-title[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file-list-container .file-title h1[data-v-d0b565aa] { font-size: 20px; color: #222; margin-right: 10px; } .file-list-container .file-title p.info[data-v-d0b565aa] { font-size: 12px; color: #666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-container .file-title p.remain-upload[data-v-d0b565aa] { font-size: 12px; color: #666; } .file-list-wrp[data-v-d0b565aa] { margin: 16px 0 13px; } .upload-sortable-chosen[data-v-d0b565aa], .upload-v2-sortable-ghost[data-v-d0b565aa] { background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); padding-right: 20px!important; padding-left: 20px!important; } .file-list-wrp .file-list-item[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 24px 0; } .file-list-wrp .file-list-item .file-list-item-icon[data-v-d0b565aa] { width: 36px; height: 30px; background: url(data:image/png;base64,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) no-repeat; background-size: 100% 100%; margin-right: 24px; font-size: 12px; color: #fff; line-height: 24px; cursor: -webkit-grabbing; cursor: grabbing; } .file-list-wrp .file-list-item .file-list-item-icon>span[data-v-d0b565aa] { display: inline-block; width: 27px; text-align: center; vertical-align: text-top; } .file-list-wrp .file-list-item .file-list-item-wrp[data-v-d0b565aa] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp[data-v-d0b565aa] { 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; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title[data-v-d0b565aa] { font-size: 14px; color: #222; line-height: 32px; cursor: pointer; max-width: 715px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp input.item-title-text[data-v-d0b565aa] { border: 1px solid rgb(204, 208, 215); } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title-text[data-v-d0b565aa] { max-width: 515px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 32px; width: 100%; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op[data-v-d0b565aa] { font-size: 12px; color: #666; line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op .item-status-click[data-v-d0b565aa] { padding-right: 25px; width: 40px; cursor: pointer; opacity: 0; color: #00a1d6; } .file-list-wrp .file-list-item:hover .item-status-click[data-v-d0b565aa]{ opacity: 1!important; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-info[data-v-d0b565aa] { font-size: 12px; color: #99a2aa; padding: 6px 0 4px; } .file-list-item-wrp .item-upload-info span.upload-status-intro[data-v-d0b565aa] { display: inline-block; padding-right: 12px; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress[data-v-d0b565aa] { height: 2px; border-radius: 4px; background-color: #e7e7e7; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-d0b565aa], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-error[data-v-d0b565aa], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-loading[data-v-d0b565aa] { height: 100%; border-radius: 4px; -webkit-transition: width .3s ease; transition: width .3s ease; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-d0b565aa] { background-color: #43ce5b; } .file-list-container .file-add-btn-group[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-list-container .file-add-btn[data-v-d0b565aa] { position: relative; background: #00a1d6; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; line-height: 14px; padding: 13px 0; width: 120px; cursor: pointer; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .file-list-container .file-add-btn.disabled[data-v-d0b565aa] { opacity: .5!important; cursor: not-allowed; } .file-list-container .file-add-btn .file-add-btn-img[data-v-d0b565aa] { vertical-align: middle; width: 16px; height: 16px; } .file-list-container .file-add-btn #i-upload-btn-more[data-v-d0b565aa] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .dividing-line[data-v-d0b565aa] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .normal-container .normal-title-wrp[data-v-d0b565aa] { padding: 32px 0; 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; } .normal-container .normal-title-wrp>h1[data-v-d0b565aa] { font-size: 20px; color: #222; } .normal-container .normal-title-wrp>.template-op[data-v-d0b565aa] { border: 1px solid #ccd0d7; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; position: relative; } .normal-container .normal-title-wrp>.template-op.disabled[data-v-d0b565aa], .normal-container .normal-title-wrp>.template-op.disabled>p[data-v-d0b565aa], .normal-container .normal-title-wrp>.template-op.disabled>.iconfont[data-v-d0b565aa]{ cursor: not-allowed!important; background: #f5f5f5; border-color: #ccd0d7!important; } .normal-container .normal-title-wrp>.template-op>p[data-v-d0b565aa] { font-size: 12px; color: #99a2aa; line-height: 20px; margin: 0 20px 0 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .normal-container .normal-title-wrp>.template-op>p[data-v-d0b565aa]:hover { opacity: .8; } .normal-container .normal-title-wrp>.template-op>.template-op-divide[data-v-d0b565aa] { width: 1px; height: 10px; background-color: #ccd0d7; } .normal-container .normal-title-wrp>.template-op>.iconfont[data-v-d0b565aa] { display: block; width: 16px; height: 16px; margin: 0 10px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .template-list-small-container[data-v-d0b565aa] { position: absolute; width: 240px; border: 1px solid #ccd0d7; z-index: 9; top: 45px; right: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; word-break: break-all; padding: 10px; background: #fff; border-radius: 2px; } .template-list-small-container .template-list-small-item[data-v-d0b565aa], .template-list-small-container .template-list-small-item-add[data-v-d0b565aa] { width: 58px; height: 72px; margin: 10px 5px; } .template-list-small-container .template-list-small-item[data-v-d0b565aa] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAeFBMVEUAAAAAodYAodYAodYAodYAodbU7/8AodYAodYAodYAodYAodZqyOrU7//I6/2Q1vIhrdzH6vwgrdzJ6/0DptwEp90Bo9gBo9kEqN4CpdsAotcCpNoDp90BotcBotgBpNkDptsCpNkEqN0DpdsCpdoAodcDp9wAAABkPnJJAAAAC3RSTlMAJa3xKO9/rvMn8u3ENFwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABuUlEQVRYw+3XbZOCIBAAYM+6l6Kue0FcQUuL+v8/8QBBoRJdv92M+6EU55GVXZwxSV7SFZkau8SP9etkSMj+zafvCEn2gf3AUd9ipKaeRdPe4mlnZ1Bn51BrUfQzsCh62PsWRb++fYui5Ofw6+wOSf1Y6EIXutCF/idKMzaT5gCFO+Y4WgCI9h4UAFC0BKjU31FDHOUAmfotAND0BFCT5gwz6EWtUmkdpSiaufmAHgmpELRyMMvNeZwyrwNyl6u0A1EqdG5NZaakLteKTKG2DFmRSwvLqY14lSUEIfyrY8vET3UHL5xgaN88NxaMV3KMCleQJnCiHOsm5p61uHp5NOPt/6QgOtztIrQJm6eLtlAFG6byWUF0HNUGymMrbDu25o+XbBaDtLhvnocYpGYxvOWpxGRqJu1P2RkaDM36x9OnbCI1CbuymJ4q+URaeBmbY+o1FMlF5BXO+qKapqq7K3ryG8R2jgFnbntD9hdUIwmgMXps+629ibe6VzOuXomRT992o6rS8qAzGFAp1egq8sHN210TjImSmhlVpLHP/HabB9XUmbTJv66TZJNuh2x211JufQnZppvkD3YtyLRBgBEJAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; cursor: pointer; } .template-list-small-container .template-list-small-item-add[data-v-d0b565aa] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAADy8/T////////M0NfM0NfM0NfM0NfO0tnX2t/////M0Nf////y8/T+/v7////O0tn////////M0NfU193+/v7Q09rN0dj////h4+fM0Nfq7O/29/ji5Oj6+vvm6Ov9/f36+/vx8vTT1tza3eL4+fq/xMnBxsuxuL6+xMmttbuepq77/Pzy8/X7+/zc3uPs7vAAAABMru5BAAAAGHRSTlMAJq3x9a8mKe/wJ7Lz8/Ourijv77HyrSc3yBeKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAN1JREFUWMPtl8kOgkAMQCuiKO57rbixCeL2/18naqIXZysXDvMuPUxe0szLkADQcJq4JqINov50W20ArxMYKL/Z9aFHWzRntz844NKRoZb0IQx5JiJwxShiq0RV1Dhmq0Q8NUnYannDFVTbVUu1XdXYrprUsGt6Ep8pumaZ+EzRVaHKuipU2Q3LVEVXmSrsmp9fFMV75AL1f1ctVbaSbGHb9Uuao4QavlcZ9jusie2qp9quWipXtF01qaIOApZ3uQ5hhMj4bb7daQyT6YM+S5PBDGnmAfhz11xdLFfwBOrBjm8I0b0+AAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-small-container .template-list-small-item p[data-v-d0b565aa] { text-align: center; font-size: 12px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; word-break: break-all; } .cover-container[data-v-d0b565aa] { position: relative; } .section-title-container[data-v-d0b565aa] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-title-container .section-title-content-main[data-v-d0b565aa] { font-size: 16px; color: #101010; line-height: 21px; font-weight: 400; } .section-title-container .section-title-content-sub[data-v-d0b565aa] { font-size: 12px; color: #6d757a; line-height: 21px; margin-left: 6px; } .cover-container .cover-detail-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .cover-container .cover-tpl[data-v-d0b565aa] { position: absolute; width: 80px; height: 24px; line-height: 24px; top: 45px; right: 0; left: 120px; background: rgba(0,0,0,.5); border-radius: 4px; color: #fff; z-index: 9; font-size: 14px; text-align: center; cursor: pointer; } .cover-container .cover-detail-wrp .cover-preview[data-v-d0b565aa] { width: 200px; height: 126px; cursor: pointer; margin-right: 44px; position: relative; } .cover-container .cover-detail-wrp .cover-preview[data-v-d0b565aa]:hover { opacity: .8; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default[data-v-d0b565aa]{ height: 126px; line-height: 126px; text-align: center; border-radius: 4px; position: relative; background: #ededed; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default img.i_tv[data-v-d0b565aa] { width: 40px; height: 40px; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default .cover-upload-tip[data-v-d0b565aa] { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #fff; text-align: center; width: 100%; line-height: 26px; border-radius: 4px 0 4px 0; background: rgba(0,0,0,.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show[data-v-d0b565aa] { height: 100%; border-radius: 4px; position: relative; overflow: hidden; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show img.cover-preview-show[data-v-d0b565aa] { display: block; height: 100%; width: 100%; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip[data-v-d0b565aa] { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; font-size: 12px; color: #fff; text-align: center; line-height: 26px; width: 100%; border-radius: 4px 0 4px 0; z-index: 9; background: rgba(0,0,0,.5); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-upload[data-v-d0b565aa], .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-edit[data-v-d0b565aa]{ width: 50%; background: rgba(0,0,0,.5); margin-right: 2px; } .cover-container .cover-detail-wrp .cover-preview input[data-v-d0b565aa] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; font-size: 0; z-index: 9; cursor: pointer; } .cover-container .cover-detail-wrp .cover-selector[data-v-d0b565aa] { border: 1px solid #ccd0d7; border-radius: 4px; padding: 11px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-deg[data-v-d0b565aa] { position: absolute; background-color: #fff; width: 15px; height: 15px; top: 55px; left: -8px; border-left: 1px solid #ccd0d7; border-bottom: 1px solid #ccd0d7; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); z-index: 9; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-title[data-v-d0b565aa] { padding-left: 15px; color: #99a2aa; font-size: 12px; display: inline-block; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item[data-v-d0b565aa] { margin-top: 12px; width: 120px; height: 75px; /*background: #dbdbdb;*/ border-radius: 4px; line-height: 75px; text-align: center; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #dbdbdb; /*background: url('../../../../../assets/image/test.jpg') center center / contain no-repeat rgb(219, 219, 219);*/ } @-webkit-keyframes loadingp-data-v-d0b565aa { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loadingp-data-v-d0b565aa { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .cover-container .cover-detail-wrp .cover-loading[data-v-d0b565aa] { -webkit-animation: loadingp-data-v-d0b565aa 1s linear infinite; animation: loadingp-data-v-d0b565aa 1s linear infinite; display: none; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item-selected[data-v-d0b565aa] { border: 3px solid #04a1d6; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item img.select_ai_img[data-v-d0b565aa] { display: block; position: absolute; width: 19px; height: 24px; bottom: 0; right: 0; cursor: pointer; z-index: 9; } .ui-normal-line-white-divide[data-v-d0b565aa] { height: 24px; background: transparent; } .section-title-container .section-title-deg[data-v-d0b565aa] { color: #fc403c; font-size: 18px; line-height: 18px; height: 18px; } .copyright-container .copyright-check-radio-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } .copyright-container .copyright-source-input-wrp[data-v-d0b565aa]{ margin-top: 12px; } .content-tag-container .content-tag-input-wrp[data-v-d0b565aa], .content-title-container .content-title-input-wrp[data-v-d0b565aa] { margin-top: 12px; } .input-box-1-container[data-v-d0b565aa], .input-box-2-container[data-v-d0b565aa] { /*background: hsla(0,0%,84.7%,0);*/ background: #fff; border: 1px solid #ccd0d7; border-radius: 4px; padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: border .3s ease; transition: border .3s ease; } .input-box-1-container[data-v-d0b565aa]:hover, .input-box-1-container.active[data-v-d0b565aa], .input-box-2-container[data-v-d0b565aa]:hover, .input-box-2-container.active[data-v-d0b565aa]{ border: 1px solid #00a1d6; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp[data-v-d0b565aa]{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .label-item-container[data-v-d0b565aa] { background: #00a1d6; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 9px 0 11px; cursor: pointer; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp>.label-item-container[data-v-d0b565aa] { margin: 4px 6px 4px 0; } .label-item-container .label-item-close[data-v-d0b565aa], .label-item-container .label-item-content[data-v-d0b565aa] { color: #fff; font-size: 12px; } .label-item-container .label-item-content[data-v-d0b565aa] { line-height: 30px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-container .label-item-close[data-v-d0b565aa] { display: block; margin-left: 9px; -webkit-transform: scale(.6); transform: scale(.6); } .input-box-1-container .input-box-1-instance[data-v-d0b565aa], .input-box-2-container .input-box-1-instance[data-v-d0b565aa] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; margin: 8px 0; } .input-box-1-container .input-box-1-instance .input-box-1-val[data-v-d0b565aa], .input-box-2-container .input-box-1-instance .input-box-1-val[data-v-d0b565aa] { display: block; width: 100%; color: #222; line-height: 22px; height: 22px; font-size: 14px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; } .input-box-1-container .input-box-1-max-tip[data-v-d0b565aa], .input-box-2-container .input-box-1-max-tip[data-v-d0b565aa] { font-size: 14px; color: #9ba4ac; margin: 8px 0 8px 12px; } .type-list-container .type-list-selector-wrp[data-v-d0b565aa], .type-list-loading-box[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-d0b565aa]{ position: relative; } .select-box-container .select-box-controller[data-v-d0b565aa]{ padding: 8px 12px; border: 1px solid #ccd0d7; border-radius: 4px; min-width: 200px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #99a2aa; -webkit-transition: border .3s ease; transition: border .3s ease; } .select-box-container .select-box-controller .select-item-cont[data-v-d0b565aa]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .select-box-container .select-box-controller .select-item-cont-inserted[data-v-d0b565aa]{ color: #222; } .content-tag-container .content-tag-input-wrp .content-tag-last-wrp[data-v-d0b565aa] { font-size: 14px; color: #858585; margin: 8px 0 8px 12px; cursor: default; } .content-tag-container .content-tag-other-wrp[data-v-d0b565aa] { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .content-tag-container .content-tag-other-wrp .content-tag-other-label[data-v-d0b565aa] { font-size: 14px; color: #222; padding-top: 14px; } .empty-retry-wrp[data-v-d0b565aa] { font-size: 12px; margin: 6px 0 6px 12px; height: 30px; padding: 0 10px; color: #6d757a; line-height: 30px; } .empty-retry-wrp a[data-v-d0b565aa] { color: #00a1d6; } .content-tag-container .content-tag-edit-mod-wrp[data-v-d0b565aa], .content-tag-container .content-tag-other-tag-error-wrp[data-v-d0b565aa] { border-radius: 4px; border: 1px solid #ccd0d7; color: #a2aab1; height: 42px; line-height: 40px; text-align: center; font-size: 12px; background: #f5f5f5; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-error-wrp[data-v-d0b565aa] { margin-left: 12px; margin-top: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list[data-v-d0b565aa], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-d0b565aa] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .label-item-2-container[data-v-d0b565aa] { text-align: center; padding: 0 20px; height: 30px; border: 1px solid #ccd0d7; border-radius: 100px; color: #6d757a; cursor: pointer; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list>.label-item-2-container[data-v-d0b565aa], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp>.label-item-2-container[data-v-d0b565aa] { margin: 6px 0 6px 12px; } .label-item-2-container.label-item-2-container-hot[data-v-d0b565aa] { padding: 0 12px 0 14.5px; } .label-item-2-container.label-item-2-container-has-sub[data-v-d0b565aa] { position: relative; cursor: pointer; } .label-item-2-container>p[data-v-d0b565aa] { white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-2-container>p span[data-v-d0b565aa] { font-size: 12px; line-height: 28px; } .label-item-2-container.label-item-2-container-selected[data-v-d0b565aa] { background: #f4f5f7; color: #333; cursor: not-allowed; padding: 0 21px; border: 0; } .label-item-2-container.label-item-2-container-selected>p span[data-v-d0b565aa] { line-height: 30px; } .children-sub-container[data-v-d0b565aa] { background: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); border-radius: 4px; position: absolute; left: 0; z-index: 10; min-width: 100%; font-size: 12px; top: calc(100% + 5px); white-space: nowrap; padding: 10px; cursor: default!important; } .children-sub-container>div[data-v-d0b565aa] { margin-top: -10px; } .children-sub-container>div>div[data-v-d0b565aa] { margin-top: 10px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp[data-v-d0b565aa] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more[data-v-d0b565aa] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #00a1d6; margin: 6px 0 6px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more i[data-v-d0b565aa], .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more span[data-v-d0b565aa] { vertical-align: middle; line-height: 30px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-mission-tag-tip[data-v-d0b565aa] { font-size: 12px; line-height: 16px; color: #999; margin-left: 12px; margin-top: 8px; } .content-desc-container .content-desc-text-wrp[data-v-d0b565aa] { margin-top: 12px; } .archive-info-editor[data-v-d0b565aa] { position: relative; } .ql-container[data-v-d0b565aa] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; height: 100%; margin: 0; position: relative; } .archive-info-editor .editor[data-v-d0b565aa] { border: 1px solid #ccc; margin-top: 10px; min-height: 160px; border-radius: 8px; } .ql-editor[data-v-d0b565aa] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .hidden-content[data-v-d0b565aa] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; padding: 12px 15px; text-align: left; white-space: pre-wrap; word-wrap: break-word; opacity: 0; z-index: -10; } .ql-editor.ql-blank[data-v-d0b565aa]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .archive-info-editor .metion-toolkit .mention-hidden-input[data-v-d0b565aa] { position: absolute; opacity: 0; pointer-events: none; } .i-at-popup[data-v-d0b565aa] { z-index: 10; width: 246px; /*border: 1px solid #e5e9ef;*/ -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); border-radius: 4px; position: absolute; background-color: #fff; font-size: 12px; } .i-at-popup__hint[data-v-d0b565aa] { margin: 0; height: 40px; line-height: 42px; padding-left: 12px; letter-spacing: 0; cursor: default; color: #99a2aa; } .i-at-popup__list[data-v-d0b565aa] { width: 100%; max-height: 353px; overflow: auto; } .archive-info-editor .mention-max[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #9ba4ac; font-size: 14px; position: absolute; bottom: 10px; right: 15px; } .dividing-line[data-v-d0b565aa] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .more-selector-container .more-selector-title-wrp[data-v-d0b565aa] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 28px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .more-selector-container .more-selector-title-wrp>h1[data-v-d0b565aa] { font-size: 20px; color: #222; } .more-selector-container .more-selector-title-wrp .more-selector-drop-tip[data-v-d0b565aa] { font-size: 12px; color: #6d757a; margin-right: 6px; } .original-set-container[data-v-d0b565aa] { padding-top: 32px; } .section-title-container .section-title-warning[data-v-d0b565aa] { font-size: 16px; display: inline-block; margin-left: 4px; color: #99a2aa; cursor: pointer; padding-right: 30px; } .warning-info-container p.warning-info-content.warning-info-content-important[data-v-d0b565aa] { color: #f26291; } .original-set-container .original-set-copy-switch-wrp[data-v-d0b565aa] { margin-top: 16px; } .check-box-container[data-v-d0b565aa] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; vertical-align: middle; position: relative; } .water-mark-set-container[data-v-d0b565aa], .porder-set-container[data-v-d0b565aa] { margin-top: 32px; } .water-mark-set-container .water-mark-set-copy-switch-wrp[data-v-d0b565aa] { margin-top: 16px; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-d0b565aa], .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-d0b565aa] { font-size: 14px; display: inline-block; vertical-align: middle; } .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-d0b565aa] { color: #000; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-d0b565aa] { margin-left: 8px; text-decoration: underline; color: #00a1d6; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group>div[data-v-d0b565aa] { margin-top: 16px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item[data-v-d0b565aa] { margin-top: 8px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-d0b565aa]{ position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first>div[data-v-d0b565aa] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-d0b565aa]>:first-child { margin-right: 10px; } .select-box-container .select-box-controller .select-item-cont[data-v-d0b565aa]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first .porder-item-own-game-selector-btn[data-v-d0b565aa] { /*display: inline-block;*/ /*cursor: pointer;*/ line-height: 34px; /*border: 1px solid #ccd0d7;*/ font-size: 14px; /*padding: 0 12px;*/ /*border-radius: 4px;*/ color: #9ba4ac; /*min-width: 120px;*/ /*user-select: none;*/ width: 120px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-second[data-v-d0b565aa] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips[data-v-d0b565aa] { font-size: 14px; padding-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips a[data-v-d0b565aa] { color: #00a1d6; } .sub-title-container[data-v-d0b565aa] { padding-top: 32px; } .sub-title-container .sub-title-select-wrp[data-v-d0b565aa] { margin-top: 10px; } .sub-title-container .sub-title-switch-wrp[data-v-d0b565aa] { margin-top: 16px; } .electron-set-container[data-v-d0b565aa] { margin-top: 32px; } .electron-set-container .electron-set-copy-switch-wrp[data-v-d0b565aa] { margin-top: 16px; } .choosePrice[data-v-d0b565aa]{ margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .choosePrice .left[data-v-d0b565aa]{ margin-right: 20px; } .choosePrice .right[data-v-d0b565aa]{ margin-right: 20px; } .choosePrice p[data-v-d0b565aa]{ font-size: 13px; padding-bottom: 12px; /*color: #fc403c;*/ } .electron-set-container .electron-set-copy-switch-wrp .electron-set-hint[data-v-d0b565aa] { font-size: 14px; color: #000; } .fans-dynamic-container .fans-dynamic-title-wrp[data-v-d0b565aa] { margin-top: 30px; } .fans-dynamic-container .fans-dynamic-title-wrp>h1[data-v-d0b565aa] { font-size: 20px; color: #222; } .fans-dynamic-container .fans-dynamic-input-wrp[data-v-d0b565aa] { margin-top: 16px; } .d-time-container[data-v-d0b565aa] { margin-top: 24px; } .d-time-container .d-time-switch-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-d0b565aa], .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-d0b565aa] { font-size: 14px; color: #222; line-height: 30px; height: 30px; } .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-d0b565aa] { margin-right: 8px; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-d0b565aa] { margin-left: 10px; font-size: 0; } .d-time-container .d-time-switch-wrp p.d-time-last span[data-v-d0b565aa] { font-size: 12px; } .d-time-container .d-time-date-picker-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .submit-button-group-container[data-v-d0b565aa] { padding: 32px 0 106px; } .submit-button-group-container .submit-btn-group-add-img[data-v-d0b565aa], .submit-button-group-container .submit-btn-group-add[data-v-d0b565aa], .submit-button-group-container .submit-btn-group-tpl[data-v-d0b565aa] { display: inline-block; height: 40px; font-size: 14px; border-radius: 4px; text-align: center; vertical-align: middle; width: 120px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .submit-button-group-container .submit-btn-group-add[data-v-d0b565aa] { line-height: 40px; color: #fff; background: #00a1d6; } .submit-button-group-container .submit-btn-group-tpl[data-v-d0b565aa] { margin-left: 16px; line-height: 38px; border: 1px solid #ccc; color: #505050; background: #fff; } .common-modal-container[data-v-d0b565aa] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,.5); padding: 10px 0; } .common-modal-container .common-modal-content[data-v-d0b565aa] { position: relative; background-color: #fff; max-height: 100%; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 33%); box-shadow: 0 2px 8px rgb(0 0 0 / 33%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 60%; height: 60%; margin: auto; left: calc(50% - 100px ); top: calc(50% + 30px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow-y: auto; overflow-x: hidden; } .common-modal-container .upload-animated[data-v-d0b565aa] { height: 90%; } .common-modal-container .common-modal-content .common-modal-head[data-v-d0b565aa] { border-bottom: 1px solid #e5e9ef; text-align: center; font-weight: 700; position: relative; height: 50px; } .template-list-modal-head[data-v-d0b565aa], .template-edit-modal-head[data-v-d0b565aa] { font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .template-list-modal-body[data-v-d0b565aa], .template-list-modal-head[data-v-d0b565aa], .template-edit-modal-head[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .common-modal-container .common-modal-content .common-modal-head>div.icon-close-container[data-v-d0b565aa] { position: absolute; top: 0; right: 0; height: 100%; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; cursor: pointer; } .template-list-modal-body[data-v-d0b565aa] { padding: 30px 0 70px; width: 90%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .template-list-modal-body .template-list-item[data-v-d0b565aa] { margin: 0 20px 15px; } .template-list-modal-body .template-list-item .template-list-item-bg[data-v-d0b565aa] { position: relative; width: 102px; height: 126px; /*background: url("../../../../image/template_bg.png") no-repeat;*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAB5CAMAAAD8gaQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA1VBMVEUAAAADabcAodYAodYAodYDabcAodYAodbN6/0DabfM6vwDabcAodYAodYBo9kAodYBo9gDptwAodYAoNZqx+oAn9XU7/8AntQAndQAntUAnNMAmtIAoNUAm9IBl9EBlc8AmdIBlM8AmdEBk87I6vyR0e8in9XH6fwAm9MBltABks4hntSQz+7J6vwBldABkM0Bj8wBkMwBkc0BotgDptwBo9gEqN0EqN4BotcCpNkCpdsAotcCpNoDp90Dp9wDpdsCpdoEp90DptsBo9kAodcBpNkAAAAOY5CYAAAAEnRSTlMAASWt8QIn74MEhAPzKCjyrSewQavTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAA4VJREFUaN7t2lt3ojAQAGB33bZ77y5UqrWt2u6l7d6XIJcAAtr//5cKCJGBxHOIkz5l3sTAB8lkEj0MBnjxYt+XL4evDJQwzbMjoXR8goMY5mhkvX4jcoZoyvnYst6KHKQeM8zJxdQSO0iKcTm+urbEDh4znVliB4+ZLyyxg8fc3FpiRwHDc1QwHEcJ03XUMB1HEdN2VDEtRxkDHXUMcBQyTUcl03CUMjtHLcMcTOaL2MFj5ouvltDBY6azb9+FDhZjTu7uH378/MVxzo7wGGM0nv9++PMXxL//t/fT8egdInM5uZjfzxa3IBaz65zJew2NyZ3x3XR+A2I+vbo4R32a3BlNxt2YjEzMsSnCvOyGaRqImbYvEOeNZjSjGc1oRjOa0YxmNKMZzWhGM8/D2IQ4z8AsXdf1lDNOrri+ciYomF2v0ZBEUbzysZmoYNinxK0CmaHFNUn1wU9dRYy/Gxondl1VTOZWiUYz11XHFN2UGo1BUcLYxSUDY526SpmwuGRCmkCUEXSGtJ8iXRvlOOEybSWpjmeojAORjNZfUEzGA30WNwu1JGNngU/hoU0ABgWWTznG2yZR0LhhHyRxsoEnyDE+ux5JSsqJmgjpLDhyjA2GmoSgskR4q6ffmed1LENee+lM80LCUwLKbX1QQjtJiyK2oOVh8waW+2gtup3gICYEjxLyG9lJelDphOV+xR0UL4kOWwhsMCy8LWCeJWydlmQorCyPnBZ+8z7kmHDJK/cgYA7KMLCyZB630brZpTLbQdBfsSNqtjOozLxp9kbqi9uVUyoKt8/am2nOlXa5b/ValLD+7MvQfeUeRrPw9GXYPi9y+pzWl6ln/qrXWX2Zus+i7ldOgMfUW6RumfSFtVOCqSddJ5HLybQWnof0NNW6I0yLnky914jBUVpX4gyJYSWked9eXePESdCXibup5iyFeZHfgufJMKzWsCR4rI9wEyDd/q6WLjZLCt20NfzbSuRVw9i7dLJlIAAfo3aBi8t1e1Uter2ZXe0sL1ztpkmnVudpEQfFokGlmN3obP9lSASJnIIxlFg9IzjmGXczUD10WuWFBMN++lVJTdqVh24fMqGO9LJWXrd2+LXSceMVceG/agOJ1649lgXcnSbpbqveD2ReImdJzV3cyv0s3IwMc+ZD71fiN2z3zC/J1Iaz6ORj8brd8fC0p+PDpN4fp58+58gTynXmZlHizyAAAAAASUVORK5CYII=) no-repeat; background-size: 100% 100%; } .template-list-modal-body .template-list-item .template-list-item-bg p[data-v-d0b565aa] { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 10; word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 12px; line-height: 14px; color: #fff; } .template-list-modal-body .template-list-item .template-list-item-operate[data-v-d0b565aa] { 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; font-size: 12px; margin-top: 5px; position: relative; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-d0b565aa], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-d0b565aa] { width: 50px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; cursor: pointer; border-radius: 4px; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-left[data-v-d0b565aa], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-left[data-v-d0b565aa] { color: #00a1d6; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-right[data-v-d0b565aa], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-right[data-v-d0b565aa] { color: #f25d8e; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-d0b565aa]:hover, .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-d0b565aa]:hover { background: #e5e9ef; } .template-list-modal-body .template-list-item-add[data-v-d0b565aa] { margin: 0 20px; width: 102px; height: 126px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAilBMVEUAAAD////////l5+r////////////09ffP0tng4+fM0NfM0NfN0djN0dj8/f33+Pn////////N0dj9/f3M0Nfq7O/////h4+ft7vH3+Pn09PbO0tn8/Pz5+vr4+frx8vTT1tza3eLi5Oejq7KZoqrh5OakrLOiqrL6+/v+/v7Z3OHg4+f8/P0AAAD0TivSAAAAFHRSTlMAJa308Sfv7yevsfT0r64oKPLzrnttFkIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABKUlEQVRo3u3a226CUBCF4ZEqPWirbcfx1KqwwVbr+z9fNd54Q9yQDFnBtW+4Il8g828gQaSXPKjq1MxmHsd+0hMZpDb3RMwen+R5Yb5ruXqRoX75It86FFXnKzHVFpD1WjYbb8RM/InuINutZJk30sp0dQdhJ3gIO8FD2Akewk7wEHaCh7ATPISd4CHsBA9p0EkeQl6XqT1doSiCO1KcFiDSoJP6SIPpumekQSeg09UdJLKTPBQVK2Yfi5yuSiNqH0NCyl2lUd4+m53gIXye4CF33clPGy93ZdhF7FfXi98neAi/4/EQdoKHsBM8hJ3gIewED2EneAg7wUPYCR7CTvCQTnUy0l9fY38Yyevf0dcwe5Nxer6gy03zOGaWTk6/oyfvnsjH50D+AepWEyD7kPBSAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-modal-body .template-list-item-add[data-v-d0b565aa]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAAD///////97zur////////////J6/YNpthmx+YAodYAodYEotcFo9cGo9fy+v3Z8fn///////8HpNf1+/0AodaW2O7///9pyOek3fDY8fnG6vYLpdgCotbv+fzi9Prd8vq75vQirttEuuG25PMZqtoYqtq15PMcq9sXqdobq9rn9vv5/f5CueFlxubx+v1Gu+EAAADMk4V5AAAAFXRSTlMAJa308Sfv7yevsfT09K+uKCjy865aKS/6AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAS1JREFUaN7t2slyglAQheEWI9GYUdN2ZicGjeP7P13cZUXlXkxTp/CwuSvqK6j+LwWFSCfpqurEzF481qukI9JL7dUTMbvuy+DNfI/3jxsZfn75IlMdiqrzlZhqA8hsJvO5N2Im/kR7kMVClktvpJHpag/CTvAQdoKHsBM8hJ3gIewED2EneAg7wUPYCR5So5Msz7NYJnq6CtXcHTl9Xoq+wQ0gNTqJR2pM1yUjNToBna72IIGdZLlWHCH7WOB0VRpB+9j5SPFvSLmqNMq/z2YneAifJ3jIRXeyDtqvzkTK4ruMO4PvJ3gI3+PxEHaCh7ATPISd4CHsBA9hJ3gIO8FD2Akewk7wkFZ1cqsbX2O7u5P7/cHXMHuQx/T385LHerT06fQ7ejLyRMbPPfkBmTI3G/RYiKMAAAAASUVORK5CYII=); } .template-edit-modal-body[data-v-d0b565aa] { padding: 30px 20px 0; } .template-edit-modal-body>div[data-v-d0b565aa] { margin-bottom: 25px; } .template-edit-modal-body>div .template-item-section-title[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .template-edit-modal-body>div .template-item-section-title>p[data-v-d0b565aa] { font-size: 12px; color: #99a2aa; line-height: 25px; } .upload-animated .section-title-container[data-v-d0b565aa], .template-edit-modal-body .template-copyright-item[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; } .template-edit-modal-body .copyright-source-input-wrp[data-v-d0b565aa]{ margin-top: 12px; } .upload-animated .section-title-container[data-v-d0b565aa] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .section-title-container>p[data-v-d0b565aa] { font-size: 14px; color: #ff3c3c; margin-right: 5px; } .section-title-container>h3[data-v-d0b565aa] { font-weight: 500; font-size: 14px; color: #222; } .template-edit-modal-body>div .template-item-input-box[data-v-d0b565aa], .template-edit-modal-body>div .template-item-text-area[data-v-d0b565aa], .template-edit-modal-body>div .template-item-type-list[data-v-d0b565aa] { width: 100%; } .template-edit-modal-body .template-edit-name .template-edit-name-input[data-v-d0b565aa] { width: 342px; } .content-input-box[data-v-d0b565aa] { border-radius: 4px; border: 1px solid #ccd0d7; font-size: 12px; color: #222; padding: 5px 12px; 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; width: 100%; background-color: #fff; } .content-input-box[data-v-d0b565aa]:hover, .content-input-box.active[data-v-d0b565aa] { border: 1px solid #00a1d6; } .content-input-box .content-tag-pre-wrp[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-input-box .input-instance[data-v-d0b565aa] { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-input-box .input-instance input[data-v-d0b565aa] { display: block; width: 100%; height: 30px; border: 0; background-color: transparent; } .common-type-list-container .content-type-list[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .common-type-list-container .content-type-list>div[data-v-d0b565aa] { position: relative; margin: 0 10px 10px 0; font-size: 14px; font-weight: 400; height: 34px; line-height: 32px; color: #222; background: #f4f5f7; min-width: 77px; } .common-type-list-container .content-type-list>div .content-type-list-item[data-v-d0b565aa] { border: .01rem solid #ccd0d7; text-align: center; } .common-type-list-container .content-type-list>div>div[data-v-d0b565aa]:first-child { border-radius: 4px; } .common-type-list-container .content-type-list>div>div[data-v-d0b565aa]:first-child:hover { border-color: #00a1d6; color: #00a1d6; background-color: #fff; } .common-type-list-container .content-type-list>div .content-type-list-item-active[data-v-d0b565aa] { background: #00a1d6; border-color: #00a1d6; color: #fff; } .select-list-mod-1-container[data-v-d0b565aa] { min-width: 100%; position: absolute; max-height: 350px; overflow: auto; top: 46px; padding: 10px 0; border-radius: 4px; /*border: 1px solid #ccd0d7;*/ -webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); background: #fff; z-index: 10; } .select-list-mod-1-container>div[data-v-d0b565aa] { line-height: 30px; height: 30px; padding: 0 20px; font-size: 14px; color: #222; cursor: pointer; white-space: nowrap; } .select-list-mod-1-container>div[data-v-d0b565aa]:hover { background-color: #e5e9ef; } .select-list-mod-1-container .list-mod-1-active[data-v-d0b565aa] { color: #00a1d6; background-color: #e5e9ef; } .select-list-mod-1-container>div:hover>.list-mod-1-main-name[data-v-d0b565aa] { color: #00a1d6; } .select-list-mod-1-container>div .list-mod-1-sub-name[data-v-d0b565aa] { color: #99a2aa; font-size: 12px; } .common-type-list-container .content-type-list-hint[data-v-d0b565aa] { line-height: 24px; height: 24px; font-size: 12px; color: #222; } .common-type-list-container .content-type-list-hint .content-type-list-hint-highlight[data-v-d0b565aa] { color: #00a1d6; font-size: 14px; } .content-input-box p[data-v-d0b565aa] { color: #99a2aa; line-height: 30px; text-align: center; } .info-hint-container[data-v-d0b565aa] { font-size: 12px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px; } .info-hint-container>div[data-v-d0b565aa] { line-height: 28px; color: #00a1d6; } .content-text-area-container[data-v-d0b565aa] { height: 170px; font-size: 12px; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 4px; border: 1px solid #ccd0d7; overflow: hidden; } .content-text-area-container[data-v-d0b565aa]:hover, .content-text-area-container.active[data-v-d0b565aa] { border: 1px solid #00a1d6; } .content-text-area-container .content-text-area-info[data-v-d0b565aa] { position: relative; height: 100%; width: 100%; padding: 10px 12px 30px; } .content-text-area-container .content-text-area-info textarea[data-v-d0b565aa] { resize: none; border: none; background-color: transparent; height: 100%; width: 100%; outline: none; } .content-text-area-container .content-text-area-info p[data-v-d0b565aa] { position: absolute; color: #99a2aa; height: 30px; line-height: 30px; right: 0; bottom: 0; text-align: center; width: 70px; } .common-modal-container .common-modal-content .common-modal-foot[data-v-d0b565aa] { position: relative; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div[data-v-d0b565aa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 30%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 66px; margin: 0 auto 20px; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-d0b565aa] { width: 100px; height: 32px; line-height: 32px; border-radius: 4px; font-size: 14px; cursor: pointer; text-align: center; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-d0b565aa]:first-child { background-color: #00a1d6; color: #fff; } .upload-step-3-container .upload-3-success-image[data-v-d0b565aa] { margin-top: 32px; margin-bottom: 30px; text-align: center; } .upload-step-3-container .upload-3-success-image>img[data-v-d0b565aa] { width: 250px; height: auto; } .upload-step-3-container .upload-3-success-hint-1[data-v-d0b565aa] { margin-top: 16px; text-align: center; font-size: 24px; color: rgba(0,0,0,.85); line-height: 32px; } .upload-step-3-container .upload-3-success-split[data-v-d0b565aa] { width: 100%; max-width: 600px; height: 1px; background: #e7e7e7; margin: 36px auto 0; } .upload-step-3-container .upload-3-success-go-url[data-v-d0b565aa] { text-align: center; margin-top: 35px; } .upload-step-3-container .upload-3-success-go-url a[data-v-d0b565aa] { display: inline-block; padding: 0 10px; min-width: 120px; border: 1px solid #d9d9d9; font-size: 14px; color: rgba(0,0,0,.65); text-align: center; line-height: 38px; border-radius: 4px; margin-left: 16px; } .upload-step-3-container .upload-3-success-go-url a.diff[data-v-d0b565aa], .upload-step-3-container .upload-3-success-go-url a[data-v-d0b565aa]:hover { background: #00a1d6; color: #fff; border-color: #00a1d6; } .upload-step-3-container .upload-3-success-go-url a[data-v-d0b565aa]:first-child { margin-left: 0; } .upload-step-3-container .upload-3-success-hint-2[data-v-d0b565aa] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 35px; } .upload-step-3-container .upload-3-success-hint-3[data-v-d0b565aa] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 8px; } .icon-xia[data-v-d0b565aa], .icon-shang[data-v-d0b565aa] { font-size: 12px; margin-left: 6px; color: #6d757a; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .icon-fire[data-v-d0b565aa] { color: #f36e47; } .icon-success_fill[data-v-d0b565aa] { color: #43ce5b; } .icon-shezhi1[data-v-d0b565aa] { color: #99a2aa; } .icon-zaixianshangchuan[data-v-d0b565aa] { font-size: 32px; color: #99a2aa; } .VideoBox[data-v-d0b565aa] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; } .upload-video .el-radio, .upload-video .el-radio__label { color: #000 !important; font-weight: inherit; } .el-input__inner { /*background-color: transparent;*/ } .el-input__inner:hover, .videoTextarea.el-textarea__inner:hover{ border: solid 1px #00a1d6!important; } .el-input__inner:disabled{ border-color: #E4E7ED!important; } .el-cascader-node__label { font-weight: initial; font-size: 12px; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #1aa2d4; border-color: #1aa2d4; } .el-checkbox__label { color: #000 !important; font-weight: normal; font-size: 14px; } .el-textarea__inner { background: #fafafa; } .el-step__title { font-size: 13px; } .el-step__head.is-success { color: #00a1d6; border-color: #00a1d6; } .el-step__title.is-success { color: #00a1d6; } .el-step__head.is-process .el-step__icon.is-text { color: white; background: #00a1d6; border-color: #00a1d6; } .archive-info-editor[data-v-5b5a714a] { position: relative; } .ql-container[data-v-5b5a714a] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; height: 100%; margin: 0; position: relative; } .archive-info-editor .editor[data-v-5b5a714a] { border: 1px solid #ccc; margin-top: 10px; min-height: 160px; border-radius: 8px; } .ql-editor[data-v-5b5a714a] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .hidden-content[data-v-5b5a714a] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; padding: 12px 15px; text-align: left; white-space: pre-wrap; word-wrap: break-word; opacity: 0; z-index: -10; } .ql-editor.ql-blank[data-v-5b5a714a]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .archive-info-editor .metion-toolkit .mention-hidden-input[data-v-5b5a714a] { position: absolute; opacity: 0; pointer-events: none; } .i-at-popup[data-v-5b5a714a] { z-index: 10; width: 246px; /*border: 1px solid #e5e9ef;*/ -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); border-radius: 4px; position: absolute; background-color: #fff; font-size: 12px; } .i-at-popup__hint[data-v-5b5a714a] { margin: 0; height: 40px; line-height: 42px; padding-left: 12px; letter-spacing: 0; cursor: default; color: #99a2aa; } .i-at-popup__list[data-v-5b5a714a] { width: 100%; max-height: 353px; overflow: auto; } .intLink[data-v-5b5a714a] { cursor: pointer; } img.intLink[data-v-5b5a714a] { border: 0; } #toolBar1 select[data-v-5b5a714a] { font-size: 10px; } #textBox[data-v-5b5a714a] { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; font-size: 12px; } #textBox #sourceText[data-v-5b5a714a] { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editMode label[data-v-5b5a714a] { cursor: pointer; } .d-time-date-picker-wrp[data-v-07d652f9] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .videoUpload[data-v-653ca86a] { height: calc(100% - 50px); } .canary-container[data-v-653ca86a] { max-width: 850px; padding: 0 10px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .upload-banner[data-v-653ca86a] { margin-top: 8px; font-size: 0; overflow: hidden; position: relative; width: 100%; height: 69px; border-radius: 5px; } .upload-banner ul.carousel[data-v-653ca86a] { width: 300%; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .upload-banner ul.carousel li[data-v-653ca86a] { width: 33.33333333%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a[data-v-653ca86a] { width: 100%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a img[data-v-653ca86a] { width: 100%; height: 100%; } .upload-container[data-v-653ca86a] { padding-top: 6px; } .upload-step1-container[data-v-653ca86a] { position: relative; padding: 14px 0 20px; text-align: center; } .alert-container[data-v-653ca86a] { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; color: #fff; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 42px; padding: 0 10px; opacity: .9; } .alert-container-info[data-v-653ca86a] { background-color: #00a1d6; } .alert-container .alert-btn[data-v-653ca86a] { padding: 0 16px; line-height: 22px; height: 24px; cursor: pointer; border: 1px solid transparent; border-radius: 4px; margin-left: 10px; } .alert-container-info div.alert-btn[data-v-653ca86a]:nth-child(2) { background-color: #fff; color: #00a1d6; } .alert-container-info div.alert-btn[data-v-653ca86a]:nth-child(3) { border-color: #fff; color: #fff; background-color: transparent; } .upload-step1-container #homeDrop[data-v-653ca86a] { padding-top: 66px; width: 100%; max-width: 830px; height: 284px; margin: 0 auto; position: relative; } .upload-step1-container #homeDrop .box-border[data-v-653ca86a] { width: 100%; height: 100%; position: absolute; border: dashed 1px gainsboro; left: 0; top: 0; } .upload-step1-container #homeDrop .upload-hint[data-v-653ca86a] { font-size: 13px; color: #999; text-align: center; margin-top: 6px; } .upload-step1-container #homeDrop .upload-btn[data-v-653ca86a] { position: relative; margin: 30px auto 0; width: 200px; height: 44px; cursor: pointer; background: #00a1d6; border-radius: 4px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; white-space: nowrap; font-size: 0; } .upload-step1-container #homeDrop .upload-btn #i-upload-btn[data-v-653ca86a] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .upload-step1-container #homeDrop .upload-btn .upload-btn-title[data-v-653ca86a] { font-size: 16px; color: #fff; line-height: 44px; } .upload-step1-container #homeDrop .video-jam[data-v-653ca86a] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 0; position: relative; } .upload-step1-container #homeDrop .video-jam .video-jam-pretext[data-v-653ca86a] { font-size: 13px; color: #999; text-align: center; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-state[data-v-653ca86a] { text-align: center; margin-left: 8px; border-radius: 2px; font-size: 12px; color: #fff; padding: 0 8px; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-comment[data-v-653ca86a] { position: absolute; opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; top: 6px; left: 110%; z-index: 101; width: 300px; text-align: left; padding: 8px 10px; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); font-size: 12px; line-height: 20px; color: #99a2aa; } .upload-step1-container #homeDrop .video-jam:hover .video-jam-comment[data-v-653ca86a] { opacity: 1; } .video-editor-ol-wrp[data-v-653ca86a] { background: rgba(0,161,214,.05); width: 100%; height: 88px; margin: 20px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .video-editor-ol-wrp .left[data-v-653ca86a] { font-size: 30px; width: 30px; height: 30px; color: #00a1d6; position: absolute; top: 0; bottom: 0; margin: auto; left: 60px; } .video-editor-ol-wrp .video-editor-ol-content[data-v-653ca86a] { text-align: left; margin-left: 120px; margin-top: 22px; } .video-editor-ol-wrp .video-editor-ol-content p.title[data-v-653ca86a] { margin-bottom: 3px; font-size: 16px; color: #212121; font-weight: 700; line-height: 22px; } .video-editor-ol-wrp .video-editor-ol-content .sub_title[data-v-653ca86a] { margin-top: 6px; font-size: 12px; color: #505050; position: relative; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question[data-v-653ca86a] { width: 14px; height: 14px; cursor: pointer; } .warning-info-container[data-v-653ca86a] { position: absolute; z-index: 20; left: 81%; top: -9px; background-color: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); border-radius: 4px; display: none; padding: 9px 12px; } .video-editor-ol-content .warning-info-container[data-v-653ca86a] { left: 100%; } .warning-info-container p.warning-info-content[data-v-653ca86a] { line-height: 22px; display: inline-block; white-space: nowrap; font-size: 14px; color: #505050; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question:hover~.warning-info-container[data-v-653ca86a] { display: block; } .section-title-container .section-title-warning:hover~.warning-info-container[data-v-653ca86a]{ display: inline-block; } .video-editor-ol-wrp .video-editor-ol-btn[data-v-653ca86a] { width: 80px; height: 30px; display: block; line-height: 30px; background-color: #00a1d6; border-radius: 4px; cursor: pointer; position: absolute; top: 28px; right: 33px; font-size: 13px; color: #fff; } .video-editor-ol-wrp .video-editor-ol-helper[data-v-653ca86a] { font-size: 12px; color: #00a1d6; position: absolute; top: 35px; right: 127px; } .video-editor-ol-wrp .video-editor-ol-new[data-v-653ca86a], .upload-step1-container .tip_new[data-v-653ca86a] { position: absolute; right: -3px; top: -10px; font-size: 12px; color: #fff; background-color: #fb7299; border-radius: 2px; line-height: 20px; text-align: center; width: 27px; -webkit-transform: scale(.8); transform: scale(.8); display: inline-block; } .upload-step1-container .upload-agreement .reg-1[data-v-653ca86a] { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 333px; margin: 40px auto 0; } .upload-step1-container .upload-agreement .reg-1>div[data-v-653ca86a] { line-height: 20px; height: 20px; font-size: 12px; cursor: pointer; position: relative; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-653ca86a] { color: #99a2aa; } .upload-step1-container .upload-agreement .reg-1>div a.reg-2-forbidden[data-v-653ca86a]:hover { text-decoration: underline; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-653ca86a]:hover { color: #00a1d6; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-653ca86a] { position: absolute; z-index: 101; color: #666666; border-radius: 4px; font-size: 12px; border: solid 1px #f9d199; background-color: #fcfae0; white-space: nowrap; text-align: left; cursor: default; padding: 20px; bottom: 28px; right: -5px; display: none; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-653ca86a]:after{ content: ''; position: absolute; width: 14px; height: 14px; border-color: transparent #f9d199 #f9d199 transparent; border-style: solid; border-width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fcfae0; right: 10px; bottom: -8px; } .upload-step1-container .upload-agreement .reg-1>div:hover .reg-tip[data-v-653ca86a] { display: block; } .upload-step1-container .tip_new[data-v-653ca86a] { right: -25px; } .upload-step1-container .upload-agreement .reg-2[data-v-653ca86a] { margin-top: 20px; line-height: 18px; font-size: 12px; color: #99a2aa; text-align: center; } .upload-step1-container .upload-agreement .reg-2 a[data-v-653ca86a]{ color: #00a1d6; } .tool-box-container[data-v-653ca86a] { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; } .tool-box-container .tool-title[data-v-653ca86a] { color: #99a2aa; padding-right: 16px; font-size: 12px; } .tool-box-container .tool-xiaowan[data-v-653ca86a] { padding-right: 16px; } .tool-box-container .tool-xiaowan-i a[data-v-653ca86a], .tool-box-container .tool-xiaowan a[data-v-653ca86a] { font-size: 12px; color: #99a2aa; } .tool-box-container .tool-xiaowan-i a[data-v-653ca86a]:hover, .tool-box-container .tool-xiaowan a[data-v-653ca86a]:hover { text-decoration: underline; color: #00a1d6; } .upload-step2-container[data-v-653ca86a] { position: relative; padding: 5px 0; } .file-list-container .file-title[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file-list-container .file-title h1[data-v-653ca86a] { font-size: 20px; color: #222; margin-right: 10px; } .file-list-container .file-title p.info[data-v-653ca86a] { font-size: 12px; color: #666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-container .file-title p.remain-upload[data-v-653ca86a] { font-size: 12px; color: #666; } .file-list-wrp[data-v-653ca86a] { margin: 16px 0 13px; } .upload-sortable-chosen[data-v-653ca86a], .upload-v2-sortable-ghost[data-v-653ca86a] { background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); padding-right: 20px!important; padding-left: 20px!important; } .file-list-wrp .file-list-item[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 24px 0; } .file-list-wrp .file-list-item .file-list-item-icon[data-v-653ca86a] { width: 36px; height: 30px; background: url(data:image/png;base64,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) no-repeat; background-size: 100% 100%; margin-right: 24px; font-size: 12px; color: #fff; line-height: 24px; cursor: -webkit-grabbing; cursor: grabbing; } .file-list-wrp .file-list-item .file-list-item-icon>span[data-v-653ca86a] { display: inline-block; width: 27px; text-align: center; vertical-align: text-top; } .file-list-wrp .file-list-item .file-list-item-wrp[data-v-653ca86a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp[data-v-653ca86a] { 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; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title[data-v-653ca86a] { font-size: 14px; color: #222; line-height: 32px; cursor: pointer; max-width: 715px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp input.item-title-text[data-v-653ca86a] { border: 1px solid rgb(204, 208, 215); } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title-text[data-v-653ca86a] { max-width: 515px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 32px; width: 100%; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op[data-v-653ca86a] { font-size: 12px; color: #666; line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op .item-status-click[data-v-653ca86a] { padding-right: 25px; width: 40px; cursor: pointer; opacity: 0; color: #00a1d6; } .file-list-wrp .file-list-item:hover .item-status-click[data-v-653ca86a]{ opacity: 1!important; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-info[data-v-653ca86a] { font-size: 12px; color: #99a2aa; padding: 6px 0 4px; } .file-list-item-wrp .item-upload-info span.upload-status-intro[data-v-653ca86a] { display: inline-block; padding-right: 12px; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress[data-v-653ca86a] { height: 2px; border-radius: 4px; background-color: #e7e7e7; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-653ca86a], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-error[data-v-653ca86a], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-loading[data-v-653ca86a] { height: 100%; border-radius: 4px; -webkit-transition: width .3s ease; transition: width .3s ease; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-653ca86a] { background-color: #43ce5b; } .file-list-container .file-add-btn-group[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-list-container .file-add-btn[data-v-653ca86a] { position: relative; background: #00a1d6; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; line-height: 14px; padding: 13px 0; width: 120px; cursor: pointer; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .file-list-container .file-add-btn.disabled[data-v-653ca86a] { opacity: .5!important; cursor: not-allowed; } .file-list-container .file-add-btn .file-add-btn-img[data-v-653ca86a] { vertical-align: middle; width: 16px; height: 16px; } .file-list-container .file-add-btn #i-upload-btn-more[data-v-653ca86a] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .dividing-line[data-v-653ca86a] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .normal-container .normal-title-wrp[data-v-653ca86a] { padding: 32px 0; 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; } .normal-container .normal-title-wrp>h1[data-v-653ca86a] { font-size: 20px; color: #222; } .normal-container .normal-title-wrp>.template-op[data-v-653ca86a] { border: 1px solid #ccd0d7; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; position: relative; } .normal-container .normal-title-wrp>.template-op.disabled[data-v-653ca86a], .normal-container .normal-title-wrp>.template-op.disabled>p[data-v-653ca86a], .normal-container .normal-title-wrp>.template-op.disabled>.iconfont[data-v-653ca86a]{ cursor: not-allowed!important; background: #f5f5f5; border-color: #ccd0d7!important; } .normal-container .normal-title-wrp>.template-op>p[data-v-653ca86a] { font-size: 12px; color: #99a2aa; line-height: 20px; margin: 0 20px 0 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .normal-container .normal-title-wrp>.template-op>p[data-v-653ca86a]:hover { opacity: .8; } .normal-container .normal-title-wrp>.template-op>.template-op-divide[data-v-653ca86a] { width: 1px; height: 10px; background-color: #ccd0d7; } .normal-container .normal-title-wrp>.template-op>.iconfont[data-v-653ca86a] { display: block; width: 16px; height: 16px; margin: 0 10px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .template-list-small-container[data-v-653ca86a] { position: absolute; width: 240px; border: 1px solid #ccd0d7; z-index: 9; top: 45px; right: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; word-break: break-all; padding: 10px; background: #fff; border-radius: 2px; } .template-list-small-container .template-list-small-item[data-v-653ca86a], .template-list-small-container .template-list-small-item-add[data-v-653ca86a] { width: 58px; height: 72px; margin: 10px 5px; } .template-list-small-container .template-list-small-item[data-v-653ca86a] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAeFBMVEUAAAAAodYAodYAodYAodYAodbU7/8AodYAodYAodYAodYAodZqyOrU7//I6/2Q1vIhrdzH6vwgrdzJ6/0DptwEp90Bo9gBo9kEqN4CpdsAotcCpNoDp90BotcBotgBpNkDptsCpNkEqN0DpdsCpdoAodcDp9wAAABkPnJJAAAAC3RSTlMAJa3xKO9/rvMn8u3ENFwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABuUlEQVRYw+3XbZOCIBAAYM+6l6Kue0FcQUuL+v8/8QBBoRJdv92M+6EU55GVXZwxSV7SFZkau8SP9etkSMj+zafvCEn2gf3AUd9ipKaeRdPe4mlnZ1Bn51BrUfQzsCh62PsWRb++fYui5Ofw6+wOSf1Y6EIXutCF/idKMzaT5gCFO+Y4WgCI9h4UAFC0BKjU31FDHOUAmfotAND0BFCT5gwz6EWtUmkdpSiaufmAHgmpELRyMMvNeZwyrwNyl6u0A1EqdG5NZaakLteKTKG2DFmRSwvLqY14lSUEIfyrY8vET3UHL5xgaN88NxaMV3KMCleQJnCiHOsm5p61uHp5NOPt/6QgOtztIrQJm6eLtlAFG6byWUF0HNUGymMrbDu25o+XbBaDtLhvnocYpGYxvOWpxGRqJu1P2RkaDM36x9OnbCI1CbuymJ4q+URaeBmbY+o1FMlF5BXO+qKapqq7K3ryG8R2jgFnbntD9hdUIwmgMXps+629ibe6VzOuXomRT992o6rS8qAzGFAp1egq8sHN210TjImSmhlVpLHP/HabB9XUmbTJv66TZJNuh2x211JufQnZppvkD3YtyLRBgBEJAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; cursor: pointer; } .template-list-small-container .template-list-small-item-add[data-v-653ca86a] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAADy8/T////////M0NfM0NfM0NfM0NfO0tnX2t/////M0Nf////y8/T+/v7////O0tn////////M0NfU193+/v7Q09rN0dj////h4+fM0Nfq7O/29/ji5Oj6+vvm6Ov9/f36+/vx8vTT1tza3eL4+fq/xMnBxsuxuL6+xMmttbuepq77/Pzy8/X7+/zc3uPs7vAAAABMru5BAAAAGHRSTlMAJq3x9a8mKe/wJ7Lz8/Ourijv77HyrSc3yBeKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAN1JREFUWMPtl8kOgkAMQCuiKO57rbixCeL2/18naqIXZysXDvMuPUxe0szLkADQcJq4JqINov50W20ArxMYKL/Z9aFHWzRntz844NKRoZb0IQx5JiJwxShiq0RV1Dhmq0Q8NUnYannDFVTbVUu1XdXYrprUsGt6Ep8pumaZ+EzRVaHKuipU2Q3LVEVXmSrsmp9fFMV75AL1f1ctVbaSbGHb9Uuao4QavlcZ9jusie2qp9quWipXtF01qaIOApZ3uQ5hhMj4bb7daQyT6YM+S5PBDGnmAfhz11xdLFfwBOrBjm8I0b0+AAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-small-container .template-list-small-item p[data-v-653ca86a] { text-align: center; font-size: 12px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; word-break: break-all; } .cover-container[data-v-653ca86a] { position: relative; } .section-title-container[data-v-653ca86a] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-title-container .section-title-content-main[data-v-653ca86a] { font-size: 16px; color: #101010; line-height: 21px; font-weight: 400; } .section-title-container .section-title-content-sub[data-v-653ca86a] { font-size: 12px; color: #6d757a; line-height: 21px; margin-left: 6px; } .cover-container .cover-detail-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .cover-container .cover-tpl[data-v-653ca86a] { position: absolute; width: 80px; height: 24px; line-height: 24px; top: 45px; right: 0; left: 120px; background: rgba(0,0,0,.5); border-radius: 4px; color: #fff; z-index: 9; font-size: 14px; text-align: center; cursor: pointer; } .cover-container .cover-detail-wrp .cover-preview[data-v-653ca86a] { width: 200px; height: 126px; cursor: pointer; margin-right: 44px; position: relative; } .cover-container .cover-detail-wrp .cover-preview[data-v-653ca86a]:hover { opacity: .8; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default[data-v-653ca86a]{ height: 126px; line-height: 126px; text-align: center; border-radius: 4px; position: relative; background: #ededed; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default img.i_tv[data-v-653ca86a] { width: 40px; height: 40px; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default .cover-upload-tip[data-v-653ca86a] { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #fff; text-align: center; width: 100%; line-height: 26px; border-radius: 4px 0 4px 0; background: rgba(0,0,0,.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show[data-v-653ca86a] { height: 100%; border-radius: 4px; position: relative; overflow: hidden; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show img.cover-preview-show[data-v-653ca86a] { display: block; height: 100%; width: 100%; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip[data-v-653ca86a] { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; font-size: 12px; color: #fff; text-align: center; line-height: 26px; width: 100%; border-radius: 4px 0 4px 0; z-index: 9; background: rgba(0,0,0,.5); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-upload[data-v-653ca86a], .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-edit[data-v-653ca86a]{ width: 50%; background: rgba(0,0,0,.5); margin-right: 2px; } .cover-container .cover-detail-wrp .cover-preview input[data-v-653ca86a] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; font-size: 0; z-index: 9; cursor: pointer; } .cover-container .cover-detail-wrp .cover-selector[data-v-653ca86a] { border: 1px solid #ccd0d7; border-radius: 4px; padding: 11px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-deg[data-v-653ca86a] { position: absolute; background-color: #fff; width: 15px; height: 15px; top: 55px; left: -8px; border-left: 1px solid #ccd0d7; border-bottom: 1px solid #ccd0d7; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); z-index: 9; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-title[data-v-653ca86a] { padding-left: 15px; color: #99a2aa; font-size: 12px; display: inline-block; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item[data-v-653ca86a] { margin-top: 12px; width: 120px; height: 75px; /*background: #dbdbdb;*/ border-radius: 4px; line-height: 75px; text-align: center; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #dbdbdb; /*background: url('../../../../../assets/image/test.jpg') center center / contain no-repeat rgb(219, 219, 219);*/ } @-webkit-keyframes loadingp-data-v-653ca86a { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loadingp-data-v-653ca86a { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .cover-container .cover-detail-wrp .cover-loading[data-v-653ca86a] { -webkit-animation: loadingp-data-v-653ca86a 1s linear infinite; animation: loadingp-data-v-653ca86a 1s linear infinite; display: none; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item-selected[data-v-653ca86a] { border: 3px solid #04a1d6; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item img.select_ai_img[data-v-653ca86a] { display: block; position: absolute; width: 19px; height: 24px; bottom: 0; right: 0; cursor: pointer; z-index: 9; } .ui-normal-line-white-divide[data-v-653ca86a] { height: 24px; background: transparent; } .section-title-container .section-title-deg[data-v-653ca86a] { color: #fc403c; font-size: 18px; line-height: 18px; height: 18px; } .copyright-container .copyright-check-radio-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } .copyright-container .copyright-source-input-wrp[data-v-653ca86a]{ margin-top: 12px; } .content-tag-container .content-tag-input-wrp[data-v-653ca86a], .content-title-container .content-title-input-wrp[data-v-653ca86a] { margin-top: 12px; } .input-box-1-container[data-v-653ca86a], .input-box-2-container[data-v-653ca86a] { /*background: hsla(0,0%,84.7%,0);*/ background: #fff; border: 1px solid #ccd0d7; border-radius: 4px; padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: border .3s ease; transition: border .3s ease; } .input-box-1-container[data-v-653ca86a]:hover, .input-box-1-container.active[data-v-653ca86a], .input-box-2-container[data-v-653ca86a]:hover, .input-box-2-container.active[data-v-653ca86a]{ border: 1px solid #00a1d6; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp[data-v-653ca86a]{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .label-item-container[data-v-653ca86a] { background: #00a1d6; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 9px 0 11px; cursor: pointer; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp>.label-item-container[data-v-653ca86a] { margin: 4px 6px 4px 0; } .label-item-container .label-item-close[data-v-653ca86a], .label-item-container .label-item-content[data-v-653ca86a] { color: #fff; font-size: 12px; } .label-item-container .label-item-content[data-v-653ca86a] { line-height: 30px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-container .label-item-close[data-v-653ca86a] { display: block; margin-left: 9px; -webkit-transform: scale(.6); transform: scale(.6); } .input-box-1-container .input-box-1-instance[data-v-653ca86a], .input-box-2-container .input-box-1-instance[data-v-653ca86a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; margin: 8px 0; } .input-box-1-container .input-box-1-instance .input-box-1-val[data-v-653ca86a], .input-box-2-container .input-box-1-instance .input-box-1-val[data-v-653ca86a] { display: block; width: 100%; color: #222; line-height: 22px; height: 22px; font-size: 14px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; } .input-box-1-container .input-box-1-max-tip[data-v-653ca86a], .input-box-2-container .input-box-1-max-tip[data-v-653ca86a] { font-size: 14px; color: #9ba4ac; margin: 8px 0 8px 12px; } .type-list-container .type-list-selector-wrp[data-v-653ca86a], .type-list-loading-box[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-653ca86a]{ position: relative; } .select-box-container .select-box-controller[data-v-653ca86a]{ padding: 8px 12px; border: 1px solid #ccd0d7; border-radius: 4px; min-width: 200px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #99a2aa; -webkit-transition: border .3s ease; transition: border .3s ease; } .select-box-container .select-box-controller .select-item-cont[data-v-653ca86a]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .select-box-container .select-box-controller .select-item-cont-inserted[data-v-653ca86a]{ color: #222; } .content-tag-container .content-tag-input-wrp .content-tag-last-wrp[data-v-653ca86a] { font-size: 14px; color: #858585; margin: 8px 0 8px 12px; cursor: default; } .content-tag-container .content-tag-other-wrp[data-v-653ca86a] { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .content-tag-container .content-tag-other-wrp .content-tag-other-label[data-v-653ca86a] { font-size: 14px; color: #222; padding-top: 14px; } .empty-retry-wrp[data-v-653ca86a] { font-size: 12px; margin: 6px 0 6px 12px; height: 30px; padding: 0 10px; color: #6d757a; line-height: 30px; } .empty-retry-wrp a[data-v-653ca86a] { color: #00a1d6; } .content-tag-container .content-tag-edit-mod-wrp[data-v-653ca86a], .content-tag-container .content-tag-other-tag-error-wrp[data-v-653ca86a] { border-radius: 4px; border: 1px solid #ccd0d7; color: #a2aab1; height: 42px; line-height: 40px; text-align: center; font-size: 12px; background: #f5f5f5; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-error-wrp[data-v-653ca86a] { margin-left: 12px; margin-top: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list[data-v-653ca86a], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-653ca86a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .label-item-2-container[data-v-653ca86a] { text-align: center; padding: 0 20px; height: 30px; border: 1px solid #ccd0d7; border-radius: 100px; color: #6d757a; cursor: pointer; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list>.label-item-2-container[data-v-653ca86a], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp>.label-item-2-container[data-v-653ca86a] { margin: 6px 0 6px 12px; } .label-item-2-container.label-item-2-container-hot[data-v-653ca86a] { padding: 0 12px 0 14.5px; } .label-item-2-container.label-item-2-container-has-sub[data-v-653ca86a] { position: relative; cursor: pointer; } .label-item-2-container>p[data-v-653ca86a] { white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-2-container>p span[data-v-653ca86a] { font-size: 12px; line-height: 28px; } .label-item-2-container.label-item-2-container-selected[data-v-653ca86a] { background: #f4f5f7; color: #333; cursor: not-allowed; padding: 0 21px; border: 0; } .label-item-2-container.label-item-2-container-selected>p span[data-v-653ca86a] { line-height: 30px; } .children-sub-container[data-v-653ca86a] { background: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); border-radius: 4px; position: absolute; left: 0; z-index: 10; min-width: 100%; font-size: 12px; top: calc(100% + 5px); white-space: nowrap; padding: 10px; cursor: default!important; } .children-sub-container>div[data-v-653ca86a] { margin-top: -10px; } .children-sub-container>div>div[data-v-653ca86a] { margin-top: 10px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp[data-v-653ca86a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more[data-v-653ca86a] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #00a1d6; margin: 6px 0 6px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more i[data-v-653ca86a], .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more span[data-v-653ca86a] { vertical-align: middle; line-height: 30px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-mission-tag-tip[data-v-653ca86a] { font-size: 12px; line-height: 16px; color: #999; margin-left: 12px; margin-top: 8px; } .content-desc-container .content-desc-text-wrp[data-v-653ca86a] { margin-top: 12px; } .archive-info-editor[data-v-653ca86a] { position: relative; } .ql-container[data-v-653ca86a] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; height: 100%; margin: 0; position: relative; } .archive-info-editor .editor[data-v-653ca86a] { border: 1px solid #ccc; margin-top: 10px; min-height: 160px; border-radius: 8px; } .ql-editor[data-v-653ca86a] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .hidden-content[data-v-653ca86a] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; padding: 12px 15px; text-align: left; white-space: pre-wrap; word-wrap: break-word; opacity: 0; z-index: -10; } .ql-editor.ql-blank[data-v-653ca86a]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .archive-info-editor .metion-toolkit .mention-hidden-input[data-v-653ca86a] { position: absolute; opacity: 0; pointer-events: none; } .i-at-popup[data-v-653ca86a] { z-index: 10; width: 246px; /*border: 1px solid #e5e9ef;*/ -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); border-radius: 4px; position: absolute; background-color: #fff; font-size: 12px; } .i-at-popup__hint[data-v-653ca86a] { margin: 0; height: 40px; line-height: 42px; padding-left: 12px; letter-spacing: 0; cursor: default; color: #99a2aa; } .i-at-popup__list[data-v-653ca86a] { width: 100%; max-height: 353px; overflow: auto; } .archive-info-editor .mention-max[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #9ba4ac; font-size: 14px; position: absolute; bottom: 10px; right: 15px; } .dividing-line[data-v-653ca86a] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .more-selector-container .more-selector-title-wrp[data-v-653ca86a] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 28px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .more-selector-container .more-selector-title-wrp>h1[data-v-653ca86a] { font-size: 20px; color: #222; } .more-selector-container .more-selector-title-wrp .more-selector-drop-tip[data-v-653ca86a] { font-size: 12px; color: #6d757a; margin-right: 6px; } .original-set-container[data-v-653ca86a] { padding-top: 32px; } .section-title-container .section-title-warning[data-v-653ca86a] { font-size: 16px; display: inline-block; margin-left: 4px; color: #99a2aa; cursor: pointer; padding-right: 30px; } .warning-info-container p.warning-info-content.warning-info-content-important[data-v-653ca86a] { color: #f26291; } .original-set-container .original-set-copy-switch-wrp[data-v-653ca86a] { margin-top: 16px; } .check-box-container[data-v-653ca86a] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; vertical-align: middle; position: relative; } .water-mark-set-container[data-v-653ca86a], .porder-set-container[data-v-653ca86a] { margin-top: 32px; } .water-mark-set-container .water-mark-set-copy-switch-wrp[data-v-653ca86a] { margin-top: 16px; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-653ca86a], .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-653ca86a] { font-size: 14px; display: inline-block; vertical-align: middle; } .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-653ca86a] { color: #000; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-653ca86a] { margin-left: 8px; text-decoration: underline; color: #00a1d6; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group>div[data-v-653ca86a] { margin-top: 16px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item[data-v-653ca86a] { margin-top: 8px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-653ca86a]{ position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first>div[data-v-653ca86a] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-653ca86a]>:first-child { margin-right: 10px; } .select-box-container .select-box-controller .select-item-cont[data-v-653ca86a]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first .porder-item-own-game-selector-btn[data-v-653ca86a] { /*display: inline-block;*/ /*cursor: pointer;*/ line-height: 34px; /*border: 1px solid #ccd0d7;*/ font-size: 14px; /*padding: 0 12px;*/ /*border-radius: 4px;*/ color: #9ba4ac; /*min-width: 120px;*/ /*user-select: none;*/ width: 120px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-second[data-v-653ca86a] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips[data-v-653ca86a] { font-size: 14px; padding-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips a[data-v-653ca86a] { color: #00a1d6; } .sub-title-container[data-v-653ca86a] { padding-top: 32px; } .sub-title-container .sub-title-select-wrp[data-v-653ca86a] { margin-top: 10px; } .sub-title-container .sub-title-switch-wrp[data-v-653ca86a] { margin-top: 16px; } .electron-set-container[data-v-653ca86a] { margin-top: 32px; } .electron-set-container .electron-set-copy-switch-wrp[data-v-653ca86a] { margin-top: 16px; } .choosePrice[data-v-653ca86a]{ margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .choosePrice .left[data-v-653ca86a]{ margin-right: 20px; } .choosePrice .right[data-v-653ca86a]{ margin-right: 20px; } .choosePrice p[data-v-653ca86a]{ font-size: 13px; padding-bottom: 12px; /*color: #fc403c;*/ } .electron-set-container .electron-set-copy-switch-wrp .electron-set-hint[data-v-653ca86a] { font-size: 14px; color: #000; } .fans-dynamic-container .fans-dynamic-title-wrp[data-v-653ca86a] { margin-top: 30px; } .fans-dynamic-container .fans-dynamic-title-wrp>h1[data-v-653ca86a] { font-size: 20px; color: #222; } .fans-dynamic-container .fans-dynamic-input-wrp[data-v-653ca86a] { margin-top: 16px; } .d-time-container[data-v-653ca86a] { margin-top: 24px; } .d-time-container .d-time-switch-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-653ca86a], .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-653ca86a] { font-size: 14px; color: #222; line-height: 30px; height: 30px; } .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-653ca86a] { margin-right: 8px; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-653ca86a] { margin-left: 10px; font-size: 0; } .d-time-container .d-time-switch-wrp p.d-time-last span[data-v-653ca86a] { font-size: 12px; } .d-time-container .d-time-date-picker-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .submit-button-group-container[data-v-653ca86a] { padding: 32px 0 106px; } .submit-button-group-container .submit-btn-group-add-img[data-v-653ca86a], .submit-button-group-container .submit-btn-group-add[data-v-653ca86a], .submit-button-group-container .submit-btn-group-tpl[data-v-653ca86a] { display: inline-block; height: 40px; font-size: 14px; border-radius: 4px; text-align: center; vertical-align: middle; width: 120px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .submit-button-group-container .submit-btn-group-add[data-v-653ca86a] { line-height: 40px; color: #fff; background: #00a1d6; } .submit-button-group-container .submit-btn-group-tpl[data-v-653ca86a] { margin-left: 16px; line-height: 38px; border: 1px solid #ccc; color: #505050; background: #fff; } .common-modal-container[data-v-653ca86a] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,.5); padding: 10px 0; } .common-modal-container .common-modal-content[data-v-653ca86a] { position: relative; background-color: #fff; max-height: 100%; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 33%); box-shadow: 0 2px 8px rgb(0 0 0 / 33%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 60%; height: 60%; margin: auto; left: calc(50% - 100px ); top: calc(50% + 30px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow-y: auto; overflow-x: hidden; } .common-modal-container .upload-animated[data-v-653ca86a] { height: 90%; } .common-modal-container .common-modal-content .common-modal-head[data-v-653ca86a] { border-bottom: 1px solid #e5e9ef; text-align: center; font-weight: 700; position: relative; height: 50px; } .template-list-modal-head[data-v-653ca86a], .template-edit-modal-head[data-v-653ca86a] { font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .template-list-modal-body[data-v-653ca86a], .template-list-modal-head[data-v-653ca86a], .template-edit-modal-head[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .common-modal-container .common-modal-content .common-modal-head>div.icon-close-container[data-v-653ca86a] { position: absolute; top: 0; right: 0; height: 100%; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; cursor: pointer; } .template-list-modal-body[data-v-653ca86a] { padding: 30px 0 70px; width: 90%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .template-list-modal-body .template-list-item[data-v-653ca86a] { margin: 0 20px 15px; } .template-list-modal-body .template-list-item .template-list-item-bg[data-v-653ca86a] { position: relative; width: 102px; height: 126px; /*background: url("../../../../image/template_bg.png") no-repeat;*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAB5CAMAAAD8gaQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA1VBMVEUAAAADabcAodYAodYAodYDabcAodYAodbN6/0DabfM6vwDabcAodYAodYBo9kAodYBo9gDptwAodYAoNZqx+oAn9XU7/8AntQAndQAntUAnNMAmtIAoNUAm9IBl9EBlc8AmdIBlM8AmdEBk87I6vyR0e8in9XH6fwAm9MBltABks4hntSQz+7J6vwBldABkM0Bj8wBkMwBkc0BotgDptwBo9gEqN0EqN4BotcCpNkCpdsAotcCpNoDp90Dp9wDpdsCpdoEp90DptsBo9kAodcBpNkAAAAOY5CYAAAAEnRSTlMAASWt8QIn74MEhAPzKCjyrSewQavTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAA4VJREFUaN7t2lt3ojAQAGB33bZ77y5UqrWt2u6l7d6XIJcAAtr//5cKCJGBxHOIkz5l3sTAB8lkEj0MBnjxYt+XL4evDJQwzbMjoXR8goMY5mhkvX4jcoZoyvnYst6KHKQeM8zJxdQSO0iKcTm+urbEDh4znVliB4+ZLyyxg8fc3FpiRwHDc1QwHEcJ03XUMB1HEdN2VDEtRxkDHXUMcBQyTUcl03CUMjtHLcMcTOaL2MFj5ouvltDBY6azb9+FDhZjTu7uH378/MVxzo7wGGM0nv9++PMXxL//t/fT8egdInM5uZjfzxa3IBaz65zJew2NyZ3x3XR+A2I+vbo4R32a3BlNxt2YjEzMsSnCvOyGaRqImbYvEOeNZjSjGc1oRjOa0YxmNKMZzWhGM8/D2IQ4z8AsXdf1lDNOrri+ciYomF2v0ZBEUbzysZmoYNinxK0CmaHFNUn1wU9dRYy/Gxondl1VTOZWiUYz11XHFN2UGo1BUcLYxSUDY526SpmwuGRCmkCUEXSGtJ8iXRvlOOEybSWpjmeojAORjNZfUEzGA30WNwu1JGNngU/hoU0ABgWWTznG2yZR0LhhHyRxsoEnyDE+ux5JSsqJmgjpLDhyjA2GmoSgskR4q6ffmed1LENee+lM80LCUwLKbX1QQjtJiyK2oOVh8waW+2gtup3gICYEjxLyG9lJelDphOV+xR0UL4kOWwhsMCy8LWCeJWydlmQorCyPnBZ+8z7kmHDJK/cgYA7KMLCyZB630brZpTLbQdBfsSNqtjOozLxp9kbqi9uVUyoKt8/am2nOlXa5b/ValLD+7MvQfeUeRrPw9GXYPi9y+pzWl6ln/qrXWX2Zus+i7ldOgMfUW6RumfSFtVOCqSddJ5HLybQWnof0NNW6I0yLnky914jBUVpX4gyJYSWked9eXePESdCXibup5iyFeZHfgufJMKzWsCR4rI9wEyDd/q6WLjZLCt20NfzbSuRVw9i7dLJlIAAfo3aBi8t1e1Uter2ZXe0sL1ztpkmnVudpEQfFokGlmN3obP9lSASJnIIxlFg9IzjmGXczUD10WuWFBMN++lVJTdqVh24fMqGO9LJWXrd2+LXSceMVceG/agOJ1649lgXcnSbpbqveD2ReImdJzV3cyv0s3IwMc+ZD71fiN2z3zC/J1Iaz6ORj8brd8fC0p+PDpN4fp58+58gTynXmZlHizyAAAAAASUVORK5CYII=) no-repeat; background-size: 100% 100%; } .template-list-modal-body .template-list-item .template-list-item-bg p[data-v-653ca86a] { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 10; word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 12px; line-height: 14px; color: #fff; } .template-list-modal-body .template-list-item .template-list-item-operate[data-v-653ca86a] { 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; font-size: 12px; margin-top: 5px; position: relative; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-653ca86a], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-653ca86a] { width: 50px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; cursor: pointer; border-radius: 4px; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-left[data-v-653ca86a], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-left[data-v-653ca86a] { color: #00a1d6; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-right[data-v-653ca86a], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-right[data-v-653ca86a] { color: #f25d8e; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-653ca86a]:hover, .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-653ca86a]:hover { background: #e5e9ef; } .template-list-modal-body .template-list-item-add[data-v-653ca86a] { margin: 0 20px; width: 102px; height: 126px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAilBMVEUAAAD////////l5+r////////////09ffP0tng4+fM0NfM0NfN0djN0dj8/f33+Pn////////N0dj9/f3M0Nfq7O/////h4+ft7vH3+Pn09PbO0tn8/Pz5+vr4+frx8vTT1tza3eLi5Oejq7KZoqrh5OakrLOiqrL6+/v+/v7Z3OHg4+f8/P0AAAD0TivSAAAAFHRSTlMAJa308Sfv7yevsfT0r64oKPLzrnttFkIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABKUlEQVRo3u3a226CUBCF4ZEqPWirbcfx1KqwwVbr+z9fNd54Q9yQDFnBtW+4Il8g828gQaSXPKjq1MxmHsd+0hMZpDb3RMwen+R5Yb5ruXqRoX75It86FFXnKzHVFpD1WjYbb8RM/InuINutZJk30sp0dQdhJ3gIO8FD2Akewk7wEHaCh7ATPISd4CHsBA9p0EkeQl6XqT1doSiCO1KcFiDSoJP6SIPpumekQSeg09UdJLKTPBQVK2Yfi5yuSiNqH0NCyl2lUd4+m53gIXye4CF33clPGy93ZdhF7FfXi98neAi/4/EQdoKHsBM8hJ3gIewED2EneAg7wUPYCR7CTvCQTnUy0l9fY38Yyevf0dcwe5Nxer6gy03zOGaWTk6/oyfvnsjH50D+AepWEyD7kPBSAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-modal-body .template-list-item-add[data-v-653ca86a]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAAD///////97zur////////////J6/YNpthmx+YAodYAodYEotcFo9cGo9fy+v3Z8fn///////8HpNf1+/0AodaW2O7///9pyOek3fDY8fnG6vYLpdgCotbv+fzi9Prd8vq75vQirttEuuG25PMZqtoYqtq15PMcq9sXqdobq9rn9vv5/f5CueFlxubx+v1Gu+EAAADMk4V5AAAAFXRSTlMAJa308Sfv7yevsfT09K+uKCjy865aKS/6AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAS1JREFUaN7t2slyglAQheEWI9GYUdN2ZicGjeP7P13cZUXlXkxTp/CwuSvqK6j+LwWFSCfpqurEzF481qukI9JL7dUTMbvuy+DNfI/3jxsZfn75IlMdiqrzlZhqA8hsJvO5N2Im/kR7kMVClktvpJHpag/CTvAQdoKHsBM8hJ3gIewED2EneAg7wUPYCR5So5Msz7NYJnq6CtXcHTl9Xoq+wQ0gNTqJR2pM1yUjNToBna72IIGdZLlWHCH7WOB0VRpB+9j5SPFvSLmqNMq/z2YneAifJ3jIRXeyDtqvzkTK4ruMO4PvJ3gI3+PxEHaCh7ATPISd4CHsBA9hJ3gIO8FD2Akewk7wkFZ1cqsbX2O7u5P7/cHXMHuQx/T385LHerT06fQ7ejLyRMbPPfkBmTI3G/RYiKMAAAAASUVORK5CYII=); } .template-edit-modal-body[data-v-653ca86a] { padding: 30px 20px 0; } .template-edit-modal-body>div[data-v-653ca86a] { margin-bottom: 25px; } .template-edit-modal-body>div .template-item-section-title[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .template-edit-modal-body>div .template-item-section-title>p[data-v-653ca86a] { font-size: 12px; color: #99a2aa; line-height: 25px; } .upload-animated .section-title-container[data-v-653ca86a], .template-edit-modal-body .template-copyright-item[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; } .template-edit-modal-body .copyright-source-input-wrp[data-v-653ca86a]{ margin-top: 12px; } .upload-animated .section-title-container[data-v-653ca86a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .section-title-container>p[data-v-653ca86a] { font-size: 14px; color: #ff3c3c; margin-right: 5px; } .section-title-container>h3[data-v-653ca86a] { font-weight: 500; font-size: 14px; color: #222; } .template-edit-modal-body>div .template-item-input-box[data-v-653ca86a], .template-edit-modal-body>div .template-item-text-area[data-v-653ca86a], .template-edit-modal-body>div .template-item-type-list[data-v-653ca86a] { width: 100%; } .template-edit-modal-body .template-edit-name .template-edit-name-input[data-v-653ca86a] { width: 342px; } .content-input-box[data-v-653ca86a] { border-radius: 4px; border: 1px solid #ccd0d7; font-size: 12px; color: #222; padding: 5px 12px; 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; width: 100%; background-color: #fff; } .content-input-box[data-v-653ca86a]:hover, .content-input-box.active[data-v-653ca86a] { border: 1px solid #00a1d6; } .content-input-box .content-tag-pre-wrp[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-input-box .input-instance[data-v-653ca86a] { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-input-box .input-instance input[data-v-653ca86a] { display: block; width: 100%; height: 30px; border: 0; background-color: transparent; } .common-type-list-container .content-type-list[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .common-type-list-container .content-type-list>div[data-v-653ca86a] { position: relative; margin: 0 10px 10px 0; font-size: 14px; font-weight: 400; height: 34px; line-height: 32px; color: #222; background: #f4f5f7; min-width: 77px; } .common-type-list-container .content-type-list>div .content-type-list-item[data-v-653ca86a] { border: .01rem solid #ccd0d7; text-align: center; } .common-type-list-container .content-type-list>div>div[data-v-653ca86a]:first-child { border-radius: 4px; } .common-type-list-container .content-type-list>div>div[data-v-653ca86a]:first-child:hover { border-color: #00a1d6; color: #00a1d6; background-color: #fff; } .common-type-list-container .content-type-list>div .content-type-list-item-active[data-v-653ca86a] { background: #00a1d6; border-color: #00a1d6; color: #fff; } .select-list-mod-1-container[data-v-653ca86a] { min-width: 100%; position: absolute; max-height: 350px; overflow: auto; top: 46px; padding: 10px 0; border-radius: 4px; /*border: 1px solid #ccd0d7;*/ -webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); background: #fff; z-index: 10; } .select-list-mod-1-container>div[data-v-653ca86a] { line-height: 30px; height: 30px; padding: 0 20px; font-size: 14px; color: #222; cursor: pointer; white-space: nowrap; } .select-list-mod-1-container>div[data-v-653ca86a]:hover { background-color: #e5e9ef; } .select-list-mod-1-container .list-mod-1-active[data-v-653ca86a] { color: #00a1d6; background-color: #e5e9ef; } .select-list-mod-1-container>div:hover>.list-mod-1-main-name[data-v-653ca86a] { color: #00a1d6; } .select-list-mod-1-container>div .list-mod-1-sub-name[data-v-653ca86a] { color: #99a2aa; font-size: 12px; } .common-type-list-container .content-type-list-hint[data-v-653ca86a] { line-height: 24px; height: 24px; font-size: 12px; color: #222; } .common-type-list-container .content-type-list-hint .content-type-list-hint-highlight[data-v-653ca86a] { color: #00a1d6; font-size: 14px; } .content-input-box p[data-v-653ca86a] { color: #99a2aa; line-height: 30px; text-align: center; } .info-hint-container[data-v-653ca86a] { font-size: 12px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px; } .info-hint-container>div[data-v-653ca86a] { line-height: 28px; color: #00a1d6; } .content-text-area-container[data-v-653ca86a] { height: 170px; font-size: 12px; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 4px; border: 1px solid #ccd0d7; overflow: hidden; } .content-text-area-container[data-v-653ca86a]:hover, .content-text-area-container.active[data-v-653ca86a] { border: 1px solid #00a1d6; } .content-text-area-container .content-text-area-info[data-v-653ca86a] { position: relative; height: 100%; width: 100%; padding: 10px 12px 30px; } .content-text-area-container .content-text-area-info textarea[data-v-653ca86a] { resize: none; border: none; background-color: transparent; height: 100%; width: 100%; outline: none; } .content-text-area-container .content-text-area-info p[data-v-653ca86a] { position: absolute; color: #99a2aa; height: 30px; line-height: 30px; right: 0; bottom: 0; text-align: center; width: 70px; } .common-modal-container .common-modal-content .common-modal-foot[data-v-653ca86a] { position: relative; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div[data-v-653ca86a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 30%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 66px; margin: 0 auto 20px; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-653ca86a] { width: 100px; height: 32px; line-height: 32px; border-radius: 4px; font-size: 14px; cursor: pointer; text-align: center; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-653ca86a]:first-child { background-color: #00a1d6; color: #fff; } .upload-step-3-container .upload-3-success-image[data-v-653ca86a] { margin-top: 32px; margin-bottom: 30px; text-align: center; } .upload-step-3-container .upload-3-success-image>img[data-v-653ca86a] { width: 250px; height: auto; } .upload-step-3-container .upload-3-success-hint-1[data-v-653ca86a] { margin-top: 16px; text-align: center; font-size: 24px; color: rgba(0,0,0,.85); line-height: 32px; } .upload-step-3-container .upload-3-success-split[data-v-653ca86a] { width: 100%; max-width: 600px; height: 1px; background: #e7e7e7; margin: 36px auto 0; } .upload-step-3-container .upload-3-success-go-url[data-v-653ca86a] { text-align: center; margin-top: 35px; } .upload-step-3-container .upload-3-success-go-url a[data-v-653ca86a] { display: inline-block; padding: 0 10px; min-width: 120px; border: 1px solid #d9d9d9; font-size: 14px; color: rgba(0,0,0,.65); text-align: center; line-height: 38px; border-radius: 4px; margin-left: 16px; } .upload-step-3-container .upload-3-success-go-url a.diff[data-v-653ca86a], .upload-step-3-container .upload-3-success-go-url a[data-v-653ca86a]:hover { background: #00a1d6; color: #fff; border-color: #00a1d6; } .upload-step-3-container .upload-3-success-go-url a[data-v-653ca86a]:first-child { margin-left: 0; } .upload-step-3-container .upload-3-success-hint-2[data-v-653ca86a] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 35px; } .upload-step-3-container .upload-3-success-hint-3[data-v-653ca86a] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 8px; } .icon-xia[data-v-653ca86a], .icon-shang[data-v-653ca86a] { font-size: 12px; margin-left: 6px; color: #6d757a; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .icon-fire[data-v-653ca86a] { color: #f36e47; } .icon-success_fill[data-v-653ca86a] { color: #43ce5b; } .icon-shezhi1[data-v-653ca86a] { color: #99a2aa; } .icon-zaixianshangchuan[data-v-653ca86a] { font-size: 32px; color: #99a2aa; } .VideoBox[data-v-653ca86a] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; } #text-contribute[data-v-bd0c5704] { /*transform: translateX(1px);*/ padding-left: 0; padding-right: 0; height: calc(100% - 60px); padding-bottom: 40px; background: #fff; } .ui-input[data-v-bd0c5704] { border-radius: 4px; border: 1px solid #ccd0d7; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; outline: none; } #text-contribute.limit-height[data-v-bd0c5704] { padding-bottom: 0; position: relative; } #text-contribute .fixed-header[data-v-bd0c5704] { /*position: absolute;*/ width: 100%; background-color: #fff; padding-top: 4px; z-index: 5; position: relative; /*position: fixed;*/ /*margin-top: 60px;*/ } #text-contribute .fixed-header .tab-container[data-v-bd0c5704] { width: 80%; min-width: 740px; margin: 0 auto; } .i-tab[data-v-bd0c5704] { display: inline-block; margin-top: 7px; font-size: 12px; margin-right: 24px; position: relative; color: #222; padding-bottom: 5px; cursor: pointer; } .i-tab.current[data-v-bd0c5704] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .i-tab.current[data-v-bd0c5704]:after { content: ""; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 0 none; border-right: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px solid #00a1d6; } .edit-article-wrap[data-v-bd0c5704] { /*padding: 35px 0 0 0!important;*/ /*height: 100%;*/ position: relative; height: calc(100vh - 120px); overflow: auto; } .edit-article-wrap #edit-article-box[data-v-bd0c5704] { width: 100%; height: 100%; margin: 0; display: block; left: 0; top: 0; /*background-color: #fff;*/ padding: 0!important; position: relative; } .contet-wrap[data-v-bd0c5704] { min-height: 100%; margin: 0 auto; min-width: 740px; width: 80%; position: relative; } #loading[data-v-bd0c5704] { text-align: center; height: calc(100% - 154px); padding: 100px 10px 10px; position: absolute; width: 100%; left: 0; top: 0; } #loading i.waiting[data-v-bd0c5704] { display: block; width: 60px; height: 60px; border-radius: 50%; margin: 50px auto; -webkit-animation: rotate .8s infinite linear; animation: rotate .8s infinite linear; border: 3px solid #cfd8e0; border-right-color: transparent; } #loading p[data-v-bd0c5704] { font-size: 16px; } #edit-page[data-v-bd0c5704] { background: #fff; border-radius: 4px; padding: 0 40px; margin: 0; color: #222; } .original-editor-wrap[data-v-bd0c5704] { border: 1px solid #e5e9ef; border-radius: 4px; padding: 0 40px 20px; margin: 0 -40px; } #edit-page .block-wrap[data-v-bd0c5704] { margin-top: 30px; } .editor-wrap[data-v-bd0c5704] { /*overflow: hidden;*/ position: relative; } .ui-input-textarea[data-v-bd0c5704] { position: relative; display: inline-block; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; border: 1px solid #ccd0d7; outline: 0; border-radius: 4px; overflow: hidden; padding: 7px 12px 35px; cursor: text; } .editor-wrap .article-title[data-v-bd0c5704] { width: 100%; margin-bottom: 18px; border: none; padding: 0; display: block; } .ui-input-textarea textarea[data-v-bd0c5704] { width: 100%; border: 0; background-color: transparent; outline: none; resize: none; text-align: justify; display: block; height: 64px; word-break: break-all; font-size: 28px; padding: 12px 50px 12px 0; font-weight: 700; line-height: 40px; } .ui-input-textarea .count[data-v-bd0c5704] { position: absolute; bottom: 7px; right: 20px; margin-left: -50px; text-align: right; width: 80px; color: #99a2aa; } .editor-wrap .article-title .count[data-v-bd0c5704] { position: absolute; top: 50%; margin-top: -9px; right: 0; text-align: right; width: 40px; color: #99a2aa; } .editor-box[data-v-bd0c5704] { background-color: #fff; } .editor-box p.counter[data-v-bd0c5704] { text-align: right; color: #99a2aa; line-height: 1; margin: 30px 0; } #edit-page .block-hr[data-v-bd0c5704] { margin: 0 -30px; border: 0; border-top: 1px solid #f1f3f7; } #edit-page .block-wrap h3.block-title[data-v-bd0c5704] { font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 16px; } .classify .classify-list[data-v-bd0c5704] { margin-top: -12px; } .classify .classify-list .list-item[data-v-bd0c5704] { position: relative; display: inline-block; margin-right: 12px; margin-top: 12px; } .classify .classify-list .list-item .class-block[data-v-bd0c5704] { background-color: #f1f3f7; border: 1px solid #cbd0d8; color: #222; font-size: 14px; border-radius: 4px; min-width: 80px; padding: 0 10px; text-align: center; height: 32px; line-height: 32px; display: block; cursor: pointer; } .classify .classify-list .list-item .class-block.active[data-v-bd0c5704] { background-color: #37c8f7; border-color: #37c8f7; color: #fff; -webkit-transition-duration: .2s; transition-duration: .2s; } .classify .sub-list[data-v-bd0c5704] { position: absolute; top: 120%; left: 1px; z-index: 1000; margin-top: 2px; border-radius: 4px; padding: 10px 0; white-space: nowrap; background: #fff; border: none; -webkit-box-shadow: 0 3px 13px rgb(0 0 0 / 18%); box-shadow: 0 3px 13px rgb(0 0 0 / 18%); } .classify .sub-list .sub-item[data-v-bd0c5704] { padding: 0 20px; cursor: pointer; line-height: 27px; } .classify .sub-list .sub-item .name[data-v-bd0c5704] { font-size: 14px; } .classify .classify-list .list-item .class-block[data-v-bd0c5704]:not(.disabled):hover { background-color: #fff; border-color: #37c8f7; color: #37c8f7; -webkit-transition-duration: .2s; transition-duration: .2s; } .classify .sub-list .sub-item.active[data-v-bd0c5704], .classify .sub-list .sub-item[data-v-bd0c5704]:hover { background-color: #f1f3f7; color: #00a1d6; } .classify .position[data-v-bd0c5704] { margin-top: 20px; color: #99a2aa; } .classify .position span[data-v-bd0c5704] { color: #00a1d6; } #edit-page .copyright-hint[data-v-bd0c5704] { margin: 10px 0; font-size: 12px; color: #99a2aa; } #edit-page .copyright-hint span[data-v-bd0c5704] { vertical-align: middle; } .d-time-container .d-time-switch-wrp[data-v-bd0c5704]{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-bd0c5704], .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-bd0c5704] { font-size: 14px; color: #222; line-height: 30px; height: 30px; } .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-bd0c5704] { margin-right: 8px; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-bd0c5704] { margin-left: 16px; font-size: 12px; } #edit-page .block-wrap h3.block-title .helper[data-v-bd0c5704], #edit-page .block-wrap h3.block-title span[data-v-bd0c5704] { vertical-align: middle; } .cards-block .cards-list .card-item[data-v-bd0c5704] { margin-bottom: 30px; } .cards-block .cards-list .card-item .card-case[data-v-bd0c5704] { border-radius: 8px; border: 1px solid #ccd0d7; width: 370px; margin-top: 16px; min-height: 110px; padding: 15px; overflow: hidden; position: relative; } .cards-block .cards-list .card-item .card-case.type-head[data-v-bd0c5704] { width: 359px; min-height: 230px; } .cards-block .cards-list .card-item .card-case .user-info[data-v-bd0c5704] { margin-bottom: 10px; margin-top: -5px; } .cards-block .cards-list .card-item .card-case .user-info .user-face[data-v-bd0c5704] { height: 22px; width: 22px; border-radius: 50%; background-size: cover; background-position: 50%; background-color: #f4f5f7; background-repeat: no-repeat; } .left[data-v-bd0c5704] { float: left; } .right[data-v-bd0c5704] { float: right; } .cards-block .cards-list .card-item .card-case .user-info span[data-v-bd0c5704] { line-height: 22px; margin-left: 5px; color: #999; } .clearfix[data-v-bd0c5704]:after { clear: both; } .clearfix[data-v-bd0c5704]:after, .clearfix[data-v-bd0c5704]:before { content: " "; display: table; } .cards-block .cards-list .card-item .card-case .title[data-v-bd0c5704] { display: block; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; min-height: 24px; line-height: 24px; max-height: 48px; font-size: 16px; color: #222; } .cards-block .cards-list .card-item .card-case .title[data-v-bd0c5704]:empty { background-color: #f4f5f7; } .cards-block .cards-list .card-item .card-case.type-head .title[data-v-bd0c5704] { margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .cards-block .cards-list .card-item .card-case .image[data-v-bd0c5704] { background-color: #f4f5f7; background-repeat: no-repeat; background-position: 50%; background-size: 30%; overflow: hidden; position: relative; text-align: center; } .cards-block .cards-list .card-item .card-case.type2 .image-box .image[data-v-bd0c5704] { display: inline-block; height: 116px; width: 116px; margin-right: 5px; } .cards-block .cards-list .card-item .card-case.type2 .image-box .image:not([disabled=disabled]):hover .edit-box[data-v-bd0c5704] { display: block; } .cards-block .cards-list .card-item .card-case.type2 .image-box[data-v-bd0c5704] { margin: 0 -15px; position: relative; } .cards-block .cards-list .card-item .card-case.type-head .image[data-v-bd0c5704] { height: 105px; margin: 0 -15px; border-radius: 0; background-size: 10%; } .card-item .card-case .image .img-content[data-v-bd0c5704] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: 50%; background-color: #fff; background-size: 100%; } .cards-block .cards-list .card-item .card-case .image .img-content:hover .repick[data-v-bd0c5704] { display: block; } .cards-block .cards-list .card-item .card-case .image .default-empty-icon[data-v-bd0c5704] { background-image: url(//s1.hdslb.com/bfs/static/article-text/static/img/default_cover.1facf0f.png); height: 100%; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: 100%; overflow: hidden; text-align: left; color: #4b83b1; } .cards-block .cards-list .card-item .card-case .image .default-empty-icon .empty-content[data-v-bd0c5704] { width: 256px; height: 66px; margin: 20px 0 0 14px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; } .cards-block .cards-list .card-item .card-case .image .none[data-v-bd0c5704] { display: none; } .cards-block .cards-list .card-item .card-case .image .default-repick[data-v-bd0c5704], .cards-block .cards-list .card-item .card-case .image .repick[data-v-bd0c5704] { display: none; position: absolute; bottom: 0; right: 0; color: #fff; background-color: rgba(0,0,0,.6); font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-top-left-radius: 4px; cursor: pointer; } .cards-block .cards-list .card-item .card-case .image .default-repick[data-v-bd0c5704] { display: block; } .cards-block .cards-list .card-item .card-case .image .iconfont[data-v-bd0c5704] { color: #99a2aa; font-size: 40px; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; } .cards-block .cards-list .card-item .card-case .edit-box[data-v-bd0c5704] { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); color: #fff; text-align: center; line-height: 84px; cursor: pointer; z-index: 2; } .cards-block .cards-list .card-item .card-case .content[data-v-bd0c5704] { color: #505050; line-height: 1.5; overflow: hidden; font-size: 12px; word-break: break-all; } .cards-block .cards-list .card-item .card-case.type2 .content[data-v-bd0c5704] { height: 36px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; } .cards-block .cards-list .card-item .card-case.type-head .text .content .block[data-v-bd0c5704] { height: 15px; width: 100%; display: block; margin-bottom: 5px; background-color: #f4f5f7; } .cards-block .cards-list .card-item .card-case.type2 .title[data-v-bd0c5704] { margin-bottom: 10px; } .cards-block .cards-list .card-item .card-case.type-head .other[data-v-bd0c5704] { line-height: 1; font-size: 12px; margin-top: 12px; } .cards-block .cards-list .card-item .card-case.type2 .other[data-v-bd0c5704] { line-height: 1; font-size: 12px; margin-top: 12px; } .cards-block .cards-list .card-item .card-case .other label[data-v-bd0c5704] { color: #99a2aa; margin-right: 34px; } .cards-block .cards-list .card-item .card-case .other label[data-v-bd0c5704]:first-child { margin-right: 0; } .cards-block .cards-list .card-item .card-case .other label.right[data-v-bd0c5704] { margin-right: 0; margin-left: 10px; } .cards-block .cards-list .card-item .card-case .other label.right i[data-v-bd0c5704], .cards-block .cards-list .card-item .card-case .other label.right span[data-v-bd0c5704] { vertical-align: middle; } .cards-block .cards-list .card-item .card-case.type2 .other label[data-v-bd0c5704]:last-child { margin-right: 0; } .cards-block .cards-list .card-item .card-case .other .icon-font[data-v-bd0c5704] { margin-right: 3px; } .cards-block .cards-list .card-item .card-case .other label.right .icon-font[data-v-bd0c5704] { font-size: 14px; } .cards-block .cards-list .card-item .card-case .other label.right .icon-font.icon-comment[data-v-bd0c5704] { font-size: 13px; } #edit-page .block-wrap h3.block-title p[data-v-bd0c5704] { display: inline-block; } .protocol-block[data-v-bd0c5704] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 30px; } .protocol-block a[data-v-bd0c5704] { cursor: pointer; color: #37c8f7; } .ui-modal.modal-cover[data-v-bd0c5704] { overflow: hidden; overflow-y: auto; width: calc(100% - 200px); height: 100%; position: fixed; top: 60px; left: 0; margin-left: 200px; background-color: #000; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 99; } .modal-wrap[data-v-bd0c5704] { padding: 0 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; -webkit-animation: popin .3s; animation: popin .3s; margin-bottom: 20px; } .protocol-modal .modal-wrap[data-v-bd0c5704] { height: 80%; } .ui-modal.modal-cover .modal-wrap[data-v-bd0c5704] { position: absolute; width: 80%; top: 10%; } .modal-wrap .header[data-v-bd0c5704] { border-bottom: 1px solid #e5e9ef; margin: 0 -20px; padding: 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal-wrap .header .close[data-v-bd0c5704] { font-size: 14px; margin-top: 5px; font-weight: 100; display: block; color: #99a2aa; cursor: pointer; } .protocol-modal .modal-wrap .modal-content[data-v-bd0c5704] { height: calc(100% - 120px); } .protocol-modal .modal-wrap .modal-content .text-content[data-v-bd0c5704] { height: 100%; margin-top: 20px; border-radius: 4px; background-color: #f1f3f7; overflow: auto; padding: 5px 15px; font-size: 14px; } .protocol-modal .modal-wrap .modal-content .text-content p[data-v-bd0c5704] { margin: 10px 0; line-height: 1.7; } .btn-group[data-v-bd0c5704] { text-align: center; margin: 10px 0; } .ui-btn[data-v-bd0c5704] { /*display: block;*/ font-size: 14px; height: 32px; padding: 0 30px; border-radius: 4px; cursor: pointer; outline: none; border: 1px solid transparent; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; } .ui-btn.blue-radius[data-v-bd0c5704] { background-color: #37c8f7; border: 0; color: #fff; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .protocol-modal .original-btn[data-v-bd0c5704] { width: 114px; } .protocol-modal .cancel-btn[data-v-bd0c5704] { background-color: #fff; color: #37c8f7; border: 1px solid #37c8f7; } .i-modal[data-v-bd0c5704]{ position: fixed; top: 60px; left: 0; width: calc(100% - 200px); height: 100%; z-index: 10000; overflow: hidden; overflow-y: auto; background-color: rgba(0,0,0,.4); margin-left: 200px; } .i-modal .modal[data-v-bd0c5704] { position: absolute; top: 20%; left: 0; right: 0; background: #fff; margin: auto; border-radius: 4px; z-index: 1; } .cropper-modal .modal[data-v-bd0c5704] { width: 80%; height: 60%; background-color: #fff; padding: 10px; } .i-modal .modal.position-center[data-v-bd0c5704] { top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } .modal-head[data-v-bd0c5704] { position: relative; } .head-wrap[data-v-bd0c5704] { position: relative; font-size: 14px; color: #222; /*padding: 15px;*/ text-align: left; border-bottom: 1px solid #e5e9ef; padding: 10px; } .icon-guanbi[data-v-bd0c5704] { position: absolute; top: 12px; right: 16px; cursor: pointer; font-size: 16px; font-weight: 100; display: block; color: #99a2aa; } .modal-content[data-v-bd0c5704] { /*padding: 10px 20px;*/ height: calc(100% - 100px); } .img-clip-wrap[data-v-bd0c5704] { width: 60%; height: 100%; float: left; } .pre-info[data-v-bd0c5704] { margin-bottom: 10px; font-size: 12px; color: #99a2aa; } .container-box[data-v-bd0c5704] { border-right: 1px solid #e5e9ef; } .cards-block .more-pick-modal .pick-box[data-v-bd0c5704] { width: 70%; border-right: 1px solid #e5e9ef; min-height: 280px; } .cards-block .images-list[data-v-bd0c5704] { padding: 5px 0; max-height: 310px; overflow: auto; } .cards-block .images-list .image-item[data-v-bd0c5704] { position: relative; display: inline-block; width: 114px; height: 90px; margin: 14px 14px 0 0; vertical-align: top; cursor: pointer; } .cards-block .images-list .image-item .img-content[data-v-bd0c5704] { width: 100%; height: 100%; position: absolute; border-radius: 4px; border: 1px solid #ccd0d7; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: 50%; } .cards-block .images-list .image-item .img-content.disabled[data-v-bd0c5704] { opacity: .3; cursor: default; } .cards-block .images-list .image-item .selected[data-v-bd0c5704] { position: absolute; width: 24px; height: 24px; right: -7px; top: -7px; background-color: #37c8f7; border-radius: 50%; text-align: center; color: #fff; font-size: 14px; line-height: 24px; } .cards-block .more-pick-modal .preview-box[data-v-bd0c5704] { margin-left: 20px; width: calc(30% - 20px); } .cards-block .more-pick-modal .preview-box .card-case[data-v-bd0c5704] { border-radius: 8px; border: 1px solid #ccd0d7; /*width: 182px;*/ margin-top: 19px; min-height: 110px; padding: 10px; overflow: hidden; position: relative; } .cards-block .more-pick-modal .preview-box .card-case .user-info[data-v-bd0c5704] { margin-bottom: 6px; margin-top: -5px; } .cards-block .more-pick-modal .preview-box .card-case .user-info .user-face[data-v-bd0c5704] { height: 12px; width: 12px; border-radius: 50%; background-color: #eff1f4; background-repeat: no-repeat; } .cards-block .more-pick-modal .preview-box .card-case .user-info span[data-v-bd0c5704] { height: 7px; margin-left: 5px; margin-top: 4px; color: #999; background-color: #eff1f4; width: 30%; } .cards-block .more-pick-modal .preview-box .card-case .title[data-v-bd0c5704] { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; min-height: 11px; line-height: 11px; max-height: 49px; color: #222; margin-bottom: 5px; } .cards-block .more-pick-modal .preview-box .card-case .title[data-v-bd0c5704]:empty { background-color: #eff1f4; } .cards-block .more-pick-modal .preview-box .card-case .image-box[data-v-bd0c5704] { margin: 0 -10px; position: relative; } .cards-block .more-pick-modal .preview-box .card-case .image[data-v-bd0c5704] { background-color: #eff1f4; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEUAAACwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucAAAAAIOUAVAAAAanRSTlMAZfG8DwSe9InuxgoDqP4GjgKgtAGWsJoJkKORpgWKlYyXhIeCiBB+0Ph9NOYoykek+XESGttwGUx/suUgYF7fn6Ffs4BNXQeYei318yZvrHborjN869xaWBYR99nYqzsI8DLyzurpeGftOJZa5gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAG/SURBVEjHxZVnQ8IwEIZP3Fhx1YkD96CgOFAQB1q34N4bRfT+/w8wl9pKa2vCF3w/kN7leZP0UhKAIlX4KqvAoeqa2jrwUj2iv8GeUhoRA01ehmZErLT1trSyVJvnDGo76+5QihKdxHeBt6ObAT2qFQdZ2NsHf6mfIQNmEGLBoAJ/a4hBw8bjCHscVV2YsfGJSRRqcmJqzODDmpg2pIWJj/hkeURfhBUmKs8jRlWYLoVHnIYZamKzc4LiwfxsjMgZWKAmLsJJcSIXgBdUOD5pjhcX+MpkePhGy21YXEokl1NmlFpOJpYWvQyc5dGKSazy0HI5DGvW5rSahnUrteZicPTax0i7GDaMD3JT35q3dndL39R+VukwpGxs0TdBrtT/7UMZDdvb0oad3T2A/YPDDICerZYwhAN4dHzCduT4FANnMkui8w4TU/QbknoH5fzi8grg+vJCV6QMgirx//SNDH9L5B3cUxOUMfBT4wHSfKLHp2fR+Ma5lC795FP9pfB+NlfmRZ5/ydDqcvL3Q854H3YDxcT065t5A30rT9n33+U5oXzepW4F6ij8zmcpf+5iULP5fNztzvzQPgstVvQF6+Zs+Lvu8fAAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 50%; background-size: 30%; overflow: hidden; position: relative; text-align: center; } .cards-block .more-pick-modal .preview-box .card-case .image-box .image[data-v-bd0c5704] { display: inline-block; height: 58px; width: 58px; margin-right: 3px; } .cards-block .more-pick-modal .preview-box .card-case .image .img-content[data-v-bd0c5704] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: 50%; background-color: #fff; } .cards-block .more-pick-modal .preview-box .card-case .image-box .image .img-content[data-v-bd0c5704] { background-size: cover; } .cards-block .more-pick-modal .preview-box .card-case .content[data-v-bd0c5704] { color: #505050; line-height: 1.5; font-size: 12px; } .cards-block .more-pick-modal .preview-box .card-case .content[data-v-bd0c5704] { height: 24px; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; } .cards-block .more-pick-modal .preview-box .card-case .content .block[data-v-bd0c5704] { height: 7px; width: 100%; display: block; margin-bottom: 3px; background-color: #eff1f4; } .cards-block .more-pick-modal .preview-box .card-case .other[data-v-bd0c5704] { height: 7px; width: 40%; background-color: #eff1f4; } .cards-block .modal-wrap .btn-group[data-v-bd0c5704] { margin: 10px -20px 0; border-top: 1px solid #e5e9ef; padding-top: 15px; } .cards-block .more-pick-modal .btn-group[data-v-bd0c5704] { clear: both; } .cards-block .modal-wrap .btn-group button[data-v-bd0c5704] { width: 90px; } .ui-btn.grey-radius[data-v-bd0c5704] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .container-bg[data-v-bd0c5704] { width: 100%; height: 100%; background-color: #000; border-radius: 4px; min-height: 200px; } .img-container img[data-v-bd0c5704] { position: relative; width: 100%; height: 100%; } .img-preview-wrap[data-v-bd0c5704] { width: 39%; float: right; } .pre-container[data-v-bd0c5704] { width: 235px; height: 75px; background-color: #999; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 #d0d5de; box-shadow: 0 1px 3px 0 #d0d5de; } .pre-container img[data-v-bd0c5704] { position: relative; width: 100%; height: 100%; border-radius: 4px; } .error-hint[data-v-bd0c5704] { margin-top: 10px; color: red; } .modal-footer[data-v-bd0c5704] { text-align: center; border-top: 1px solid #e5e9ef; padding-top: 15px; } .modal-footer button[data-v-bd0c5704] { display: inline-block; margin: 0 10px; min-width: 90px; vertical-align: top; } .ui-btn.grey-radius[data-v-bd0c5704] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.grey-radius.reset-img[data-v-bd0c5704] { position: relative; display: inline-block; margin-top: 16px; color: #6d757a; font-size: 12px; cursor: pointer; overflow: hidden; border: 1px solid #ccd0d7; background-color: #fff; line-height: 30px; } .radio-groups[data-v-bd0c5704] { margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .cover-upload-box[data-v-bd0c5704] { margin: 0 -40px; background-color: #fafbfd; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .cover-upload-box .uploadcoverInput[data-v-bd0c5704] { display: none; } .cover-upload-box .no-img[data-v-bd0c5704] { text-align: center; color: #99a2aa; padding-top: 68px; position: relative; height: 240px; cursor: pointer; } .cover-upload-box .no-img .iconfont[data-v-bd0c5704] { font-size: 50px; } .cover-upload-box .no-img h4[data-v-bd0c5704] { font-size: 16px; font-weight: 400; line-height: 1; margin: 10px 0; } .cover-upload-box .img-box[data-v-bd0c5704] { position: relative; } .cover-upload-box .img-box .cover-loading[data-v-bd0c5704] { width: 100%; height: 440px; position: relative; } .cover-upload-box .img-box .cover-loading .icon-waiting[data-v-bd0c5704] { display: block; height: 100px; width: 100px; -webkit-animation: rotate .8s infinite linear; animation: rotate .8s infinite linear; border: 3px solid #cfd8e0; border-right-color: transparent; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .cover-upload-box .img-box .control-group[data-v-bd0c5704] { position: absolute; border-top-left-radius: 4px; bottom: 0; right: 0; background-color: rgba(0,0,0,.6); -webkit-transition-duration: .1s; transition-duration: .1s; opacity: 0; text-align: center; overflow: hidden; } .cover-upload-box .img-box:hover .control-group[data-v-bd0c5704] { opacity: 1; } .cover-upload-box .img-box .control-group button[data-v-bd0c5704] { border: 0; background-color: transparent; color: #fff; width: 60px; font-size: 20px; text-align: center; line-height: 30px; outline: none; cursor: pointer; padding: 10px; } .cover-upload-box .img-box .control-group button i[data-v-bd0c5704] { font-size: 40px; } .upload-video-card[data-v-bd0c5704] { margin: 0 -40px; background-color: #fafbfd; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; padding: 20px; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upload-video-card .upload[data-v-bd0c5704] { font-size: 14px; } .upload-video-card .upload .text[data-v-bd0c5704] { color: #99a2aa; text-align: center; margin-bottom: 16px; } .upload-video-card .upload input[data-v-bd0c5704] { background: #fff; border-radius: 2px; width: 160px; height: 32px; margin-right: 5px; border: 1px solid #e7e7e7; padding: 0 10px; } .upload-video-card .upload button[data-v-bd0c5704] { outline: none; height: 33px; width: 90px; } .upload-video-card .upload .btn[data-v-bd0c5704] { background: #f4f5f7; border: 1px solid #ccd0d7; border-radius: 2px; cursor: pointer; -webkit-transition: all .1s; transition: all .1s; } .upload-video-card .video-card[data-v-bd0c5704] { position: relative; width: 360px; height: 203px; background-size: cover; border-radius: 4px; overflow: hidden; background-repeat: no-repeat; background-position: 50%; } .upload-video-card .video-card p[data-v-bd0c5704] { font-size: 16px; color: #fff; padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: -webkit-gradient( linear,left top, left bottom,from(#000),to(transparent)); background-image: linear-gradient( 180deg,#000,transparent); } .upload-video-card .video-card span[data-v-bd0c5704] { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0,0,0,.6); border-radius: 4px 0 4px 0; color: #fff; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; } .upload-video-card .video-card span i[data-v-bd0c5704] { opacity: .8; -webkit-transition: all .2s; transition: all .2s; font-size: 16px; } #edit-page .block-wrap h3.block-title .helper[data-v-bd0c5704], #edit-page .block-wrap h3.block-title span[data-v-bd0c5704] { vertical-align: middle; } #edit-page .block-wrap h3.block-title span.tips[data-v-bd0c5704] { font-size: 12px; color: #99a2aa; } .tag-list-wrap[data-v-bd0c5704] { margin-top: -12px; } .tag-list-wrap .tag-list li[data-v-bd0c5704] { display: inline-block; margin-top: 12px; } .tag-list-wrap .tag-list .tag-item[data-v-bd0c5704] { color: #fff; background: #37c8f7; border: none; border-radius: 16px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; padding: 0 15px; margin-right: 12px; position: relative; } .tag-list-wrap .tag-list .tag-item .tag-item-content[data-v-bd0c5704] { display: -webkit-box; display: -ms-flexbox; display: flex; } .tag-list-wrap .tag-list .tag-item .tag-item-content i[data-v-bd0c5704] { position: relative; display: none; color: #f4f4f4; font-size: 10px; right: -5px; top: 0; font-weight: bold; } .tag-list-wrap .tag-list .tag-item:hover i[data-v-bd0c5704]{ display: block; } .tag-list-wrap .tag-list .add-item .add-control[data-v-bd0c5704] { border-radius: 20px; padding: 0 15px; line-height: 30px; height: 30px; width: 104px; } .tag-list-wrap .tag-list .add-item .add-control[data-v-bd0c5704]:focus { border-color: #409EFF; } .tag-list-wrap .tag-list .add-item .tip[data-v-bd0c5704] { color: #99a2aa; line-height: 30px; margin-left: 6px; } .read-list-component[data-v-bd0c5704] { margin-top: -12px; } .ui-btn.sub-btn[data-v-bd0c5704], .ui-btn.white[data-v-bd0c5704] { color: #6d757a; background-color: #f4f5f7; border-color: #ccd0d7; } .creent-read-list[data-v-bd0c5704] { color: #fff; background-color: #37c8f7; border-radius: 4px; font-size: 14px; display: inline-block; height: 32px; line-height: 32px; padding: 0 16px; margin: 12px 8px 0 0; } .creent-read-list.disabled[data-v-bd0c5704] { cursor: not-allowed; background-color: #e5e9ef; color: #99a2aa; } .creent-read-list .remove-btn[data-v-bd0c5704] { color: #fff; font-size: 10px; right: -5px; top: 0; font-weight: bold; position: relative; } .read-list-component .create-btn[data-v-bd0c5704] { color: #222; width: 100px; padding: 0; display: inline-block; line-height: 30px; margin-top: 12px; } .read-list-component .modal-wrap .modal-content[data-v-bd0c5704] { margin: 0 16px; position: relative; line-height: 30px; padding-top: 1px; padding-bottom: 114px; } .read-list-component .read-list-box[data-v-bd0c5704] { height: 256px; overflow-y: auto; overflow-x: hidden; margin: 24px -30px 24px 0; padding-right: 30px; } .read-list-component .read-list-box li label[data-v-bd0c5704] { font-size: 14px; padding: 12px 0; display: block; } .read-list-component .read-list-box li:first-child label[data-v-bd0c5704] { padding-top: 0; } .read-list-component .read-list-box li label span[data-v-bd0c5704] { display: block; line-height: 20px; } .read-list-component .read-list-box li label .title[data-v-bd0c5704] { width: 270px; padding: 0 16px; } .read-list-component .read-list-box li .count[data-v-bd0c5704] { font-size: 12px; color: #99a2aa; } .read-list-component .position-bottom[data-v-bd0c5704] { position: absolute; left: 0; right: 0; bottom: 0; } .read-list-component .creat-read-list-box[data-v-bd0c5704] { margin: 11px 0; position: relative; z-index: 2; } .read-list-component .creat-read-list-box .add-btn[data-v-bd0c5704] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #ccd0d7; border-radius: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAACqqqqqqqqqqqqK98J9AAAAA3RSTlMA8MRywyPKAAAAG0lEQVQI12NgYGUAAn4cxP7//x+ACZxKwAYAABMQB9tcGBvjAAAAAElFTkSuQmCC) no-repeat 10px; font-size: 12px; color: #6d757a; cursor: pointer; } .read-list-component .creat-read-list-box .input-box[data-v-bd0c5704] { height: 34px; line-height: 32px; border: 1px solid #00a1d6; border-radius: 4px; position: relative; } .ui-input-text[data-v-bd0c5704] { position: relative; display: inline-block; } .ui-input-text input[data-v-bd0c5704] { width: 100%; font-size: 14px; line-height: 1; padding: 7px 12px; padding-right: 50px; outline: none; } .read-list-component .creat-read-list-box .input-box .ui-input-text.read-list-title input[data-v-bd0c5704] { border: none; font-size: 12px; line-height: 12px; } .ui-input-text .count[data-v-bd0c5704] { position: absolute; top: 50%; margin-top: -9px; right: 0; text-align: right; width: 40px; color: #99a2aa; } .read-list-component .creat-read-list-box .input-box .ui-input-text.read-list-title .count[data-v-bd0c5704] { margin-right: 10px; margin-top: -15px; } .read-list-component .creat-read-list-box .input-box button[data-v-bd0c5704] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00a1d6; border-radius: 0 4px 4px 0; font-size: 14px; color: #00a1d6; cursor: pointer; } .read-list-component .creat-read-list-box .input-box button[disabled][data-v-bd0c5704] { color: #999; background-color: #f1f1f1; } .read-list-component hr[data-v-bd0c5704] { border: 0; border-top: 1px solid #e5e9ef; } .ui-btn.disabled[data-v-bd0c5704] { cursor: not-allowed; } .ui-btn.disabled[data-v-bd0c5704], .ui-btn.disabled[data-v-bd0c5704]:hover { background-color: #e5e9ef; color: #99a2aa; } .read-list-component .main-btn[data-v-bd0c5704] { display: block; margin: 18px auto 0; width: 160px; height: 40px; border-radius: 100px; line-height: 40px; } .read-list-component .main-btn.disabled[data-v-bd0c5704] { -webkit-transition-duration: 0s; transition-duration: 0s; } .read-list-component .creat-read-list-box .input-box .ui-input-text.read-list-title[data-v-bd0c5704] { display: block; width: 255px; margin: 0 auto; padding: 0; float: left; } .d-time-container[data-v-bd0c5704] { margin-top: 24px; } .btn-group[data-v-bd0c5704] { text-align: center; margin: 10px 0; } #edit-page .btn-group.main-active-btn[data-v-bd0c5704] { margin: 80px 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } #edit-page .btn-group.main-active-btn a[data-v-bd0c5704], #edit-page .btn-group.main-active-btn button[data-v-bd0c5704] { width: 140px; height: 42px; line-height: 42px; border-radius: 50px; margin: 0 35px 0 5px; padding: 0; } .ui-btn i[data-v-bd0c5704], .ui-btn span[data-v-bd0c5704] { vertical-align: middle; } #edit-page .btn-group.main-active-btn a.white[data-v-bd0c5704], #edit-page .btn-group.main-active-btn button.white[data-v-bd0c5704] { width: 130px; border-color: #37c8f7; color: #37c8f7; } #edit-page .btn-group.main-active-btn a[data-v-bd0c5704]:last-child, #edit-page .btn-group.main-active-btn button[data-v-bd0c5704]:last-child { margin-right: 0; } .float-toolbar[data-v-bd0c5704] { position: fixed; bottom: 160px; right: 1%; z-index: 9; width: 70px; } .float-toolbar .toolbar-list[data-v-bd0c5704] { background: #fff; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%); box-shadow: 0 1px 2px rgb(0 0 0 / 10%); border-radius: 8px; overflow: hidden; position: relative; z-index: 1; } .float-toolbar .toolbar-list li[data-v-bd0c5704] { text-align: center; padding: 10px 0 0; height: 70px; cursor: pointer; } .float-toolbar .toolbar-list .icon-block[data-v-bd0c5704] { margin: 0 auto; color: #93c2ed; width: 30px; height: 30px; background-size: 30px; font-size: 30px; display: block; } .float-toolbar .toolbar-list span[data-v-bd0c5704] { color: #999; line-height: 20px; margin-top: 5px; } .float-toolbar .back-top-box[data-v-bd0c5704] { height: 70px; margin-top: 10px; } .float-toolbar .back-top[data-v-bd0c5704] { background: #fff; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%); box-shadow: 0 1px 2px rgb(0 0 0 / 10%); border-radius: 8px; text-align: center; color: #9ea9b1; font-size: 18px; padding: 10px 0 0; line-height: 1; height: 70px; cursor: pointer; } .float-toolbar .back-top .icon-block[data-v-bd0c5704] { margin: 0 auto; color: #93c2ed; width: 30px; height: 30px; background-size: 30px; display: block; font-size: 30px; } .float-toolbar .back-top span[data-v-bd0c5704] { font-size: 12px; color: #999; line-height: 20px; margin-top: 5px; display: block; } .faq-modal .modal-wrap[data-v-bd0c5704] { height: 60%; } .faq-modal .modal-wrap .modal-content .text-content[data-v-bd0c5704] { height: 100%; margin-top: 20px; border-radius: 4px; background-color: #f1f3f7; overflow: auto; padding: 5px 15px; font-size: 14px; } .faq-modal .modal-wrap .modal-content .text-content h1[data-v-bd0c5704] { margin: 20px 0; font-size: 24px; } .faq-modal .modal-wrap .modal-content .text-content p[data-v-bd0c5704] { margin: 10px 0; line-height: 1.7; } .faq-modal .modal-wrap .modal-content .text-content strong[data-v-bd0c5704] { font-size: 16px; } .faq-modal .modal-wrap .modal-content .text-content a[data-v-bd0c5704] { color: #00a1d6; text-decoration: none; } .footer-wrp[data-v-bd0c5704] { width: 100%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 3; padding-left: 10px; } .footer-content[data-v-bd0c5704] { border-top: 1px solid #e5e9ef; line-height: 18px; } .footer-content .menu[data-v-bd0c5704] { padding: 30px 0 0; height: 12px; line-height: 12px; } .footer-content .menu-item[data-v-bd0c5704] { display: inline-block; color: #99a2aa; padding: 0 16px; border-right: 1px solid #ccd0d7; } .footer-content .menu-item[data-v-bd0c5704]:first-child { padding: 0 16px 0 0; } .footer-content .menu-item[data-v-bd0c5704]:last-child { border-right: none; } .footer-content .social-menu[data-v-bd0c5704] { padding: 20px 0 0; } .footer-content .social-item[data-v-bd0c5704] { position: relative; display: inline-block; font-size: 32px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; color: #fff; background: #d7dadd; } .footer-content .weibo[data-v-bd0c5704] { margin-right: 10px; } .footer-content .qrcode-wrp[data-v-bd0c5704] { position: absolute; right: -8px; top: -166px; width: 148px; height: 148px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff url(/static/img/phone-qrcode.2d4d789.jpg) no-repeat; background-size: 100% 100%; display: none; } .footer-content .wechat[data-v-bd0c5704]:hover { background: #5cd262; } .footer-content .wechat:hover .qrcode-arrow[data-v-bd0c5704], .footer-content .wechat:hover .qrcode-wrp[data-v-bd0c5704] { display: block; } .icon-shengming[data-v-bd0c5704] { vertical-align: middle; } .success-mask[data-v-bd0c5704] { position: fixed; top: 60px; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0,0,0,.5); width: calc(100% - 200px); height: 100%; overflow: hidden; overflow-y: auto; margin-left: 200px; } .success-mask .success-box[data-v-bd0c5704] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; border-radius: 4px; width: 420px; } .success-mask .success-box .title[data-v-bd0c5704] { font-size: 14px; color: #222; text-align: center; margin: 47px 0 23px; } .success-mask .success-box .success-image[data-v-bd0c5704] { width: 318px; height: 180px; background: url(/static/img/logo.943fc92.png) 50% no-repeat; background-size: 100% 100%; margin: 0 auto; } .success-mask .success-box .confirm-btn[data-v-bd0c5704] { width: 160px; height: 40px; border-radius: 20px; line-height: 40px; font-size: 14px; background-color: #37c8f7; color: #fff; text-align: center; margin: 20px auto 23px; cursor: pointer; } /*手机端预览*/ .preview-mask[data-v-bd0c5704] { position: fixed; width: 100%; height: 100%; top: 60px; left: 200px; background: rgba(0,0,0,.4); z-index: 100; -webkit-animation: fadein .5s; animation: fadein .5s; } .preview-mask .preview-content[data-v-bd0c5704] { width: 50%; height: 800px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(.8); transform: translate(-50%,-50%) scale(.8); } .preview-mask .preview-content .preview-iphone-shell[data-v-bd0c5704] { width: 400px; height: 710px; padding: 79px 21px; margin: 0; float: left; display: inline-block; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; } .preview-mask .preview-content .preview-iphone-shell iframe[data-v-bd0c5704] { width: 286px; height: 510px; float: left; border: 2px solid #e3e7ed; background-color: #f4f4f4; -webkit-box-sizing: content-box; box-sizing: content-box; } .preview-mask .preview-content .icon-guanbi[data-v-bd0c5704] { position: absolute; right: 0; top: 30px; color: white; font-size: 36px; font-weight: bold; } .mark_selection[data-v-bd0c5704] { position: relative; } .mark_selection *[data-v-bd0c5704] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mark_selection .mark_selection_box_el_tag[data-v-bd0c5704] { background: rgba(38,125,204,.05); border-radius: 4px; border: 1px solid rgba(38,125,204,.2); height: 28px; font-size: 14px; line-height: 26px; margin-right: 8px; padding: 0 8px; background-color: #fff; border-color: #d6ebfb; display: inline-block; color: #3399ea; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; margin: 3px; } .mark_selection .mark_selection_title_el_tag .mark_selection_box_el_tag[data-v-bd0c5704] { color: #267dcc; background: rgba(38,125,204,.05); } .el-tag .el-icon-close[data-v-bd0c5704] { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; top: -1px; right: -5px; } .mark_selection .mark_selection_box_el_tag .el-tag__close[data-v-bd0c5704] { color: #3485cf; } .mark_selection button[data-v-bd0c5704] { display: inline; padding: 0; margin: 0; background-color: transparent; font-size: 14px; border: none; white-space: nowrap; } .mark_selection button.tag__btn-tag[data-v-bd0c5704] { padding: 0 8px; height: 28px; background: #fff; border-radius: 4px; border: 1px solid #e8e8ee; color: #555666; line-height: 26px; font-size: 14px; outline: none; cursor: pointer; margin: 3px; } .mark_selection button.tag__btn-tag .icon[data-v-bd0c5704] { width: 14px!important; height: 1rem; color: #555666; font-weight: 500; } .mark_selection button span[data-v-bd0c5704] { height: 24px; line-height: 24px; } .notice_article_type[data-v-bd0c5704] { margin: 0 8px; font-size: 16px; color: #fc5531; vertical-align: -4px; line-height: 16px; } .mark_selection .mark_selection_box[data-v-bd0c5704] { position: absolute; left: 0; /*top: 34px;*/ width: 560px; height: auto; z-index: 6; background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); border: 1px solid #e3e3e3; padding: 0 0 10px; top: -400px; } .mark_selection .mark_selection_box .addTagText[data-v-bd0c5704] { font-size: 16px; height: 36px; line-height: 36px; border-bottom: 1px solid #f0f0f2; text-align: center; font-weight: 600; color: #222226; margin-bottom: 8px; } .mark_selection .mark_selection_box .mark_selection_box_header[data-v-bd0c5704] { width: 100%; height: 36px; } .mark_selection .mark_selection_box .mark_selection_box_header .autocomplete[data-v-bd0c5704] { width: 100%; padding: 0 15px; } .autocomplete input[data-v-bd0c5704] { border: solid 1px #ddd; padding: 0 8px; font-size: 14px; background: #fff; height: 36px; line-height: 32px; background-image: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; outline: none; width: 100%; } .mark_selection .mark_selection_box .tag_levelLimit_hint_box[data-v-bd0c5704] { min-height: 10px; } .mark_selection .mark_selection_box .mark_selection_box_body[data-v-bd0c5704] { width: 170px; height: 264px; overflow-y: auto; padding: 0 15px; } .mark_selection .mark_selection_box .modal__close-button[data-v-bd0c5704] { position: absolute; right: 6px; top: 8px; color: #ccc; width: 24px; height: 24px; line-height: 24px; } .el_tabs--left[data-v-bd0c5704], .el_tabs--right[data-v-bd0c5704] { overflow: hidden; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs--border-card[data-v-bd0c5704] { border: none; background: #fff; -webkit-box-shadow: none; box-shadow: none; } .el_tabs--left .el_tabs__header.is-left[data-v-bd0c5704] { float: left; margin-bottom: 0; margin-right: 10px; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs--border-card .el_tabs__header[data-v-bd0c5704] { padding-bottom: 12px; border: 0; background: #fff; width: 160px; } .el_tabs--left .el_tabs__nav-wrap.is-left[data-v-bd0c5704] { margin-right: -1px; margin-bottom: 0; height: 100%; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs--border-card .el_tabs__item[data-v-bd0c5704] { padding: 0 16px!important; border-radius: 4px; height: 30px!important; margin: 3px 0; font-weight: 400; font-size: 14px!important; line-height: 30px!important; color: #777888; text-align: left; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs--border-card .is-active[data-v-bd0c5704] { color: #507999!important; font-weight: 500!important; background: #fff; border-radius: 0; border-color: #fff!important; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs__content[data-v-bd0c5704] { position: absolute; left: 185px; width: 374px; padding: 9px 14px 12px; height: 260px; overflow-y: auto; border-radius: 0 0 4px 0; } .mark_selection .mark_selection_box .mark_selection_box_body .addTagTitle[data-v-bd0c5704] { height: 20px; font-size: 14px; font-weight: 500; color: #222226; line-height: 20px; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs__content .el-tab-pane .el-tag[data-v-bd0c5704] { padding: 0 8px; height: 24px; background-color: #ebf2f7; border-radius: 2px; font-weight: 400; color: #507999; line-height: 24px; cursor: pointer; margin-right: 16px; margin-bottom: 10px; border: none; font-size: 13px!important; } .mark_selection .mark_selection_box .mark_selection_box_body .el_tabs__content .el-tab-pane .is-selected[data-v-bd0c5704] { background: #507999; color: #fff; } .mark_selection .mark_selection_box .mark_selection_box_selectTag[data-v-bd0c5704] { width: 100%; height: auto; padding: 0 15px 5px; text-align: right; } .mark_selection .mark_selection_box .mark_selection_box_selectTag .mark_selection_hint[data-v-bd0c5704] { font-size: 12px; color: #999; margin-left: -2px; } .infinite-list[data-v-bd0c5704] { background-color: white; border: 1px solid #e4e7ed; margin: 5px 0; width: 95%; position: absolute; max-height: 150px; z-index: 9; } .infinite-list li[data-v-bd0c5704] { padding: 0 20px; margin: 0; line-height: 34px; cursor: pointer; color: #606266; font-size: 14px; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .infinite-list li[data-v-bd0c5704]:hover{ background-color: #eeeeee; color: #20aae2; } .read-type-notice[data-v-bd0c5704] { padding: 6px 16px; margin-top: 8px; font-size: 14px; line-height: 20px; color: #777888; font-weight: 400; background-color: #f5f6f7; border-radius: 2px; } a.link-income[data-v-bd0c5704] { text-decoration: underline; color: #00a1d6; } .el-checkbox__inner { z-index: 0; } .ui-input-textarea textarea { width: 100%; border: 0; background-color: transparent; outline: none; resize: none; text-align: justify; display: block; /* height: 64px; */ word-break: break-all; font-size: 28px; padding: 12px 50px 12px 0; font-weight: 700; line-height: 40px; min-height: 64px; color: black; } .editorBox[data-v-03469820] { position: relative; /*width: 80%;*/ margin: auto; } .toolbar[data-v-03469820] { border: 1px solid #ccc; position: sticky; top: 0px; z-index: 9; } .text[data-v-03469820] { /*border: 1px solid #ccc;*/ /*min-height: 600px;*/ } .jinduItem[data-v-03469820] { /*position: absolute;*/ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; } .progress[data-v-03469820] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .progress p[data-v-03469820] { text-align: center; margin: 10px; color: #ebeef5; font-size: 16px; } .jinduItem .load[data-v-03469820] { position: relative; margin: 60px; text-align: center; color: white; } .jinduItem .loadingp[data-v-03469820] { background-color: #00000000; -webkit-animation: loadingp-data-v-03469820 1s linear infinite; animation: loadingp-data-v-03469820 1s linear infinite; color: #00a1d6; position: absolute; top: -50px; left: 50%; width: 110px; height: 110px; margin-left: -55px; } @-webkit-keyframes loadingp-data-v-03469820 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loadingp-data-v-03469820 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .jinduItem .cancel[data-v-03469820] { text-align: center; margin: 10px; border: solid 1px #ccc; background: #ccc; color: white; cursor: pointer; border-radius: 5px; padding: 4px; } .jinduItem .cancel[data-v-03469820]:hover{ background-color: #c0c0c0; } .img-box { /*margin: 25px 0;*/ /*white-space: nowrap;*/ } /* 卡片 视频 */ .img-box .card { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; margin-bottom: 20px; background: #f4f4f5; background-color: hsla(240, 5%, 96%, .3); border-radius: 6px; border: solid 1px silver; } .video-holder { padding: 0 0 0 162px; position: relative; display: block; height: 100%; } .video-holder .video-cover { width: 150px; height: 92px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; position: absolute; left: 0; } .cover-default { background-color: #f0f1f4; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…E3LjQsMTdsLTksMmwwLjUsNGw5LjUtMkwxNy40LDE3eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);*/ background-position: 50%; background-repeat: no-repeat; } .video-holder .video-cover .cover-default, .slim-video-card .video-cover .cover-default { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 44px; } .video-holder .video-cover .video-cover-layer, .slim-video-card .video-cover .video-cover-img, .article-card-holder .article-bg-pic, .bangumi-card-holder .cover-img, .live-card-holder .cover-img, .audio-card, .cover-bg, .ticket-card-holder .cover-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAEorM1bXNP0cRtqEzRiQkLhC2cdegrO/4Tnw9/wA/rf8Afl/8KaTYHSUVm6TrNhrEUkunzGRY32MdpHOM9xTdX12w0URHUJ2j83OzCFs4xnoPcUtb2A1KK5v/AITvw/8A8/rf9+X/AMK1NI1Sz1i2a5sZDIgYoSQRyOeh+tNxaA0KKyNV8Rabo0qRajM0buu4BULcfgKo/wDCc+Hv+f1v+/L/AOFCTYHS0Vm22uafdaVJqUU5a1jDF3CHjHXjGazf+E58O/8AP6//AH5f/CizA6SisTTvFOj6neLaWVy0kzZwCjDoMnkj0rapPQBaKpalqdlpsHnXtwkKjpu6n6DqfwrmLn4jaZHIVgt7icD+LhR+vNNRb2A7SiuPtPiHpMzbbiK4t/cruH6c/pXTWd7bX0Cz2kyTRt0ZG3fgfQ+1Di1uBaooqlquqWelWv2m+l8qLcF3bSeT9KQF2iub/wCE48Pf8/jf9+n/AMKP+E48Pf8AP43/AH6f/Cnyy7AdJRWdpGtWGsxPLp8pkVG2tlSMH8RWhSAWiqmoahaafAZ724SCMd2PX6DqT9K5m7+IulQtstoLi4PrgIP15/Smk2B2NFcba/EbS5X2T21xBnvww/Q5/Suj03VLHVIfNsblJl746j6g8im4tbgaFFJS1IBRRRQAUUUUAFFFFABRRRQAUUUUAcD8Vv8Aj307/fk/kK86r0X4rf8AHvp3+/J/IV53XVS+EiR6V8Lf+QVef9dh/wCgiq3xX/5hn1k/9lqz8Lf+QVef9dh/6CKrfFf/AJhn1k/9lrNfxBo8/r1D4X/8i9P/ANfTf+grXl9eofC//kXp/wDr6b/0Fa1rfCCMT4pf8haz/wCuB/8AQq4qu1+Kf/IWs/8Argf/AEKuKp0fhJe56H4f/wCSW3/+5N/KvOq9F8P/APJLb/8A3Jv5V51Sp7spnSfD/wD5HC1/3H/9ANeq6jdx2NjNdTHCRIXPvjtXlXw//wCRwtf9x/8A0A13nj19nhG899g/8fFY1FeY1seWavqtzq1/JdXbku33U7IOwHtUNlaXF9dC3tYXmkIOEXk8dah/izXY/C9c69csRyLc4P1YV0yajHQhbnJXEM1tO0FzEYZkOGR+CDWj4d1u50PUVuInYxMwEseeGXvx6jsauePk2eL7o+oQ/wDjgrnic0vihqHU99jlWSNJIzlXUMD7HpXG/FGXbpFpD/z0n3Y+gP8AjXR+HJfN8Oac7dTbp/ICuK+Kk5N9YwdlRm/M4/pXNBe8aHD0UVLe27Wl5JA3WM/0ruMjtvhZc4uL62J6qsgH0JB/mK9Eryj4bT+T4pWPPE8DL+Iw39K9UnyLdyvUKcVw1F7xpE8Z8T6vLq+tzytJuhjcrCnYLnAOPU9TWXBDLcTpDBGZJZDhETkk+1MPTPvW94GeOPxdZeYQFJYDPqVIH610/DARj3lpc2Vwbe7hkglGMq3XnpU2k6jcaVqEd1bOyFCMjsw7g+oNdP8AEWzupvEMT29rNMPs65KRkjOW7gVy/wDZuo/8+Fz/AN+m/wAKV+aOoke5QyLNCkiHKuoYfQ8ipaoaNuXRrIOCrC3jDK3UHaOtX64ywooooAKKKKACiiigAooooASiiigRwXxW/wCPfTv9+T+QrzuvRPit/wAe+nf78n8hXnddVL4SJHpXwt/5BV5/12H/AKCKrfFf/mGfWT/2WrPwt/5BV5/12H/oIqt8V/8AmGfWT/2Ws1/EKR5/Xp/wv/5F2f8A6+m/9BWvMK9P+F//ACLs/wD19N/6Cta1vhBGL8Uv+QtZ/wDXA/8AoVcVXe/EfTb6+1S0a0tJ7hVhIJjjLBTnviuZi8J69P8Ac0ycf7+F/mRSpySiKx1nh/8A5Jbf/wC5N/KvO69U0bRL6DwPc6ZNGsd1IsgVWcEcjjJGRXLD4fa4ev2VPrKf6CphNJu42iv8P/8AkcLX/df/ANANd18QP+RPuv8AeT/0MVjeF/Buo6RrkF9cXFu0aBgVjYk8gjuorpfEulvrOiy2MMqxM5U7m5HBBqJyTncaWh4tXZ/C/wD5Dd3/ANe3/swqb/hW1z/0E4f+/Z/xrb8KeE5fD99LcvepOJIvL2hMY5Bz19q0nUi42QuVnL+OdOvrrxVcS29jcSxlEw0cTEfdHcCsD+xdV/6Bl5/35b/Cvcs80ZHpWSq2Vh8pl+GY5IfDWnxzI6SLAoZXXBB9xXnnxIuPO8UmMHIihRfz+b+ter5rzvxL4O1jU9eur23Fu0crDbl8HAAHPHtTpSXNdg0cTax+deQxdpGCn8TitbxvH5Xiy8ReAxUj8VBrU0rwXrNtq9pLcQR+Qk6NIVlBwAcnjOam8daFqV1r8l1aWc00LovMYzyBg9PpW3tFzE2MDwjcfZvFGnyHoZgn/fXy/wBa9qrxCHTtTsbuKeXT7qMRSK+TEw6HPpXtyMGUMDkHmsquruNHh+v6e+l61c2brhVclPdTyv6VQVirgq2COQw9a9o8ReHLLX7YJONkyf6uVeo9j6j2ryvXvD1/ok4S6jJhJ+SVPuv+PY+xrWnUTVmJo6Lw749ltwttrKtNF0E4++v+8O/16/WvQ7W4gu4EntZVlicZDqcivB61/DXiC50G8DRsWtpCPNi7Eeo9D70p0uqBSPaRS1FbyxzwJLEco6hlPqDyKkrmLFooopAFFFFABRSUtACUUVGzqoJZgAO5oAkorDu/E+k2uf8ASlcjsnzf/W/Wsi48cIzbbOzkkb/abH6DNS5RRvDD1Z7Ik8e6Lf6xFZLYReaYnct8wGAcY6muft/hzqLgG6vLeL2GWI/kKm1PxRrkcSvKPsUchIT91ycdeuawbjxDdzbt95cN9HIH5Zq41JWskarBfzSSPQ/DunWXheylgfUFk8x95LAL2x0zUes6j4Xvmj/tGSO5MeduNzBfXp9K5bwvon/CQQTTtcGMRybSMZJ4znOaZ4y0iPQIrU28rSGffu8zHbGMY+tTecpWS1KVLDR0lNs3Brnhiy4tNNR2H8SQjP5nmnSeOYUGLaxbH+0Qv8s15ybqduj4/CvQvh5ZW15oU011BHNILlhvdQTjavGTTlTqJXbDnwsdk2QSeOL5vuW8Sj3JP+FVJfG2qHo1un4f4mpPibaRwyae8MapGVdeBxng9q4aqhQlJX5h/WqC2pnZDxB4hmge4SSUwLkmRYhtAHXnFUm8U6k33tRb8FH9BWhpGqWUXw7vreS4iSf50EZYbjuAxgdcc1xdCw7fUPrsOkEdLaarqup3KW9pezSytnCq+OnJ9B0qzfWmvWNo91ey3EcSYyfOz1OBwD61W+HMLP4sjZekUTsfpjb/ADNd/wCMbc3Hha/ReWWPzP8Avkhj+gqJUkpWuNY9raKPMv7Xm/5/J/8AvtquaY2parM0djNPK8a7yDKRx07kVzldP8O9Qt7DXZvtc8cCSQFQ8jADOQcZNXPDJK9yv7Sn/KivqFzf6deNbXdzPHKoDEeaT15HQ1B/bVx/0EJx/wBtW/xpfGV3DfeJrqa3kEsZ2qGXkHCgHB+tYfFVHDLlvcX9ovrBHYxSeITCksRvGjcBkYMWyD0quviXVV/5iB/8dP8AMV6FEDYeEUyNpt7P8iE/xrxas40eZ6MX16PWCOti8V6sv/L4rfVV/wAKtp4z1YfeEDfVT/Q1yOmafPqepRWdtjzZM43cDgZ5P4Vb13Qr/QZIkvJEzKCU8uQnp17U3Qkna5f1yhLemdbF45vF/wBbaxv9CR/PNXYvHsJ/1tnKD/skH+eK8zE0o/5aN+NeheEdB03V/D0FzOhM+WV2DHqDxx06YqZUakeoe1wUvstGvB400qTHmNJEf9pCf5Zq2+r6JqVs8MlxBLG4w0cnG4fQ15TfSNa6lc223PlSsn5HFJZXEdxcJFI6QhzjzHb5R9eOlJQq9glSwktpNHYXvgC1uZHm0vUfKRjkRuu4L9GB/wAax7rwBrkOTEIbkf8ATNwP0bFU7tjpVz5UWoRs5Gd1tKSB7EjvVuz8Ualb42X7N/syYb+fNX7aot0Q8DGX8OaZ6D4US6i8N2UN7G8U8alGR+oAJA/TFbFcBa+OrpF/0m2ST3Q7f0Oa2rLxlpk/yyu8Df8ATQcfmKz9pFmM8HWp7o6alqrbXkFzGHt5UlQ90bP8qsCruczTW46ikozQIieRY0Z5HCqOpJwBWTN4ghHy2MM183T9whK/99dP1q+9hbyuWlj809vM+YD6A8D8KsqiqMKAKCk4rc5uR/Et9kRxQWCf7Tb2/TI/Soj4Qe5bdqOp3E564HA/XNdWBilqbGirSj8OhhWvhXSrcDNqsjdzId38+P0rVgtYIAFhiRAOyqBU9LinYiVSct2cJ8Uo5HtrARIWw79Fz2Fee/Zp/wDnjL/3ya95mkjgheWVlWNFLMT2A5JrM/4SPSfs8M/2tfKncxxPsb52HUdK2hU5VaxBg/C+N49JvBIhRjOOq4/hFVfiojuum7ELYMnRc/3a7S0vrW8eZLaZZGgcxygdUYdjVrAIweRU83vcwrHgf2e4/wCeEv8A3ya9N+GkbJ4dnWRGVvtLdVx/CtdhgelGBTnU5lYErGP4i0aHXdLe0c7Hzuikx91h/Tsa8l1bRNR0iYpfW5UDpIq5Q/Q9P617lWdBqen6he3FhFKss0OfNiKHjBweoweaUJuOwPU8P7VNaWd1eziG0t5J5D2Vc/n6D3r206PpbddNsyfeBf8ACrEFvDAmyCBIh6IoUfpWvtvILHP+DfDn9hWLNOQ15PjzMdEA6KP6mujkjSaNo5FDKwwQe4708CjFYOV3cDyHxL4RvtJuHltonnsiSVZFyUHowHp69K5zpXud/qlhp5T7ddxQeZnYHON2OuKyptU8JTtumn02Ru5dFJ/UVvGq7aoTR5Cqs7BVGSfugV2nhLwbdT3Ud9qsTQwxkOsT8NIR0yOw+vWu50r+yJ08/So7QqCV3woowfTIrUqZVG9ASMPxlI8PhW+MSks0YQBR/eIU/oa8f+y3H/PGX8jXvlFTCpyjaueSeArWU+LrZ5IpECI7ZK4/hI/rW98UoHltrCWNC5VnU4XPUA/0rq77WdN0+dIru8iikc4AJ5/HHQe5pZ9Y062aFZrtAZnCR453E9BxQ5tyvYEeJ/Zp/wDnhN/3ya9I+GRlGkXUEqlds+9QRjggf4V2mR6ijIpzqcyA8/8AG/hG4nu5NT0yPzS/M0K9c+q+ue4rgpYnjcpKjIy/eUrgj8K9+qvcWNpdH/SbaGb/AK6Rhv5iiNVoLHg1begeF9Q1qZD5UkNt/FMy4GPbPU/SvSmfw3asfm0uKRCcj92CGHXjrmpbTxJotypMWpW+F4+ZvL/RsVTqtrYWpYXS7IWUVq1vG8UShFDgHgDA61n3PhPSbjpbiM+sZI/Tp+lbFvPFcRCSCVJkPRkYMPzFTVzuKZtGpOOzOPl8E+U4ksL+eFh/e5/lipIU8UaY2P3N/EO27DY+px/WusoxSUUti3XlJWlqYdt4hj3bNQtp7Fs43TKdhPs3T88VrLNFIiurblIyCp4IqRlBGCoIqv8A2fa9raPH+6KZneL6FuiiimZhS0UUDCiiigDlviBJfJ4dl+ybBCf+PhyeQuQAB9SefauL1i1ey0PRJfts7RTLvSIKP3PCklffJzXfeNUeXwpepEhdyFwoXJ+8O1cxZaJe6zbRzz27xw2Wn+RbRvwZJdnXB6DJ/Qe9a02lqJmv4OsEcNrFvf3Usdzu3xzIqlmBIy20nJ6111cX4Ll1S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .icon-video { /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAMAAACsuQomAAAAclBMV…VXLu6S25fwV90eUA62l1eFdU9/Ux2q/YEOtjlbfjoLrugTV6YSSQ5kbxYAAAAASUVORK5CYII=);*/ } .video-holder .video-cover .icon-video, .slim-video-card .video-cover .icon-video, .cover-box .icon-video, .audio-card, .cover-bg .icon-video, .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { position: absolute; top: 50%; left: 50%; /*margin-left: -20px;*/ /*margin-top: -18px;*/ font-size: 34px; color: gray; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cover-img { height: 100%; width: 100%; background-size: cover; } .video-holder .video-cover .duration, .slim-video-card .video-cover .duration { position: absolute; right: 3px; bottom: 2.5px; padding: 2.5px; color: #fff; font-size: 12px; border-radius: 2px; } .video-holder .video-info-container { padding-top: 10px; min-height: 84px; position: relative; text-align: left; height: 100%; } .video-holder .title, .slim-video-card .video-info .title { max-height: 38px; margin: 0 12px 5px 0; font-size: 15px; color: black; letter-spacing: 0; line-height: 19px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .video-holder .card-status, .slim-video-card .card-status{ line-height: 13px; font-size: 12px; color: #999; margin-bottom: 5px; /*position: absolute;*/ /*bottom: 30px;*/ } .video-holder .play-num , .slim-video-card .play-num{ margin-right: 13px; } .video-holder .status-icon, .slim-video-card .status-icon, .bangumi-data-box .iconfont { margin-right: 3px; margin-left: 3px; font-style: normal; vertical-align: middle; } .video-holder .partition, .slim-video-card .partition { font-size: 12px; line-height: 15px; color: #999; position: absolute; bottom: 5px; padding-left: 3px; } .img-box .up-label { vertical-align: middle; } .single-ellipsis { /* white-space: nowrap; */ display: -webkit-box; /* -webkit-box-orient: vertical; */ -webkit-line-clamp: 1; } .double-ellipsis, .single-ellipsis { overflow: hidden; text-overflow: ellipsis; } /*视频 两个*/ .card-container.slim { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .slim-video-card { font-size: 0; /*max-width: 325px;*/ width: 49%; height: 94px; display: inline-block; cursor: pointer; color: #999; text-align: left; border: 1px solid #e7e7e7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-video-card .video-cover { display: inline-block; width: 150px; height: 100%; border-bottom-left-radius: 6px; border-top-left-radius: 6px; overflow: hidden; position: relative; } .slim-video-card .video-info { width: calc(100% - 150px); height: 100%; display: inline-block; vertical-align: top; padding: 8px 10px 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-color: hsla(240, 5%, 96%, .3); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /*文章*/ .img-box .article-card { min-height: 114px; } .article-card-holder { height: auto; overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; display: -webkit-box; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; } .article-card-holder .article-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-card-holder .article-card-wrap .text-content { width: calc(100% - 150px); } .article-card-holder .article-card-wrap .title-wrap { } .article-card-holder .article-card-wrap .title { max-height: 36px; font-size: 14px; color: #212121; margin-bottom: 4px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .article-card-holder .article-card-wrap .desc { font-size: 12px; color: #99a2aa; line-height: 22px; } .article-card-holder .article-card-status { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 12px; color: #999; margin-top: 6px; } .status-item { margin-left: 15px; } .status-item i , .music-data-item i{ vertical-align: middle; } .article-card-holder .article-card-pics { width: 117px; height: 88px; } .article-card-holder .article-pic { position: relative; height: 100%; } /*番剧*/ .bangumi-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .bangumi-card-holder .bangumi-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bangumi-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .bangumi-card-holder .bangumi-cnt-ctnr { padding: 8px 24px 10px 15px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bangumi-card-holder .bangumi-title { margin-bottom: 0; font-size: 15px; color: black; max-height: 40px; line-height: 20px; } .bangumi-card-holder .bangumi-data-box { margin-top: 2px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; } .bangumi-card-holder .data-num { margin-left: 3px; min-width: 52px; color: #999; } .bangumi-card-holder .bangumi-tag-box { margin-top: 3px; } .card-text-label { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transform-origin: left bottom; transform-origin: left bottom; position: relative; display: inline-block; padding-left: 4px; padding-right: 4px; height: 17px; line-height: 16px; font-size: 10px; color: #fb7299; text-align: center; border: #fb7299; } .card-text-label:before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 16px; border: 0.08em solid; border-color: inherit; border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .bangumi-card-holder .bangumi-score-ctnr { padding-top: 10px; padding-right: 12px; min-width: 50px; text-align: center; } .bangumi-card-holder .score-cnt { font-size: 12px; height: 24px; line-height: 24px; color: #ffa726; } .bangumi-card-holder .score-num { display: inline-block; font-size: 20px; } .bangumi-card-holder .score-disc { font-size: 10px; color: silver; } .v-f { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; min-width: 0; } /*直播*/ .live-card { min-height: 94px; } .live-card-holder { display: block; height: 94px; border: 1px solid #e7e7e7; border-radius: 6px; overflow: hidden; } .live-card-holder .live-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .live-card-holder .cover-box { position: relative; width: 150px; height: 100%; border-radius: 6px 0 0 6px; overflow: hidden; } .live-card-holder .cover-info { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 4px; /*left: 0;*/ padding-left: 8px; padding-right: 10px; /*width: 100%;*/ height: 15px; line-height: 15px; font-size: 11px; color: #fff; right: 0; } .live-cnt-ctnr { padding: 8px 12px 6px; color: #505050; text-align: left; } .live-title { margin-bottom: 0; height: 38px; line-height: 19px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; } .live-room-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .up-avatar { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .up-name { margin-bottom: 0; font-size: 12px; line-height: 16px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .live-status { margin-top: 2px; display: inline-block; height: 15px; line-height: 15px; font-size: 10px; border-radius: 2px; padding: 1px 2px; } .live-status.offline { color: #999; background-color: #e7e7e7; } .live-status.online { color: #fff; background-color: #fb7299; } .live-status.offline .icon-live{ display: none; } .live-status .icon-live { width: 12px; height: 12px; -webkit-transform: translateY(3px); transform: translateY(3px); background-image: url(data:image/gif;base64,R0lGODlhMAAwAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjUwQkRGMDNBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjUwQkRGMDRBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTBCREYwMUFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTBCREYwMkFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTD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); background-size: 100% 100%; font-style: normal; background-repeat: no-repeat; background-position: 50%; display: inline-block; } /*音乐*/ .img-box .music-card { min-height: 98px; } .music-card-holder { position: relative; height: 96px; font-size: 0; text-align: left; border: solid 1px #e6e6e6; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 4px; background-color: hsla(240, 5%, 96%, .3); } .music-card-holder .music-cover-box { display: inline-block; width: 96px; height: 100%; } .music-card-holder .music-cover-ctnr { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; overflow: hidden; } .music-card-holder .music-cnt-box { display: inline-block; padding: 8px 12px 0; position: absolute; } .music-card-holder .music-cnt-ctnr { color: #999; } .music-card-holder .music-title { margin-bottom: 0; font-size: 15px; height: 19px; line-height: 19px; color: #333; } .music-card-holder .music-data-box { margin-top: 4px; font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 13px; } .music-card-holder .music-data-item { margin-right: 12px; } .read-article-holder .music-card-holder .data-num { margin-left: 4px; min-width: 52px; font-size: 11px; } .music-card-holder .music-up-info { font-size: 12px; line-height: 22px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .music-card-holder .up-name { margin-left: 3px; } .music-card-holder .music-tag-box { margin-top: 3px; } /*商品*/ .ticket-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .ticket-card-holder .ticket-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ticket-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .ticket-card-holder .ticket-cnt-box { padding: 8px 12px 4px; text-align: left; } .ticket-card-holder .ticket-name { margin-bottom: 3px; height: 21px; line-height: 21px; font-size: 15px; color: #333; } .ticket-card-holder .ticket-icon { margin-right: 6px; font-size: 12px; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-bottom-box { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .ticket-card-holder .ticket-price-box { margin: 0 6px 2px 0; font-size: 12px; color: #fb7299; } .ticket-card-holder .price { margin-left: 2px; font-size: 18px; -webkit-transform: translateY(1px); transform: translateY(1px); } /*投票*/ .vote-card-holder { margin: 16px 0; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 6px; height: 80px; position: relative; } .vote-card-holder .vote-head { height: 80px; font-size: 13px; color: #505050; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-icon-box { -ms-flex-preferred-size: 80px; flex-basis: 80px; height: 80px; background-color: #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; position: relative; } .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { color: #00a1d6; } .vote-card-holder .head-left { padding: 10px 0; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-head h3 { font-size: 16px; color: #212121; font-weight: normal; } .vote-card-holder .vote-head h3, .vote-card-holder .vote-head p { margin-bottom: 0; width: calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .vote-card-holder .vote-btn-box { width: 80px; height: 80px; text-align: center; position: absolute; top: 0; right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vote-card-holder .vote-btn-box .vote-btn { cursor: pointer; width: 54px; display: inline-block; color: #fff; background-color: #00a1d6; border-radius: 4px; font-size: 13px; line-height: 28px; } .vote-card-holder .vote-btn-box .vote-btn[disabled]{ background-color: gainsboro; cursor: not-allowed; } /*代码块*/ pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; white-space: initial; overflow: auto; } /*编辑器内容样式*/ .img-text { display: block; text-align: center; border-bottom: solid 1px gainsboro; padding-bottom: 5px; outline: none } .article-holder table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 10px 0; line-height: 1.5; } .article-holder table td, .article-holder table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; min-height: 30px; height: 30px; } .article-holder table th { border-bottom: 2px solid #ccc; text-align: center; background-color: #f1f1f1; } blockquote { position: relative; padding-left: 25px!important;; margin: 20px 0!important;; line-height: 1.8!important;; font-size: 16px!important;; color: #6D757A !important; background-color: white!important;; border: none!important; } blockquote::before { content: ""; width: 20px; height: 19px; display: block; position: absolute; top: 4px; left: 0; background-image: url(data:image/png;base64,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); background-size: 100% 100%; } video{ height: auto; } .w-e-toolbar{ display: table!important; } .w-e-toolbar .w-e-menu { float: left; } .w-e-toolbar .w-e-menu.right{ float: right; } .w-e-toolbar.disabled .w-e-menu { cursor: not-allowed; } .w-e-text-container { min-height: 200px !important; /*!important是重点，因为原div是行内样式设置的高度300px*/ z-index: 0!important; } .w-e-menu-tooltip { white-space: nowrap; } .w-e-toolbar .w-e-menu.right:hover { background-color: unset; } .w-e-toolbar .w-e-menu.right:hover i { color: #999; } .contenteditable::after { content: '\5728\6B64\8F93\5165\6CE8\91CA...'; color: #c0c0c0; } span.img-text { display: block; text-align: center; border-bottom: solid 1px gainsboro; padding-bottom: 5px; outline: none } video { outline: none; } div * { -webkit-user-select: text; outline: none; } #text-container a{ color: #00a1d6; } #text-container a .img-box{ color: black; } img, .img-box { vertical-align: middle; max-width: 100%; } .w-e-video-drag-mask { position: absolute; z-index: 1; border: 1px dashed #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; } .w-e-video-drag-mask .w-e-video-drag-show-size { min-width: 110px; height: 22px; line-height: 22px; font-size: 14px; color: #999; position: absolute; left: 0; top: 0; background-color: #999; color: #fff; border-radius: 2px; padding: 0 5px; } .w-e-video-drag-mask .w-e-video-drag-rb { position: absolute; right: -5px; bottom: -5px; width: 16px; height: 16px; border-radius: 50%; background: #ccc; cursor: se-resize; } .w-e-toolbar.disabled .w-e-menu i { color: #dcdfe6; } .w-e-toolbar.disabled .w-e-menu:hover i { color: #dcdfe6; } .w-e-toolbar.disabled .w-e-menu:hover { background-color: unset; } .w-e-toolbar.disabled .w-e-droplist, .w-e-toolbar.disabled .w-e-panel-container{ opacity: 0; visibility: hidden; } .w-e-menu .w-e-panel-container .w-e-panel-close:hover { color: #00a1d6; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context { padding-top: 20px; font-size: 14px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input { border: 1px solid #d9d9d9; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header { position: relative; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button { border: solid 1px #00a1d6; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .latex-type { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f8f8f8; border-bottom: 1px solid #eee; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .latex-type li { position: relative; padding: 10px; cursor: pointer; margin-right: 5px; color: #999; -webkit-transition: all .3s; transition: all .3s; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .latex-type li:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-bottom: 6px solid #999; border-left: 6px solid transparent; right: 0; bottom: 15px; -webkit-transform: rotate( -135deg ); transform: rotate( -135deg ); -webkit-transition: all .3s; transition: all .3s; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input textarea { width: 100%; min-height: 40px; border: none; outline: none; padding: 0 10px; resize: none; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-preview { width: 100%; height: 100px; border: 1px dashed #d9d9d9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0 30px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-preview .text { color: #999; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-preview img { max-width: 100%; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box { position: absolute; width: 100%; -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 15%); box-shadow: 0 2px 8px rgb(0 0 0 / 15%); padding: 12px 16px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 4px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box .squre { content: ""; position: absolute; bottom: -4px; left: 50%; background-color: #fff; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); width: 8px; height: 8px; -webkit-box-shadow: 3px 3px 7px rgb(0 0 0 / 7%); box-shadow: 3px 3px 7px rgb(0 0 0 / 7%); } #symbol-express .squre { left: 10%; } #symbol-functions .squre { left: 28%; } #symbol-greek .squre { left: 63%; } #symbol-special .squre { left: 80%; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button { background: none; border: none; cursor: pointer; margin: 2px; outline: none; color: #505050; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button.bt1 { width: 45px; height: 38px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button.bt2 { width: 58px; height: 39px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button.bt3, .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button.bt4 { width: 24px; height: 25px; } .w-e-menu .w-e-panel-container .w-e-panel-tab-content .latex-context .latex-input .latex-header .symbol-box button.bt5 { width: 32px; height: 25px; } .w-e-text img.latex:hover, .w-e-text img.card-box:hover { -webkit-box-shadow: none; box-shadow: none; } ul { list-style: none; } #text-container ul { list-style: unset; } #text-container ul li { list-style: unset; } #text-container ol li { list-style: unset; } #text-container blockquote .w-e-todo li span { top: 10px; } #text-container blockquote .w-e-todo li { position: relative; } #text-container blockquote .w-e-todo li span:nth-child(1){ position: absolute; } /*#text-container blockquote {*/ /* position: relative;*/ /* padding-left: 25px;*/ /* margin: 20px 0;*/ /* line-height: 1.8;*/ /* font-size: 16px;*/ /* color: #6D757A !important;*/ /* background-color: white;*/ /* border: none;*/ /*}*/ /*blockquote::before {*/ /* content: "";*/ /* width: 20px;*/ /* height: 19px;*/ /* display: block;*/ /* position: absolute;*/ /* top: 4px;*/ /* left: 0;*/ /* background-image: url(../assets/image/quotes-left.png);*/ /* background-size: 100% 100%;*/ /*}*/ .panel-context .header { border-bottom: 1px solid #e5e9ef; margin: 0 -20px; padding: 16px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .panel-context .card-modal-header { margin-bottom: -16px; } .panel-context .ui-tabs { position: static; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item { display: inline-block; font-size: 0; padding: 0 10px; cursor: pointer; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item span { color: #99a2aa; font-size: 14px; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item:not(.current):hover span { color: #00a1d6; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item.current span { color: #222; } .panel-context .card-modal-header .ui-tabs .ui-tabs-head .tab-head-item a { font-size: 16px; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item .current-mark { position: relative; display: block; border-bottom: 1px solid #00a1d6; width: 100%; margin-top: 3px; } .panel-context .card-modal-header .ui-tabs .ui-tabs-head .tab-head-item .current-mark { margin-top: 12px; } .panel-context .ui-tabs .ui-tabs-head .tab-head-item .current-mark:after { position: absolute; -webkit-transform: rotate( -135deg ); transform: rotate( -135deg ); display: block; content: ""; width: 0; height: 0; border-bottom: 4px solid #00a1d6; border-left: 4px solid transparent; bottom: -2px; left: 50%; margin-left: -2px; } .panel-context .modal-box li { margin: 15px 0; } .panel-context .modal-box li:last-child { margin-bottom: 0; } .panel-context .video-card .video-tabs { margin-bottom: 15px !important; } .panel-context .modal-box .ui-tabs { padding: 0; margin-bottom: 10px; } .panel-context .modal-box.displayNo { display: none; } .panel-context .modal-box .ui-tabs li { margin: 0; } .panel-context .video-card .video-tabs .ui-tabs-head .tab-head-item.current { background-color: #00a1d6; border-radius: 20px; } .panel-context .video-card .video-tabs .ui-tabs-head .tab-head-item.current span { color: #fff; height: 22px; line-height: 22px; } .panel-context .modal-box .ui-tabs li span { font-size: 12px; } .panel-context .video-card .video-tabs .ui-tabs-head .tab-head-item .current-mark { display: none; } .panel-context .ui-input-text { position: relative; display: inline-block; } .panel-context .modal-box .ui-input-text { margin-bottom: 16px; } .panel-context .modal-box li .ui-input-text { width: 100%; } .panel-context .ui-input-text.index-input .input-index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background-color: #e5e9ef; font-size: 14px; width: 42px; height: calc(100% - 2px); border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 1px solid #ccd0d4; text-align: center; top: 1px; left: 1px; } .panel-context .ui-input-text.index-input .input-index span { display: block; width: 100%; line-height: 1; } .panel-context .ui-input { border-radius: 4px; border: 1px solid #ccd0d7 !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease; transition: color .2s ease, background-color .2s ease, border-color .2s ease; outline: none; } .panel-context .ui-input-text input { width: 100%; font-size: 14px; line-height: 1; padding: 7px 12px; padding-right: 50px; outline: none; } .panel-context .ui-input-text.index-input input { padding-left: 54px; } .panel-context .ui-input-text input.no-count { padding-right: 12px; } .panel-context .modal-box .ui-input-text input { height: 42px !important; } .panel-context .modal-box .error { font-size: 12px; line-height: 14px; color: red; margin-top: -6px; margin-bottom: 16px; margin-left: 5px; background-size: 14px; padding-left: 16px; } /*投票*/ #bp-app { max-height: 400px; overflow-y: auto; max-width: 600px; margin: 0 auto; background-color: #f4f4f4; } #bp-app .clear{ clear: both; } .create-vote { width: 100%; } .group { margin-bottom: 20px; width: 100%; } .editorBox .row { background-color: #fff; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-align: left; min-height: 44px; position: relative; } .editorBox .row:first-child::before, .editorBox .row.top-border::before, .tip + .editorBox .row::before { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #e7e7e7; position: absolute; bottom: -1px; left: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1; /*top: -1px;*/ } .editorBox .row::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #e7e7e7; position: absolute; bottom: -1px; left: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1; } .editorBox .row.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .editorBox .row.field { padding-top: 0; padding-bottom: 0; } .editorBox .label-name { min-width: 78px; -ms-flex-preferred-size: 78px; flex-basis: 78px; word-break: keep-all; } .editorBox .label-name, .label-content { float: left; } .editorBox .label-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(100% - 78px); padding-right: 30px; } .editorBox .option-detail .image-box { width: 56px; height: 56px; background: #fbfbfb url(data:image/png;base64,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) center/26px no-repeat; margin-left: -12px; } .editorBox .row.field input { line-height: 32px!important; border: 0!important; } .editorBox .count-tip { position: absolute; left: 12px; top: 36px; color: #999; font-size: 10px; } .editorBox .label-content > textarea, .label-content > input, .label-content > select { width: 100%; resize: none; cursor: pointer; } .editorBox .introduction-content > textarea { height: 64px; outline: none; } .editorBox .introduction-content > textarea:focus { border-color: #ccc!important; } .editorBox .label-content.no-padding-right { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 0; } .editorBox .bp-radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #505050; margin: 8px 0; cursor: pointer; } .editorBox .radio-icon { width: 19px; height: 19px; border: 1px solid #fb7299; border-radius: 50%; position: relative; margin-right: 8px; } .editorBox .radio-icon.checked::before { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fb7299; border-radius: 50%; } .editorBox .row input, .editorBox .row select{ -webkit-appearance: none; } .editorBox .row select { -webkit-box-shadow: none; box-shadow: none; border: 0; background-color: #fff; padding: 0; margin: 0; font-size: 14px; outline: 0; } .editorBox .bp-radio + .bp-radio { margin-left: 24px; } .editorBox .option-delete, .arrow { width: 44px; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAAiNJREFUaAXtWTtOw0AQjT/puAAXAAkOQI+4AEKiQjQgQUWXKHaZwo6SjgokaChBiAug3AIKLsAFUsYxb5AXrRJ7s+tdxwVjKdrx7Mx7s28/sexOhy9WwEoBzypbSu73+xFu4zzPtyT3iul53gzOZDwepyudNRx+jZzSFBR+s654SqQYii0FqeF0NgAoe1uoqyyDYihWGcSdrMDmFKg8hXq93h3KuNpcKUqm+8lkcl0WUbmJsdFOyxLa8KlqqRwACn1po9gyThy7z2V+9rECDhSoPIVkbJxIubjHaaCVI+JNW1Mu1SY25W4lngfQiuwSKc+AJEYrZmjLGkXRXpZlb4QTBMFxmqafZJv6KafOZb2EUPwJ/up36Ee2KMLUL/JMW+sBgDCQSG1sCUbfdDEAfbYGInkADYhqBMkzYCRXA8E8Aw2IagTpYgYyidHGlmD0TesB4PHhFW8NvuhHtqA29Ys809b6Wah49tldJjb1L+fr3lvPgC5RU3H/YwBY3/RR4veK43hb2K5bGVvmVPFozQAelT8EyHw+Pxe261bGljlVPFqb2Pf9x8VicVAADfE5qROG4VOSJN8qcN0+Ur4ofihyiFPYqlbrHQ/U8FD0O4AOVWAO+6b4hnaEZfT3PqoKW2sJEVC32z0DyLQKyKF/Slw6xROn1gyI4mgmBoPBJZbTBQj2ca/8Iiny1rXAmtGap2UzGo0edItfh8v9rAArwAo0r8APEq7EdcY5K4sAAAAASUVORK5CYII=) center/16px no-repeat; position: absolute; top: 0; right: 0; cursor: pointer; } .editorBox .add-option { color: #fb7299; width: 100px; text-align: left; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; border: 0; background-color: #fff; padding: 0; margin: 0; font-size: 14px; outline: 0; } .editorBox .label-whole-line{ width: 100%; text-align: center; color: #757575; } .editorBox .tip { color: #999; font-size: 12px; padding: 0 12px; margin-top: 10px; } .editorBox .button-wrapper { text-align: center; margin: 30px 0; } .editorBox .submit-button { background-color: #fb7299; border-radius: 4px; width: 141px; line-height: 44px; color: #fff; display: inline-block; position: relative; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; margin: 0; font-size: 14px; outline: 0; } /*.disabled {*/ /* background-color: #e7e7e7;*/ /* color: #999;*/ /*}*/ #text-contribute[data-v-f9e5de3c] { /*transform: translateX(1px);*/ padding-left: 0; padding-right: 0; height: calc(100% - 60px); padding-bottom: 40px; background: #fff; position: relative; } .ui-input[data-v-f9e5de3c] { border-radius: 4px; border: 1px solid #ccd0d7; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; outline: none; } #text-contribute.limit-height[data-v-f9e5de3c] { padding-bottom: 0; position: relative; } #text-contribute .fixed-header[data-v-f9e5de3c] { position: absolute; width: 100%; background-color: #fff; padding-top: 4px; z-index: 5; } #text-contribute .fixed-header .tab-container[data-v-f9e5de3c] { width: 80%; min-width: 740px; margin: 0 auto; } .i-tab[data-v-f9e5de3c] { display: inline-block; margin-top: 7px; font-size: 12px; margin-right: 24px; position: relative; color: #222; padding-bottom: 5px; } .i-tab.current[data-v-f9e5de3c] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .i-tab.current[data-v-f9e5de3c]:after { content: ""; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 0 none; border-right: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px solid #00a1d6; } .page-wrp[data-v-f9e5de3c] { position: relative; } .draft-wrap[data-v-f9e5de3c] { width: 80%; min-width: 740px;; margin: 0 auto; padding-top: 20px; } h2.title[data-v-f9e5de3c] { display: inline-block; font-weight: 400; font-size: 20px; color: #222; } .draft-wrap .head-title[data-v-f9e5de3c] { height: 67px; line-height: 67px; font-size: 20px; } .draft-wrap .head-title span.count[data-v-f9e5de3c] { font-size: 14px; color: #99a2aa; } ul[data-v-f9e5de3c] { list-style: none; } .draft-wrap .draft-list li.draft-card[data-v-f9e5de3c] { position: relative; width: 100%; min-height: 140px; border-radius: 4px; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; margin-bottom: 20px; padding: 20px; } .draft-wrap .draft-list li.draft-card .cover-wrp[data-v-f9e5de3c] { position: relative; float: left; width: 210px; height: 120px; border-radius: 4px; overflow: hidden; margin-right: 20px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .draft-wrap .draft-list li.draft-card .cover-wrp .img[data-v-f9e5de3c] { width: 100%; height: 100%; border-radius: 4px; background-size: contain; background-repeat: no-repeat; background-position: 50%; } .draft-wrap .draft-list li.draft-card .meta-wrp[data-v-f9e5de3c] { float: left; } .draft-wrap .draft-list li.draft-card .meta-title[data-v-f9e5de3c] { height: 24px; line-height: 24px; } .draft-wrap .draft-list li.draft-card .meta-title .typename[data-v-f9e5de3c] { display: inline-block; padding: 0 8px; border: 1px solid #e5e9ef; color: #666; border-radius: 12px; vertical-align: top; line-height: 22px; margin-right: 10px; } .draft-wrap .draft-list li.draft-card .meta-title .name[data-v-f9e5de3c] { display: inline-block; max-width: 330px; font-size: 18px; color: #212121; } #appeal-main .ap-con .it-info .info-lt .title[data-v-f9e5de3c], .ellipsis[data-v-f9e5de3c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .draft-wrap .draft-list li.draft-card .meta-summary[data-v-f9e5de3c] { font-size: 14px; line-height: 1.4; color: #99a2aa; padding: 5px 0 10px; min-height: 34px; width: 380px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .draft-wrap .draft-list li.draft-card .meta-status[data-v-f9e5de3c] { margin-bottom: 10px; } .draft-wrap .draft-list li.draft-card .meta-status .pubdate[data-v-f9e5de3c] { display: inline-block; color: #99a2aa; font-weight: 400; padding-right: 20px; vertical-align: middle; } .draft-wrap .draft-list li.draft-card .meta-view[data-v-f9e5de3c] { color: #99a2aa; } .i-btn[data-v-f9e5de3c] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .i-btn.ok[data-v-f9e5de3c] { color: #fff; background: #00a1d6; } .draft-wrap .draft-list li.draft-card .meta-view .i-btn[data-v-f9e5de3c] { width: 72px; margin-right: 10px; } .i-btn.plain[data-v-f9e5de3c] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .draft-wrap .draft-list li.draft-card .meta-view .i-btn[data-v-f9e5de3c] { width: 72px; margin-right: 10px; } .videoUpload[data-v-8e2361c2] { height: calc(100% - 50px); } .canary-container[data-v-8e2361c2] { max-width: 850px; padding: 0 10px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; } .upload-banner[data-v-8e2361c2] { margin-top: 8px; font-size: 0; overflow: hidden; position: relative; width: 100%; height: 69px; border-radius: 5px; } .upload-banner ul.carousel[data-v-8e2361c2] { width: 300%; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .upload-banner ul.carousel li[data-v-8e2361c2] { width: 33.33333333%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a[data-v-8e2361c2] { width: 100%; height: 100%; display: inline-block; } .upload-banner ul.carousel li a img[data-v-8e2361c2] { width: 100%; height: 100%; } .upload-container[data-v-8e2361c2] { padding-top: 6px; } .upload-step1-container[data-v-8e2361c2] { position: relative; padding: 14px 0 20px; text-align: center; } .alert-container[data-v-8e2361c2] { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; color: #fff; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 42px; padding: 0 10px; opacity: .9; } .alert-container-info[data-v-8e2361c2] { background-color: #00a1d6; } .alert-container .alert-btn[data-v-8e2361c2] { padding: 0 16px; line-height: 22px; height: 24px; cursor: pointer; border: 1px solid transparent; border-radius: 4px; margin-left: 10px; } .alert-container-info div.alert-btn[data-v-8e2361c2]:nth-child(2) { background-color: #fff; color: #00a1d6; } .alert-container-info div.alert-btn[data-v-8e2361c2]:nth-child(3) { border-color: #fff; color: #fff; background-color: transparent; } .upload-step1-container #homeDrop[data-v-8e2361c2] { padding-top: 66px; width: 100%; max-width: 830px; height: 284px; margin: 0 auto; position: relative; } .upload-step1-container #homeDrop .box-border[data-v-8e2361c2] { width: 100%; height: 100%; position: absolute; border: dashed 1px gainsboro; left: 0; top: 0; } .upload-step1-container #homeDrop .upload-hint[data-v-8e2361c2] { font-size: 13px; color: #999; text-align: center; margin-top: 6px; } .upload-step1-container #homeDrop .upload-btn[data-v-8e2361c2] { position: relative; margin: 30px auto 0; width: 200px; height: 44px; cursor: pointer; background: #00a1d6; border-radius: 4px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; white-space: nowrap; font-size: 0; } .upload-step1-container #homeDrop .upload-btn #i-upload-btn[data-v-8e2361c2] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .upload-step1-container #homeDrop .upload-btn .upload-btn-title[data-v-8e2361c2] { font-size: 16px; color: #fff; line-height: 44px; } .upload-step1-container #homeDrop .video-jam[data-v-8e2361c2] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0 0; position: relative; } .upload-step1-container #homeDrop .video-jam .video-jam-pretext[data-v-8e2361c2] { font-size: 13px; color: #999; text-align: center; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-state[data-v-8e2361c2] { text-align: center; margin-left: 8px; border-radius: 2px; font-size: 12px; color: #fff; padding: 0 8px; line-height: 20px; } .upload-step1-container #homeDrop .video-jam .video-jam-comment[data-v-8e2361c2] { position: absolute; opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; top: 6px; left: 110%; z-index: 101; width: 300px; text-align: left; padding: 8px 10px; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); font-size: 12px; line-height: 20px; color: #99a2aa; } .upload-step1-container #homeDrop .video-jam:hover .video-jam-comment[data-v-8e2361c2] { opacity: 1; } .video-editor-ol-wrp[data-v-8e2361c2] { background: rgba(0,161,214,.05); width: 100%; height: 88px; margin: 20px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .video-editor-ol-wrp .left[data-v-8e2361c2] { font-size: 30px; width: 30px; height: 30px; color: #00a1d6; position: absolute; top: 0; bottom: 0; margin: auto; left: 60px; } .video-editor-ol-wrp .video-editor-ol-content[data-v-8e2361c2] { text-align: left; margin-left: 120px; margin-top: 22px; } .video-editor-ol-wrp .video-editor-ol-content p.title[data-v-8e2361c2] { margin-bottom: 3px; font-size: 16px; color: #212121; font-weight: 700; line-height: 22px; } .video-editor-ol-wrp .video-editor-ol-content .sub_title[data-v-8e2361c2] { margin-top: 6px; font-size: 12px; color: #505050; position: relative; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question[data-v-8e2361c2] { width: 14px; height: 14px; cursor: pointer; } .warning-info-container[data-v-8e2361c2] { position: absolute; z-index: 20; left: 81%; top: -9px; background-color: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); border-radius: 4px; display: none; padding: 9px 12px; } .video-editor-ol-content .warning-info-container[data-v-8e2361c2] { left: 100%; } .warning-info-container p.warning-info-content[data-v-8e2361c2] { line-height: 22px; display: inline-block; white-space: nowrap; font-size: 14px; color: #505050; } .video-editor-ol-wrp .video-editor-ol-content .sub_title .question:hover~.warning-info-container[data-v-8e2361c2] { display: block; } .section-title-container .section-title-warning:hover~.warning-info-container[data-v-8e2361c2]{ display: inline-block; } .video-editor-ol-wrp .video-editor-ol-btn[data-v-8e2361c2] { width: 80px; height: 30px; display: block; line-height: 30px; background-color: #00a1d6; border-radius: 4px; cursor: pointer; position: absolute; top: 28px; right: 33px; font-size: 13px; color: #fff; } .video-editor-ol-wrp .video-editor-ol-helper[data-v-8e2361c2] { font-size: 12px; color: #00a1d6; position: absolute; top: 35px; right: 127px; } .video-editor-ol-wrp .video-editor-ol-new[data-v-8e2361c2], .upload-step1-container .tip_new[data-v-8e2361c2] { position: absolute; right: -3px; top: -10px; font-size: 12px; color: #fff; background-color: #fb7299; border-radius: 2px; line-height: 20px; text-align: center; width: 27px; -webkit-transform: scale(.8); transform: scale(.8); display: inline-block; } .upload-step1-container .upload-agreement .reg-1[data-v-8e2361c2] { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 333px; margin: 40px auto 0; } .upload-step1-container .upload-agreement .reg-1>div[data-v-8e2361c2] { line-height: 20px; height: 20px; font-size: 12px; cursor: pointer; position: relative; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-8e2361c2] { color: #99a2aa; } .upload-step1-container .upload-agreement .reg-1>div a.reg-2-forbidden[data-v-8e2361c2]:hover { text-decoration: underline; } .upload-step1-container .upload-agreement .reg-1>div a[data-v-8e2361c2]:hover { color: #00a1d6; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-8e2361c2] { position: absolute; z-index: 101; color: #666666; border-radius: 4px; font-size: 12px; border: solid 1px #f9d199; background-color: #fcfae0; white-space: nowrap; text-align: left; cursor: default; padding: 20px; bottom: 28px; right: -5px; display: none; } .upload-step1-container .upload-agreement .reg-1>div .reg-tip[data-v-8e2361c2]:after{ content: ''; position: absolute; width: 14px; height: 14px; border-color: transparent #f9d199 #f9d199 transparent; border-style: solid; border-width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fcfae0; right: 10px; bottom: -8px; } .upload-step1-container .upload-agreement .reg-1>div:hover .reg-tip[data-v-8e2361c2] { display: block; } .upload-step1-container .tip_new[data-v-8e2361c2] { right: -25px; } .upload-step1-container .upload-agreement .reg-2[data-v-8e2361c2] { margin-top: 20px; line-height: 18px; font-size: 12px; color: #99a2aa; text-align: center; } .upload-step1-container .upload-agreement .reg-2 a[data-v-8e2361c2]{ color: #00a1d6; } .tool-box-container[data-v-8e2361c2] { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; } .tool-box-container .tool-title[data-v-8e2361c2] { color: #99a2aa; padding-right: 16px; font-size: 12px; } .tool-box-container .tool-xiaowan[data-v-8e2361c2] { padding-right: 16px; } .tool-box-container .tool-xiaowan-i a[data-v-8e2361c2], .tool-box-container .tool-xiaowan a[data-v-8e2361c2] { font-size: 12px; color: #99a2aa; } .tool-box-container .tool-xiaowan-i a[data-v-8e2361c2]:hover, .tool-box-container .tool-xiaowan a[data-v-8e2361c2]:hover { text-decoration: underline; color: #00a1d6; } .upload-step2-container[data-v-8e2361c2] { position: relative; padding: 5px 0; } .file-list-container .file-title[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file-list-container .file-title h1[data-v-8e2361c2] { font-size: 20px; color: #222; margin-right: 10px; } .file-list-container .file-title p.info[data-v-8e2361c2] { font-size: 12px; color: #666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-container .file-title p.remain-upload[data-v-8e2361c2] { font-size: 12px; color: #666; } .file-list-wrp[data-v-8e2361c2] { margin: 16px 0 13px; } .upload-sortable-chosen[data-v-8e2361c2], .upload-v2-sortable-ghost[data-v-8e2361c2] { background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%); padding-right: 20px!important; padding-left: 20px!important; } .file-list-wrp .file-list-item[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 24px 0; } .file-list-wrp .file-list-item .file-list-item-icon[data-v-8e2361c2] { width: 36px; height: 30px; background: url(data:image/png;base64,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) no-repeat; background-size: 100% 100%; margin-right: 24px; font-size: 12px; color: #fff; line-height: 24px; cursor: -webkit-grabbing; cursor: grabbing; } .file-list-wrp .file-list-item .file-list-item-icon>span[data-v-8e2361c2] { display: inline-block; width: 27px; text-align: center; vertical-align: text-top; } .file-list-wrp .file-list-item .file-list-item-wrp[data-v-8e2361c2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp[data-v-8e2361c2] { 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; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title[data-v-8e2361c2] { font-size: 14px; color: #222; line-height: 32px; cursor: pointer; max-width: 715px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp input.item-title-text[data-v-8e2361c2] { border: 1px solid rgb(204, 208, 215); } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-title-text[data-v-8e2361c2] { max-width: 515px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 32px; width: 100%; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op[data-v-8e2361c2] { font-size: 12px; color: #666; line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-list-wrp .file-list-item .file-list-item-wrp .item-status-wrp .item-status-op .item-status-click[data-v-8e2361c2] { padding-right: 25px; width: 40px; cursor: pointer; opacity: 0; color: #00a1d6; } .file-list-wrp .file-list-item:hover .item-status-click[data-v-8e2361c2]{ opacity: 1!important; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-info[data-v-8e2361c2] { font-size: 12px; color: #99a2aa; padding: 6px 0 4px; } .file-list-item-wrp .item-upload-info span.upload-status-intro[data-v-8e2361c2] { display: inline-block; padding-right: 12px; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress[data-v-8e2361c2] { height: 2px; border-radius: 4px; background-color: #e7e7e7; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-8e2361c2], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-error[data-v-8e2361c2], .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-loading[data-v-8e2361c2] { height: 100%; border-radius: 4px; -webkit-transition: width .3s ease; transition: width .3s ease; } .file-list-wrp .file-list-item .file-list-item-wrp .item-upload-progress .item-upload-progress-complete[data-v-8e2361c2] { background-color: #43ce5b; } .file-list-container .file-add-btn-group[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .file-list-container .file-add-btn[data-v-8e2361c2] { position: relative; background: #00a1d6; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; line-height: 14px; padding: 13px 0; width: 120px; cursor: pointer; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .file-list-container .file-add-btn.disabled[data-v-8e2361c2] { opacity: .5!important; cursor: not-allowed; } .file-list-container .file-add-btn .file-add-btn-img[data-v-8e2361c2] { vertical-align: middle; width: 16px; height: 16px; } .file-list-container .file-add-btn #i-upload-btn-more[data-v-8e2361c2] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .dividing-line[data-v-8e2361c2] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .normal-container .normal-title-wrp[data-v-8e2361c2] { padding: 32px 0; 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; } .normal-container .normal-title-wrp>h1[data-v-8e2361c2] { font-size: 20px; color: #222; } .normal-container .normal-title-wrp>.template-op[data-v-8e2361c2] { border: 1px solid #ccd0d7; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; position: relative; } .normal-container .normal-title-wrp>.template-op.disabled[data-v-8e2361c2], .normal-container .normal-title-wrp>.template-op.disabled>p[data-v-8e2361c2], .normal-container .normal-title-wrp>.template-op.disabled>.iconfont[data-v-8e2361c2]{ cursor: not-allowed!important; background: #f5f5f5; border-color: #ccd0d7!important; } .normal-container .normal-title-wrp>.template-op>p[data-v-8e2361c2] { font-size: 12px; color: #99a2aa; line-height: 20px; margin: 0 20px 0 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .normal-container .normal-title-wrp>.template-op>p[data-v-8e2361c2]:hover { opacity: .8; } .normal-container .normal-title-wrp>.template-op>.template-op-divide[data-v-8e2361c2] { width: 1px; height: 10px; background-color: #ccd0d7; } .normal-container .normal-title-wrp>.template-op>.iconfont[data-v-8e2361c2] { display: block; width: 16px; height: 16px; margin: 0 10px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .template-list-small-container[data-v-8e2361c2] { position: absolute; width: 240px; border: 1px solid #ccd0d7; z-index: 9; top: 45px; right: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; word-break: break-all; padding: 10px; background: #fff; border-radius: 2px; } .template-list-small-container .template-list-small-item[data-v-8e2361c2], .template-list-small-container .template-list-small-item-add[data-v-8e2361c2] { width: 58px; height: 72px; margin: 10px 5px; } .template-list-small-container .template-list-small-item[data-v-8e2361c2] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAeFBMVEUAAAAAodYAodYAodYAodYAodbU7/8AodYAodYAodYAodYAodZqyOrU7//I6/2Q1vIhrdzH6vwgrdzJ6/0DptwEp90Bo9gBo9kEqN4CpdsAotcCpNoDp90BotcBotgBpNkDptsCpNkEqN0DpdsCpdoAodcDp9wAAABkPnJJAAAAC3RSTlMAJa3xKO9/rvMn8u3ENFwAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABuUlEQVRYw+3XbZOCIBAAYM+6l6Kue0FcQUuL+v8/8QBBoRJdv92M+6EU55GVXZwxSV7SFZkau8SP9etkSMj+zafvCEn2gf3AUd9ipKaeRdPe4mlnZ1Bn51BrUfQzsCh62PsWRb++fYui5Ofw6+wOSf1Y6EIXutCF/idKMzaT5gCFO+Y4WgCI9h4UAFC0BKjU31FDHOUAmfotAND0BFCT5gwz6EWtUmkdpSiaufmAHgmpELRyMMvNeZwyrwNyl6u0A1EqdG5NZaakLteKTKG2DFmRSwvLqY14lSUEIfyrY8vET3UHL5xgaN88NxaMV3KMCleQJnCiHOsm5p61uHp5NOPt/6QgOtztIrQJm6eLtlAFG6byWUF0HNUGymMrbDu25o+XbBaDtLhvnocYpGYxvOWpxGRqJu1P2RkaDM36x9OnbCI1CbuymJ4q+URaeBmbY+o1FMlF5BXO+qKapqq7K3ryG8R2jgFnbntD9hdUIwmgMXps+629ibe6VzOuXomRT992o6rS8qAzGFAp1egq8sHN210TjImSmhlVpLHP/HabB9XUmbTJv66TZJNuh2x211JufQnZppvkD3YtyLRBgBEJAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; cursor: pointer; } .template-list-small-container .template-list-small-item-add[data-v-8e2361c2] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABICAMAAACQjxbQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAADy8/T////////M0NfM0NfM0NfM0NfO0tnX2t/////M0Nf////y8/T+/v7////O0tn////////M0NfU193+/v7Q09rN0dj////h4+fM0Nfq7O/29/ji5Oj6+vvm6Ov9/f36+/vx8vTT1tza3eL4+fq/xMnBxsuxuL6+xMmttbuepq77/Pzy8/X7+/zc3uPs7vAAAABMru5BAAAAGHRSTlMAJq3x9a8mKe/wJ7Lz8/Ourijv77HyrSc3yBeKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAN1JREFUWMPtl8kOgkAMQCuiKO57rbixCeL2/18naqIXZysXDvMuPUxe0szLkADQcJq4JqINov50W20ArxMYKL/Z9aFHWzRntz844NKRoZb0IQx5JiJwxShiq0RV1Dhmq0Q8NUnYannDFVTbVUu1XdXYrprUsGt6Ep8pumaZ+EzRVaHKuipU2Q3LVEVXmSrsmp9fFMV75AL1f1ctVbaSbGHb9Uuao4QavlcZ9jusie2qp9quWipXtF01qaIOApZ3uQ5hhMj4bb7daQyT6YM+S5PBDGnmAfhz11xdLFfwBOrBjm8I0b0+AAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-small-container .template-list-small-item p[data-v-8e2361c2] { text-align: center; font-size: 12px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; word-break: break-all; } .cover-container[data-v-8e2361c2] { position: relative; } .section-title-container[data-v-8e2361c2] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-title-container .section-title-content-main[data-v-8e2361c2] { font-size: 16px; color: #101010; line-height: 21px; font-weight: 400; } .section-title-container .section-title-content-sub[data-v-8e2361c2] { font-size: 12px; color: #6d757a; line-height: 21px; margin-left: 6px; } .cover-container .cover-detail-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .cover-container .cover-tpl[data-v-8e2361c2] { position: absolute; width: 80px; height: 24px; line-height: 24px; top: 45px; right: 0; left: 120px; background: rgba(0,0,0,.5); border-radius: 4px; color: #fff; z-index: 9; font-size: 14px; text-align: center; cursor: pointer; } .cover-container .cover-detail-wrp .cover-preview[data-v-8e2361c2] { width: 200px; height: 126px; cursor: pointer; margin-right: 44px; position: relative; } .cover-container .cover-detail-wrp .cover-preview[data-v-8e2361c2]:hover { opacity: .8; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default[data-v-8e2361c2]{ height: 126px; line-height: 126px; text-align: center; border-radius: 4px; position: relative; background: #ededed; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default img.i_tv[data-v-8e2361c2] { width: 40px; height: 40px; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-default .cover-upload-tip[data-v-8e2361c2] { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #fff; text-align: center; width: 100%; line-height: 26px; border-radius: 4px 0 4px 0; background: rgba(0,0,0,.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show[data-v-8e2361c2] { height: 100%; border-radius: 4px; position: relative; overflow: hidden; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show img.cover-preview-show[data-v-8e2361c2] { display: block; height: 100%; width: 100%; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip[data-v-8e2361c2] { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; font-size: 12px; color: #fff; text-align: center; line-height: 26px; width: 100%; border-radius: 4px 0 4px 0; z-index: 9; background: rgba(0,0,0,.5); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-upload[data-v-8e2361c2], .cover-container .cover-detail-wrp .cover-preview .cover-preview-show .cover-upload-show-tip-edit[data-v-8e2361c2]{ width: 50%; background: rgba(0,0,0,.5); margin-right: 2px; } .cover-container .cover-detail-wrp .cover-preview input[data-v-8e2361c2] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; font-size: 0; z-index: 9; cursor: pointer; } .cover-container .cover-detail-wrp .cover-selector[data-v-8e2361c2] { border: 1px solid #ccd0d7; border-radius: 4px; padding: 11px 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-deg[data-v-8e2361c2] { position: absolute; background-color: #fff; width: 15px; height: 15px; top: 55px; left: -8px; border-left: 1px solid #ccd0d7; border-bottom: 1px solid #ccd0d7; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); z-index: 9; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-title[data-v-8e2361c2] { padding-left: 15px; color: #99a2aa; font-size: 12px; display: inline-block; vertical-align: middle; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item[data-v-8e2361c2] { margin-top: 12px; width: 120px; height: 75px; /*background: #dbdbdb;*/ border-radius: 4px; line-height: 75px; text-align: center; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 3px solid #dbdbdb; /*background: url('../../../../../assets/image/test.jpg') center center / contain no-repeat rgb(219, 219, 219);*/ } @-webkit-keyframes loadingp-data-v-8e2361c2 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loadingp-data-v-8e2361c2 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .cover-container .cover-detail-wrp .cover-loading[data-v-8e2361c2] { -webkit-animation: loadingp-data-v-8e2361c2 1s linear infinite; animation: loadingp-data-v-8e2361c2 1s linear infinite; display: none; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item-selected[data-v-8e2361c2] { border: 3px solid #04a1d6; } .cover-container .cover-detail-wrp .cover-selector .cover-selector-items .selector-item img.select_ai_img[data-v-8e2361c2] { display: block; position: absolute; width: 19px; height: 24px; bottom: 0; right: 0; cursor: pointer; z-index: 9; } .ui-normal-line-white-divide[data-v-8e2361c2] { height: 24px; background: transparent; } .section-title-container .section-title-deg[data-v-8e2361c2] { color: #fc403c; font-size: 18px; line-height: 18px; height: 18px; } .copyright-container .copyright-check-radio-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } .copyright-container .copyright-source-input-wrp[data-v-8e2361c2]{ margin-top: 12px; } .content-tag-container .content-tag-input-wrp[data-v-8e2361c2], .content-title-container .content-title-input-wrp[data-v-8e2361c2] { margin-top: 12px; } .input-box-1-container[data-v-8e2361c2], .input-box-2-container[data-v-8e2361c2] { /*background: hsla(0,0%,84.7%,0);*/ background: #fff; border: 1px solid #ccd0d7; border-radius: 4px; padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: border .3s ease; transition: border .3s ease; } .input-box-1-container[data-v-8e2361c2]:hover, .input-box-1-container.active[data-v-8e2361c2], .input-box-2-container[data-v-8e2361c2]:hover, .input-box-2-container.active[data-v-8e2361c2]{ border: 1px solid #00a1d6; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp[data-v-8e2361c2]{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .label-item-container[data-v-8e2361c2] { background: #00a1d6; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 9px 0 11px; cursor: pointer; } .content-tag-container .content-tag-input-wrp .content-tag-pre-wrp>.label-item-container[data-v-8e2361c2] { margin: 4px 6px 4px 0; } .label-item-container .label-item-close[data-v-8e2361c2], .label-item-container .label-item-content[data-v-8e2361c2] { color: #fff; font-size: 12px; } .label-item-container .label-item-content[data-v-8e2361c2] { line-height: 30px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-container .label-item-close[data-v-8e2361c2] { display: block; margin-left: 9px; -webkit-transform: scale(.6); transform: scale(.6); } .input-box-1-container .input-box-1-instance[data-v-8e2361c2], .input-box-2-container .input-box-1-instance[data-v-8e2361c2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; margin: 8px 0; } .input-box-1-container .input-box-1-instance .input-box-1-val[data-v-8e2361c2], .input-box-2-container .input-box-1-instance .input-box-1-val[data-v-8e2361c2] { display: block; width: 100%; color: #222; line-height: 22px; height: 22px; font-size: 14px; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; } .input-box-1-container .input-box-1-max-tip[data-v-8e2361c2], .input-box-2-container .input-box-1-max-tip[data-v-8e2361c2] { font-size: 14px; color: #9ba4ac; margin: 8px 0 8px 12px; } .type-list-container .type-list-selector-wrp[data-v-8e2361c2], .type-list-loading-box[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-8e2361c2]{ position: relative; } .select-box-container .select-box-controller[data-v-8e2361c2]{ padding: 8px 12px; border: 1px solid #ccd0d7; border-radius: 4px; min-width: 200px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #99a2aa; -webkit-transition: border .3s ease; transition: border .3s ease; } .select-box-container .select-box-controller .select-item-cont[data-v-8e2361c2]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .select-box-container .select-box-controller .select-item-cont-inserted[data-v-8e2361c2]{ color: #222; } .content-tag-container .content-tag-input-wrp .content-tag-last-wrp[data-v-8e2361c2] { font-size: 14px; color: #858585; margin: 8px 0 8px 12px; cursor: default; } .content-tag-container .content-tag-other-wrp[data-v-8e2361c2] { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .content-tag-container .content-tag-other-wrp .content-tag-other-label[data-v-8e2361c2] { font-size: 14px; color: #222; padding-top: 14px; } .empty-retry-wrp[data-v-8e2361c2] { font-size: 12px; margin: 6px 0 6px 12px; height: 30px; padding: 0 10px; color: #6d757a; line-height: 30px; } .empty-retry-wrp a[data-v-8e2361c2] { color: #00a1d6; } .content-tag-container .content-tag-edit-mod-wrp[data-v-8e2361c2], .content-tag-container .content-tag-other-tag-error-wrp[data-v-8e2361c2] { border-radius: 4px; border: 1px solid #ccd0d7; color: #a2aab1; height: 42px; line-height: 40px; text-align: center; font-size: 12px; background: #f5f5f5; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-error-wrp[data-v-8e2361c2] { margin-left: 12px; margin-top: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list[data-v-8e2361c2], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp[data-v-8e2361c2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .label-item-2-container[data-v-8e2361c2] { text-align: center; padding: 0 20px; height: 30px; border: 1px solid #ccd0d7; border-radius: 100px; color: #6d757a; cursor: pointer; } .content-tag-container .content-tag-other-wrp .content-tag-mission-list>.label-item-2-container[data-v-8e2361c2], .content-tag-container .content-tag-other-wrp .content-tag-other-tag-wrp>.label-item-2-container[data-v-8e2361c2] { margin: 6px 0 6px 12px; } .label-item-2-container.label-item-2-container-hot[data-v-8e2361c2] { padding: 0 12px 0 14.5px; } .label-item-2-container.label-item-2-container-has-sub[data-v-8e2361c2] { position: relative; cursor: pointer; } .label-item-2-container>p[data-v-8e2361c2] { white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-item-2-container>p span[data-v-8e2361c2] { font-size: 12px; line-height: 28px; } .label-item-2-container.label-item-2-container-selected[data-v-8e2361c2] { background: #f4f5f7; color: #333; cursor: not-allowed; padding: 0 21px; border: 0; } .label-item-2-container.label-item-2-container-selected>p span[data-v-8e2361c2] { line-height: 30px; } .children-sub-container[data-v-8e2361c2] { background: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 14%); border-radius: 4px; position: absolute; left: 0; z-index: 10; min-width: 100%; font-size: 12px; top: calc(100% + 5px); white-space: nowrap; padding: 10px; cursor: default!important; } .children-sub-container>div[data-v-8e2361c2] { margin-top: -10px; } .children-sub-container>div>div[data-v-8e2361c2] { margin-top: 10px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp[data-v-8e2361c2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more[data-v-8e2361c2] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #00a1d6; margin: 6px 0 6px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more i[data-v-8e2361c2], .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-more span[data-v-8e2361c2] { vertical-align: middle; line-height: 30px; } .content-tag-container .content-tag-other-wrp .content-tag-mission-tag-wrp .content-tag-mission-tag-tip[data-v-8e2361c2] { font-size: 12px; line-height: 16px; color: #999; margin-left: 12px; margin-top: 8px; } .content-desc-container .content-desc-text-wrp[data-v-8e2361c2] { margin-top: 12px; } .archive-info-editor[data-v-8e2361c2] { position: relative; } .ql-container[data-v-8e2361c2] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; height: 100%; margin: 0; position: relative; } .archive-info-editor .editor[data-v-8e2361c2] { border: 1px solid #ccc; margin-top: 10px; min-height: 160px; border-radius: 8px; } .ql-editor[data-v-8e2361c2] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .hidden-content[data-v-8e2361c2] { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; padding: 12px 15px; text-align: left; white-space: pre-wrap; word-wrap: break-word; opacity: 0; z-index: -10; } .ql-editor.ql-blank[data-v-8e2361c2]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .archive-info-editor .metion-toolkit .mention-hidden-input[data-v-8e2361c2] { position: absolute; opacity: 0; pointer-events: none; } .i-at-popup[data-v-8e2361c2] { z-index: 10; width: 246px; /*border: 1px solid #e5e9ef;*/ -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .17); border-radius: 4px; position: absolute; background-color: #fff; font-size: 12px; } .i-at-popup__hint[data-v-8e2361c2] { margin: 0; height: 40px; line-height: 42px; padding-left: 12px; letter-spacing: 0; cursor: default; color: #99a2aa; } .i-at-popup__list[data-v-8e2361c2] { width: 100%; max-height: 353px; overflow: auto; } .archive-info-editor .mention-max[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; color: #9ba4ac; font-size: 14px; position: absolute; bottom: 10px; right: 15px; } .dividing-line[data-v-8e2361c2] { padding-top: 32px; border-bottom: 1px solid #ccd0d7; } .more-selector-container .more-selector-title-wrp[data-v-8e2361c2] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 28px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .more-selector-container .more-selector-title-wrp>h1[data-v-8e2361c2] { font-size: 20px; color: #222; } .more-selector-container .more-selector-title-wrp .more-selector-drop-tip[data-v-8e2361c2] { font-size: 12px; color: #6d757a; margin-right: 6px; } .original-set-container[data-v-8e2361c2] { padding-top: 32px; } .section-title-container .section-title-warning[data-v-8e2361c2] { font-size: 16px; display: inline-block; margin-left: 4px; color: #99a2aa; cursor: pointer; padding-right: 30px; } .warning-info-container p.warning-info-content.warning-info-content-important[data-v-8e2361c2] { color: #f26291; } .original-set-container .original-set-copy-switch-wrp[data-v-8e2361c2] { margin-top: 16px; } .check-box-container[data-v-8e2361c2] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; vertical-align: middle; position: relative; } .water-mark-set-container[data-v-8e2361c2], .porder-set-container[data-v-8e2361c2] { margin-top: 32px; } .water-mark-set-container .water-mark-set-copy-switch-wrp[data-v-8e2361c2] { margin-top: 16px; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-8e2361c2], .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-8e2361c2] { font-size: 14px; display: inline-block; vertical-align: middle; } .water-mark-set-container .water-mark-set-copy-switch-wrp>span[data-v-8e2361c2] { color: #000; } .water-mark-set-container .water-mark-set-copy-switch-wrp>a[data-v-8e2361c2] { margin-left: 8px; text-decoration: underline; color: #00a1d6; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-check-radio-group>div[data-v-8e2361c2] { margin-top: 16px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item[data-v-8e2361c2] { margin-top: 8px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .select-box-container[data-v-8e2361c2]{ position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first>div[data-v-8e2361c2] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first[data-v-8e2361c2]>:first-child { margin-right: 10px; } .select-box-container .select-box-controller .select-item-cont[data-v-8e2361c2]{ line-height: 22px; height: 22px; font-size: 14px; display: inline-block; white-space: nowrap; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-first .porder-item-own-game-selector-btn[data-v-8e2361c2] { /*display: inline-block;*/ /*cursor: pointer;*/ line-height: 34px; /*border: 1px solid #ccd0d7;*/ font-size: 14px; /*padding: 0 12px;*/ /*border-radius: 4px;*/ color: #9ba4ac; /*min-width: 120px;*/ /*user-select: none;*/ width: 120px; } .porder-set-container .porder-set-select-list-wrp .porder-set-item .porder-set-item-second[data-v-8e2361c2] { margin-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips[data-v-8e2361c2] { font-size: 14px; padding-top: 10px; } .porder-set-container .porder-set-select-list-wrp .porder-set-tips a[data-v-8e2361c2] { color: #00a1d6; } .sub-title-container[data-v-8e2361c2] { padding-top: 32px; } .sub-title-container .sub-title-select-wrp[data-v-8e2361c2] { margin-top: 10px; } .sub-title-container .sub-title-switch-wrp[data-v-8e2361c2] { margin-top: 16px; } .electron-set-container[data-v-8e2361c2] { margin-top: 32px; } .electron-set-container .electron-set-copy-switch-wrp[data-v-8e2361c2] { margin-top: 16px; } .choosePrice[data-v-8e2361c2]{ margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .choosePrice .left[data-v-8e2361c2]{ margin-right: 20px; } .choosePrice .right[data-v-8e2361c2]{ margin-right: 20px; } .choosePrice p[data-v-8e2361c2]{ font-size: 13px; padding-bottom: 12px; /*color: #fc403c;*/ } .electron-set-container .electron-set-copy-switch-wrp .electron-set-hint[data-v-8e2361c2] { font-size: 14px; color: #000; } .fans-dynamic-container .fans-dynamic-title-wrp[data-v-8e2361c2] { margin-top: 30px; } .fans-dynamic-container .fans-dynamic-title-wrp>h1[data-v-8e2361c2] { font-size: 20px; color: #222; } .fans-dynamic-container .fans-dynamic-input-wrp[data-v-8e2361c2] { margin-top: 16px; } .d-time-container[data-v-8e2361c2] { margin-top: 24px; } .d-time-container .d-time-switch-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-8e2361c2], .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-8e2361c2] { font-size: 14px; color: #222; line-height: 30px; height: 30px; } .d-time-container .d-time-switch-wrp p.d-time-pre[data-v-8e2361c2] { margin-right: 8px; } .d-time-container .d-time-switch-wrp p.d-time-last[data-v-8e2361c2] { margin-left: 10px; font-size: 0; } .d-time-container .d-time-switch-wrp p.d-time-last span[data-v-8e2361c2] { font-size: 12px; } .d-time-container .d-time-date-picker-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .submit-button-group-container[data-v-8e2361c2] { padding: 32px 0 106px; } .submit-button-group-container .submit-btn-group-add-img[data-v-8e2361c2], .submit-button-group-container .submit-btn-group-add[data-v-8e2361c2], .submit-button-group-container .submit-btn-group-tpl[data-v-8e2361c2] { display: inline-block; height: 40px; font-size: 14px; border-radius: 4px; text-align: center; vertical-align: middle; width: 120px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .submit-button-group-container .submit-btn-group-add[data-v-8e2361c2] { line-height: 40px; color: #fff; background: #00a1d6; } .submit-button-group-container .submit-btn-group-tpl[data-v-8e2361c2] { margin-left: 16px; line-height: 38px; border: 1px solid #ccc; color: #505050; background: #fff; } .common-modal-container[data-v-8e2361c2] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,.5); padding: 10px 0; } .common-modal-container .common-modal-content[data-v-8e2361c2] { position: relative; background-color: #fff; max-height: 100%; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 33%); box-shadow: 0 2px 8px rgb(0 0 0 / 33%); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 60%; height: 60%; margin: auto; left: calc(50% - 100px ); top: calc(50% + 30px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow-y: auto; overflow-x: hidden; } .common-modal-container .upload-animated[data-v-8e2361c2] { height: 90%; } .common-modal-container .common-modal-content .common-modal-head[data-v-8e2361c2] { border-bottom: 1px solid #e5e9ef; text-align: center; font-weight: 700; position: relative; height: 50px; } .template-list-modal-head[data-v-8e2361c2], .template-edit-modal-head[data-v-8e2361c2] { font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .template-list-modal-body[data-v-8e2361c2], .template-list-modal-head[data-v-8e2361c2], .template-edit-modal-head[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .common-modal-container .common-modal-content .common-modal-head>div.icon-close-container[data-v-8e2361c2] { position: absolute; top: 0; right: 0; height: 100%; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; cursor: pointer; } .template-list-modal-body[data-v-8e2361c2] { padding: 30px 0 70px; width: 90%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .template-list-modal-body .template-list-item[data-v-8e2361c2] { margin: 0 20px 15px; } .template-list-modal-body .template-list-item .template-list-item-bg[data-v-8e2361c2] { position: relative; width: 102px; height: 126px; /*background: url("../../../../image/template_bg.png") no-repeat;*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAB5CAMAAAD8gaQeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA1VBMVEUAAAADabcAodYAodYAodYDabcAodYAodbN6/0DabfM6vwDabcAodYAodYBo9kAodYBo9gDptwAodYAoNZqx+oAn9XU7/8AntQAndQAntUAnNMAmtIAoNUAm9IBl9EBlc8AmdIBlM8AmdEBk87I6vyR0e8in9XH6fwAm9MBltABks4hntSQz+7J6vwBldABkM0Bj8wBkMwBkc0BotgDptwBo9gEqN0EqN4BotcCpNkCpdsAotcCpNoDp90Dp9wDpdsCpdoEp90DptsBo9kAodcBpNkAAAAOY5CYAAAAEnRSTlMAASWt8QIn74MEhAPzKCjyrSewQavTAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAA4VJREFUaN7t2lt3ojAQAGB33bZ77y5UqrWt2u6l7d6XIJcAAtr//5cKCJGBxHOIkz5l3sTAB8lkEj0MBnjxYt+XL4evDJQwzbMjoXR8goMY5mhkvX4jcoZoyvnYst6KHKQeM8zJxdQSO0iKcTm+urbEDh4znVliB4+ZLyyxg8fc3FpiRwHDc1QwHEcJ03XUMB1HEdN2VDEtRxkDHXUMcBQyTUcl03CUMjtHLcMcTOaL2MFj5ouvltDBY6azb9+FDhZjTu7uH378/MVxzo7wGGM0nv9++PMXxL//t/fT8egdInM5uZjfzxa3IBaz65zJew2NyZ3x3XR+A2I+vbo4R32a3BlNxt2YjEzMsSnCvOyGaRqImbYvEOeNZjSjGc1oRjOa0YxmNKMZzWhGM8/D2IQ4z8AsXdf1lDNOrri+ciYomF2v0ZBEUbzysZmoYNinxK0CmaHFNUn1wU9dRYy/Gxondl1VTOZWiUYz11XHFN2UGo1BUcLYxSUDY526SpmwuGRCmkCUEXSGtJ8iXRvlOOEybSWpjmeojAORjNZfUEzGA30WNwu1JGNngU/hoU0ABgWWTznG2yZR0LhhHyRxsoEnyDE+ux5JSsqJmgjpLDhyjA2GmoSgskR4q6ffmed1LENee+lM80LCUwLKbX1QQjtJiyK2oOVh8waW+2gtup3gICYEjxLyG9lJelDphOV+xR0UL4kOWwhsMCy8LWCeJWydlmQorCyPnBZ+8z7kmHDJK/cgYA7KMLCyZB630brZpTLbQdBfsSNqtjOozLxp9kbqi9uVUyoKt8/am2nOlXa5b/ValLD+7MvQfeUeRrPw9GXYPi9y+pzWl6ln/qrXWX2Zus+i7ldOgMfUW6RumfSFtVOCqSddJ5HLybQWnof0NNW6I0yLnky914jBUVpX4gyJYSWked9eXePESdCXibup5iyFeZHfgufJMKzWsCR4rI9wEyDd/q6WLjZLCt20NfzbSuRVw9i7dLJlIAAfo3aBi8t1e1Uter2ZXe0sL1ztpkmnVudpEQfFokGlmN3obP9lSASJnIIxlFg9IzjmGXczUD10WuWFBMN++lVJTdqVh24fMqGO9LJWXrd2+LXSceMVceG/agOJ1649lgXcnSbpbqveD2ReImdJzV3cyv0s3IwMc+ZD71fiN2z3zC/J1Iaz6ORj8brd8fC0p+PDpN4fp58+58gTynXmZlHizyAAAAAASUVORK5CYII=) no-repeat; background-size: 100% 100%; } .template-list-modal-body .template-list-item .template-list-item-bg p[data-v-8e2361c2] { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; z-index: 10; word-wrap: break-word; word-break: break-all; overflow: hidden; font-size: 12px; line-height: 14px; color: #fff; } .template-list-modal-body .template-list-item .template-list-item-operate[data-v-8e2361c2] { 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; font-size: 12px; margin-top: 5px; position: relative; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-8e2361c2], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-8e2361c2] { width: 50px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; cursor: pointer; border-radius: 4px; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-left[data-v-8e2361c2], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-left[data-v-8e2361c2] { color: #00a1d6; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left.template-list-item-operate-right[data-v-8e2361c2], .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right.template-list-item-operate-right[data-v-8e2361c2] { color: #f25d8e; } .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-left[data-v-8e2361c2]:hover, .template-list-modal-body .template-list-item .template-list-item-operate>div.template-list-item-operate-right[data-v-8e2361c2]:hover { background: #e5e9ef; } .template-list-modal-body .template-list-item-add[data-v-8e2361c2] { margin: 0 20px; width: 102px; height: 126px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAilBMVEUAAAD////////l5+r////////////09ffP0tng4+fM0NfM0NfN0djN0dj8/f33+Pn////////N0dj9/f3M0Nfq7O/////h4+ft7vH3+Pn09PbO0tn8/Pz5+vr4+frx8vTT1tza3eLi5Oejq7KZoqrh5OakrLOiqrL6+/v+/v7Z3OHg4+f8/P0AAAD0TivSAAAAFHRSTlMAJa308Sfv7yevsfT0r64oKPLzrnttFkIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABKUlEQVRo3u3a226CUBCF4ZEqPWirbcfx1KqwwVbr+z9fNd54Q9yQDFnBtW+4Il8g828gQaSXPKjq1MxmHsd+0hMZpDb3RMwen+R5Yb5ruXqRoX75It86FFXnKzHVFpD1WjYbb8RM/InuINutZJk30sp0dQdhJ3gIO8FD2Akewk7wEHaCh7ATPISd4CHsBA9p0EkeQl6XqT1doSiCO1KcFiDSoJP6SIPpumekQSeg09UdJLKTPBQVK2Yfi5yuSiNqH0NCyl2lUd4+m53gIXye4CF33clPGy93ZdhF7FfXi98neAi/4/EQdoKHsBM8hJ3gIewED2EneAg7wUPYCR7CTvCQTnUy0l9fY38Yyevf0dcwe5Nxer6gy03zOGaWTk6/oyfvnsjH50D+AepWEyD7kPBSAAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%; cursor: pointer; } .template-list-modal-body .template-list-item-add[data-v-8e2361c2]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB4CAMAAAAzKKeGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAAD///////97zur////////////J6/YNpthmx+YAodYAodYEotcFo9cGo9fy+v3Z8fn///////8HpNf1+/0AodaW2O7///9pyOek3fDY8fnG6vYLpdgCotbv+fzi9Prd8vq75vQirttEuuG25PMZqtoYqtq15PMcq9sXqdobq9rn9vv5/f5CueFlxubx+v1Gu+EAAADMk4V5AAAAFXRSTlMAJa308Sfv7yevsfT09K+uKCjy865aKS/6AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAS1JREFUaN7t2slyglAQheEWI9GYUdN2ZicGjeP7P13cZUXlXkxTp/CwuSvqK6j+LwWFSCfpqurEzF481qukI9JL7dUTMbvuy+DNfI/3jxsZfn75IlMdiqrzlZhqA8hsJvO5N2Im/kR7kMVClktvpJHpag/CTvAQdoKHsBM8hJ3gIewED2EneAg7wUPYCR5So5Msz7NYJnq6CtXcHTl9Xoq+wQ0gNTqJR2pM1yUjNToBna72IIGdZLlWHCH7WOB0VRpB+9j5SPFvSLmqNMq/z2YneAifJ3jIRXeyDtqvzkTK4ruMO4PvJ3gI3+PxEHaCh7ATPISd4CHsBA9hJ3gIO8FD2Akewk7wkFZ1cqsbX2O7u5P7/cHXMHuQx/T385LHerT06fQ7ejLyRMbPPfkBmTI3G/RYiKMAAAAASUVORK5CYII=); } .template-edit-modal-body[data-v-8e2361c2] { padding: 30px 20px 0; } .template-edit-modal-body>div[data-v-8e2361c2] { margin-bottom: 25px; } .template-edit-modal-body>div .template-item-section-title[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .template-edit-modal-body>div .template-item-section-title>p[data-v-8e2361c2] { font-size: 12px; color: #99a2aa; line-height: 25px; } .upload-animated .section-title-container[data-v-8e2361c2], .template-edit-modal-body .template-copyright-item[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .template-edit-modal-body .copyright-source-input-wrp[data-v-8e2361c2]{ margin-top: 12px; } .upload-animated .section-title-container[data-v-8e2361c2] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .section-title-container>p[data-v-8e2361c2] { font-size: 14px; color: #ff3c3c; margin-right: 5px; } .section-title-container>h3[data-v-8e2361c2] { font-weight: 500; font-size: 14px; color: #222; } .template-edit-modal-body>div .template-item-input-box[data-v-8e2361c2], .template-edit-modal-body>div .template-item-text-area[data-v-8e2361c2], .template-edit-modal-body>div .template-item-type-list[data-v-8e2361c2] { width: 100%; } .template-edit-modal-body .template-edit-name .template-edit-name-input[data-v-8e2361c2] { width: 342px; } .content-input-box[data-v-8e2361c2] { border-radius: 4px; border: 1px solid #ccd0d7; font-size: 12px; color: #222; padding: 5px 12px; 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; width: 100%; background-color: #fff; } .content-input-box[data-v-8e2361c2]:hover, .content-input-box.active[data-v-8e2361c2] { border: 1px solid #00a1d6; } .content-input-box .content-tag-pre-wrp[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; } .content-input-box .input-instance[data-v-8e2361c2] { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-input-box .input-instance input[data-v-8e2361c2] { display: block; width: 100%; height: 30px; border: 0; background-color: transparent; } .common-type-list-container .content-type-list[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .common-type-list-container .content-type-list>div[data-v-8e2361c2] { position: relative; margin: 0 10px 10px 0; font-size: 14px; font-weight: 400; height: 34px; line-height: 32px; color: #222; background: #f4f5f7; min-width: 77px; } .common-type-list-container .content-type-list>div .content-type-list-item[data-v-8e2361c2] { border: .01rem solid #ccd0d7; text-align: center; } .common-type-list-container .content-type-list>div>div[data-v-8e2361c2]:first-child { border-radius: 4px; } .common-type-list-container .content-type-list>div>div[data-v-8e2361c2]:first-child:hover { border-color: #00a1d6; color: #00a1d6; background-color: #fff; } .common-type-list-container .content-type-list>div .content-type-list-item-active[data-v-8e2361c2] { background: #00a1d6; border-color: #00a1d6; color: #fff; } .select-list-mod-1-container[data-v-8e2361c2] { min-width: 100%; position: absolute; max-height: 350px; overflow: auto; top: 46px; padding: 10px 0; border-radius: 4px; /*border: 1px solid #ccd0d7;*/ -webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); box-shadow: 2px 2px 4px rgb(0 0 0 / 20%); background: #fff; z-index: 10; } .select-list-mod-1-container>div[data-v-8e2361c2] { line-height: 30px; height: 30px; padding: 0 20px; font-size: 14px; color: #222; cursor: pointer; white-space: nowrap; } .select-list-mod-1-container>div[data-v-8e2361c2]:hover { background-color: #e5e9ef; } .select-list-mod-1-container .list-mod-1-active[data-v-8e2361c2] { color: #00a1d6; background-color: #e5e9ef; } .select-list-mod-1-container>div:hover>.list-mod-1-main-name[data-v-8e2361c2] { color: #00a1d6; } .select-list-mod-1-container>div .list-mod-1-sub-name[data-v-8e2361c2] { color: #99a2aa; font-size: 12px; } .common-type-list-container .content-type-list-hint[data-v-8e2361c2] { line-height: 24px; height: 24px; font-size: 12px; color: #222; } .common-type-list-container .content-type-list-hint .content-type-list-hint-highlight[data-v-8e2361c2] { color: #00a1d6; font-size: 14px; } .content-input-box p[data-v-8e2361c2] { color: #99a2aa; line-height: 30px; text-align: center; } .info-hint-container[data-v-8e2361c2] { font-size: 12px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px; } .info-hint-container>div[data-v-8e2361c2] { line-height: 28px; color: #00a1d6; } .content-text-area-container[data-v-8e2361c2] { height: 170px; font-size: 12px; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 4px; border: 1px solid #ccd0d7; overflow: hidden; } .content-text-area-container[data-v-8e2361c2]:hover, .content-text-area-container.active[data-v-8e2361c2] { border: 1px solid #00a1d6; } .content-text-area-container .content-text-area-info[data-v-8e2361c2] { position: relative; height: 100%; width: 100%; padding: 10px 12px 30px; } .content-text-area-container .content-text-area-info textarea[data-v-8e2361c2] { resize: none; border: none; background-color: transparent; height: 100%; width: 100%; outline: none; } .content-text-area-container .content-text-area-info p[data-v-8e2361c2] { position: absolute; color: #99a2aa; height: 30px; line-height: 30px; right: 0; bottom: 0; text-align: center; width: 70px; } .common-modal-container .common-modal-content .common-modal-foot[data-v-8e2361c2] { position: relative; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div[data-v-8e2361c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 30%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 66px; margin: 0 auto 20px; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-8e2361c2] { width: 100px; height: 32px; line-height: 32px; border-radius: 4px; font-size: 14px; cursor: pointer; text-align: center; } .common-modal-container .common-modal-content .common-modal-foot .footer-main>div div[data-v-8e2361c2]:first-child { background-color: #00a1d6; color: #fff; } .upload-step-3-container .upload-3-success-image[data-v-8e2361c2] { margin-top: 32px; margin-bottom: 30px; text-align: center; } .upload-step-3-container .upload-3-success-image>img[data-v-8e2361c2] { width: 250px; height: auto; } .upload-step-3-container .upload-3-success-hint-1[data-v-8e2361c2] { margin-top: 16px; text-align: center; font-size: 24px; color: rgba(0,0,0,.85); line-height: 32px; } .upload-step-3-container .upload-3-success-split[data-v-8e2361c2] { width: 100%; max-width: 600px; height: 1px; background: #e7e7e7; margin: 36px auto 0; } .upload-step-3-container .upload-3-success-go-url[data-v-8e2361c2] { text-align: center; margin-top: 35px; } .upload-step-3-container .upload-3-success-go-url a[data-v-8e2361c2] { display: inline-block; padding: 0 10px; min-width: 120px; border: 1px solid #d9d9d9; font-size: 14px; color: rgba(0,0,0,.65); text-align: center; line-height: 38px; border-radius: 4px; margin-left: 16px; } .upload-step-3-container .upload-3-success-go-url a.diff[data-v-8e2361c2], .upload-step-3-container .upload-3-success-go-url a[data-v-8e2361c2]:hover { background: #00a1d6; color: #fff; border-color: #00a1d6; } .upload-step-3-container .upload-3-success-go-url a[data-v-8e2361c2]:first-child { margin-left: 0; } .upload-step-3-container .upload-3-success-hint-2[data-v-8e2361c2] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 35px; } .upload-step-3-container .upload-3-success-hint-3[data-v-8e2361c2] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 8px; } .icon-xia[data-v-8e2361c2], .icon-shang[data-v-8e2361c2] { font-size: 12px; margin-left: 6px; color: #6d757a; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .icon-fire[data-v-8e2361c2] { color: #f36e47; } .icon-success_fill[data-v-8e2361c2] { color: #43ce5b; } .icon-shezhi1[data-v-8e2361c2] { color: #99a2aa; } .icon-zaixianshangchuan[data-v-8e2361c2] { font-size: 32px; color: #99a2aa; } .VideoBox[data-v-8e2361c2] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; } a[data-v-46ec402c], input[data-v-46ec402c] { outline: none; cursor: pointer; } .ticket-container[data-v-46ec402c] { width: 100%; height: 100%; /*width: 980px;*/ /*height: auto;*/ margin: 30px auto 0; background-color: #fff; } .music-upload-wrapper[data-v-46ec402c] { border-radius: 4px; min-height: 534px; position: relative; } .ticket-container[data-v-46ec402c] { /*margin: 12px auto 0;*/ } .music-upload-wrapper .bg-wrapper[data-v-46ec402c] { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60%; height: 392px; /*background-image: url();*/ background-size: 100% 100%; background-repeat: no-repeat; } .music-upload-wrapper .upload-bar-wrapper[data-v-46ec402c] { overflow: hidden; } .music-upload-wrapper .img[data-v-46ec402c] { background-size: 100% 100%; background-repeat: no-repeat; /*background-image: url();*/ } .music-upload-wrapper .upload-bar-img[data-v-46ec402c] { top: 56px; left: 249px; /*z-index: 999;*/ position: absolute; width: 159px; height: 181px; } .music-upload-wrapper .upload-music-bar-wrapper[data-v-46ec402c] { cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 74px; background-color: #00a1d6; width: 350px; position: absolute; top: 130px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(-50%); transform: translate(-50%); height: 74px; } .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-icon[data-v-46ec402c] { padding-right: 17px; border-right: 2px solid #b0e1f6; margin-left: 30px; height: 40px; } .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-icon .iconfont[data-v-46ec402c] { font-size: 36px; color: #fff; } .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-btn[data-v-46ec402c] { margin-left: 20px; position: relative; z-index: 1; color: #fff; } .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-btn .pload-music-bar-btn-text[data-v-46ec402c] { font-size: 22px; } .music-upload-wrapper .upload-music-bar-wrapper .pload-music-bar-btn .pload-music-bar-btn-tips[data-v-46ec402c] { font-size: 12px; } .drag-drop-music[data-v-46ec402c] { color: #222; bottom: -34px; line-height: 1; position: absolute; left: 88px; font-size: 16px; } .create-compilations-btn[data-v-46ec402c] { width: 240px; height: 60px; background: #ff74a5; border-radius: 30px; font-size: 16px; position: absolute; top: 309px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; } .create-compilations-btn .album-flex[data-v-46ec402c] { height: 60px; 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; } .create-compilations-btn .album-flex .album-bar-icon[data-v-46ec402c] { padding-right: 15px; border-right: 1px solid hsla(0,0%,100%,.44); width: 51px; height: 31px; } .create-compilations-btn .album-flex .album-bar-icon .iconfont[data-v-46ec402c] { font-size: 30px; color: #fff; } .create-compilations-btn .album-flex .album-bar-btn[data-v-46ec402c] { padding-left: 16px; } .create-compilations-btn .album-flex .album-bar-btn .album-bar-btn-text[data-v-46ec402c] { font-size: 16px; color: #fff; } .music-clue[data-v-46ec402c] { color: #99a2aa; margin-top: 10px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: absolute; top: 444px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .music-clue .font-blue[data-v-46ec402c], .music-clue .iconfont[data-v-46ec402c] { color: #00a1d6; } .music-tips[data-v-46ec402c] { margin-top: 20px; 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: 468px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px; } .music-tips .music-tip[data-v-46ec402c] { color: #99a2aa; margin-left: 16px; margin-right: 16px; position: relative; } .load-marks[data-v-46ec402c] { width: 280px; min-height: 40px; position: absolute; top: 0; left: 60px; border: 1px solid #e5e9ef; border-radius: 4px; padding: 8px 10px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.26); box-shadow: 0 2px 4px 0 rgba(0,0,0,.26); z-index: 9; color: #99a2aa; line-height: 20px; display: none; } .music-tips .music-tip[data-v-46ec402c]:hover { color: #00a1d6; } .music-tips .music-tip:hover .load-marks[data-v-46ec402c] { display: block; } /* 编辑页面*/ .content-wrapper[data-v-46ec402c] { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100vh - 160px); overflow: auto; } .upload-cover-wrapper[data-v-46ec402c] { position: relative; padding-left: 40px; float: left; font-size: 12px; } .upload-cover-wrapper .upload-cover[data-v-46ec402c] { display: block; width: 140px; height: 140px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAYAAACuwEE+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEVGMjJDQTMyREM2MTFFNzg0N0RCMTBGMzFERjY3QUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEVGMjJDQTQyREM2MTFFNzg0N0RCMTBGMzFERjY3QUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzU5NzgyMjJEOUQxMUU3ODQ3REIxMEYzMURGNjdBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RUYyMkNBMjJEQzYxMUU3ODQ3REIxMEYzMURGNjdBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsyVQMgAAAhOSURBVHja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); position: relative; } .upload-cover-wrapper .upload-cover .upload-cover-img[data-v-46ec402c] { opacity: 0; visibility: hidden; } .upload-cover-wrapper .upload-cover-tips[data-v-46ec402c] { position: absolute; width: 140px; text-align: center; bottom: 40px; /*z-index: 9;*/ color: #99a2aa; } .upload-cover-wrapper .upload-cover-suggest[data-v-46ec402c] { width: 140px; color: #99a2aa; word-wrap: break-word; } .upload-cover-wrapper .upload-cover-suggest li[data-v-46ec402c] { line-height: 18px; margin-top: 7px; } .upload-cover-wrapper .upload-cover-suggest li[data-v-46ec402c]::before { content: ""; width: 6px; height: 6px; background: #99a2aa; display: inline-block; border-radius: 50%; margin-bottom: 2px; margin-right: 4px; } .upload-cover-wrapper .upload-cover-suggest li .size[data-v-46ec402c] { margin-left: 10px; } .form-list-wrapper[data-v-46ec402c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30px; font-size: 12px; max-width: calc(100% - 210px); padding-right: 40px; } .notice-wrapper[data-v-46ec402c] { /*z-index: 999;*/ position: absolute; top: -40px; left: 0; width: 100%; height: 40px; background: #0097d6; line-height: 40px; color: #fff; text-align: center; font-size: 14px; -webkit-transition: all .3s; transition: all .3s; 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; } .notice-wrapper.show[data-v-46ec402c] { opacity: 1; -webkit-transform: translate(0); transform: translate(0); } .notice-wrapper .already-know[data-v-46ec402c] { margin-left: 10px; height: 20px; line-height: 20px; padding: 2px 10px; background: #fff; border-radius: 4px; color: #00a1d6; cursor: pointer; } .warning-wrapper[data-v-46ec402c] { /*z-index: 19999;*/ position: absolute; top: -40px; left: 0; width: 100%; height: 40px; background: rgba(220,20,60,.8); line-height: 40px; color: #fff; text-align: center; font-size: 14px; -webkit-transition: all .3s; transition: all .3s; 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; } .warning-wrapper.show[data-v-46ec402c] { opacity: 1; -webkit-transform: translate(0); transform: translate(0); } .warning-wrapper .already-know[data-v-46ec402c] { margin-left: 10px; height: 20px; line-height: 20px; padding: 2px 10px; background: #fff; border-radius: 4px; color: #e40c0c; cursor: pointer; } .form-list-wrapper.only .progress-bar-wrapper[data-v-46ec402c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .music-icon[data-v-46ec402c] { width: 44px; height: 44px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQxOERDNjQyREM2MTFFNzg0N0RCMTBGMzFERjY3QUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQxOERDNjUyREM2MTFFNzg0N0RCMTBGMzFERjY3QUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRDE4REM2MjJEQzYxMUU3ODQ3REIxMEYzMURGNjdBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRDE4REM2MzJEQzYxMUU3ODQ3REIxMEYzMURGNjdBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpPs+VEAAAHmSURBVHja7Nm7S8NQFAbwL2mqtr7aouITK6J26OAgooPgoJuuboIIoqD/glgXcdDJTXDStSKOIoKLLSKIaLFSH7TFJz76stQWrSdFxCHaoqW5wXxwSAgh/Lic3JsHd/SUBKWJapaqh6oEMsS6fmyjzXS68wSqFionlQHyxvax/RHNU80wgP2KnkoH7gFb+RHNy9Wzv0XzYDeSaGbAHBDOBM0MuFqvdWUy0syAF9rrKmiUg+nQHC0cSVbQntDLxcSu//YqmrASqkgKzhQ4k/BQWFSwCs4VePn8EcM7Xti9AcTfkuyDX16T2L2PYurgGv1bZ6l9xbTEZTSBUacPa/4g++DeqmIUaHgkqC0m96+wfRthGzzYaIK9uwH1hXkQO3nm8Ib9lhCxK11m1Oi1aDXp/nQtIVfTkTFPg/m2GuTzvDLAqTdjg04Zs8S/Xumy1hKuQAxLpw/wPcdRqRMgcBy74L2HKEYcvtRcK8YdZLwl5lx3n1hF9PBJKKasm05cEKRSJPDUz1r2wGPNZZLHxy3lqM4yOCs3XV9tKTQ0Kyx67nERiaeQQ/QMMWA2Zv+Di/rWrIJVsApWwbKDQwryRkTwpoLAG+JKZ6EdB9j5V/ddAlSd4gi7qTqoViH9Y0TuhD9sotH9LsAADq6JHfVZGQcAAAAASUVORK5CYII=); background-size: 100% 100%; background-repeat: no-repeat; } .form-list-wrapper .progress-bar-wrapper .progress-bar[data-v-46ec402c] { margin-left: 16px; width: 100%; padding-right: 40px; } .form-list-wrapper .progress-bar-wrapper .progress-bar-header[data-v-46ec402c] { height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-list-wrapper .progress-bar-wrapper .progress-bar-header .music-name[data-v-46ec402c] { max-width: 120px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .form-list-wrapper .progress-bar-wrapper .upload-status[data-v-46ec402c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #99a2aa; } .form-list-wrapper .progress-bar-wrapper .upload-status .upload-complete[data-v-46ec402c] { color: #00a1d6; } .form-list-wrapper .progress-bar-wrapper .btn[data-v-46ec402c] { cursor: pointer; color: #fb7299; } .form-list-wrapper .progress-bar-wrapper .delete-btn[data-v-46ec402c] { position: relative; background-position: -135px -184px; } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal[data-v-46ec402c] { z-index: 999; background: #fff; border-radius: 4px; border: 1px solid #ccd0d7; left: 50%; top: 50%; width: 150px; height: 88px; position: absolute; -webkit-transition: all .3s; transition: all .3s; } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal.hide[data-v-46ec402c] { -webkit-transform: scale(0) translate(-50%,20%); transform: scale(0) translate(-50%,20%); } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal.show[data-v-46ec402c] { -webkit-transform: scale(1) translate(-50%,20%); transform: scale(1) translate(-50%,20%); } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal .delete-tips[data-v-46ec402c] { margin-top: 18px; text-align: center; font-size: 14px; color: #6d757a; } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal .delete-btns[data-v-46ec402c] { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal .delete-btns .delete-btns-confirm[data-v-46ec402c] { border-radius: 4px; border: 1px solid #00a1d6; padding: 3px 12px; margin-right: 20px; background: #00a1d6; color: #fff; } .form-list-wrapper .progress-bar-wrapper .delete-btn .delete-modal .delete-btns .delete-btns-cancel[data-v-46ec402c] { border-radius: 4px; padding: 3px 12px; border: 1px solid #ccd0d7; } .form-list-wrapper .progress-bar-wrapper .progress-bar-body[data-v-46ec402c] { position: relative; border-radius: 4px; /*width: 666px;*/ height: 4px; margin-top: 10px; background-color: #ccd0d7; } .form-list-wrapper .progress-bar-wrapper .progress-bar-body .progress-bar-body-complete[data-v-46ec402c] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #00a1d6; } .form-list-wrapper .form-list .form-item[data-v-46ec402c] { padding-right: 40px; margin-top: 40px; } .form-list-wrapper .form-list .form-item .title[data-v-46ec402c] { font-size: 14px; font-weight: 700; position: relative; } .form-list-wrapper .form-item-music-detail[data-v-46ec402c] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; margin-top: 20px; } .form-list-wrapper .form-item-music-detail .form-item-music-type-title[data-v-46ec402c] { padding: 5px 0; margin-top: 10px; margin-right: 10px; float: left; } .pink[data-v-46ec402c] { color: #fb7299; vertical-align: middle; } .form-list-wrapper .form-item-music-detail .radio-list[data-v-46ec402c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-list-wrapper .form-item-music-detail .radio-item[data-v-46ec402c] { margin-top: 10px; background: #f4f5f7; border: 1px solid #ccd0d7; border-radius: 4px; padding: 5px 20px; position: relative; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .radio-item[data-v-46ec402c] { margin-right: 10px; display: inline-block; } .form-list-wrapper .radio-item.active[data-v-46ec402c] { background: #00a1d6!important; border-color: #00a1d6!important; color: #fff; } .form-list-wrapper .form-item-music-detail .radio-item input[data-v-46ec402c] { position: absolute; opacity: 0; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .radio-item[data-v-46ec402c]:hover { background-color: #fff; border: 1px solid #00b5e5; color: #00b5e5; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .radio-item.active[data-v-46ec402c]:hover { color: #fff; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .musicHoverType[data-v-46ec402c] { width: 350px; height: 44px; position: absolute; top: 50px; border-radius: 1px; padding: 4px 9px; background-color: #efefef; border: 0 solid #ccd0d7; -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 26%); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 26%); z-index: 9; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .left-20[data-v-46ec402c] { left: 100px; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .left-40[data-v-46ec402c] { left: 140px; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .left-60[data-v-46ec402c] { left: 180px; } .form-list-wrapper .form-list .form-item .form-item-music-detail .radio-list .left-80[data-v-46ec402c] { left: 220px; } .foldDiv[data-v-46ec402c] { position: absolute; right: -15px; top: 10px; color: #00a1d6; } .foldStatus[data-v-46ec402c], .unfoldStatus[data-v-46ec402c] { position: relative; top: 2px; width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; } .form-list-wrapper .current-selector[data-v-46ec402c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-list-wrapper .current-selector .selector-list[data-v-46ec402c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; margin-left: 10px; } .font-blue[data-v-46ec402c] { color: #00a1d6; } .form-list-wrapper .form-item-paper-input-wrapper[data-v-46ec402c] { position: relative; } .form-list-wrapper .form-item-paper-input-wrapper .form-item-paper-input[data-v-46ec402c] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccd0d7; border-radius: 4px; margin-top: 20px; padding: 6px 50px 6px 10px; font-size: 12px; } .form-list-wrapper .form-item-paper-input-wrapper .form-item-paper-total[data-v-46ec402c] { color: #99a2aa; bottom: 7.5px; right: 10px; position: absolute; } .form-list-wrapper .form-title-tips[data-v-46ec402c] { color: #00a1d6; margin-top: 10px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .form-list-wrapper .form-title-tips span[data-v-46ec402c] { -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; margin-right: 5px; width: 14px; height: 18px; background-image: url(//s1.hdslb.com/bfs/static/audio/submit/static/img/icons.8d5970d.png); background-repeat: no-repeat; background-position: -135px -715px; } .form-list-wrapper .form-list .form-item .title .coordination-tip[data-v-46ec402c] { font-size: 12px; color: #6d757a; margin-left: 10px; vertical-align: middle; font-weight: 400; } .form-list-wrapper .form-list .form-item .title .iconfont[data-v-46ec402c] { font-size: 20px; color: #ccd0d7; vertical-align: middle; margin-left: 4px; cursor: pointer; } .form-list-wrapper .form-list .form-item .title .iconfont[data-v-46ec402c]:hover { color: #00a1d6; } .form-list-wrapper .form-list .form-item .title .iconfont:hover~.tip-detail[data-v-46ec402c] { display: block; } .form-list-wrapper .form-list .form-item .title .tip-detail[data-v-46ec402c] { width: 172px; position: absolute; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 14%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 14%); border-radius: 4px; font-weight: 400; font-size: 12px; color: #6d757a; background-color: #fff; z-index: 99; right: 0; padding: 12px 20px; line-height: 150%; top: 0; display: none; } .form-list-wrapper .form-list .form-item .title .tip-detail .detail-info[data-v-46ec402c] { text-indent: 24px; text-align: justify; } .form-list-wrapper .form-list-content-wrapper[data-v-46ec402c] { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-list-wrapper .form-list-content-wrapper .input-item[data-v-46ec402c] { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 50%; } .form-list-wrapper .form-list-content-wrapper .input-item .input-item-title[data-v-46ec402c] { line-height: 28px; font-size: 14px; } .form-list-wrapper .form-list-content-wrapper .input-item .input-item-title.narrow[data-v-46ec402c] { min-width: 55px; } .form-list-wrapper .singerList[data-v-46ec402c] { margin-left: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-list-wrapper .singerList span[data-v-46ec402c] { cursor: pointer; display: inline-block; height: 26px; line-height: 26px; background: #f4f5f7; color: #6d757a; padding: 0 26px 0 0; border-radius: 4px; margin: 0 10px 10px 0; position: relative; border: 1px solid #ccd0d7; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .form-list-wrapper .singerList span .common-user[data-v-46ec402c] { margin-left: 12px; } .form-list-wrapper .singerList span .coor-user[data-v-46ec402c] { width: 26px; display: inline-block; background: #00a1d6; border-radius: 3px 0 0 3px; color: #fff; text-align: center; } .form-list-wrapper .singerList span .user-left[data-v-46ec402c] { margin-left: 6px; } .form-list-wrapper .singerList span .iconfont[data-v-46ec402c] { font-size: 12px; margin-left: 7px; color: #99a2aa; position: absolute; right: 10px; top: 0; } .form-list-wrapper .form-list-content-wrapper .addIcon[data-v-46ec402c] { width: 18px; height: 18px; color: #99a2aa; border: 1px solid #99a2aa; margin-bottom: 10px; display: inline-block; line-height: 18px; text-align: center; margin-top: 4px; font-size: 12px; border-radius: 50%; cursor: pointer; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap[data-v-46ec402c] { position: relative; } .form-list-wrapper .form-list-content-wrapper .input-item .search-input[data-v-46ec402c] { margin-left: 10px; border: 1px solid #ccd0d7; padding: 0 14px; border-radius: 4px; width: 172px; height: 26px; font-size: 12px; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap[data-v-46ec402c] { width: 202px; position: absolute; top: 32px; left: 10px; background: #fff; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 14%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 14%); border-radius: 4px; padding-bottom: 8px; z-index: 99; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .no-coordination[data-v-46ec402c] { font-size: 14px; color: #222; line-height: 50px; margin: 0 15px; cursor: pointer; border-bottom: 1px solid #e5e9ef; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item[data-v-46ec402c] { padding: 0 15px; height: 48px; cursor: pointer; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item .coordination-head[data-v-46ec402c] { border-radius: 50%; background: #d8d8d8; float: left; margin: 10px 8px 10px 0; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item .coordination-info[data-v-46ec402c] { float: left; margin: 9px 0 7px; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item .coordination-info .coordination-name[data-v-46ec402c] { margin-bottom: 2px; color: #222; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item .coordination-info div[data-v-46ec402c] { width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-list-wrapper .form-list-content-wrapper .coordination-type-wrap .coordination-wrap .coordination-list .coordination-item .coordination-info .coordination-id[data-v-46ec402c] { color: #00a1d6; } .form-list-wrapper .form-list-content-wrapper .input-item .input-item-album-content[data-v-46ec402c] { position: relative; margin-left: 15px; border: 1px solid #ccd0d7; padding: 0 28px 0 14px; border-radius: 4px; width: 158px; height: 26px; line-height: 26px; } .form-list-wrapper .form-list-content-wrapper .input-item .input-item-album-content .input-item-current-album[data-v-46ec402c] { width: 158px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-list-wrapper .form-list-content-wrapper .input-item .input-item-title.width[data-v-46ec402c] { min-width: 100px; } .form-list-wrapper .form-item-textarea-wrapper[data-v-46ec402c] { margin-top: 20px; position: relative; } .form-list-wrapper .form-lrc-upload[data-v-46ec402c] { width: 100%; height: 120px; overflow: hidden; } .form-list-wrapper .form-item-textarea-wrapper .form-item-textarea-input[data-v-46ec402c] { width: 100%; outline: none; border-radius: 4px; padding: 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccd0d7; resize: none; height: 120px; font-size: 12px; overflow: auto; } .placeholderAfter[data-v-46ec402c]{ position: absolute; opacity: .1; } .form-list-wrapper .form-item-textarea-wrapper .form-item-textarea-input.divContent[data-v-46ec402c] { color: #99a2aa; overflow: hidden; } .form-list-wrapper .form-list-content-wrapper .input-item-wider[data-v-46ec402c] { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .form-list-wrapper .form-list-content-wrapper .input-item-wider .input-item-title[data-v-46ec402c] { line-height: 28px; font-size: 14px; min-width: 90px; white-space: nowrap; } .form-list-wrapper .form-list-content-wrapper .input-item-wider .search-input[data-v-46ec402c] { margin-left: 10px; border: 1px solid #ccd0d7; padding: 0 14px; border-radius: 4px; width: 100%; height: 26px; font-size: 12px; } .form-list-wrapper .form-list-content-wrapper .input-item-wider .search-input.narrow[data-v-46ec402c] { width: 210px; } .form-list-wrapper .form-list-content-wrapper .input-item-wider .input-item-originCompose-content[data-v-46ec402c], .form-list-wrapper .form-list-content-wrapper .input-item-wider .input-item-originURL-content[data-v-46ec402c]{ position: relative; width: 100%; } .form-list-wrapper .form-list-content-wrapper .input-item-wider .input-item-originCompose-content .search-input[data-v-46ec402c] { padding-right: 38px; /*width: 574px;*/ } .form-list-wrapper .form-list-content-wrapper .input-item-wider .input-item-originCompose-content .lengthWarning[data-v-46ec402c] { color: #99a2aa; position: absolute; right: 6px; bottom: 6px; } .form-list-wrapper .form-list .form-item .input-item-sound[data-v-46ec402c] { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 50%; } .form-list-wrapper .form-list .form-item .input-item-sound .input-item-title[data-v-46ec402c] { line-height: 28px; font-size: 14px; } .form-list-wrapper .form-list .form-item .input-item-sound .input-item-album-content[data-v-46ec402c] { position: relative; margin-left: 15px; border: 1px solid #ccd0d7; padding: 0 28px 0 14px; border-radius: 4px; width: 158px; height: 26px; line-height: 26px; } .form-list-wrapper .form-item-paper-input-wrapper .form-item-avnum-input[data-v-46ec402c] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccd0d7; border-radius: 4px; margin-top: 20px; padding: 6px 50px 6px 10px; font-size: 12px; } .form-list-wrapper .form-item-paper-input-wrapper ul[data-v-46ec402c] { position: absolute; top: 60px; left: 0; max-height: 300px; overflow: auto; width: 100%; border-radius: 4px; -webkit-box-shadow: 0 0 10px hsla(0,0%,53%,.5); box-shadow: 0 0 10px hsla(0,0%,53%,.5); z-index: 1; background-color: white; } .form-list-wrapper .form-item-paper-input-wrapper li[data-v-46ec402c] { height: 28px; line-height: 28px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-list-wrapper .form-item-paper-input-wrapper .infinite-list li[data-v-46ec402c]:hover{ color: #00a1d6; } .form-list-wrapper .form-list .form-item .tags-wrapper-body[data-v-46ec402c] { margin-top: 20px; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tag-item[data-v-46ec402c] { display: inline-block; color: #fff; background: #37c8f7; border: none; border-radius: 16px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; padding: 0 15px; margin-right: 12px; position: relative; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tag-item .tag-item-content[data-v-46ec402c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tag-item .tag-item-content i[data-v-46ec402c] { position: relative; display: none; color: #f4f4f4; font-size: 10px; right: -5px; top: 0; font-weight: bold; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tag-item:hover i[data-v-46ec402c]{ display: block; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tagInput[data-v-46ec402c] { width: 132px; height: 24px; line-height: 24px; border: 1px solid #ccd0d7; border-radius: 38px; margin: 5px 5px 5px 0; padding: 0 10px; font-size: 12px; } .form-list-wrapper .form-list .form-item .tags-wrapper-body .tagText[data-v-46ec402c] { display: inline-block; color: #99a2aa; } .form-list-wrapper .form-item-textarea-wrapper.introduce[data-v-46ec402c] { margin-top: 20px; position: relative; height: 120px; } .form-list-wrapper .form-item-textarea-wrapper .form-item-paper-total[data-v-46ec402c] { position: absolute; right: 10px; bottom: 10px; color: #99a2aa; z-index: 9; } .form-list-wrapper .form-item-textarea-wrapper.introduce[data-v-46ec402c]::after { position: absolute; content: ""; display: block; /*width: 702px;*/ height: 15px; background: #fff; z-index: 1; bottom: 1px; left: 10px; } .form-list-wrapper .form-list .bgm-plan[data-v-46ec402c] { margin-top: 56px; font-size: 12px; color: #6d757a; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .form-list-wrapper .form-list .bgm-plan .check-block[data-v-46ec402c] { width: 18px; height: 18px; float: left; border: 1px solid #ccd0d7; margin: 8px 10px 0 0; cursor: pointer; border-radius: 2px; } .form-list-wrapper .form-list .bgm-plan .check-active[data-v-46ec402c] { background-color: #00a1d6; border: 1px solid #00a1d6; color: #fff; text-align: center; line-height: 20px; } .form-list-wrapper .form-list .bgm-plan .content-wrap[data-v-46ec402c] { float: left; } .form-list-wrapper .form-list .bgm-plan .content-wrap .blue-tip[data-v-46ec402c] { color: #00a1d6; cursor: pointer; } .form-list-wrapper .form-list .bgm-plan .content-wrap .bgm-tip[data-v-46ec402c] { color: #99a2aa; margin-top: 4px; } .form-list-wrapper .form-list .bgm-plan .modal-cover[data-v-46ec402c] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: rgba(0,0,0,.4); } .form-list-wrapper .form-list .bgm-plan .modal-cover.hide-mask[data-v-46ec402c] { display: none; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap[data-v-46ec402c] { position: absolute; width: 640px; top: 15%; height: 70%; padding: 0 20px; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; right: 0; left: 0; border-radius: 4px; margin-bottom: 20px; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap.hide-block[data-v-46ec402c] { display: none; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .header[data-v-46ec402c] { padding: 16px 0 18px; position: relative; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .header .title[data-v-46ec402c] { width: 100%; float: left; text-align: center; font-size: 16px; color: #222; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .header .close[data-v-46ec402c] { position: absolute; font-size: 20px; cursor: pointer; top: 17px; right: 0; color: #99a2aa; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content[data-v-46ec402c] { height: calc(100% - 128px); height: -moz-calc(100% - 128px); } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content .text-content[data-v-46ec402c] { height: calc(100% - 16px); height: -moz-calc(100% - 16px); border-radius: 4px; background-color: #fafafa; overflow: auto; padding: 4px 20px 12px; font-size: 14px; border: 1px solid #e5e9ef; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content .text-content p[data-v-46ec402c] { font-size: 14px; color: #6d757a; line-height: 24px; margin: 10px 0; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content .btn-group[data-v-46ec402c] { text-align: center; margin: 20px 0; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content .btn-group .blue-ridios[data-v-46ec402c] { width: 70px; height: 32px; text-align: center; display: inline-block; background-color: #00a1d6; border: 0; color: #fff; border-radius: 4px; line-height: 32px; cursor: pointer; } .form-list-wrapper .form-list .bgm-plan .modal-cover .modal-wrap .modal-content .btn-group .blue-ridios[data-v-46ec402c] { width: 70px; height: 32px; text-align: center; display: inline-block; background-color: #00a1d6; border: 0; color: #fff; border-radius: 4px; line-height: 32px; cursor: pointer; } .form-list-wrapper .submit-btn[data-v-46ec402c] { font-size: 14px; border-radius: 4px; text-align: center; line-height: 42px; margin: 28px 0 28px 245px; width: 170px; height: 42px; background-color: #00a1d6; color: #fff; cursor: default; } .link[data-v-46ec402c] { width: 100%; text-align: center; margin: 28px 0 28px -55px; color: #00a1d6; } .form-item-paper-input.active[data-v-46ec402c], .placeholderAfter.active[data-v-46ec402c], .form-item-avnum-input.active[data-v-46ec402c], .tagInput.active[data-v-46ec402c], .form-item-textarea-input.active[data-v-46ec402c], .search-input.active [data-v-46ec402c],.input-info.active[data-v-46ec402c]{ border: 1px solid #00a1d6!important; } .form-list-wrapper .title-tips[data-v-46ec402c]{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; color: red; } /*上传合集*/ .add-album[data-v-46ec402c] { display: block; width: 100%; height: 40px; border: 2px dashed #ccd0d7; border-radius: 4px; background-size: 100% 100%; background-repeat: no-repeat; position: relative; text-align: center; cursor: pointer; } .add-album .content[data-v-46ec402c] { height: 40px; line-height: 40px; width: 100%; font-size: 14px; color: #6d757a; } .add-album .content span[data-v-46ec402c] { vertical-align: middle; } .song-list .progress-bar-wrapper[data-v-46ec402c] { font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; border: 1px solid #e5e9ef; border-radius: 0 4px 4px 4px; position: relative; padding: 20px; } .my-handle[data-v-46ec402c] { cursor: -webkit-grab; cursor: grab; } .progress-bar-wrapper .progress-bar-content[data-v-46ec402c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .progress-bar-wrapper .song-count[data-v-46ec402c] { width: 20px; height: 56px; display: inline-block; background: #f4f5f7; line-height: 56px; text-align: center; border-radius: 4px 0 0 4px; position: absolute; left: -21px; top: -1px; } .progress-bar-wrapper .song-detail[data-v-46ec402c] { width: 100%; border-radius: 4px; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .progress-bar-wrapper .song-detail .detail-info[data-v-46ec402c] { width: 210px; } .progress-bar-wrapper .song-detail .detail-content[data-v-46ec402c] { margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .progress-bar-wrapper .song-detail .detail-content .addIcon[data-v-46ec402c] { width: 18px; height: 18px; color: #99a2aa; border: 1px solid #99a2aa; margin-bottom: 10px; display: inline-block; line-height: 18px; text-align: center; margin-top: 4px; font-size: 12px; border-radius: 50%; cursor: pointer; } .progress-bar-wrapper .song-detail .detail-content .title-wrap[data-v-46ec402c] { display: inline-block; vertical-align: top; } .progress-bar-wrapper .song-detail .detail-content .origin-wrap[data-v-46ec402c] { position: relative; } .progress-bar-wrapper .song-detail .detail-content .pink[data-v-46ec402c] { color: #fb7299; margin-left: -5px; } .progress-bar-wrapper .song-detail .detail-content .title-info[data-v-46ec402c] { width: 84px; line-height: 28px; font-size: 14px; display: inline-block; color: #6d757a; } .progress-bar-wrapper .song-detail .detail-content .input-info[data-v-46ec402c] { width: 120px; border: 1px solid #ccd0d7; border-radius: 4px; height: 26px; line-height: 26px; padding: 0 12px; font-size: 12px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .progress-bar-wrapper .song-detail .detail-content .origin-compose[data-v-46ec402c] { /*width: 68px;*/ padding: 0 30px 0 12px; } .progress-bar-wrapper .song-detail .detail-content .lengthWarning[data-v-46ec402c]{ color: #99a2aa; position: absolute; right: 6px; bottom: 6px; } .progress-bar-wrapper .song-detail .detail-content ul[data-v-46ec402c] { position: absolute; top: 38px; left: 0; max-height: 300px; overflow: auto; width: 100%; border-radius: 4px; -webkit-box-shadow: 0 0 10px hsl(0deg 0% 53% / 50%); box-shadow: 0 0 10px hsl(0deg 0% 53% / 50%); z-index: 99; background-color: white; } .progress-bar-wrapper .song-detail .detail-content li[data-v-46ec402c] { height: 28px; line-height: 28px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .progress-bar-wrapper .song-detail .lyric-edit[data-v-46ec402c] { float: left; margin-left: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .progress-bar-wrapper .song-detail .lyric-edit .title[data-v-46ec402c] { font-size: 14px; color: #6d757a; margin-bottom: 10px; } .progress-bar-wrapper .song-detail .lyric-edit .content[data-v-46ec402c] { width: 312px; height: 211px; font-size: 12px; color: #222; border: 1px solid #ccd0d7; padding: 8px 12px; border-radius: 4px; overflow: auto; outline: none; } .progress-bar-wrapper .song-detail .lyric-edit .lyric-placeholder[data-v-46ec402c] { position: absolute; opacity: .1; } .progress-bar-wrapper .song-detail .lyric-edit .content.div-content[data-v-46ec402c] { color: #99a2aa; overflow: hidden; margin-bottom: 4px; } .progress-bar-wrapper .song-detail .lyric-edit .blue-tip[data-v-46ec402c] { color: #00a1d6; height: 18px; width: 236px; overflow: hidden; } .clearfix[data-v-46ec402c]:after { display: block; visibility: hidden; font-size: 0; clear: both; width: 0; height: 0; content: "."; } .progress-bar-wrapper .label-warp[data-v-46ec402c] { font-size: 14px; color: #6d757a; } .progress-bar-wrapper .label-warp .add-label .pink[data-v-46ec402c] { color: #fb7299; margin-left: -6px; } .progress-bar-wrapper .label-warp .add-label .title[data-v-46ec402c] { display: inline-block; width: 72px; } .progress-bar-wrapper .label-warp .add-label .input-info[data-v-46ec402c] { width: 206px; height: 26px; border: 1px solid #ccd0d7; border-radius: 100px; padding-left: 14px; line-height: 26px; margin-left: 5px; } .progress-bar-wrapper .label-warp .label-list[data-v-46ec402c] { margin: 10px 0 0 82px; } .progress-bar-wrapper .label-warp .label-list .tag-item[data-v-46ec402c] { display: inline-block; /*color: #fff;*/ /*background: #37c8f7;*/ /*border: none;*/ border-radius: 16px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; padding: 0 15px; margin-right: 12px; position: relative; background: #f4f5f7; color: #6d757a; border: 1px solid #ccd0d7; } .progress-bar-wrapper .label-warp .label-list .tag-item .tag-item-content[data-v-46ec402c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .progress-bar-wrapper .label-warp .label-list .tag-item .tag-item-content i[data-v-46ec402c] { position: relative; /*display: none;*/ /*color: #f4f4f4;*/ font-size: 10px; right: -5px; top: 0; /*font-weight: bold;*/ color: #6d757a; } .progress-bar-wrapper .label-warp .label-list .tag-item:hover i[data-v-46ec402c]{ display: block; } .progress-bar-wrapper .label-warp .add-label .tip[data-v-46ec402c] { font-size: 12px; color: #6d757a; margin-left: 10px; } .progress-bar-wrapper .bottom-btn[data-v-46ec402c] { position: absolute; bottom: 12px; right: 20px; color: #99a2aa; cursor: pointer; } .upload-tips[data-v-46ec402c] { color: #00a1d6; font-size: 12px; margin-top: 10px; } .upload-tips span[data-v-46ec402c] { vertical-align: middle; } .song-info .info-wrap[data-v-46ec402c] { margin-top: 56px; } .song-info .info-wrap .title[data-v-46ec402c] { font-size: 16px; color: #222; padding-bottom: 16px; } .song-info .info-wrap .form-item-paper-total[data-v-46ec402c] { color: #99a2aa; bottom: 5px; right: 15px; position: absolute; } .song-info .info-wrap .album-itro[data-v-46ec402c], .song-info .info-wrap .album-name[data-v-46ec402c] { border: 1px solid #ccd0d7; border-radius: 4px; width: calc(100% - 12px); width: -moz-calc(100% - 12px); height: 26px; line-height: 26px; font-size: 12px; color: #222; padding-left: 12px; } .song-info .info-wrap .form-item-paper-input-wrapper[data-v-46ec402c] { position: relative; } .song-info .info-wrap .album-itro[data-v-46ec402c] { height: 122px; resize: none; outline: none; } .song-info .info-wrap .form-item-paper-input-wrapper .form-item-paper-total[data-v-46ec402c] { color: #99a2aa; bottom: 12px; right: 12px; position: absolute; font-size: 12px; } .song-info .info-wrap[data-v-46ec402c] { margin-top: 56px; } .song-info .info-wrap .submit-btn[data-v-46ec402c] { width: 170px; height: 42px; line-height: 42px; background: #00a1d6; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; margin: 0 auto; cursor: pointer; } .song-info .info-wrap .contact-us[data-v-46ec402c] { font-size: 12px; color: #6d757a; width: 100%; text-align: center; margin: 20px 0; } .upload-music-result-wrapper .upload-3-success-image[data-v-46ec402c] { margin-top: 32px; margin-bottom: 30px; text-align: center; } .upload-music-result-wrapper .upload-3-success-image>img[data-v-46ec402c] { width: 250px; height: auto; } .upload-music-result-wrapper .upload-3-success-hint-1[data-v-46ec402c] { margin-top: 16px; text-align: center; font-size: 24px; color: rgba(0,0,0,.85); line-height: 32px; } .upload-music-result-wrapper .upload-3-success-split[data-v-46ec402c] { width: 100%; max-width: 600px; height: 1px; background: #e7e7e7; margin: 36px auto 0; } .upload-music-result-wrapper .upload-3-success-go-url[data-v-46ec402c] { text-align: center; margin-top: 35px; } .upload-music-result-wrapper .upload-3-success-go-url a[data-v-46ec402c] { display: inline-block; padding: 0 10px; min-width: 120px; border: 1px solid #d9d9d9; font-size: 14px; color: rgba(0,0,0,.65); text-align: center; line-height: 38px; border-radius: 4px; margin-left: 16px; } .upload-music-result-wrapper .upload-3-success-go-url a.diff[data-v-46ec402c], .upload-music-result-wrapper .upload-3-success-go-url a[data-v-46ec402c]:hover { background: #00a1d6; color: #fff; border-color: #00a1d6; } .upload-music-result-wrapper .upload-3-success-go-url a[data-v-46ec402c]:first-child { margin-left: 0; } .upload-music-result-wrapper .upload-3-success-hint-2[data-v-46ec402c] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 35px; } .upload-music-result-wrapper .upload-3-success-hint-3[data-v-46ec402c] { font-size: 14px; color: #99a2aa; text-align: center; line-height: 22px; margin-top: 8px; } .i-modal[data-v-46ec402c]{ position: fixed; top: 60px; left: 0; width: calc(100% - 200px); height: 100%; z-index: 10000; overflow: hidden; overflow-y: auto; background-color: rgba(0,0,0,.4); margin-left: 200px; } .i-modal .modal[data-v-46ec402c] { position: absolute; top: 20%; left: 0; right: 0; background: #fff; margin: auto; border-radius: 4px; z-index: 1; } .cropper-modal .modal[data-v-46ec402c] { width: 80%; height: 60%; background-color: #fff; padding: 10px; } .i-modal .modal.position-center[data-v-46ec402c] { top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } .modal-head[data-v-46ec402c] { position: relative; } .head-wrap[data-v-46ec402c] { position: relative; font-size: 14px; color: #222; /*padding: 15px;*/ text-align: left; border-bottom: 1px solid #e5e9ef; padding: 10px; } .modal-content[data-v-46ec402c] { /*padding: 10px 20px;*/ height: calc(100% - 100px); } .img-clip-wrap[data-v-46ec402c] { width: 60%; height: 100%; float: left; } .img-preview-wrap[data-v-46ec402c] { width: 39%; float: right; } .pre-container[data-v-46ec402c] { width: 300px; height: 300px; background-color: #999; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 #d0d5de; box-shadow: 0 1px 3px 0 #d0d5de; } .pre-container img[data-v-46ec402c] { position: relative; width: 100%; height: 100%; border-radius: 4px; } .error-hint[data-v-46ec402c] { margin-top: 10px; color: red; } .modal-footer[data-v-46ec402c] { text-align: center; border-top: 1px solid #e5e9ef; padding-top: 15px; } .modal-footer button[data-v-46ec402c] { display: inline-block; margin: 0 10px; min-width: 90px; vertical-align: top; } .ui-btn.grey-radius[data-v-46ec402c] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.blue-radius[data-v-46ec402c] { background-color: #37c8f7; border: 0; color: #fff; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.grey-radius.reset-img[data-v-46ec402c] { position: relative; display: inline-block; margin-top: 16px; color: #6d757a; font-size: 12px; cursor: pointer; overflow: hidden; border: 1px solid #ccd0d7; background-color: #fff; line-height: 30px; } @media screen and (max-width: 1000px){ .form-list-wrapper .form-list-content-wrapper .input-item[data-v-46ec402c] { width: 80%; } } /* 自定义宽度 */ .my-el-select { margin-left: 10px; } .my-el-select .el-input__inner { height: 26px; } .my-el-select .el-input__icon { line-height: 26px; } .my-el-select .el-input { font-size: 12px; } .my-el-option.el-select-dropdown__item { line-height: 26px; height: 26px; font-size: 12px; } .manager-page[data-v-2dca41fc] { margin-left: 200px; min-width: 900px; /*display: flow-root;*/ min-height: 100%; position: relative; padding: 60px 0 50px 0; background: #fafafa; } .cc-content-body[data-v-2dca41fc] { width: inherit; margin-left: 72px; margin-right: 72px; } .new-link-top-wrap[data-v-2dca41fc] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-2dca41fc] { background: #fff; height: 64px; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-2dca41fc] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-2dca41fc] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .upload-manage[data-v-2dca41fc] { height: 100%; background: #fff; margin-top: 16px!important; display: flow-root; padding-bottom: 20px; } @media screen and (max-width: 1190px){ .cc-content-body[data-v-2dca41fc]{ margin: 0 10px; } } .content[data-v-1dfbbad8] { padding: 0 40px 20px 40px; } .page-wrp[data-v-1dfbbad8], .page-wrp.v2[data-v-1dfbbad8] { width: 100%; } .text-article-wrp .head-stat[data-v-1dfbbad8] { margin-top: 30px; height: 164px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px 0 #dfe5ed; box-shadow: 0 1px 2px 0 #dfe5ed; background-color: #fff; margin-bottom: 20px; text-align: center; } .clearfix[data-v-1dfbbad8]:after, .clearfix[data-v-1dfbbad8]:before { content: " "; display: table; } .text-article-wrp .head-stat .section[data-v-1dfbbad8] { position: relative; width: 17%; height: 100%; padding: 28px 0; border-right: 1px solid #e5e9ef; float: left; } .text-article-wrp .head-stat .section[data-v-1dfbbad8]:first-child { width: 32%; } .text-article-wrp .head-stat .section .title[data-v-1dfbbad8] { font-size: 14px; color: #99a2aa; } .text-article-wrp .head-stat .section .title .text[data-v-1dfbbad8] { display: inline; } .text-article-wrp .head-stat .section .count[data-v-1dfbbad8] { text-align: center; font-size: 40px; color: #3e4e59; } .text-article-wrp .head-stat .section .diff-wrp[data-v-1dfbbad8] { margin-top: 6px; font-size: 14px; } .text-article-wrp .head-stat .section .diff-wrp .diff-yeaterday[data-v-1dfbbad8] { color: #99a2aa; } .text-article-wrp .head-stat .section .diff-wrp .diff-text[data-v-1dfbbad8] { margin-left: 5px; color: #99a2aa; } .text-article-wrp .head-stat .section.comment[data-v-1dfbbad8] { cursor: pointer; } .text-article-wrp .head-stat .section .title .arr[data-v-1dfbbad8] { margin-left: 13px; } .text-article-wrp .head-stat .section.comment:hover .count[data-v-1dfbbad8] { color: #37c8f7; } .read-list-component[data-v-1dfbbad8] { margin: 30px auto 48px auto; font-size: 14px; } .read-list-component .header[data-v-1dfbbad8] { margin-bottom: 20px; height: 32px; } .left[data-v-1dfbbad8] { float: left; } .read-list-component .header .read-list-counter[data-v-1dfbbad8] { line-height: 32px; } .ui-btn[data-v-1dfbbad8] { display: block; font-size: 14px; height: 32px; padding: 0 30px; border: 0; border-radius: 4px; cursor: pointer; outline: none; border: 1px solid transparent; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; } .ui-btn.blue-radius[data-v-1dfbbad8] { background-color: #00a1d6; border: 0; color: #fff; border-radius: 4px; height: 32px; line-height: 32px; padding: 0 15px; } .read-list-component .read-list-box[data-v-1dfbbad8] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 200px; } .read-list-component .read-list-box li.read-list-item[data-v-1dfbbad8] { display: block; width: 140px; border-radius: 6px 0 0 6px; margin-right: 20px; position: relative; cursor: pointer; } .read-list-component .read-list-box li.read-list-item .cover[data-v-1dfbbad8] { width: 136px; height: 187px; position: relative; background-color: #83e0fe; background-size: cover; border-radius: 6px 0 0 6px; background-repeat: no-repeat; background-position: top; background-image: url(data:image/png;base64,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); } .read-list-component .read-list-box li.read-list-item .bottom-info[data-v-1dfbbad8] { width: 136px; height: 74px; position: absolute; bottom: 0; padding: 5px 10px 0; left: 0; border-radius: 0 0 0 4px; background: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.5))); background: linear-gradient(transparent,rgba(0,0,0,.5)); } .read-list-component .read-list-box li.read-list-item .bottom-info p[data-v-1dfbbad8] { font-size: 12px; color: #fff; margin-bottom: 4px; text-shadow: #222 0 0 4px; } .read-list-component .read-list-box li.read-list-item .bottom-info p.total[data-v-1dfbbad8] { position: absolute; bottom: 0; } .read-list-component .read-list-box li.read-list-item .cover[data-v-1dfbbad8]:after { content: ""; width: 3px; height: 100px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAF2BAMAAAClixSAAAAALVBMVEVHcEz////Nzc3Nzc3V1dX////Nzc3Nzc3////Q0ND////Nzc3////MzMz///+URXwCAAAADXRSTlMA/Y/VBga9lJQrK/PzZOMJ6AAAAEtJREFUSMdj4D2sxcDAwPv2YgmIvHctAETebQCTkmDyEZh8DCZfg8m3o+QoOUqOkqPkKDlKjpI0IF8jtToeIbVGGuCtFHCLBdR6AQD1VkLqkRHj2gAAAABJRU5ErkJggg==); background-size: 100% 100%; position: absolute; right: -3px; height: 100%; } .read-list-component .read-list-box li.read-list-item .item-name[data-v-1dfbbad8] { margin-top: 8px; bottom: -45px; left: 0; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; word-break: break-all; max-height: 42px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .read-list-component .read-list-box li.read-list-item .ctime[data-v-1dfbbad8] { font-size: 12px; color: #999; line-height: 12px; bottom: -67px; left: 0; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; } .text-article-wrp .article-module-title[data-v-1dfbbad8] { line-height: 1; font-size: 14px; } .text-article-wrp .article-header[data-v-1dfbbad8] { height: 64px; padding-top: 16px; } .page-wrp.v2 .article-header[data-v-1dfbbad8] { padding-top: 15px; padding-bottom: 32px; height: 80px; } .i-tab[data-v-1dfbbad8] { display: inline-block; margin-top: 7px; font-size: 12px; margin-right: 24px; position: relative; color: #222; padding-bottom: 5px; cursor: pointer; } .i-tab.current[data-v-1dfbbad8] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .i-tab.current[data-v-1dfbbad8]:after { content: ""; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 0 none; border-right: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px solid #00a1d6; } .i-tab[data-v-1dfbbad8]:hover{ color: #00a1d6; } .right[data-v-1dfbbad8] { float: right; } .text-article-wrp .article-header .order-wrp[data-v-1dfbbad8] { float: left; height: 32px; line-height: 32px; padding: 0 10px; } .text-article-wrp .article-header .dropdown-btn[data-v-1dfbbad8] { color: #99a2aa; } .dropdown[data-v-1dfbbad8] { position: relative; white-space: nowrap; } .text-article-wrp .article-header .dropdown[data-v-1dfbbad8] { left: -10px; } .dropdown__mask[data-v-1dfbbad8] { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 9999; background: transparent; } .dropdown__content[data-v-1dfbbad8] { position: absolute; top: 0; left: 0; background: #fff; padding: 6px 0; -webkit-box-shadow: 0 3px 13px rgba(0,0,0,.18); box-shadow: 0 3px 13px rgba(0,0,0,.18); border-radius: 4px; z-index: 10000; } .dropdown__content .dropdown__item[data-v-1dfbbad8] { display: block; color: #222; padding: 0 20px; height: 30px; line-height: 30px; } .dropdown__content .dropdown__active[data-v-1dfbbad8] { color: #00a1d6; background-color: #e5e9ef; } .dropdown__content .dropdown__item[data-v-1dfbbad8]:hover { background-color: #e5e9ef; color: #00a1d6; } .text-article-wrp .article-header .dropdown-btn[data-v-1dfbbad8]:hover { color: #00a1d6; cursor: pointer; } .text-article-wrp .article-card[data-v-1dfbbad8] { position: relative; width: 100%; min-height: 140px; border-radius: 4px; background: #fff; margin-bottom: 20px; border: 1px solid #e5e9ef; padding: 20px; } .article-text-card .cover-wrp[data-v-1dfbbad8] { width: 210px!important; } .text-article-wrp .article-card .cover-wrp[data-v-1dfbbad8] { position: relative; float: left; width: 160px; height: 120px; border-radius: 4px; overflow: hidden; margin-right: 20px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .article-text-card .cover-wrp .img[data-v-1dfbbad8] { width: 100%; height: 100%; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: 50%; } .text-article-wrp .article-card .meta-wrp[data-v-1dfbbad8] { float: left; } .text-article-wrp .article-card .meta-title[data-v-1dfbbad8] { height: 24px; line-height: 24px; } .text-article-wrp .article-card .meta-title .typename[data-v-1dfbbad8] { display: inline-block; padding: 0 8px; border: 1px solid #e5e9ef; color: #666; border-radius: 12px; vertical-align: top; line-height: 22px; margin-right: 10px; } .text-article-wrp .article-card .meta-title .name[data-v-1dfbbad8] { display: inline-block; max-width: 460px; font-size: 18px; color: #212121; } .text-article-wrp .article-card .meta-title .name[data-v-1dfbbad8]:hover { color: #00a1d6; } .text-article-wrp .article-card .meta-status[data-v-1dfbbad8] { padding: 28px 0 30px; } .text-article-wrp .article-card .meta-status .pubdate[data-v-1dfbbad8] { display: inline-block; color: #99a2aa; font-weight: 400; padding-right: 20px; border-right: 1px solid #e5e9ef; vertical-align: middle; } .text-article-wrp .article-card .meta-status .is-success[data-v-1dfbbad8] { border: none; } .text-article-wrp .article-card .meta-status .status[data-v-1dfbbad8] { display: inline-block; font-size: 12px; color: #00a1d6; width: 350px; vertical-align: middle; } .text-article-wrp .article-card .meta-status .is-pubdate[data-v-1dfbbad8] { padding-left: 20px; } .text-article-wrp .article-card .meta-view[data-v-1dfbbad8] { position: absolute; top: 50%; margin-top: -16px; right: 10px; color: #99a2aa; } .text-article-wrp .article-card .meta-view .meta-item[data-v-1dfbbad8] { display: inline-block; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; margin-right: 10px; vertical-align: top; background: #f1f3f7; color: #6d757a; } .text-article-wrp .article-card .meta-view .meta-item[data-v-1dfbbad8]:hover { background: #d7dadd; cursor: pointer; } .text-article-wrp .article-card .meta-view .meta-item.text-item[data-v-1dfbbad8] { padding: 0 18px; cursor: pointer; } .text-article-wrp .article-card .meta-view .menu-box[data-v-1dfbbad8] { display: inline-block; position: relative; } .text-article-wrp .article-card .meta-view .menu[data-v-1dfbbad8]{ background: #f1f3f7; color: #99a2aa; width: 32px; } .text-article-wrp .article-card .meta-view .menu-list[data-v-1dfbbad8] { position: absolute; top: 120%; left: 1px; z-index: 1000; margin-top: 2px; border-radius: 4px; padding: 10px 0; white-space: nowrap; background: #fff; border: none; -webkit-box-shadow: 0 3px 13px rgba(0,0,0,.18); box-shadow: 0 3px 13px rgba(0,0,0,.18); } .text-article-wrp .article-card .meta-view .menu-list .menu-item[data-v-1dfbbad8] { display: block; padding: 0 20px; cursor: pointer; line-height: 28px; font-size: 14px; color: #222; } .text-article-wrp .article-card .meta-view .menu-list .menu-item[data-v-1dfbbad8]:hover{ color: #00a1d6; } .text-article-wrp .article-card .meta-footer[data-v-1dfbbad8] { position: relative; font-size: 12px; } .text-article-wrp .article-card .meta-footer .view-stat[data-v-1dfbbad8] { display: inline-block; float: left; margin-right: 20px; color: #666; } .text-article-wrp .article-card .meta-footer .icon-text[data-v-1dfbbad8] { vertical-align: top; } .block[data-v-1dfbbad8] { text-align: right; margin-top: 20px; } .text-article-wrp .info-wrp[data-v-1dfbbad8], .read-list-box .info-wrp[data-v-1dfbbad8] { text-align: center; padding: 50px 0 0 0; width: 100%; } .text-article-wrp .info-wrp .img[data-v-1dfbbad8], .read-list-box .info-wrp .img[data-v-1dfbbad8] { display: inline-block; width: 200px; height: 200px; } .text-article-wrp .info-wrp .text .read-list-box .info-wrp .text[data-v-1dfbbad8] { padding: 20px 0; font-size: 14px; } .ui-modal.modal-cover[data-v-1dfbbad8] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 1000; } .modal-wrap[data-v-1dfbbad8] { padding: 0 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; -webkit-animation: popin .3s; animation: popin .3s; margin-bottom: 20px; } .ui-modal.modal-cover .modal-wrap[data-v-1dfbbad8] { position: absolute; width: 80%; top: 10%; } .modal-wrap.with-header[data-v-1dfbbad8] { padding: 0 20px 20px; } .modal-wrap .header[data-v-1dfbbad8] { border-bottom: 1px solid #e5e9ef; margin: 0 -20px; padding: 16px; font-size: 14px; } .icon-guanbi[data-v-1dfbbad8] { position: absolute; top: 12px; right: 16px; cursor: pointer; font-size: 16px; font-weight: 100; display: block; color: #99a2aa; } .modal-wrap .header .close[data-v-1dfbbad8] { font-size: 14px; margin-top: 5px; font-weight: 100; display: block; color: #99a2aa; cursor: pointer; } .protocol-modal .modal-wrap .modal-content[data-v-1dfbbad8] { height: calc(100% - 120px); } .protocol-modal .modal-wrap .modal-content .text-content[data-v-1dfbbad8] { height: 100%; margin-top: 20px; border-radius: 4px; background-color: #f1f3f7; overflow: auto; padding: 5px 15px; font-size: 14px; } .protocol-modal .modal-wrap .modal-content .text-content p[data-v-1dfbbad8] { margin: 10px 0; line-height: 1.7; } .btn-group[data-v-1dfbbad8] { text-align: center; margin: 10px 0; } .modal-content[data-v-1dfbbad8] { /*padding: 10px 20px;*/ height: calc(100% - 100px); } .read-list-modal-component .modal-wrap .modal-content[data-v-1dfbbad8] { margin: 0 16px; position: relative; line-height: 30px; padding-top: 1px; padding-bottom: 114px; } .read-list-modal-component .read-list-box[data-v-1dfbbad8] { height: 256px; overflow-y: auto; overflow-x: hidden; margin: 24px -30px 24px 0; padding-right: 30px; } .read-list-modal-component .read-list-box li label[data-v-1dfbbad8] { font-size: 14px; padding: 12px 0; display: block; } .read-list-modal-component .read-list-box li:first-child label[data-v-1dfbbad8] { padding-top: 0; } .read-list-modal-component .read-list-box li label span[data-v-1dfbbad8] { display: block; line-height: 20px; } .read-list-modal-component .read-list-box li label .title[data-v-1dfbbad8] { width: 270px; padding: 0 16px; } .read-list-modal-component .read-list-box li .count[data-v-1dfbbad8] { font-size: 12px; color: #99a2aa; } .read-list-modal-component .position-bottom[data-v-1dfbbad8] { position: absolute; left: 0; right: 0; bottom: 0; } .read-list-modal-component .creat-read-list-box[data-v-1dfbbad8] { margin: 11px 0; position: relative; z-index: 2; } .read-list-modal-component .creat-read-list-box .add-btn[data-v-1dfbbad8] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #ccd0d7; border-radius: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAACqqqqqqqqqqqqK98J9AAAAA3RSTlMA8MRywyPKAAAAG0lEQVQI12NgYGUAAn4cxP7//x+ACZxKwAYAABMQB9tcGBvjAAAAAElFTkSuQmCC) no-repeat 10px; font-size: 12px; color: #6d757a; cursor: pointer; } .read-list-modal-component hr[data-v-1dfbbad8] { border: 0; border-top: 1px solid #e5e9ef; } .ui-btn.disabled[data-v-1dfbbad8], .ui-btn.disabled[data-v-1dfbbad8]:hover { background-color: #e5e9ef; color: #99a2aa; } .read-list-modal-component .main-btn[data-v-1dfbbad8] { display: block; margin: 18px auto 0; width: 160px; height: 40px; border-radius: 100px; line-height: 40px; } .read-list-modal-component .main-btn.disabled[data-v-1dfbbad8] { -webkit-transition-duration: 0s; transition-duration: 0s; } .read-list-modal-component .creat-read-list-box .input-box[data-v-1dfbbad8] { height: 34px; line-height: 32px; border: 1px solid #00a1d6; border-radius: 4px; position: relative; } .read-list-modal-component .creat-read-list-box .input-box .ui-input-text.read-list-title[data-v-1dfbbad8] { display: block; width: 255px; margin: 0 auto; padding: 0; float: left; } .ui-input-text input[data-v-1dfbbad8] { width: 100%; font-size: 14px; line-height: 1; padding: 7px 12px; padding-right: 50px; outline: none; } .ui-input-text[data-v-1dfbbad8] { position: relative; display: inline-block; } .read-list-modal-component .creat-read-list-box .input-box .ui-input-text.read-list-title input[data-v-1dfbbad8] { border: none; font-size: 12px; line-height: 12px; } .ui-input-text .count[data-v-1dfbbad8] { position: absolute; top: 50%; margin-top: -9px; right: 0; text-align: right; width: 40px; color: #99a2aa; } .read-list-modal-component .creat-read-list-box .input-box .ui-input-text.read-list-title .count[data-v-1dfbbad8] { margin-right: 10px; margin-top: -15px; } .read-list-modal-component .creat-read-list-box .input-box button[data-v-1dfbbad8] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00a1d6; border-radius: 0 4px 4px 0; font-size: 14px; color: #00a1d6; cursor: pointer; } .read-list-modal-component .creat-read-list-box .input-box button[disabled][data-v-1dfbbad8] { color: #999; background-color: #f1f1f1; } /* 删除弹窗*/ .ui-popup.popup-cover[data-v-1dfbbad8] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 2000; } .ui-popup .popup-wrap[data-v-1dfbbad8] { padding: 10px; width: 370px; background-color: #fff; overflow: hidden; z-index: 10; margin: auto; top: 40%; right: 0; left: 0; position: absolute; border-radius: 4px; -webkit-animation: popin .3s; animation: popin .3s; text-align: center; } .ui-popup .popup-wrap.shadow[data-v-1dfbbad8] { border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.16); box-shadow: 0 2px 4px rgba(0,0,0,.16); } .ui-popup .popup-wrap .text-box[data-v-1dfbbad8] { line-height: 24px; margin: 21px 0 19px; font-size: 14px; } .ui-popup .popup-wrap .text-box .text[data-v-1dfbbad8] { display: inline-block; text-align: left; word-break: break-all; color: #6d757a; } .ui-popup .popup-wrap .text-box .text p[data-v-1dfbbad8] { text-align: center; } .ui-popup .popup-wrap .text-box .text .sub-tips[data-v-1dfbbad8] { font-size: 12px; color: #99a2aa; } .ui-popup .popup-wrap .text-box .subtext[data-v-1dfbbad8] { font-size: 12px; color: #99a2aa; margin-top: 10px; text-align: center; } .btn-group[data-v-1dfbbad8] { text-align: center; margin: 10px 0; } .ui-popup .popup-wrap .btn-group[data-v-1dfbbad8] { margin-bottom: 18px; } .i-btn[data-v-1dfbbad8] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .btn-group button[data-v-1dfbbad8] { display: inline-block; margin: 0 10px; } .i-btn.ok[data-v-1dfbbad8] { color: #fff; background: #00a1d6; } .ui-popup .popup-wrap .btn-group button[data-v-1dfbbad8] { width: 90px; margin: 0 5px; } .i-btn.cancel[data-v-1dfbbad8] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .meta-footer .iconfont[data-v-1dfbbad8] { vertical-align: middle; } .article-filter .el-dropdown-menu__item.active { color: #66b1ff; background-color: #ecf5ff; } .article-filter.el-dropdown:hover { color: #66b1ff; cursor: pointer; } .read-list-page[data-v-ca319462] { width: 90%; margin: 0 auto; min-width: 800px; } .content[data-v-ca319462] { padding: 0 40px 20px 40px; } .read-list-page header.header[data-v-ca319462] { top: 60px; min-width: 800px; width: 90%; margin: 0 auto; padding: 28px 10px 28px 0; z-index: 2; background-color: #fff; } .read-list-page header.header .grey[data-v-ca319462], .read-list-page header.header .link-btn[data-v-ca319462] { color: #99a2aa; cursor: pointer; } .read-list-page .module-box[data-v-ca319462] { position: relative; width: 100%; border-radius: 4px; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; margin-bottom: 20px; padding: 20px; } .read-list-page .read-list-create .cover[data-v-ca319462] { width: 110px; height: 144px; border: 1px dashed #ccd0d7; background-color: #fff; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-size: cover; background-repeat: no-repeat; background-position: 50%; overflow: hidden; } .read-list-page .read-list-create .cover .empty-state[data-v-ca319462] { text-align: center; color: #99a2aa; } .read-list-page .read-list-create .cover .empty-state i[data-v-ca319462] { display: block; width: 36px; height: 36px; margin: 0 auto; font-size: 36px; background-size: cover; margin-top: 47px; } .read-list-page .read-list-create .cover .empty-state p[data-v-ca319462] { margin-top: 8px; } .read-list-page .read-list-create .info[data-v-ca319462] { width: calc(100% - 130px); } .read-list-page .read-list-create .info.right.edit[data-v-ca319462] { text-align: center; } .ui-input-text[data-v-ca319462] { position: relative; display: inline-block; } .read-list-page .read-list-create .ui-input-text[data-v-ca319462] { width: 100%; height: 56px; } .ui-input[data-v-ca319462] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; background: #fff; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; outline: none; } .ui-input-text input[data-v-ca319462] { width: 100%; font-size: 14px; line-height: 1; padding: 7px 12px; padding-right: 50px; outline: none; } .read-list-page .read-list-create .ui-input-text input[data-v-ca319462] { height: 100%; font-size: 18px; padding-left: 14px; } .ui-input-text .count[data-v-ca319462] { position: absolute; top: 50%; margin-top: -9px; right: 10px; text-align: right; width: 40px; color: #99a2aa; } .read-list-page .read-list-create .ui-input-text .count[data-v-ca319462] { right: 14px; } .ui-input-textarea[data-v-ca319462] { position: relative; display: inline-block; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; border: 1px solid #ccd0d7; outline: none; border-radius: 4px; overflow: hidden; padding: 7px 12px 35px; cursor: text; } .read-list-page .read-list-create .ui-input-textarea[data-v-ca319462] { margin-top: 20px; padding-bottom: 19px; line-height: 1.3; width: 100%; height: 107px; display: block; } .ui-input-textarea textarea[data-v-ca319462] { width: 100%; height: 100%; font-size: 14px; border: 0; background-color: transparent; outline: none; } .ui-input-textarea .count[data-v-ca319462] { position: absolute; bottom: 7px; right: 20px; margin-left: -50px; text-align: right; width: 80px; color: #99a2aa; } .read-list-page .read-list-create .ui-input-textarea .count[data-v-ca319462] { bottom: 4px; right: 14px; } .ui-btn[data-v-ca319462] { display: block; font-size: 14px; height: 32px; padding: 0 30px; border: 0; border-radius: 4px; cursor: pointer; outline: none; border: 1px solid transparent; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; } .ui-btn.grey-radius[data-v-ca319462] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 4px; height: 32px; line-height: 32px; padding: 0 15px; } .read-list-page .read-list-create .info.right.edit button.ui-btn[data-v-ca319462] { width: 108px; display: inline-block; margin: 30px 10px; } .ui-btn.blue-radius[data-v-ca319462], .ui-btn.blue-radius[data-v-ca319462]:hover { background-color: #00a1d6; } .i-modal[data-v-ca319462]{ position: fixed; top: 60px; left: 0; width: calc(100% - 200px); height: 100%; z-index: 10000; overflow: hidden; overflow-y: auto; background-color: rgba(0,0,0,.4); margin-left: 200px; } .i-modal .modal[data-v-ca319462] { position: absolute; top: 20%; left: 0; right: 0; background: #fff; margin: auto; border-radius: 4px; z-index: 1; } .cropper-modal .modal[data-v-ca319462] { width: 80%; height: 60%; background-color: #fff; padding: 10px; } .i-modal .modal.position-center[data-v-ca319462] { top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } .modal-head[data-v-ca319462] { position: relative; } .head-wrap[data-v-ca319462] { position: relative; font-size: 14px; color: #222; /*padding: 15px;*/ text-align: left; border-bottom: 1px solid #e5e9ef; padding: 10px; } .modal-content[data-v-ca319462] { /*padding: 10px 20px;*/ height: calc(100% - 100px); } .img-clip-wrap[data-v-ca319462] { width: 60%; height: 100%; float: left; } .img-preview-wrap[data-v-ca319462] { width: 39%; float: right; } .pre-container[data-v-ca319462] { width: 190px; height: 250px; background-color: #999; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 #d0d5de; box-shadow: 0 1px 3px 0 #d0d5de; margin: auto; } .pre-container img[data-v-ca319462] { position: relative; width: 100%; height: 100%; border-radius: 4px; } .error-hint[data-v-ca319462] { margin-top: 10px; color: red; } .modal-footer[data-v-ca319462] { text-align: center; border-top: 1px solid #e5e9ef; padding-top: 15px; } .modal-footer button[data-v-ca319462] { display: inline-block; margin: 0 10px; min-width: 90px; vertical-align: top; } .ui-btn.grey-radius[data-v-ca319462] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.blue-radius[data-v-ca319462] { background-color: #37c8f7; border: 0; color: #fff; border-radius: 16px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.grey-radius.reset-img[data-v-ca319462] { position: relative; display: inline-block; margin-top: 16px; color: #6d757a; font-size: 12px; cursor: pointer; overflow: hidden; border: 1px solid #ccd0d7; background-color: #fff; line-height: 30px; } .read-list-page[data-v-52a1d626] { width: 90%; min-width: 800px; margin: 0 auto; } .read-list-page header.header[data-v-52a1d626] { top: 42px; min-width: 800px; width: 90%; margin: 0 auto; padding: 28px 10px 28px 0; z-index: 2; background-color: #fff; } .read-list-page header.header .back-btn[data-v-52a1d626] { font-size: 14px; color: #99a2aa; } .read-list-page header.header .empty[data-v-52a1d626] { font-size: 14px; height: 32px; } .read-list-page .module-box[data-v-52a1d626] { position: relative; width: 100%; border-radius: 4px; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; margin-bottom: 20px; padding: 20px; } .read-list-page .read-list-name .cover[data-v-52a1d626] { width: 110px; height: 144px; border: 1px dashed #ccd0d7; background-color: #fff; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-size: cover; background-repeat: no-repeat; background-position: 50%; background-image: url(data:image/png;base64,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); overflow: hidden; border: 0; } .read-list-page .read-list-name .cover.has-cover[data-v-52a1d626] { -webkit-box-shadow: 0 1px 3px 0 #d0d5de; box-shadow: 0 1px 3px 0 #d0d5de; } .read-list-page .read-list-name .info[data-v-52a1d626] { width: calc(100% - 130px); } .read-list-page .read-list-name .info.right.show .right-float[data-v-52a1d626] { float: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-btn[data-v-52a1d626] { display: block; font-size: 14px; height: 32px; padding: 0 30px; border: 0; border-radius: 4px; cursor: pointer; outline: none; border: 1px solid transparent; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; } .ui-btn.grey-radius[data-v-52a1d626] { background-color: #f1f3f7; border: 0; color: #6d757a; border-radius: 4px; height: 32px; line-height: 32px; padding: 0 15px; } .read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius[data-v-52a1d626] { background: #f1f3f7; display: inline-block; vertical-align: top; color: #6d757a; position: relative; cursor: pointer; } .read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius.actions[data-v-52a1d626] { margin-left: 10px; } .read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .menu-list[data-v-52a1d626] { position: absolute; top: 100%; left: 1px; z-index: 1000; margin-top: 20px; border-radius: 4px; padding: 10px 0; white-space: nowrap; background: #fff; border: none; -webkit-box-shadow: 0 3px 13px rgba(0,0,0,.18); box-shadow: 0 3px 13px rgba(0,0,0,.18); } .read-list-page .read-list-name .info.right.show .right-float .ui-btn.grey-radius .menu-list .menu-item[data-v-52a1d626] { display: block; padding: 0 20px; cursor: pointer; line-height: 28px; font-size: 14px; color: #222; } .read-list-page .read-list-name .info.right.show .title[data-v-52a1d626] { max-width: 660px; font-size: 18px; color: #212121; letter-spacing: 0; line-height: 18px; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .read-list-page .read-list-name .info.right.show .col[data-v-52a1d626] { line-height: 14px; color: #999; margin-top: 12px; } .read-list-page .read-list-name .info.right.show .col label[data-v-52a1d626] { font-size: 12px; vertical-align: middle; margin-right: 10px; } .read-list-page .read-list-name .info.right.show .col .split-line[data-v-52a1d626] { width: 1px; height: 10px; vertical-align: middle; background-color: #e5e9ef; margin-right: 10px; display: inline-block; } .read-list-page .read-list-name .info.right.show .col label[data-v-52a1d626] { font-size: 12px; vertical-align: middle; margin-right: 10px; } .read-list-page .read-list-name .info.right.show .col .split-line[data-v-52a1d626] { width: 1px; height: 10px; vertical-align: middle; background-color: #e5e9ef; margin-right: 10px; display: inline-block; } .read-list-page .read-list-name .info.right.show .col label[data-v-52a1d626] { font-size: 12px; vertical-align: middle; margin-right: 10px; } .read-list-page .read-list-name .info.right.show .col .link label[data-v-52a1d626] { color: #999; cursor: pointer; } .read-list-page .read-list-name .info.right.show .summary[data-v-52a1d626] { margin-top: 10px; color: #999; } .read-list-page .read-list-name .info.right.show .summary.on[data-v-52a1d626] { color: #222; } .read-list-page .read-list-content[data-v-52a1d626] { min-height: 450px; } .read-list-page .module-box .module-title[data-v-52a1d626] { font-size: 14px; line-height: 1.2; margin-bottom: 10px; } .read-list-page .read-list-content .article-list-header[data-v-52a1d626] { line-height: 32px; } .ui-btn.blue-radius[data-v-52a1d626] { border: 0; color: #fff; border-radius: 4px; height: 32px; line-height: 32px; padding: 0 15px; } .ui-btn.blue-radius[data-v-52a1d626], .ui-btn.blue-radius[data-v-52a1d626]:hover { background-color: #00a1d6; } .read-list-page .module-box .module-tips[data-v-52a1d626] { font-size: 12px; color: #6d757a; } .read-list-page .read-list-content .empty-state[data-v-52a1d626] { margin-top: 84px; } .read-list-page .read-list-content .empty-state .empty-tips[data-v-52a1d626] { line-height: 1; font-size: 14px; text-align: center; } .read-list-page .read-list-content .empty-state button[data-v-52a1d626] { -webkit-box-shadow: 4px 4px 8px rgba(145,214,236,.6); box-shadow: 4px 4px 8px rgba(145,214,236,.6); display: block; width: 180px; height: 56px; margin: 0 auto; line-height: 56px; font-size: 16px; border-radius: 100px; margin-top: 55px; } .bui-sort-list[data-v-52a1d626] { position: relative; } .read-list-page .read-list-content .article-sort-list[data-v-52a1d626] { margin-right: -20px; margin-top: 16px; } .bui-sort-list .sort-item[data-v-52a1d626] { background-color: #fff; } .read-list-page .read-list-content .article-sort-list .sort-item[data-v-52a1d626] { position: relative; padding-left: 48px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .read-list-page .read-list-content .article-sort-list .sort-item .sort-handler[data-v-52a1d626] { position: absolute; left: 0; height: 98%; width: 16px; background-color: #e5e9ef; -webkit-transition-duration: .2s; transition-duration: .2s; cursor: -webkit-grab; cursor: grab; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 2px; } .read-list-page .read-list-content .article-sort-list .sort-item .sort-handler .icon-sort-handler[data-v-52a1d626] { display: block; position: absolute; width: 8px; height: 12px; border-top: 2px solid #ccd0d7; border-bottom: 2px solid #ccd0d7; left: 50%; top: 50%; margin-left: -4px; margin-top: -6px; } .read-list-page .read-list-content .article-sort-list .sort-item .order-number[data-v-52a1d626] { display: block; position: absolute; left: 25px; width: 22px; height: 100%; color: #99a2aa; line-height: 60px; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content[data-v-52a1d626] { border-bottom: 1px solid rgba(223,229,237,.5803921568627451); line-height: 60px; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info[data-v-52a1d626] { width: 720px; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info .article-title[data-v-52a1d626] { font-size: 14px; display: inline-block; max-width: 640px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content .article-info .article-uptime[data-v-52a1d626] { font-size: 12px; color: #99a2aa; margin-left: 10px; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-group[data-v-52a1d626] { position: absolute; top: 50%; margin-top: -16px; right: 20px; } .read-list-page .read-list-content .article-sort-list .sort-item .item-content .act-btn[data-v-52a1d626] { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; vertical-align: top; background: #f1f3f7; color: #6d757a; } .ui-popup.popup-cover[data-v-52a1d626] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 2000; } .ui-popup .popup-wrap[data-v-52a1d626] { padding: 10px; width: 370px; background-color: #fff; overflow: hidden; z-index: 10; margin: auto; top: 40%; right: 0; left: 0; position: absolute; border-radius: 4px; -webkit-animation: popin .3s; animation: popin .3s; text-align: center; } .ui-popup .popup-wrap.shadow[data-v-52a1d626] { border: 1px solid #e5e9ef; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.16); box-shadow: 0 2px 4px rgba(0,0,0,.16); } .ui-popup .popup-wrap .text-box[data-v-52a1d626] { line-height: 24px; margin: 21px 0 19px; font-size: 14px; } .ui-popup .popup-wrap .text-box .text[data-v-52a1d626] { display: inline-block; text-align: left; word-break: break-all; color: #6d757a; } .ui-popup .popup-wrap .text-box .text p[data-v-52a1d626] { text-align: center; } .ui-popup .popup-wrap .text-box .text .sub-tips[data-v-52a1d626] { font-size: 12px; color: #99a2aa; } .ui-popup .popup-wrap .text-box .subtext[data-v-52a1d626] { font-size: 12px; color: #99a2aa; margin-top: 10px; text-align: center; } .btn-group[data-v-52a1d626] { text-align: center; margin: 10px 0; } .ui-popup .popup-wrap .btn-group[data-v-52a1d626] { margin-bottom: 18px; } .i-btn[data-v-52a1d626] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .btn-group button[data-v-52a1d626] { display: inline-block; margin: 0 10px; } .i-btn.ok[data-v-52a1d626] { color: #fff; background: #00a1d6; } .ui-popup .popup-wrap .btn-group button[data-v-52a1d626] { width: 90px; margin: 0 5px; } .i-btn.cancel[data-v-52a1d626] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .ui-modal.modal-cover[data-v-52a1d626] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 1000; } .modal-wrap[data-v-52a1d626] { padding: 50px 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; animation: popin .3s; -ms-animation: popin .3s; -moz-animation: popin .3s; -webkit-animation: popin .3s; margin-bottom: 20px; } .modal-wrap.with-header[data-v-52a1d626] { padding: 0 20px 20px; } .ui-modal.modal-cover .modal-wrap[data-v-52a1d626] { position: absolute; } .modal-wrap .header[data-v-52a1d626] { border-bottom: 1px solid #e5e9ef; margin: 0 -20px; padding: 16px; font-size: 14px; } .modal-wrap .close[data-v-52a1d626] { font-size: 16px; font-weight: 100; display: block; position: absolute; right: 15px; color: #99a2aa; z-index: 100; } .modal-wrap .header .close[data-v-52a1d626] { font-size: 16px; font-weight: 100; display: block; color: #99a2aa; cursor: pointer; } .read-list-page .add-article-modal .modal-content[data-v-52a1d626] { padding-bottom: 60px; position: relative; } .read-list-page .add-article-modal .module-tips[data-v-52a1d626] { font-size: 12px; color: #99a2aa; margin: 15px 0; } .read-list-page .add-article-modal .empty-tips[data-v-52a1d626] { font-size: 14px; text-align: center; margin: 45px 0; } .read-list-page .add-article-modal .article-list-box[data-v-52a1d626] { height: 360px; overflow-y: auto; overflow-x: hidden; margin: 24px -15px 24px 0; padding-right: 30px; } .read-list-page .add-article-modal .article-list-box li label[data-v-52a1d626] { font-size: 14px; padding: 12px 0; display: block; } .read-list-page .add-article-modal .article-list-box li:first-child label[data-v-52a1d626] { padding-top: 0; } .read-list-page .add-article-modal .article-list-box li:last-child label[data-v-52a1d626] { padding-bottom: 0; } .ui-checkbox[data-v-52a1d626] { position: relative; width: 14px; height: 14px; display: inline-block; vertical-align: middle; cursor: pointer; } .read-list-page .add-article-modal .article-list-box li label span[data-v-52a1d626] { display: block; line-height: 20px; } .read-list-page .add-article-modal .article-list-box li label span[data-v-52a1d626] { display: block; line-height: 20px; } .read-list-page .add-article-modal .article-list-box li label .title[data-v-52a1d626] { padding: 0 16px; max-width: 340px; } .read-list-page .add-article-modal .article-list-box li label span.uptime[data-v-52a1d626] { display: inline; color: #99a2aa; margin-left: 4px; } .read-list-page .add-article-modal .position-bottom[data-v-52a1d626] { position: absolute; left: 0; right: 0; bottom: 0; } .read-list-page .add-article-modal hr[data-v-52a1d626] { border: 0; border-top: 1px solid #e5e9ef; } .read-list-page .add-article-modal .main-btn[data-v-52a1d626] { display: block; margin: 18px auto 0; width: 160px; height: 40px; border-radius: 100px; line-height: 40px; } .block[data-v-52a1d626] { text-align: right; margin-top: 20px; } .article-wrap[data-v-1893c27c] { position: relative; min-width: 800px; } .upload-manage .content[data-v-1893c27c] { padding: 0 40px 20px 40px; background-color: white; } .bcc-search-input-wrapper[data-v-1893c27c] { position: relative; display: inline-block; } .article-wrap .article-header_search[data-v-1893c27c] { position: absolute; right: 40px; width: 230px; top: -52px; } .bcc-search-input[data-v-1893c27c] { width: 100%; height: 32px; padding: 12px 35px 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 12px; color: #505050; border: 1px solid #e7e7e7; border-radius: 4px; } .search-input[data-v-1893c27c] { position: absolute; top: 8px; right: 11px; font-size: 14px; color: #757575; cursor: pointer; } .cc-article-wrp .article-header[data-v-1893c27c] { height: 32px; margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .article-header[data-v-1893c27c] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text-split_wrap[data-v-1893c27c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .text-split_wrap .split-item[data-v-1893c27c] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-1893c27c] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-1893c27c] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-1893c27c]:hover { color: #00a1d6; } .article-header .txt-item[data-v-1893c27c] { color: #505050; } .article-header .txt-item.current[data-v-1893c27c] { color: #00a1d6; } .text-split_wrap .operate-txt+.operate-txt[data-v-1893c27c] { margin-left: 16px; } .text-split_wrap .operate-txt[data-v-1893c27c]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .article-header .header-operate[data-v-1893c27c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .bcc-select[data-v-1893c27c] { position: relative; width: 150px; } .article-header .header-operate div[data-v-1893c27c] { margin-left: 12px; } .bcc-select-input-wrap[data-v-1893c27c] { width: 100%; /*border: 1px solid #e7e7e7;*/ height: 32px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 14px; color: #212121; } /*视频列表*/ .article-wrap .article-list_wrap[data-v-1893c27c] { margin-top: 8px; min-height: 400px; } .cc-article-wrp .info-wrp[data-v-1893c27c] { text-align: center; padding: 50px 0 0 0; } .cc-article-wrp .info-wrp .img[data-v-1893c27c] { display: inline-block; margin: 20px 0; } .cc-article-wrp .info-wrp .text[data-v-1893c27c] { padding: 20px 0; font-size: 14px; } .cc-article-wrp .article-card[data-v-1893c27c] { position: relative; width: 100%; min-height: 140px; border-radius: 4px; background: #fff; padding: 24px 0; margin-bottom: 0; } .article-card[data-v-1893c27c] { border-bottom: 1px solid #e7e7e7; } .cc-article-wrp .article-card .cover-wrp[data-v-1893c27c] { position: relative; float: left; width: 160px; height: 100px; border-radius: 4px; overflow: hidden; margin-right: 20px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .article-card.v2 .cover-wrp[data-v-1893c27c] { width: 154px; height: 96px; margin-right: 24px; } .cc-article-wrp .article-card .cover-wrp img[data-v-1893c27c] { width: 100%; height: 100%; border-radius: 4px; } .cc-article-wrp .article-card .cover-wrp .duration[data-v-1893c27c] { position: absolute; bottom: 0; right: 0; height: 20px; line-height: 20px; padding: 0 4px; background: rgba(0,0,0,.6); color: #fff; border-radius: 4px; } .article-card.v2 .cover-wrp .duration[data-v-1893c27c] { background: rgba(0,0,0,.5); border-radius: 4px 0 4px 0; } .article-card .tag-wrapper[data-v-1893c27c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 4px; right: 4px; position: absolute; } .cc-article-wrp .article-card .meta-wrp[data-v-1893c27c] { float: left; } .cc-article-wrp .article-card .meta-title[data-v-1893c27c] { height: 24px; line-height: 24px; } .cc-article-wrp .article-card .meta-title .name[data-v-1893c27c] { display: inline-block; max-width: 420px; font-size: 16px; color: #212121; line-height: 20px; vertical-align: middle; } .article-card .meta-status[data-v-1893c27c] { padding: 16px 0 20px 0; font-size: 14px; color: #505050; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-article-wrp .article-card .meta-status .pubdate[data-v-1893c27c] { display: inline-block; font-weight: 400; border-right: 1px solid #e5e9ef; vertical-align: middle; font-size: 14px; color: #505050; line-height: 16px; padding-right: 24px; border-right: 1px solid #e7e7e7; } .cc-article-wrp .article-card .meta-status .is-success[data-v-1893c27c] { border: none; } .cc-article-wrp .article-card .meta-status .status[data-v-1893c27c] { color: #20aae2; } .cc-article-wrp .article-card .meta-view[data-v-1893c27c] { position: absolute; top: 50%; margin-top: -16px; color: #99a2aa; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-btn[data-v-1893c27c] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .cc-article-wrp .article-card .meta-view .i-btn[data-v-1893c27c] { width: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; } .article-card .meta-view .i-btn[data-v-1893c27c] { width: 84px; height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #505050; line-height: 18px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .article-card .meta-view .i-btn .bcc-iconfont[data-v-1893c27c] { margin-right: 7px; } .article-card .meta-view .more-btn[data-v-1893c27c] { width: 32px; height: 32px; border-radius: 2px; border: 1px solid #e7e7e7; 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; } .disabled[data-v-1893c27c] { cursor: not-allowed; } .article-card .meta-view .more-btn i[data-v-1893c27c] { display: inline-block; /*transform: rotate(90deg);*/ } .cc-article-wrp .article-card .meta-title .name[data-v-1893c27c]:hover { color: #00a1d6; } .article-card .meta-view .i-btn[data-v-1893c27c]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .article-card .meta-view .more-btn[data-v-1893c27c]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .cc-article-wrp .article-card .meta-footer[data-v-1893c27c] { position: relative; font-size: 12px; } .cc-article-wrp .article-card .meta-footer .view-stat[data-v-1893c27c] { float: left; color: #99a2aa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 25px; } .article-card .meta-footer .view-stat i[data-v-1893c27c] { line-height: 16px; } .cc-article-wrp .article-card .meta-footer .icon-text[data-v-1893c27c] { vertical-align: top; margin-left: 5px; } .cc-article-wrp .block[data-v-1893c27c] { text-align: right; margin-top: 20px; } .select-box[data-v-1893c27c] { position: absolute; z-index: 10; -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); border-radius: 2px; top: 85px; right: 0; width: 320px; background-color: white; margin-top: 10px; } .clearfix[data-v-1893c27c]:before, .clearfix[data-v-1893c27c]:after { content: " "; display: table; } .left[data-v-1893c27c]{ float: left; } .select-box .select-item[data-v-1893c27c] { width: 25%; height: 82px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 16px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .select-box .select-item.disabled[data-v-1893c27c] { cursor: not-allowed; } .select-box .select-item i[data-v-1893c27c] { margin-bottom: 6px; color: #505050; font-size: 20px; } .select-box .select-item .text[data-v-1893c27c]{ font-size: 12px; line-height: 16px; color: #757575; } .select-box .select-item:not(.disabled):hover i[data-v-1893c27c], .select-box .select-item:not(.disabled):hover .text[data-v-1893c27c], .select-box .option-footer:not(.disabled):hover i[data-v-1893c27c], .select-box .option-footer:not(.disabled):hover .option-text[data-v-1893c27c]{ color: #20aae2; } .select-box .select-item[data-v-1893c27c]:nth-child(4n+1):after { width: 400%; height: 1px; position: absolute; display: block; top: 100%; content: ''; background-color: #f4f4f4; left: 0; } .select-box .option-footer[data-v-1893c27c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; height: 48px; line-height: 48px; text-align: center; } .select-box .option-footer.disabled[data-v-1893c27c] { cursor: not-allowed; } .select-box .option-footer i[data-v-1893c27c] { color: #505050; } .select-box .option-footer .option-text[data-v-1893c27c] { padding-left: 5px; color: #757575; } /*share*/ .cc-modal[data-v-1893c27c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-1893c27c] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-1893c27c], .cc-modal .overlay[data-v-1893c27c] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-1893c27c] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; } .share-modal .modal[data-v-1893c27c] { width: 640px; height: 406px; } .share-modal .modal .modal-close[data-v-1893c27c] { position: absolute; right: 20px; top: 20px; font-size: 22px; cursor: pointer; color: #99a2aa; font-weight: bold; } .share-modal .modal-top[data-v-1893c27c] { height: 176px; padding: 40px 0 30px 0; } .share-modal .social-wrp[data-v-1893c27c] { text-align: center; margin-bottom: 30px; } .share-modal .social-wrp .social-btn[data-v-1893c27c] { position: relative; display: inline-block; margin-right: 30px; width: 40px; height: 40px; line-height: 40px; font-size: 40px; border-radius: 50%; background: #fff; } .share-modal .social-wrp .social-btn.weibo[data-v-1893c27c] { /*background: #e62d26;*/ color: #e62d26; } .share-modal .social-wrp .social-btn.wechat[data-v-1893c27c] { color: #3acf5a; } .share-modal .social-wrp .social-btn.qzone[data-v-1893c27c] { color: #ecbf36; } .share-modal .social-wrp .social-btn.tieba[data-v-1893c27c] { color: #247bd4; } .share-modal .social-wrp .social-btn[data-v-1893c27c]:last-child { margin-right: 0; } .share-modal .share-wechat[data-v-1893c27c] { display: none; position: absolute; width: 120px; top: 50px; left: 0; margin-left: -37px; overflow: hidden; background: #fff; z-index: 1; padding: 10px 10px 0 10px; border: 1px solid #e5e9ef; } .share-modal .wechat:hover .share-wechat[data-v-1893c27c] { display: block; } .share-modal .qrcode[data-v-1893c27c] { width: 100px; height: 100px; } .share-modal .qrcode-text[data-v-1893c27c] { padding: 5px 0; color: #222; font-size: 12px; } .share-modal .av-wrp[data-v-1893c27c] { text-align: center; } .share-modal .av-wrp .av-wrp-inner[data-v-1893c27c] { display: inline-block; position: relative; height: 34px; padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; } .share-modal .av-wrp .av-text[data-v-1893c27c] { font-size: 14px; font-weight: 700; color: #6d757a; padding-right: 10px; } .share-modal .copy-btn[data-v-1893c27c] { display: inline-block; width: 50px; height: 24px; line-height: 22px; text-align: center; border: 1px solid #e5e9ef; border-radius: 12px; color: #6d757a; background: #f1f3f7; cursor: pointer; } .share-modal .modal-bottom[data-v-1893c27c] { position: relative; height: 230px; background: #f1f3f7; border-radius: 0 0 4px 4px; padding: 30px 0 0 30px; } .share-modal .modal-bottom .header[data-v-1893c27c] { height: 34px; line-height: 34px; margin-bottom: 24px; } .share-modal .modal-bottom .share-addr[data-v-1893c27c] { margin-bottom: 32px; } .share-modal .modal-bottom .share-addr .title[data-v-1893c27c] { height: 24px; line-height: 24px; padding-right: 20px; font-size: 12px; color: #6d757a; } .share-modal .modal-bottom .share-addr .av-addr-wrp[data-v-1893c27c] { position: relative; padding-bottom: 10px; border-bottom: 1px solid #ccd0d7; } .share-modal .modal-bottom .share-addr .av-addr[data-v-1893c27c] { display: inline-block; width: 270px; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px; color: #222; vertical-align: top; border: none; background: #f1f3f7; } .share-modal .modal-bottom .share-addr .copy-btn[data-v-1893c27c] { background: #fff; } .share-modal .modal-bottom .share-wrp[data-v-1893c27c] { position: absolute; width: 148px; height: 170px; background: #fff; border-radius: 4px; top: 30px; right: 30px; text-align: center; } .share-modal .modal-bottom .share-wrp .header[data-v-1893c27c] { font-size: 14px; color: #00a1d6; margin-bottom: 0; } .share-modal .modal-bottom .share-wrp .share-link[data-v-1893c27c] { width: 130px; height: 130px; margin: 0 auto; overflow: hidden; } .clearfix[data-v-1893c27c]:after, .clearfix[data-v-1893c27c]:before { content: " "; display: table; } .clearfix[data-v-1893c27c]:after { clear: both; } /*收藏夹*/ .fv-modal .modal[data-v-1893c27c] { width: 350px; height: 350px; } .fv-modal .modal.open[data-v-1893c27c] { height: 450px; } .fv-modal .modal .fv-header[data-v-1893c27c] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; } .fv-modal .modal .modal-close[data-v-1893c27c] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .fv-header .iconfont[data-v-1893c27c] { color: #fcba2c; vertical-align: bottom; } .fv-modal .modal .fv-new-folder[data-v-1893c27c] { padding: 10px 20px; border-bottom: 1px solid #e5e9ef; } .fv-modal .modal .fv-new-folder .fv-input-wrp[data-v-1893c27c] { position: relative; } .i-input[data-v-1893c27c] { border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; padding: 0 12px; background: #fff; } .fv-modal .modal .fv-new-folder .fv-input-wrp .i-input[data-v-1893c27c] { padding-right: 40px; } .fv-modal .modal .fv-new-folder .fv-input-wrp .name-count[data-v-1893c27c] { position: absolute; right: 0; top: 0; width: 40px; height: 30px; line-height: 30px; text-align: center; } .fv-modal .modal .fv-new-folder .fv-input-wrp .error-msg[data-v-1893c27c] { height: 20px; line-height: 20px; color: #e40c0c; } .fv-modal .modal .i-btn[data-v-1893c27c] { height: 32px; line-height: 32px; } .fv-modal .modal .fv-new-folder .i-btn[data-v-1893c27c] { width: 110px; font-size: 14px; margin-right: 0; } .fv-modal .modal .fv-new-folder .i-btn.disable[data-v-1893c27c] { color: #fff; background: #00a1d6; opacity: .4; cursor: not-allowed; } .i-btn.ok[data-v-1893c27c] { color: #fff; background: #00a1d6; } .i-btn.cancel[data-v-1893c27c] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .fv-modal .modal .fv-wrp[data-v-1893c27c] { height: 230px; overflow: auto; padding: 15px 20px 0; } .fv-modal .modal .fv-item[data-v-1893c27c] { position: relative; height: 24px; line-height: 24px; padding-right: 40px; cursor: pointer; padding: 0 20px; } .fv-modal .modal .fv-item[data-v-1893c27c]:hover { background: #edf2f9; } .fv-modal .modal .fv-item span[data-v-1893c27c] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px; display: inline-block; } .fv-modal .modal .fv-item .fv-count[data-v-1893c27c] { position: absolute; right: 0; top: 0; width: 65px; text-align: right; } .fv-modal .modal .fv-folder[data-v-1893c27c] { position: absolute; bottom: 20px; left: 20px; right: 20px; } .fv-modal .modal .fv-folder.i-btn[data-v-1893c27c] { margin-right: 0; } .right[data-v-1893c27c]{ float: right; } .i-btn.ok[data-v-1893c27c]:hover { background-color: #00b5e5; } .ui-modal.modal-cover[data-v-1893c27c] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 1000; } .modal-wrap[data-v-1893c27c] { padding: 50px 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; animation: popin .3s; -ms-animation: popin .3s; -moz-animation: popin .3s; -webkit-animation: popin .3s; margin-bottom: 20px; } .cc-article-wrp .del-wrp .modal-wrap[data-v-1893c27c] { height: 250px; padding: 50px 15px 20px; border-radius: 12px; } .ui-modal.modal-cover .modal-wrap[data-v-1893c27c] { position: absolute; } .cc-article-wrp .del-wrp .modal-wrap .del-title[data-v-1893c27c] { text-align: center; padding: 10px 0 0; color: #666; font-size: 16px; line-height: 1; } .cc-article-wrp .del-wrp .modal-wrap .del-tips[data-v-1893c27c] { text-align: center; color: #99a2aa; font-size: 13px; line-height: 22px; margin: 20px 0; } .ui-modal .modal-wrap .modal-close[data-v-1893c27c] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .manage-video-select .el-input__inner { height: 32px; } .manage-video-select .el-input__icon { line-height: 32px; } .jc-range[data-v-6ae19fce]{ background-color: #FFCCCC; position: relative; -webkit-transition: 1s all; transition: 1s all; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; /*no*/ } .jc-range i[data-v-6ae19fce]{ position: absolute; left: 0; width: 60px;/*no*/ height: 100%; color: #919191; background-color: #fff; border: 1px solid #bbb; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .jc-range.success[data-v-6ae19fce]{ background-color: #7AC23C; color: #fff; } .jc-range.success i[data-v-6ae19fce]{ color: #7AC23C; } .article-wrap[data-v-1128d636] { position: relative; min-width: 800px; } .upload-manage .content[data-v-1128d636] { padding: 0 40px 20px 40px; background-color: white; } .bcc-search-input-wrapper[data-v-1128d636] { position: relative; display: inline-block; } .article-wrap .article-header_search[data-v-1128d636] { position: absolute; right: 40px; width: 230px; top: -52px; } .bcc-search-input[data-v-1128d636] { width: 100%; height: 32px; padding: 12px 35px 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 12px; color: #505050; border: 1px solid #e7e7e7; border-radius: 4px; } .search-input[data-v-1128d636] { position: absolute; top: 8px; right: 11px; font-size: 14px; color: #757575; cursor: pointer; } .cc-article-wrp .article-header[data-v-1128d636] { height: 32px; margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .article-header[data-v-1128d636] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text-split_wrap[data-v-1128d636] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .text-split_wrap .split-item[data-v-1128d636] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-1128d636] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-1128d636] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-1128d636]:hover { color: #00a1d6; } .article-header .txt-item[data-v-1128d636] { color: #505050; } .article-header .txt-item.current[data-v-1128d636] { color: #00a1d6; } .text-split_wrap .operate-txt+.operate-txt[data-v-1128d636] { margin-left: 16px; } .text-split_wrap .operate-txt[data-v-1128d636]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .article-header .header-operate[data-v-1128d636] { display: -webkit-box; display: -ms-flexbox; display: flex; } .bcc-select[data-v-1128d636] { position: relative; width: 150px; } .article-header .header-operate div[data-v-1128d636] { margin-left: 12px; } .bcc-select-input-wrap[data-v-1128d636] { width: 100%; /*border: 1px solid #e7e7e7;*/ height: 32px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 14px; color: #212121; } /*视频列表*/ .article-wrap .article-list_wrap[data-v-1128d636] { margin-top: 8px; min-height: 400px; } .cc-article-wrp .info-wrp[data-v-1128d636] { text-align: center; padding: 50px 0 0 0; } .cc-article-wrp .info-wrp .img[data-v-1128d636] { display: inline-block; margin: 20px 0; } .cc-article-wrp .info-wrp .text[data-v-1128d636] { padding: 20px 0; font-size: 14px; } .cc-article-wrp .article-card[data-v-1128d636] { position: relative; width: 100%; min-height: 140px; border-radius: 4px; background: #fff; padding: 24px 0; margin-bottom: 0; } .article-card[data-v-1128d636] { border-bottom: 1px solid #e7e7e7; } .cc-article-wrp .article-card .cover-wrp[data-v-1128d636] { position: relative; float: left; width: 160px; height: 100px; border-radius: 4px; overflow: hidden; margin-right: 20px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .article-card.v2 .cover-wrp[data-v-1128d636] { width: 154px; height: 96px; margin-right: 24px; } .cc-article-wrp .article-card .cover-wrp img[data-v-1128d636] { width: 100%; height: 100%; border-radius: 4px; } .cc-article-wrp .article-card .cover-wrp .duration[data-v-1128d636] { position: absolute; bottom: 0; right: 0; height: 20px; line-height: 20px; padding: 0 4px; background: rgba(0,0,0,.6); color: #fff; border-radius: 4px; } .article-card.v2 .cover-wrp .duration[data-v-1128d636] { background: rgba(0,0,0,.5); border-radius: 4px 0 4px 0; } .article-card .tag-wrapper[data-v-1128d636] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 4px; right: 4px; position: absolute; } .cc-article-wrp .article-card .meta-wrp[data-v-1128d636] { float: left; } .cc-article-wrp .article-card .meta-title[data-v-1128d636] { height: 24px; line-height: 24px; } .cc-article-wrp .article-card .meta-title .name[data-v-1128d636] { display: inline-block; max-width: 420px; font-size: 16px; color: #212121; line-height: 20px; vertical-align: middle; } .article-card .meta-status[data-v-1128d636] { padding: 16px 0 20px 0; font-size: 14px; color: #505050; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-article-wrp .article-card .meta-status .pubdate[data-v-1128d636] { display: inline-block; font-weight: 400; border-right: 1px solid #e5e9ef; vertical-align: middle; font-size: 14px; color: #505050; line-height: 16px; padding-right: 24px; border-right: 1px solid #e7e7e7; } .cc-article-wrp .article-card .meta-status .is-success[data-v-1128d636] { border: none; } .cc-article-wrp .article-card .meta-status .status[data-v-1128d636] { color: #20aae2; } .cc-article-wrp .article-card .meta-view[data-v-1128d636] { position: absolute; top: 50%; margin-top: -16px; color: #99a2aa; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-btn[data-v-1128d636] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .cc-article-wrp .article-card .meta-view .i-btn[data-v-1128d636] { width: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; } .article-card .meta-view .i-btn[data-v-1128d636] { width: 84px; height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #505050; line-height: 18px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .article-card .meta-view .i-btn .bcc-iconfont[data-v-1128d636] { margin-right: 7px; } .article-card .meta-view .more-btn[data-v-1128d636] { width: 32px; height: 32px; border-radius: 2px; border: 1px solid #e7e7e7; 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; } .disabled[data-v-1128d636] { cursor: not-allowed; } .article-card .meta-view .more-btn i[data-v-1128d636] { display: inline-block; /*transform: rotate(90deg);*/ } .cc-article-wrp .article-card .meta-title .name[data-v-1128d636]:hover { color: #00a1d6; } .article-card .meta-view .i-btn[data-v-1128d636]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .article-card .meta-view .more-btn[data-v-1128d636]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .cc-article-wrp .article-card .meta-footer[data-v-1128d636] { position: relative; font-size: 12px; } .cc-article-wrp .article-card .meta-footer .view-stat[data-v-1128d636] { float: left; color: #99a2aa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 25px; } .article-card .meta-footer .view-stat i[data-v-1128d636] { line-height: 16px; } .cc-article-wrp .article-card .meta-footer .icon-text[data-v-1128d636] { vertical-align: top; margin-left: 5px; } .cc-article-wrp .block[data-v-1128d636] { text-align: right; margin-top: 20px; } .select-box[data-v-1128d636] { position: absolute; z-index: 10; -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); border-radius: 2px; top: 85px; right: 0; width: 320px; background-color: white; margin-top: 10px; } .clearfix[data-v-1128d636]:before, .clearfix[data-v-1128d636]:after { content: " "; display: table; } .left[data-v-1128d636]{ float: left; } .select-box .select-item[data-v-1128d636] { width: 25%; height: 82px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 16px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .select-box .select-item.disabled[data-v-1128d636] { cursor: not-allowed; } .select-box .select-item i[data-v-1128d636] { margin-bottom: 6px; color: #505050; font-size: 20px; } .select-box .select-item .text[data-v-1128d636]{ font-size: 12px; line-height: 16px; color: #757575; } .select-box .select-item:not(.disabled):hover i[data-v-1128d636], .select-box .select-item:not(.disabled):hover .text[data-v-1128d636], .select-box .option-footer:not(.disabled):hover i[data-v-1128d636], .select-box .option-footer:not(.disabled):hover .option-text[data-v-1128d636]{ color: #20aae2; } .select-box .select-item[data-v-1128d636]:nth-child(4n+1):after { width: 400%; height: 1px; position: absolute; display: block; top: 100%; content: ''; background-color: #f4f4f4; left: 0; } .select-box .option-footer[data-v-1128d636] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; height: 48px; line-height: 48px; text-align: center; } .select-box .option-footer.disabled[data-v-1128d636] { cursor: not-allowed; } .select-box .option-footer i[data-v-1128d636] { color: #505050; } .select-box .option-footer .option-text[data-v-1128d636] { padding-left: 5px; color: #757575; } /*share*/ .cc-modal[data-v-1128d636] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-1128d636] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-1128d636], .cc-modal .overlay[data-v-1128d636] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-1128d636] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; } .share-modal .modal[data-v-1128d636] { width: 640px; height: 406px; } .share-modal .modal .modal-close[data-v-1128d636] { position: absolute; right: 20px; top: 20px; font-size: 22px; cursor: pointer; color: #99a2aa; font-weight: bold; } .share-modal .modal-top[data-v-1128d636] { height: 176px; padding: 40px 0 30px 0; } .share-modal .social-wrp[data-v-1128d636] { text-align: center; margin-bottom: 30px; } .share-modal .social-wrp .social-btn[data-v-1128d636] { position: relative; display: inline-block; margin-right: 30px; width: 40px; height: 40px; line-height: 40px; font-size: 40px; border-radius: 50%; background: #fff; } .share-modal .social-wrp .social-btn.weibo[data-v-1128d636] { /*background: #e62d26;*/ color: #e62d26; } .share-modal .social-wrp .social-btn.wechat[data-v-1128d636] { color: #3acf5a; } .share-modal .social-wrp .social-btn.qzone[data-v-1128d636] { color: #ecbf36; } .share-modal .social-wrp .social-btn.tieba[data-v-1128d636] { color: #247bd4; } .share-modal .social-wrp .social-btn[data-v-1128d636]:last-child { margin-right: 0; } .share-modal .share-wechat[data-v-1128d636] { display: none; position: absolute; width: 120px; top: 50px; left: 0; margin-left: -37px; overflow: hidden; background: #fff; z-index: 1; padding: 10px 10px 0 10px; border: 1px solid #e5e9ef; } .share-modal .wechat:hover .share-wechat[data-v-1128d636] { display: block; } .share-modal .qrcode[data-v-1128d636] { width: 100px; height: 100px; } .share-modal .qrcode-text[data-v-1128d636] { padding: 5px 0; color: #222; font-size: 12px; } .share-modal .av-wrp[data-v-1128d636] { text-align: center; } .share-modal .av-wrp .av-wrp-inner[data-v-1128d636] { display: inline-block; position: relative; height: 34px; padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; } .share-modal .av-wrp .av-text[data-v-1128d636] { font-size: 14px; font-weight: 700; color: #6d757a; padding-right: 10px; } .share-modal .copy-btn[data-v-1128d636] { display: inline-block; width: 50px; height: 24px; line-height: 22px; text-align: center; border: 1px solid #e5e9ef; border-radius: 12px; color: #6d757a; background: #f1f3f7; cursor: pointer; } .share-modal .modal-bottom[data-v-1128d636] { position: relative; height: 230px; background: #f1f3f7; border-radius: 0 0 4px 4px; padding: 30px 0 0 30px; } .share-modal .modal-bottom .header[data-v-1128d636] { height: 34px; line-height: 34px; margin-bottom: 24px; } .share-modal .modal-bottom .share-addr[data-v-1128d636] { margin-bottom: 32px; } .share-modal .modal-bottom .share-addr .title[data-v-1128d636] { height: 24px; line-height: 24px; padding-right: 20px; font-size: 12px; color: #6d757a; } .share-modal .modal-bottom .share-addr .av-addr-wrp[data-v-1128d636] { position: relative; padding-bottom: 10px; border-bottom: 1px solid #ccd0d7; } .share-modal .modal-bottom .share-addr .av-addr[data-v-1128d636] { display: inline-block; width: 270px; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px; color: #222; vertical-align: top; border: none; background: #f1f3f7; } .share-modal .modal-bottom .share-addr .copy-btn[data-v-1128d636] { background: #fff; } .share-modal .modal-bottom .share-wrp[data-v-1128d636] { position: absolute; width: 148px; height: 170px; background: #fff; border-radius: 4px; top: 30px; right: 30px; text-align: center; } .share-modal .modal-bottom .share-wrp .header[data-v-1128d636] { font-size: 14px; color: #00a1d6; margin-bottom: 0; } .share-modal .modal-bottom .share-wrp .share-link[data-v-1128d636] { width: 130px; height: 130px; margin: 0 auto; overflow: hidden; } .clearfix[data-v-1128d636]:after, .clearfix[data-v-1128d636]:before { content: " "; display: table; } .clearfix[data-v-1128d636]:after { clear: both; } /*收藏夹*/ .fv-modal .modal[data-v-1128d636] { width: 350px; height: 350px; } .fv-modal .modal.open[data-v-1128d636] { height: 450px; } .fv-modal .modal .fv-header[data-v-1128d636] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; } .fv-modal .modal .modal-close[data-v-1128d636] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .fv-header .iconfont[data-v-1128d636] { color: #fcba2c; vertical-align: bottom; } .fv-modal .modal .fv-new-folder[data-v-1128d636] { padding: 10px 20px; border-bottom: 1px solid #e5e9ef; } .fv-modal .modal .fv-new-folder .fv-input-wrp[data-v-1128d636] { position: relative; } .i-input[data-v-1128d636] { border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; padding: 0 12px; background: #fff; } .fv-modal .modal .fv-new-folder .fv-input-wrp .i-input[data-v-1128d636] { padding-right: 40px; } .fv-modal .modal .fv-new-folder .fv-input-wrp .name-count[data-v-1128d636] { position: absolute; right: 0; top: 0; width: 40px; height: 30px; line-height: 30px; text-align: center; } .fv-modal .modal .fv-new-folder .fv-input-wrp .error-msg[data-v-1128d636] { height: 20px; line-height: 20px; color: #e40c0c; } .fv-modal .modal .i-btn[data-v-1128d636] { height: 32px; line-height: 32px; } .fv-modal .modal .fv-new-folder .i-btn[data-v-1128d636] { width: 110px; font-size: 14px; margin-right: 0; } .fv-modal .modal .fv-new-folder .i-btn.disable[data-v-1128d636] { color: #fff; background: #00a1d6; opacity: .4; cursor: not-allowed; } .i-btn.ok[data-v-1128d636] { color: #fff; background: #00a1d6; } .i-btn.cancel[data-v-1128d636] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .fv-modal .modal .fv-wrp[data-v-1128d636] { height: 230px; overflow: auto; padding: 15px 20px 0; } .fv-modal .modal .fv-item[data-v-1128d636] { position: relative; height: 24px; line-height: 24px; padding-right: 40px; cursor: pointer; padding: 0 20px; } .fv-modal .modal .fv-item[data-v-1128d636]:hover { background: #edf2f9; } .fv-modal .modal .fv-item span[data-v-1128d636] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px; display: inline-block; } .fv-modal .modal .fv-item .fv-count[data-v-1128d636] { position: absolute; right: 0; top: 0; width: 65px; text-align: right; } .fv-modal .modal .fv-folder[data-v-1128d636] { position: absolute; bottom: 20px; left: 20px; right: 20px; } .fv-modal .modal .fv-folder.i-btn[data-v-1128d636] { margin-right: 0; } .right[data-v-1128d636]{ float: right; } .i-btn.ok[data-v-1128d636]:hover { background-color: #00b5e5; } .ui-modal.modal-cover[data-v-1128d636] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 1000; } .modal-wrap[data-v-1128d636] { padding: 50px 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; animation: popin .3s; -ms-animation: popin .3s; -moz-animation: popin .3s; -webkit-animation: popin .3s; margin-bottom: 20px; } .cc-article-wrp .del-wrp .modal-wrap[data-v-1128d636] { height: 250px; padding: 50px 15px 20px; border-radius: 12px; } .ui-modal.modal-cover .modal-wrap[data-v-1128d636] { position: absolute; } .cc-article-wrp .del-wrp .modal-wrap .del-title[data-v-1128d636] { text-align: center; padding: 10px 0 0; color: #666; font-size: 16px; line-height: 1; } .cc-article-wrp .del-wrp .modal-wrap .del-tips[data-v-1128d636] { text-align: center; color: #99a2aa; font-size: 13px; line-height: 22px; margin: 20px 0; } .ui-modal .modal-wrap .modal-close[data-v-1128d636] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .manage-video-select .el-input__inner { height: 32px; } .manage-video-select .el-input__icon { line-height: 32px; } .article-wrap[data-v-88fe88ca] { position: relative; min-width: 800px; } .upload-manage .content[data-v-88fe88ca] { padding: 0 40px 20px 40px; background-color: white; } .bcc-search-input-wrapper[data-v-88fe88ca] { position: relative; display: inline-block; } .article-wrap .article-header_search[data-v-88fe88ca] { position: absolute; right: 40px; width: 230px; top: -52px; } .bcc-search-input[data-v-88fe88ca] { width: 100%; height: 32px; padding: 12px 35px 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 12px; color: #505050; border: 1px solid #e7e7e7; border-radius: 4px; } .search-input[data-v-88fe88ca] { position: absolute; top: 8px; right: 11px; font-size: 14px; color: #757575; cursor: pointer; } .cc-article-wrp .article-header[data-v-88fe88ca] { height: 32px; margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .article-header[data-v-88fe88ca] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .text-split_wrap[data-v-88fe88ca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .text-split_wrap .split-item[data-v-88fe88ca] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-88fe88ca] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-88fe88ca] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-88fe88ca]:hover { color: #00a1d6; } .article-header .txt-item[data-v-88fe88ca] { color: #505050; } .article-header .txt-item.current[data-v-88fe88ca] { color: #00a1d6; } .text-split_wrap .operate-txt+.operate-txt[data-v-88fe88ca] { margin-left: 16px; } .text-split_wrap .operate-txt[data-v-88fe88ca]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .article-header .header-operate[data-v-88fe88ca] { display: -webkit-box; display: -ms-flexbox; display: flex; } .bcc-select[data-v-88fe88ca] { position: relative; width: 150px; } .article-header .header-operate div[data-v-88fe88ca] { margin-left: 12px; } .bcc-select-input-wrap[data-v-88fe88ca] { width: 100%; /*border: 1px solid #e7e7e7;*/ height: 32px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 14px; color: #212121; } /*视频列表*/ .article-wrap .article-list_wrap[data-v-88fe88ca] { margin-top: 8px; min-height: 400px; } .cc-article-wrp .info-wrp[data-v-88fe88ca] { text-align: center; padding: 50px 0 0 0; } .cc-article-wrp .info-wrp .img[data-v-88fe88ca] { display: inline-block; margin: 20px 0; } .cc-article-wrp .info-wrp .text[data-v-88fe88ca] { padding: 20px 0; font-size: 14px; } .cc-article-wrp .article-card[data-v-88fe88ca] { position: relative; width: 100%; min-height: 140px; border-radius: 4px; background: #fff; padding: 24px 0; margin-bottom: 0; } .article-card[data-v-88fe88ca] { border-bottom: 1px solid #e7e7e7; } .cc-article-wrp .article-card .cover-wrp[data-v-88fe88ca] { position: relative; float: left; width: 160px; height: 100px; border-radius: 4px; overflow: hidden; margin-right: 20px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .article-card.v2 .cover-wrp[data-v-88fe88ca] { width: 154px; height: 96px; margin-right: 24px; } .cc-article-wrp .article-card .cover-wrp img[data-v-88fe88ca] { width: 100%; height: 100%; border-radius: 4px; } .cc-article-wrp .article-card .cover-wrp .duration[data-v-88fe88ca] { position: absolute; bottom: 0; right: 0; height: 20px; line-height: 20px; padding: 0 4px; background: rgba(0,0,0,.6); color: #fff; border-radius: 4px; } .article-card.v2 .cover-wrp .duration[data-v-88fe88ca] { background: rgba(0,0,0,.5); border-radius: 4px 0 4px 0; } .article-card .tag-wrapper[data-v-88fe88ca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 4px; right: 4px; position: absolute; } .cc-article-wrp .article-card .meta-wrp[data-v-88fe88ca] { float: left; } .cc-article-wrp .article-card .meta-title[data-v-88fe88ca] { height: 24px; line-height: 24px; } .cc-article-wrp .article-card .meta-title .name[data-v-88fe88ca] { display: inline-block; max-width: 420px; font-size: 16px; color: #212121; line-height: 20px; vertical-align: middle; } .article-card .meta-status[data-v-88fe88ca] { padding: 16px 0 20px 0; font-size: 14px; color: #505050; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-article-wrp .article-card .meta-status .pubdate[data-v-88fe88ca] { display: inline-block; font-weight: 400; border-right: 1px solid #e5e9ef; vertical-align: middle; font-size: 14px; color: #505050; line-height: 16px; padding-right: 24px; border-right: 1px solid #e7e7e7; } .cc-article-wrp .article-card .meta-status .is-success[data-v-88fe88ca] { border: none; } .cc-article-wrp .article-card .meta-status .status[data-v-88fe88ca] { color: #20aae2; } .cc-article-wrp .article-card .meta-view[data-v-88fe88ca] { position: absolute; top: 50%; margin-top: -16px; color: #99a2aa; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-btn[data-v-88fe88ca] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .cc-article-wrp .article-card .meta-view .i-btn[data-v-88fe88ca] { width: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; } .article-card .meta-view .i-btn[data-v-88fe88ca] { width: 84px; height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #505050; line-height: 18px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .article-card .meta-view .i-btn .bcc-iconfont[data-v-88fe88ca] { margin-right: 7px; } .article-card .meta-view .more-btn[data-v-88fe88ca] { width: 32px; height: 32px; border-radius: 2px; border: 1px solid #e7e7e7; 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; } .disabled[data-v-88fe88ca] { cursor: not-allowed; } .article-card .meta-view .more-btn i[data-v-88fe88ca] { display: inline-block; /*transform: rotate(90deg);*/ } .cc-article-wrp .article-card .meta-title .name[data-v-88fe88ca]:hover { color: #00a1d6; } .article-card .meta-view .i-btn[data-v-88fe88ca]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .article-card .meta-view .more-btn[data-v-88fe88ca]:hover:not(.disabled) { color: #00a1d6; border-color: #00a1d6; } .cc-article-wrp .article-card .meta-footer[data-v-88fe88ca] { position: relative; font-size: 12px; } .cc-article-wrp .article-card .meta-footer .view-stat[data-v-88fe88ca] { float: left; color: #99a2aa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 25px; } .article-card .meta-footer .view-stat i[data-v-88fe88ca] { line-height: 16px; } .cc-article-wrp .article-card .meta-footer .icon-text[data-v-88fe88ca] { vertical-align: top; margin-left: 5px; } .cc-article-wrp .block[data-v-88fe88ca] { text-align: right; margin-top: 20px; } .select-box[data-v-88fe88ca] { position: absolute; z-index: 10; -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1); border-radius: 2px; top: 85px; right: 0; width: 320px; background-color: white; margin-top: 10px; } .clearfix[data-v-88fe88ca]:before, .clearfix[data-v-88fe88ca]:after { content: " "; display: table; } .left[data-v-88fe88ca]{ float: left; } .select-box .select-item[data-v-88fe88ca] { width: 25%; height: 82px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 16px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } .select-box .select-item.disabled[data-v-88fe88ca] { cursor: not-allowed; } .select-box .select-item i[data-v-88fe88ca] { margin-bottom: 6px; color: #505050; font-size: 20px; } .select-box .select-item .text[data-v-88fe88ca]{ font-size: 12px; line-height: 16px; color: #757575; } .select-box .select-item:not(.disabled):hover i[data-v-88fe88ca], .select-box .select-item:not(.disabled):hover .text[data-v-88fe88ca], .select-box .option-footer:not(.disabled):hover i[data-v-88fe88ca], .select-box .option-footer:not(.disabled):hover .option-text[data-v-88fe88ca]{ color: #20aae2; } .select-box .select-item[data-v-88fe88ca]:nth-child(4n+1):after { width: 400%; height: 1px; position: absolute; display: block; top: 100%; content: ''; background-color: #f4f4f4; left: 0; } .select-box .option-footer[data-v-88fe88ca] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; height: 48px; line-height: 48px; text-align: center; } .select-box .option-footer.disabled[data-v-88fe88ca] { cursor: not-allowed; } .select-box .option-footer i[data-v-88fe88ca] { color: #505050; } .select-box .option-footer .option-text[data-v-88fe88ca] { padding-left: 5px; color: #757575; } /*share*/ .cc-modal[data-v-88fe88ca] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-88fe88ca] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-88fe88ca], .cc-modal .overlay[data-v-88fe88ca] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-88fe88ca] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; } .share-modal .modal[data-v-88fe88ca] { width: 640px; height: 406px; } .share-modal .modal .modal-close[data-v-88fe88ca] { position: absolute; right: 20px; top: 20px; font-size: 22px; cursor: pointer; color: #99a2aa; font-weight: bold; } .share-modal .modal-top[data-v-88fe88ca] { height: 176px; padding: 40px 0 30px 0; } .share-modal .social-wrp[data-v-88fe88ca] { text-align: center; margin-bottom: 30px; } .share-modal .social-wrp .social-btn[data-v-88fe88ca] { position: relative; display: inline-block; margin-right: 30px; width: 40px; height: 40px; line-height: 40px; font-size: 40px; border-radius: 50%; background: #fff; } .share-modal .social-wrp .social-btn.weibo[data-v-88fe88ca] { /*background: #e62d26;*/ color: #e62d26; } .share-modal .social-wrp .social-btn.wechat[data-v-88fe88ca] { color: #3acf5a; } .share-modal .social-wrp .social-btn.qzone[data-v-88fe88ca] { color: #ecbf36; } .share-modal .social-wrp .social-btn.tieba[data-v-88fe88ca] { color: #247bd4; } .share-modal .social-wrp .social-btn[data-v-88fe88ca]:last-child { margin-right: 0; } .share-modal .share-wechat[data-v-88fe88ca] { display: none; position: absolute; width: 120px; top: 50px; left: 0; margin-left: -37px; overflow: hidden; background: #fff; z-index: 1; padding: 10px 10px 0 10px; border: 1px solid #e5e9ef; } .share-modal .wechat:hover .share-wechat[data-v-88fe88ca] { display: block; } .share-modal .qrcode[data-v-88fe88ca] { width: 100px; height: 100px; } .share-modal .qrcode-text[data-v-88fe88ca] { padding: 5px 0; color: #222; font-size: 12px; } .share-modal .av-wrp[data-v-88fe88ca] { text-align: center; } .share-modal .av-wrp .av-wrp-inner[data-v-88fe88ca] { display: inline-block; position: relative; height: 34px; padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; } .share-modal .av-wrp .av-text[data-v-88fe88ca] { font-size: 14px; font-weight: 700; color: #6d757a; padding-right: 10px; } .share-modal .copy-btn[data-v-88fe88ca] { display: inline-block; width: 50px; height: 24px; line-height: 22px; text-align: center; border: 1px solid #e5e9ef; border-radius: 12px; color: #6d757a; background: #f1f3f7; cursor: pointer; } .share-modal .modal-bottom[data-v-88fe88ca] { position: relative; height: 230px; background: #f1f3f7; border-radius: 0 0 4px 4px; padding: 30px 0 0 30px; } .share-modal .modal-bottom .header[data-v-88fe88ca] { height: 34px; line-height: 34px; margin-bottom: 24px; } .share-modal .modal-bottom .share-addr[data-v-88fe88ca] { margin-bottom: 32px; } .share-modal .modal-bottom .share-addr .title[data-v-88fe88ca] { height: 24px; line-height: 24px; padding-right: 20px; font-size: 12px; color: #6d757a; } .share-modal .modal-bottom .share-addr .av-addr-wrp[data-v-88fe88ca] { position: relative; padding-bottom: 10px; border-bottom: 1px solid #ccd0d7; } .share-modal .modal-bottom .share-addr .av-addr[data-v-88fe88ca] { display: inline-block; width: 270px; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px; color: #222; vertical-align: top; border: none; background: #f1f3f7; } .share-modal .modal-bottom .share-addr .copy-btn[data-v-88fe88ca] { background: #fff; } .share-modal .modal-bottom .share-wrp[data-v-88fe88ca] { position: absolute; width: 148px; height: 170px; background: #fff; border-radius: 4px; top: 30px; right: 30px; text-align: center; } .share-modal .modal-bottom .share-wrp .header[data-v-88fe88ca] { font-size: 14px; color: #00a1d6; margin-bottom: 0; } .share-modal .modal-bottom .share-wrp .share-link[data-v-88fe88ca] { width: 130px; height: 130px; margin: 0 auto; overflow: hidden; } .clearfix[data-v-88fe88ca]:after, .clearfix[data-v-88fe88ca]:before { content: " "; display: table; } .clearfix[data-v-88fe88ca]:after { clear: both; } /*收藏夹*/ .fv-modal .modal[data-v-88fe88ca] { width: 350px; height: 350px; } .fv-modal .modal.open[data-v-88fe88ca] { height: 450px; } .fv-modal .modal .fv-header[data-v-88fe88ca] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; } .fv-modal .modal .modal-close[data-v-88fe88ca] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .fv-header .iconfont[data-v-88fe88ca] { color: #fcba2c; vertical-align: bottom; } .fv-modal .modal .fv-new-folder[data-v-88fe88ca] { padding: 10px 20px; border-bottom: 1px solid #e5e9ef; } .fv-modal .modal .fv-new-folder .fv-input-wrp[data-v-88fe88ca] { position: relative; } .i-input[data-v-88fe88ca] { border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; padding: 0 12px; background: #fff; } .fv-modal .modal .fv-new-folder .fv-input-wrp .i-input[data-v-88fe88ca] { padding-right: 40px; } .fv-modal .modal .fv-new-folder .fv-input-wrp .name-count[data-v-88fe88ca] { position: absolute; right: 0; top: 0; width: 40px; height: 30px; line-height: 30px; text-align: center; } .fv-modal .modal .fv-new-folder .fv-input-wrp .error-msg[data-v-88fe88ca] { height: 20px; line-height: 20px; color: #e40c0c; } .fv-modal .modal .i-btn[data-v-88fe88ca] { height: 32px; line-height: 32px; } .fv-modal .modal .fv-new-folder .i-btn[data-v-88fe88ca] { width: 110px; font-size: 14px; margin-right: 0; } .fv-modal .modal .fv-new-folder .i-btn.disable[data-v-88fe88ca] { color: #fff; background: #00a1d6; opacity: .4; cursor: not-allowed; } .i-btn.ok[data-v-88fe88ca] { color: #fff; background: #00a1d6; } .i-btn.cancel[data-v-88fe88ca] { border: 1px solid #ccd0d7; background: #fff; color: #222; } .fv-modal .modal .fv-wrp[data-v-88fe88ca] { height: 230px; overflow: auto; padding: 15px 20px 0; } .fv-modal .modal .fv-item[data-v-88fe88ca] { position: relative; height: 24px; line-height: 24px; padding-right: 40px; cursor: pointer; padding: 0 20px; } .fv-modal .modal .fv-item[data-v-88fe88ca]:hover { background: #edf2f9; } .fv-modal .modal .fv-item span[data-v-88fe88ca] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px; display: inline-block; } .fv-modal .modal .fv-item .fv-count[data-v-88fe88ca] { position: absolute; right: 0; top: 0; width: 65px; text-align: right; } .fv-modal .modal .fv-folder[data-v-88fe88ca] { position: absolute; bottom: 20px; left: 20px; right: 20px; } .fv-modal .modal .fv-folder.i-btn[data-v-88fe88ca] { margin-right: 0; } .right[data-v-88fe88ca]{ float: right; } .i-btn.ok[data-v-88fe88ca]:hover { background-color: #00b5e5; } .ui-modal.modal-cover[data-v-88fe88ca] { overflow: hidden; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.4); -webkit-animation: fadein .5s; animation: fadein .5s; z-index: 1000; } .modal-wrap[data-v-88fe88ca] { padding: 50px 20px 20px; width: 350px; height: auto; background-color: #fff; overflow: hidden; z-index: 100; margin: auto; top: 10%; right: 0; left: 0; position: fixed; border-radius: 4px; animation: popin .3s; -ms-animation: popin .3s; -moz-animation: popin .3s; -webkit-animation: popin .3s; margin-bottom: 20px; } .cc-article-wrp .del-wrp .modal-wrap[data-v-88fe88ca] { height: 250px; padding: 50px 15px 20px; border-radius: 12px; } .ui-modal.modal-cover .modal-wrap[data-v-88fe88ca] { position: absolute; } .cc-article-wrp .del-wrp .modal-wrap .del-title[data-v-88fe88ca] { text-align: center; padding: 10px 0 0; color: #666; font-size: 16px; line-height: 1; } .cc-article-wrp .del-wrp .modal-wrap .del-tips[data-v-88fe88ca] { text-align: center; color: #99a2aa; font-size: 13px; line-height: 22px; margin: 20px 0; } .ui-modal .modal-wrap .modal-close[data-v-88fe88ca] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .manage-video-select .el-input__inner { height: 32px; } .manage-video-select .el-input__icon { line-height: 32px; } .content[data-v-2eedadee]{ min-height: 500px; } .container[data-v-2eedadee] { width: 90%; margin-left: auto; margin-right: auto; } .row[data-v-2eedadee] { position: relative; width: 100%; } .row[data-v-2eedadee]:after { content: ""; display: table; clear: both; } .compila-not-find[data-v-2eedadee] { font-size: 14px; text-align: center; } .compila-not-find .compila-not-find-image[data-v-2eedadee] { margin: 0 auto; margin-top: 40px; width: 316px; height: 220px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .compila-not-find .compila-not-find-tips[data-v-2eedadee] { margin-top: 20px; font-size: 12px; color: #6d757a; } .compila-not-find .compila-not-find-ime[data-v-2eedadee] { display: block; width: 96px; height: 32px; line-height: 32px; border-radius: 4px; margin-left: auto; margin-right: auto; margin-top: 20px; color: #fff; background-color: #00a1d6; } .gridview-content-container[data-v-2eedadee] { width: 100%; margin-left: 0; margin-right: 0; float: left; } .compila-condition[data-v-2eedadee] { position: relative; margin-top: 24px; margin-bottom: 9px; } .compila-condition .compila-type[data-v-2eedadee] { font-size: 20px; color: #222; vertical-align: middle; } .compila-condition .compila-right[data-v-2eedadee] { position: absolute; right: 10px; top: -2px; } .compila-condition .compila-right .compila-add[data-v-2eedadee] { display: inline-block; width: 64px; height: 24px; line-height: 24px; text-align: center; margin-top: 2px; margin-right: 32px; background: #00a1d6; border-radius: 4px; font-size: 12px; color: #fff; } .compila-condition .compila-right .compila-add.single[data-v-2eedadee] { margin-right: 100px; } .col-half[data-v-2eedadee] { width: 49%; min-width: 410px; } .row [class^=col][data-v-2eedadee] { float: left; margin: 3px; min-height: 185px; } .compila-item[data-v-2eedadee] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 10px; background: #fff; height: 172px; font-size: 12px; } .compila-item .compila-shadow[data-v-2eedadee] { width: 140px; height: 140px; margin: 16px 20px 16px 16px; position: relative; } .compila-item .compila-shadow .compila-show[data-v-2eedadee] { background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; width: 131px; height: 131px; margin-left: 9px; } .compila-item .compila-shadow .compila-image[data-v-2eedadee] { position: absolute; left: 0; top: 9px; width: 130px; height: 130px; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 4px; background-color: #e0e0e0; border: 1px solid rgba(0,0,0,.02); } .compila-content[data-v-2eedadee] { width: 233px; padding-top: 16px; } .compila-item .compila-content .compila-content-title[data-v-2eedadee] { max-width: 100%; height: 21px; line-height: 21px; display: inline-block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #222; padding-right: 71px; -webkit-box-sizing: border-box; box-sizing: border-box; } .compila-item .compila-content .compila-content-title .compila-content-num[data-v-2eedadee] { position: absolute; top: 0; right: 16px; font-size: 12px; color: #99a2aa; z-index: 9; } .compila-item .compila-content .compila-content-time[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 16px; -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #99a2aa; } .compila-content-time-format[data-v-2eedadee] { padding-right: 7px; border-right: 1px solid #eee; display: inline-block; white-space: nowrap; } .compila-content-info[data-v-2eedadee] { position: relative; } .compila-item .compila-content .compila-content-time .material-status[data-v-2eedadee] { display: inline-block; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 7px; margin-right: 16px; width: 100px; vertical-align: middle; } .compila-content-info .compila-content-hover[data-v-2eedadee] { position: absolute; top: 20px; left: -10px; width: 200px; padding: 10px 20px; background: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.16); box-shadow: 0 1px 4px 0 rgba(0,0,0,.16); border-radius: 4px; font-size: 12px; color: #6d757a; z-index: 1; } .compila-item .compila-data[data-v-2eedadee] { font-size: 12px; color: #99a2aa; margin-top: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .compila-item .compila-data i[data-v-2eedadee] { font-size: 12px; } .compila-item .compila-data span[data-v-2eedadee] { margin-right: 16px; } .compila-content .btns[data-v-2eedadee] { border-radius: 4px; height: 30px; line-height: 30px; text-align: center; margin-right: 6px; display: inline-block; margin-top: 25px; } .compila-content .edit-btns[data-v-2eedadee] { width: 68px; height: 32px; line-height: 32px; background: #00a1d6; color: #fff; cursor: pointer; } .compila-content .share-btns[data-v-2eedadee] { position: relative; } .compila-content .share-btns .share-div[data-v-2eedadee] { cursor: pointer; border: 1px solid #ccd0d7; background: #fff; width: 66px; color: #6d757a; border-radius: 4px; } .share-btn[data-v-2eedadee] { position: absolute; top: 35px; left: -100px; width: 339px; background: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); border-radius: 4px; z-index: 10; } .share-btn .share-type[data-v-2eedadee] { color: #212121; line-height: 12px; padding: 20px; position: relative; text-align: left; } .share-btn .share-type .close[data-v-2eedadee] { position: absolute; right: 10px; top: 20px; font-size: 12px; cursor: pointer; color: #99a2aa; } .share-btn ul[data-v-2eedadee] { padding: 0 8px; } .share-btn .i-share[data-v-2eedadee] { float: left; width: 64px; text-align: center; cursor: pointer; } .share-btn .font44[data-v-2eedadee] { font-size: 44px; line-height: 44px; } .share-btn .sina[data-v-2eedadee] { color: #db4437; } .share-btn .i-share div[data-v-2eedadee] { margin-top: 7px; color: #6d757a; } .share-btn .wechat[data-v-2eedadee] { color: #57bb40; } .share-btn .qzone[data-v-2eedadee] { color: #f4bf41; } .share-btn .tieba[data-v-2eedadee] { color: #247bd4; } .share-btn .link[data-v-2eedadee] { color: #8e9cad; } .share-btn .copyText[data-v-2eedadee] { opacity: 0; height: 0; } .share-btn .qrcode[data-v-2eedadee] { position: absolute; top: 110px; left: 55px; width: 120px; height: 120px; background-color: #fff; z-index: 9; display: none; } .share-btn .wechat:hover~.qrcode[data-v-2eedadee]{ display: block; } .share-btn .dynamic[data-v-2eedadee] { color: #fb7299; } .compila-content .remove-btns[data-v-2eedadee] { position: relative; background: #fff; width: 66px; border: 1px solid #ccd0d7; color: #6d757a; cursor: pointer; } .compila-content .remove-btns .confirm-delete-wrapper[data-v-2eedadee] { top: 42px; z-index: 10000; background: #fff; -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2); box-shadow: 0 4px 10px 0 rgba(0,0,0,.2); border-radius: 4px; width: 300px; height: 168px; position: absolute; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); } .compila-content .remove-btns .confirm-delete-header[data-v-2eedadee] { font-size: 14px; color: #222; margin-top: 30px; } .compila-content .remove-btns .confirm-delete-btns[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 40px; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .compila-content .remove-btns .confirm-delete-btns .btn[data-v-2eedadee] { margin-right: 10px; width: 72px; height: 32px; line-height: 32px; border-radius: 16px; } .compila-content .remove-btns .confirm-delete-btns .delete[data-v-2eedadee] { background: #f1f3f7; } .compila-content .remove-btns .confirm-delete-btns .cancel[data-v-2eedadee] { color: #fff; background: #37c8f7; } /*分享*/ .dynamic-board[data-v-2eedadee] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 199; background: rgba(0,0,0,.5); } .dynamic-board .dynmic-share[data-v-2eedadee] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .contri-condition[data-v-2eedadee] { position: relative; margin-top: 56px; margin-bottom: 4px; } .contri-condition .contri-type[data-v-2eedadee] { font-size: 20px; color: #222; vertical-align: middle; } .contri-condition .contri-select[data-v-2eedadee] { display: inline-block; font-size: 12px; color: #222; text-align: center; position: relative; margin-left: 10px; margin-right: 10px; padding-top: 4px; padding-bottom: 4px; vertical-align: middle; cursor: pointer; } .contri-condition .contri-select.active[data-v-2eedadee] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .contri-condition .contri-select.active[data-v-2eedadee]:after { content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #00a1d6; } .contri-condition .contri-right[data-v-2eedadee] { position: absolute; right: 10px; top: -2px; } .contri-condition .contri-sort[data-v-2eedadee] { display: inline-block; font-size: 14px; color: #222; position: relative; cursor: pointer; } .contri-condition .contri-input[data-v-2eedadee] { display: inline-block; position: relative; margin-left: 8px; } .contri-condition .contri-right i[data-v-2eedadee] { color: #99a2aa; } .contri-condition .contri-right .iconSearch[data-v-2eedadee] { position: absolute; left: 12px; top: 8px; cursor: pointer; } .contri-condition .contri-search[data-v-2eedadee] { display: inline-block; width: 110px; height: 30px; border: 1px solid #ccd0d7; border-radius: 16px; outline: none; padding-left: 40px; padding-right: 25px; } .contri-condition .contri-right .iconClose[data-v-2eedadee] { position: absolute; right: 6px; top: 8px; font-size: 12px; background-color: #e5e9ef; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; display: inline-block; text-align: center; cursor: pointer; } .contri-item[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; border-radius: 4px; background: #fff; height: 160px; font-size: 12px; } .contri-item .contri-image[data-v-2eedadee] { position: relative; margin-right: 20px; width: 120px; height: 120px; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 4px; background-color: #e0e0e0; } .contri-content[data-v-2eedadee] { width: calc(100% - 420px); } .contri-item .contri-content .contri-content-title[data-v-2eedadee] { font-size: 14px; color: #222; line-height: 14px; } .contri-item .contri-content .contri-content-type[data-v-2eedadee] { margin-top: 12px; } .contri-item .contri-content .contri-content-type span[data-v-2eedadee] { margin-right: 5px; margin-top: 5px; color: #99a2aa; padding: 0 10px; border: 1px solid #eee; height: 22px; line-height: 22px; border-radius: 12px; display: inline-block; } .contri-item .contri-content .contri-content-time[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 16px; -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #99a2aa; } .contri-content-time-format[data-v-2eedadee] { padding-right: 7px; border-right: 1px solid #eee; display: inline-block; } .contri-item .contri-content .contri-content-time .material-status[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-left: 7px; } .contri-item .contri-data[data-v-2eedadee] { font-size: 12px; color: #99a2aa; margin-top: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .contri-item .contri-data i[data-v-2eedadee] { font-size: 12px; } .contri-item .contri-data span[data-v-2eedadee] { margin-right: 16px; } .contri-item .contri-content-btns[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; width: 280px; margin-top: 16px; font-size: 14px; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .contri-item .contri-content-btns .btns[data-v-2eedadee] { border-radius: 4px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px; } .contri-item .contri-content-btns .add-btns[data-v-2eedadee] { width: 110px; position: relative; padding-left: 12px; padding-right: 28px; color: #7a7c7f; background: #fff; border: 1px solid #ccd0d7; border-radius: 4px; cursor: pointer; } .contri-item .contri-content-btns .edit-btns[data-v-2eedadee] { cursor: pointer; width: 68px; height: 32px; background: #00a1d6; color: #fff; } .contri-item .contri-content-btns .remove-btns[data-v-2eedadee] { position: relative; cursor: pointer; background: #fff; text-align: center; width: 68px; height: 30px; line-height: 30px; border: 1px solid #ccd0d7; color: #6d757a; border-radius: 4px; } .contri-item .contri-content-btns .add-btns .compila-name[data-v-2eedadee] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contri-item .contri-content-btns .add-btns .add-to-compilation[data-v-2eedadee] { position: absolute; top: 0; right: 10px; font-size: 12px; } .add-albums-list-wrapper[data-v-2eedadee] { overflow: auto; position: absolute; z-index: 999; width: 132px; max-height: 162px; top: 36px; left: -10px; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); box-shadow: 0 2px 4px 0 rgba(0,0,0,.14); border-radius: 4px; padding: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .add-albums-list-wrapper .add-albums-list li[data-v-2eedadee] { text-align: left; padding-left: 20px; padding-right: 20px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .add-albums-list-wrapper .add-albums-list li[data-v-2eedadee]:hover { color: #00a1d6; background-color: #e5e9ef; } .contri-bottom[data-v-2eedadee] { border-bottom: 1px solid #e5e9ef; } .be-pager[data-v-2eedadee] { text-align: right; margin-top: 20px; } .contri-content-btns .remove-btns .confirm-delete-wrapper[data-v-2eedadee] { top: 42px; z-index: 10000; background: #fff; -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.2); box-shadow: 0 4px 10px 0 rgba(0,0,0,.2); border-radius: 4px; width: 200px; height: 168px; position: absolute; left: 20%; -webkit-transform: translate(-50%); transform: translate(-50%); } .contri-content-btns .remove-btns .confirm-delete-header[data-v-2eedadee] { font-size: 14px; color: #222; margin-top: 30px; } .contri-content-btns .remove-btns .confirm-delete-btns[data-v-2eedadee] { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 40px; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .contri-content-btns .remove-btns .confirm-delete-btns .btn[data-v-2eedadee] { margin-right: 10px; width: 72px; height: 32px; line-height: 32px; border-radius: 16px; } .contri-content-btns .remove-btns .confirm-delete-btns .delete[data-v-2eedadee] { background: #f1f3f7; } .contri-content-btns .remove-btns .confirm-delete-btns .cancel[data-v-2eedadee] { color: #fff; background: #37c8f7; } .audio-filter .el-dropdown-menu__item.active { color: #66b1ff; background-color: #ecf5ff; } .audio-filter.el-dropdown:hover { color: #66b1ff; cursor: pointer; } .audio-input.el-input { width: auto; } .audio-input input { display: inline-block; width: 165px; height: 30px; border: 1px solid #ccd0d7; border-radius: 16px; outline: none; padding-left: 40px; padding-right: 25px; } .audio-input .el-input__icon { line-height: 30px; } .dynamic-board[data-v-fc3ba3d0] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 199; background: rgba(0,0,0,.5); text-align: left; } .dynamic-board .dynmic-share[data-v-fc3ba3d0] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 570px; height: 385px; } .share-step[data-v-fc3ba3d0] { width: 570px; height: 385px; position: absolute; top: 0; left: 0; padding: 10px 12px; border: 1px solid #eff1f3; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 13px 20px 0 rgba(106,115,133,0.22); box-shadow: 0 13px 20px 0 rgba(106,115,133,0.22); } .title[data-v-fc3ba3d0] { font-size: 20px; color: #212121; padding: 8px 12px; } .close[data-v-fc3ba3d0] { position: absolute; right: 28px; top: 20px; width: 13px; height: 13px; background: url(//s1.hdslb.com/bfs/static/blive/bpfe-dynamic-share-iframe/static/img/close.67b56989.svg) center/contain no-repeat; cursor: pointer; } .input-field[data-v-fc3ba3d0] { padding: 6px 12px 12px; } .editor[data-v-fc3ba3d0] { position: relative; overflow-y: auto; overflow-x: hidden; } .placeholder-shown[data-v-fc3ba3d0]::before { content: attr(placeholder); color: #99a2aa; position: absolute; pointer-events: none; font-size: 14px; line-height: 22px; letter-spacing: 1px; } .core-style[data-v-fc3ba3d0] { width: 100%; min-height: 22px; max-height: 300px; letter-spacing: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: pre-wrap; color: #222; background-color: #fff; font-size: 14px; vertical-align: baseline; outline: none; line-height: 22px; border-radius: 4px; word-break: break-word; word-wrap: break-word; } .plain[data-v-fc3ba3d0] { padding: 0 12px; } .btn-field[data-v-fc3ba3d0] { position: relative; top: 12px; height: 32px; text-align: center; } .count[data-v-fc3ba3d0] { font-size: 12px; color: #99a2aa; position: absolute; right: 92px; line-height: 32px; } .share-btn[data-v-fc3ba3d0] { width: 64px; height: 32px; position: absolute; right: 12px; bottom: 0; background: #99a2aa; border-radius: 4px; color: #fff; font-size: 14px; cursor: not-allowed; } .clickable[data-v-fc3ba3d0] { cursor: pointer; background: #00a1d6; border: none; } .summary[data-v-fc3ba3d0] { font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; padding: 0 10px; word-wrap: break-word; word-break: break-all; } .i-dyn-list-tabs[data-v-fc3ba3d0] { background-color: #fff; border-radius: 4px; height: 48px; position: relative; width: 100%; } .i-dyn-list-tabs__list[data-v-fc3ba3d0] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .i-dyn-list-tabs__item[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d757a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 20px; min-width: 56px; position: relative; } .i-dyn-list-tabs__item.active[data-v-fc3ba3d0], .i-dyn-list-tabs__item[data-v-fc3ba3d0]:hover { color: #00a1d6; } main section>div[data-v-fc3ba3d0]:not(:first-child) { margin-top: 8px; } .i-dyn-list__notification[data-v-fc3ba3d0] { background: #fcf9d7; border-radius: 4px; color: #e3b43d; cursor: pointer; font-size: 12px; height: 36px; letter-spacing: 0; line-height: 36px; margin-bottom: 8px; position: relative; text-align: center; } .i-dyn-list__item[data-v-fc3ba3d0] { margin-bottom: 8px; } .i-dyn-item[data-v-fc3ba3d0] { background-color: #fff; border-radius: 4px; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; letter-spacing: 0; min-width: 632px; position: relative; } .i-dyn-item[data-v-fc3ba3d0], .i-dyn-item div[data-v-fc3ba3d0] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-dyn-item__main[data-v-fc3ba3d0] { padding: 0 12px 0 88px; position: relative; } .i-dyn-item__avatar[data-v-fc3ba3d0] { height: 48px; left: 24px; position: absolute; top: 24px; width: 48px; } .b-avatar[data-v-fc3ba3d0] { position: relative; pointer-events: none; } .i-dyn-item__header[data-v-fc3ba3d0] { height: 73px; padding-top: 27px; } .i-dyn-title[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .i-dyn-title__text[data-v-fc3ba3d0] { color: #222; cursor: pointer; font-size: 16px; } .i-dyn-item__desc[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .i-dyn-time[data-v-fc3ba3d0] { color: #99a2aa; cursor: pointer; font-size: 12px; height: 22px; line-height: 22px; -webkit-transition: color .3s ease; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-item__ornament[data-v-fc3ba3d0] { position: absolute; right: 48px; top: 18px; } .i-dyn-item__more[data-v-fc3ba3d0] { position: absolute; right: 16px; top: 30px; } .i-dyn-more__btn[data-v-fc3ba3d0] { cursor: pointer; position: absolute; } .i-dyn-more__btn.tp[data-v-fc3ba3d0] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTIwIDguODlhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA4Ljg5em0wIDE1LjU2QTQuNDQgNC40NCAwIDExMjQuNDQgMjAgNC40NCA0LjQ0IDAgMDEyMCAyNC40NHpNMjAgNDBhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA0MHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); height: 16px; right: 0; top: 3px; width: 16px; } .i-dyn-more__btn:hover .i-popover[data-v-fc3ba3d0] { display: block!important; } .i-popover[data-v-fc3ba3d0] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 5px; pointer-events: all; } .i-popover[data-v-fc3ba3d0], .i-popover__arrow[data-v-fc3ba3d0] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-fc3ba3d0] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-dyn-more__menu__item[data-v-fc3ba3d0] { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .i-dyn-item__body[data-v-fc3ba3d0] { margin-top: 10px; } .i-dyn-content[data-v-fc3ba3d0] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; width: 532px; } .i-dyn-content__orig__topic[data-v-fc3ba3d0] { margin-bottom: 4px; } .i-dyn-topic[data-v-fc3ba3d0] { height: 20px; } .i-dyn-topic__card[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; } .i-dyn-topic__text[data-v-fc3ba3d0] { color: #008ac5; font-size: 14px; height: 100%; line-height: 22px; } .i-dyn-content__orig__desc[data-v-fc3ba3d0] { cursor: pointer; padding-right: 10px; } .i-rich-text[data-v-fc3ba3d0] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content[data-v-fc3ba3d0] { color: #222; } .i-dyn-content__orig__major[data-v-fc3ba3d0] { width: 520px; } .i-dyn-content__orig__major.gap[data-v-fc3ba3d0] { margin-top: 10px; } .i-dyn-card-video[data-v-fc3ba3d0] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 129px; overflow: hidden; } .i-dyn-card-video__header[data-v-fc3ba3d0] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; width: 203px; } .i-dyn-card-video__badge[data-v-fc3ba3d0] { background-color: #fb7299; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; line-height: 18px; min-width: 32px; padding: 0 5px; pointer-events: none; position: absolute; right: 8px; text-align: center; top: 8px; z-index: 10; } .i-dyn-card-video__cover[data-v-fc3ba3d0] { height: 100%; position: relative; width: 100%; } .i-awesome-img[data-v-fc3ba3d0] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/logo.943fc92.png); } .i-dyn-card-video__duration[data-v-fc3ba3d0] { bottom: 8px; color: #fff; font-size: 12px; left: 8px; pointer-events: none; position: absolute; } .i-dyn-card-video__mark[data-v-fc3ba3d0] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 8px; height: 22px; position: absolute; right: 10px; width: 22px; } .i-dyn-card-video__mark__tip[data-v-fc3ba3d0] { background: rgba(0,0,0,.7); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; left: 50%; line-height: 12px; padding: 6px 8px; position: absolute; top: -27px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .i-dyn-card-video__body[data-v-fc3ba3d0] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 9px 12px 6px 16px; } .i-ellipsis[data-v-fc3ba3d0] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-card-video__title[data-v-fc3ba3d0] { -webkit-line-clamp: 2; color: #212121; font-size: 14px; -webkit-transition: color .2s; transition: color .2s; } .i-dyn-card-video__desc[data-v-fc3ba3d0] { color: #2c3e50; -webkit-line-clamp: 2; } .i-dyn-card-video__stat[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 18px; line-height: 18px; } .i-dyn-card-video__stat__item[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 72px; } .i-dyn-card-video__stat__item i[data-v-fc3ba3d0] { display: inline-block; height: 14px; margin-right: 4px; width: 14px; } /*音频*/ .i-dyn-card-music[data-v-fc3ba3d0] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; border: 1px solid #e5e9ef; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 80px; overflow: hidden; } .i-dyn-card-music__left[data-v-fc3ba3d0] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 80px; } .i-dyn-card-music__cover[data-v-fc3ba3d0] { height: 100%; } .i-dyn-card-music__right[data-v-fc3ba3d0] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0 15px; } .i-dyn-card-music__title[data-v-fc3ba3d0] { font-size: 14px; margin-top: 16px; -webkit-transition: color .3s; transition: color .3s; } .i-dyn-card-music__label[data-v-fc3ba3d0], .i-dyn-card-music__title[data-v-fc3ba3d0] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .i-dyn-card-music__label[data-v-fc3ba3d0] { color: #99a2aa; font-size: 12px; margin-top: 8px; } /*文章*/ .dyn-card-opus__title[data-v-fc3ba3d0] { -webkit-line-clamp: 2; color: #18191c; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 25px; } .dyn-card-opus__summary[data-v-fc3ba3d0] { cursor: pointer; } .dyn-card-opus__summary .i-rich-text[data-v-fc3ba3d0] { pointer-events: none; } .i-rich-text[data-v-fc3ba3d0] { font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content.folded[data-v-fc3ba3d0] { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; max-height: 88px; overflow: hidden; text-overflow: ellipsis; } .i-rich-text__content.line--4[data-v-fc3ba3d0] { -webkit-line-clamp: 4; max-height: 88px; } .i-rich-text__action[data-v-fc3ba3d0] { color: #178bcf; cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dyn-card-opus__pics[data-v-fc3ba3d0] { margin-top: 12px; } .i-album[data-v-fc3ba3d0] { width: 518px; } .i-album__preview__picture[data-v-fc3ba3d0] { position: relative; } .one .i-album__preview__picture[data-v-fc3ba3d0]{ width: 240px; height: 262px; } .i-album__preview__picture__img[data-v-fc3ba3d0] { border-radius: 4px; /*cursor: zoom-in;*/ height: 100%; width: 100%; } .i-dyn-item__footer[data-v-fc3ba3d0] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; } .i-dyn-item__action[data-v-fc3ba3d0] { position: relative; } .i-dyn-action[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 92px; } .i-dyn-action.active[data-v-fc3ba3d0] { color: #00a1d6; } .i-dyn-action i[data-v-fc3ba3d0] { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 16px; margin-right: 4px; width: 20px; } .i-dyn-content__orig.reference[data-v-fc3ba3d0] { background-color: #f4f5f7; border-radius: 4px; margin-left: -12px; margin-top: 8px; padding: 8px 12px; } .dyn-orig-author[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; width: 100%; } .dyn-orig-author__left[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dyn-orig-author__face[data-v-fc3ba3d0] { cursor: pointer; height: 24px; margin-right: 8px; width: 24px; } .dyn-orig-author__face__img[data-v-fc3ba3d0] { border-radius: 50%; height: 100%; width: 100%; } .dyn-orig-author__name[data-v-fc3ba3d0] { color: #00a1d6; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; } .dyn-orig-author__right[data-v-fc3ba3d0] { -ms-flex-negative: 0; flex-shrink: 0; } .i-dyn-item__interaction[data-v-fc3ba3d0] { margin-top: 12px; } .i-dyn-interaction[data-v-fc3ba3d0] { position: relative; width: 532px; } .i-dyn-interaction[data-v-fc3ba3d0]:before { background-color: #e7e7e7; border-radius: 1px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .i-dyn-interaction__item[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 36px; position: relative; } .i-dyn-interaction__item__icon[data-v-fc3ba3d0] { height: 12px; left: 12px; position: absolute; top: 4px; width: 12px; } .i-dyn-interaction__item__desc .i-rich-text[data-v-fc3ba3d0] { font-size: 13px; line-height: 21px; } .i-dyn-interaction__item__desc .i-rich-text__content[data-v-fc3ba3d0] { color: #99a2aa; } .i-rich-text-link[data-v-fc3ba3d0], .i-rich-text-module[data-v-fc3ba3d0], .i-rich-text-topic[data-v-fc3ba3d0] { color: #178bcf; cursor: pointer; } .i-album__preview.grid9[data-v-fc3ba3d0] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0] { height: 104px; width: 104px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:first-child, .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(2) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(3) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(4), .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(5) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(6) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(7), .i-album__preview.grid9 .i-album__preview__picture[data-v-fc3ba3d0]:nth-child(8) { margin-right: 4px; } .i-album__watch__control[data-v-fc3ba3d0] { background: #f4f5f7; border-radius: 4px 4px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; } .i-album__watch__control__option[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__control__option i[data-v-fc3ba3d0] { background-repeat: no-repeat; height: 14px; margin-right: 6px; width: 14px; } .i-album__watch__content[data-v-fc3ba3d0] { background: #f4f5f7; position: relative; text-align: center; width: 100%; } .i-album__watch__content img[data-v-fc3ba3d0] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__content__next[data-v-fc3ba3d0], .i-album__watch__content__prev[data-v-fc3ba3d0] { height: 100%; position: absolute; top: 0; width: 33%; } .i-album__watch__content__prev[data-v-fc3ba3d0] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=),pointer; left: 0; } .i-album__watch__content__next[data-v-fc3ba3d0] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==),pointer; right: 0; } .i-album__watch__track[data-v-fc3ba3d0] { margin-top: 6px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__track__activeitemborder[data-v-fc3ba3d0] { border: 1px solid #fb7299; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 58px; left: 0; position: absolute; top: 0; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); -webkit-transition: left .18s cubic-bezier(.22,.58,.12,.98); transition: left .18s cubic-bezier(.22,.58,.12,.98); width: 58px; } .i-album__watch__track__slider[data-v-fc3ba3d0] { overflow: hidden; width: 100%; } .i-album__watch__track__list[data-v-fc3ba3d0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .18s cubic-bezier(.22,.58,.12,.98); transition: all .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item[data-v-fc3ba3d0] { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; height: 54px; position: relative; width: 54px; } .i-album__watch__track__item[data-v-fc3ba3d0]:not(:last-child) { margin-right: 4px; } .i-album__watch__track__item img[data-v-fc3ba3d0] { border-radius: 4px; height: 100%; opacity: .5; -webkit-transition: opacity .18s cubic-bezier(.22,.58,.12,.98); transition: opacity .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item.active img[data-v-fc3ba3d0], .i-album__watch__track__item:hover img[data-v-fc3ba3d0] { opacity: 1; } .dyn-vote[data-v-fc3ba3d0] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; overflow: hidden; } .dyn-vote__header[data-v-fc3ba3d0] { -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .dyn-vote__cover[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOSI+PHBhdGggZD0iTTMuMyAyOC4zQzEuNSAyOC4zIDAgMjYuOSAwIDI1VjEwLjFjMC0xLjggMS41LTMuMyAzLjMtMy4zczMuMyAxLjUgMy4zIDMuM1YyNWMuMSAxLjktMS40IDMuMy0zLjMgMy4zek0zLjMgOGMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xczIuMS0xIDIuMS0yLjFWMTAuMUM1LjUgOC45IDQuNSA4IDMuMyA4ek0xNCAyOC40Yy0xLjggMC0zLjMtMS41LTMuMy0zLjNWMy4zQzEwLjcgMS41IDEyLjIgMCAxNCAwczMuMyAxLjUgMy4zIDMuM1YyNWMwIDEuOS0xLjUgMy40LTMuMyAzLjR6bTAtMjcuMmMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xIDEuMiAwIDIuMS0xIDIuMS0yLjFWMy4zYzAtMS4xLS45LTIuMS0yLjEtMi4xem0xMC43IDI3LjJjLTEuOCAwLTMuMy0xLjUtMy4zLTMuM3YtNi44YzAtMS44IDEuNS0zLjMgMy4zLTMuM3MzLjMgMS41IDMuMyAzLjNWMjVjMCAxLjktMS41IDMuNC0zLjMgMy40em0wLTEyLjNjLTEuMiAwLTIuMSAxLTIuMSAyLjFWMjVjMCAxLjIgMSAyLjEgMi4xIDIuMXMyLjEtMSAyLjEtMi4xdi02LjhjMC0xLjItMS0yLjEtMi4xLTIuMXoiIGZpbGw9IiMwMGExZDYiLz48L3N2Zz4=) 50%/28px no-repeat #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .dyn-vote__body[data-v-fc3ba3d0] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dyn-vote__detail[data-v-fc3ba3d0] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 15px; } .dyn-vote__detail__title[data-v-fc3ba3d0] { color: #222; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dyn-vote__detail__desc[data-v-fc3ba3d0] { color: #99a2aa; font-size: 12px; } .dyn-vote__action[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; } .dyn-vote__action button[data-v-fc3ba3d0] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 13px; height: 28px; outline: none; width: 54px; } .i-dyn-list-loading[data-v-fc3ba3d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .i-dyn-list-no-more[data-v-fc3ba3d0] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #99a2aa; font-size: 14px; height: 130px; padding-top: 44px; position: relative; text-align: center; width: 100%; } .bb-comment[data-v-fc3ba3d0] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-fc3ba3d0]{ margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-fc3ba3d0] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-fc3ba3d0] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-fc3ba3d0] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-fc3ba3d0], .comment-bilibili-fold ul[data-v-fc3ba3d0] { margin: 0; padding: 0; list-style: none; } .bb-comment .comment-header .tabs-order li[data-v-fc3ba3d0] { background-color: transparent; border-radius: 0; border: 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 20px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 10px; } .bb-comment .comment-header .tabs-order li.on[data-v-fc3ba3d0] { color: #00a1d6; } .bb-comment .clearfix[data-v-fc3ba3d0]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .song-img[data-v-fc3ba3d0] { position: absolute; width: 80px; height: 80px; background-color: #e0e0e0; border-radius: 4px; } .song-img span[data-v-fc3ba3d0] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .article-data-wrp[data-v-d693f120] { height: 100%; padding: 0!important; } .upload-manage .content[data-v-d693f120] { padding: 0 40px 20px 40px; } .iframe-comp-container[data-v-d693f120] { padding: 0!important; position: relative; height: calc(100% - 111px); } .article-data-wrp .ct-data.iframe-comp-container[data-v-d693f120] { height: 100%; } .ct-article-data-box[data-v-d693f120] { font-style: normal; font-weight: 400; background-color: #f6f7f8; color: #61666d; } .ct-article-data-box .content-container[data-v-d693f120] { margin: auto; background-color: #f6f7f8; padding: 32px; } .ct-article-data-box .top-router[data-v-d693f120] { font-size: 14px; line-height: 20px; padding-bottom: 24px; } .click[data-v-d693f120] { cursor: pointer; } .ct-article-data-box .tab-menu[data-v-d693f120] { font-size: 18px; line-height: 25px; font-weight: 500; padding-bottom: 32px; } .ct-article-data-box .tab-menu .tab.active[data-v-d693f120] { color: #18191c; position: relative; } .ct-article-data-box .tab-menu .tab.active[data-v-d693f120]:after { content: ""; position: absolute; width: 24px; height: 4px; background: #00aeec; border-radius: 9px; bottom: -8px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ct-article-data-box .tab-menu .tab+.tab[data-v-d693f120] { margin-left: 40px; } .interaction-analysis[data-v-d693f120] { padding: 24px 0 0; background: #fff; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; } .interaction-analysis .data-overview[data-v-d693f120] { padding: 0 32px 32px; } .interaction-analysis .data-overview .tips[data-v-d693f120] { position: relative; } .section-title-container[data-v-d693f120] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .section-title-container .section-title[data-v-d693f120] { font-weight: 500; font-size: 18px; line-height: 25px; color: #18191c; margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .interaction-analysis .data-overview .tips .tip[data-v-d693f120] { position: absolute; top: 4px; right: 0; font-size: 12px; line-height: 17px; color: #9499a0; } .interaction-analysis .data-overview .cards[data-v-d693f120] { padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .data-card[data-v-d693f120] { font-style: normal; font-weight: 400; padding: 16px 16px 20px 20px; height: 80px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f7f8; margin-top: 16px; width: calc(20% - 10px); } .data-card .title[data-v-d693f120] { color: #61666d; font-size: 12px; line-height: 17px; opacity: .8; } .data-card .content[data-v-d693f120] { padding-top: 7px; font-weight: 700; font-size: 20px; line-height: 20px; color: #18191c; } .interaction-analysis .data-overview .cards .average-time-box[data-v-d693f120] { position: relative; } .section-title-container .section-title-qa[data-v-d693f120] { display: inline-block; vertical-align: middle; margin-left: 5px; cursor: pointer; padding-right: 20px; position: relative; } .section-title-container .section-title-qa .section-title-qa-tip[data-v-d693f120] { padding: 14px 16px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); position: absolute; top: -18px; left: 25px; color: #000; font-size: 12px; line-height: 20px; display: none; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1000; } .section-title-container .section-title-qa .bmc-icon-sprite:hover~.section-title-qa-tip[data-v-d693f120]{ display: block; } .interaction-analysis .data-overview .cards .average-time-box .section-title-qa-tip[data-v-d693f120] { min-width: 200px; } .section-title-container .section-title-qa .section-title-qa-tip>div[data-v-d693f120] { white-space: normal; } .section-title-container .section-title-qa .section-title-qa-tip[data-v-d693f120]:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: -3px; top: 20px; } .interaction-analysis .data-overview .cards .average-time-box .atb-right[data-v-d693f120] { position: absolute; right: 0; top: 0; } .interaction-analysis .data-overview .cards .average-time-box .atb-percent[data-v-d693f120] { font-weight: 700; font-size: 12px; line-height: 12px; color: #00aeec; } /*视频框*/ .interaction-analysis .video-play[data-v-d693f120] { padding: 0 32px; } .interaction-analysis .video-play .p-box[data-v-d693f120] { position: relative; padding-right: 70px; } .interaction-analysis .video-play #bofqi[data-v-d693f120] { height: 400px; overflow: hidden; } /*分析图*/ .interaction-analysis .video-parse[data-v-d693f120] { padding-top: 32px; } .graphics-tip-container[data-v-d693f120] { padding: 0 32px; position: relative; font-size: 12px; line-height: 17px; color: #61666d; display: -webkit-box; display: -ms-flexbox; display: flex; } .graphics-tip-container .graphics-tip-box[data-v-d693f120] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .dot[data-v-d693f120] { width: 8px; height: 8px; background-color: currentColor; display: inline-block; border-radius: 50%; } .graphics-tip-container .graphics-tip-box .pop[data-v-d693f120] { position: absolute; top: 17px; opacity: 0; z-index: 1; background-color: #fff; font-size: 12px; line-height: 16px; padding: 10px 6px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); } .graphics-tip-container .graphics-tip-box+.graphics-tip-box[data-v-d693f120] { margin-left: 32px; } .graphics-tip-container .operate-box[data-v-d693f120] { position: absolute; right: 47px; font-size: 0; top: -1.5px; } .graphics-tip-container .operate-box .operate[data-v-d693f120] { display: inline-block; line-height: 20px; height: 20px; } .graphics-tip-container .operate-box .operate+.operate[data-v-d693f120] { margin-left: 24px; } .graphics-tip-container .operate-box .operate .text[data-v-d693f120] { font-size: 14px; } .graphics-box[data-v-d693f120] { height: 319px; padding-bottom: 32px; /*overflow: hidden;*/ /*position: relative;*/ } .bmc-icon-sprite[data-v-d693f120] { overflow: hidden; font-size: inherit; line-height: inherit; } .graphics-tip-container .bmc-icon-sprite:hover~.pop[data-v-d693f120]{ opacity: 1; } .empty[data-v-d693f120] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #9499a0; font-size: 14px; line-height: 16px; } /*流量分析*/ .portrait-analysis-container[data-v-d693f120] { background-color: #fff; padding: 32px; } .traffice-analysis .interest-analysis[data-v-d693f120], .traffice-analysis .portrait-analysis[data-v-d693f120] { margin-bottom: 16px; border-radius: 12px; } .portrait-analysis-container .title[data-v-d693f120] { color: #18191c; font-weight: 500; font-size: 18px; line-height: 25px; } .portrait-analysis-container .graphics-container[data-v-d693f120] { padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .graphics-box[data-v-d693f120] { position: relative; min-height: 120px; } .graphics-container .graphics-box[data-v-d693f120] { width: 49%; height: 258px; border: 1px solid #f1f2f3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; margin-top: 16px; } .graphics-box .graphics[data-v-d693f120] { height: 214px; } .h3-top[data-v-d693f120] { padding: 24px 0 0 24px; color: #18191c; font-size: 14px; line-height: 20px; } .section-title-container[data-v-d693f120] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .section-title-container .section-title[data-v-d693f120] { font-weight: 500; font-size: 18px; line-height: 25px; color: #18191c; margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .time-explain[data-v-d693f120] { vertical-align: top; font-size: 12px; opacity: .6; margin-left: 4px; } .graphics-box #populationDistribution[data-v-d693f120], .graphics-box #viewPath[data-v-d693f120] { height: 246px; width: 100%; } .h2-top[data-v-d693f120] { color: #18191c; font-weight: 500; font-size: 18px; line-height: 25px; } .interest-analysis-container .h2-top[data-v-d693f120] { padding: 32px 32px 0 32px; } .interest-analysis-container #interestDistribution[data-v-d693f120] { height: 303px; } .fans-area-analysis-container[data-v-d693f120] { background-color: #fff; } .traffice-analysis .fans-area-analysis[data-v-d693f120] { border-radius: 12px; } .fans-area-analysis-container .h2-top[data-v-d693f120] { padding: 32px 32px 0 32px; } #fansAreaDistributionColumn[data-v-d693f120] { height: 303px; } .interest-analysis-container[data-v-d693f120] { background-color: #fff; } .section-title-container .section-title-qa-tip[data-v-d693f120] { min-width: 400px; } /*视频切换集数*/ .changeVideo[data-v-d693f120] { padding: 0 32px 10px; } #videoChange[data-v-d693f120] { position: relative; width: 100%; margin-top: 12px; cursor: pointer; } .Title[data-v-d693f120] { font-size: 18px; font-weight: bold; text-indent: .54em; } #slideChangeVideo[data-v-d693f120] { position: relative; width: 100%; overflow-x: scroll; padding: 10px 0 16px 0; display: -webkit-box; } #slideChangeVideo .active[data-v-d693f120] { border: 1px solid #fb7299 !important; color: #fb7299; } #slideChangeVideo section[data-v-d693f120] { position: relative; width: 160px; height: 50px; margin-right: 20px; border-radius: 5px; border: 1px solid #cccccc; padding: 4px; } #slideChangeVideo section p[data-v-d693f120]:first-child { font-size: 16px; } #slideChangeVideo section p[data-v-d693f120]:last-child { padding-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .player-video-popup[data-v-54380030] { position: absolute; width: 100%; height: 100%; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 18; pointer-events: none; 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; top: 0; } .player-video-popup-detail[data-v-54380030] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 97; font-size: 12px; -webkit-font-smoothing: antialiased; } .player *[data-v-54380030] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .player-video-popup .player-popup-padding[data-v-54380030] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9.5952024%; width: 100%; height: 100%; position: relative; } .player-video-popup .player-popup-area[data-v-54380030] { width: 100%; height: 100%; color: white; } .player-video-popup-guide-attention[data-v-54380030] { position: absolute; pointer-events: auto; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; cursor: pointer; } .player-video-popup-guide-attention.player-video-popup-guide-all[data-v-54380030] { border-radius: 8px; background: rgba(33,33,33,.6); -webkit-box-sizing: border-box; box-sizing: border-box; } .player-video-popup-three[data-v-54380030], .player-video-popup-three-animate[data-v-54380030], .player-video-popup-three-cyc[data-v-54380030] { width: 143px; padding: 0 4px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; } .player-video-popup-three[data-v-54380030] { background: rgba(33,33,33,.6); opacity: 1; } .player-video-popup-guide-attention .player-video-popup-three[data-v-54380030] { border: none; } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-three[data-v-54380030], .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-three-animate[data-v-54380030] { background-color: transparent; } .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-follow[data-v-54380030], .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-three[data-v-54380030], .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-vote[data-v-54380030] { pointer-events: none; } .player-video-popup-three-animate[data-v-54380030] { width: 100%; height: 100%; border: 1px solid transparent; background: rgba(33,33,33,.6); } .player-video-popup-three-animate[data-v-54380030], .player-video-popup-three-cyc[data-v-54380030] { position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; } .player-video-popup-three>span[data-v-54380030] { display: inline-block; padding: 8px 12.5px; /*width: 20px;*/ /*height: 20px;*/ } .player-video-popup-three .bp-svgicon[data-v-54380030] { pointer-events: none; } .player-video-popup-guide-attention .player-video-popup-follow[data-v-54380030] { 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: 66px; height: 24px; border-radius: 4px; font-size: 12px; background: #00a1d6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } .player-video-popup-guide-attention .player-video-popup-follow[data-v-54380030]:before { content: ""; position: absolute; width: 78px; height: 36px; background: rgba(51,51,51,.7); z-index: -1; border-radius: 8px; /*left: -6px;*/ } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-follow[data-v-54380030]:before { content: none; } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-follow[data-v-54380030] { width: 66px; height: 24px; margin: 0 6px; font-size: 12px; } .player-video-popup-guide-attention .player-video-popup-follow>span[data-v-54380030] { pointer-events: none; } .player-video-popup-guide-attention .player-video-popup-follow .bp-svgicon[data-v-54380030] { fill: #fff; height: 13px; width: 13px; margin-right: 3px; vertical-align: baseline; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-0 span[data-v-54380030] { vertical-align: middle; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-1[data-v-54380030] { display: none; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-1 .bp-svgicon[data-v-54380030] { fill: #fff; height: 11px; width: 11px; } #mui-player .feedback-show .iconfont[data-v-54380030]{ font-size: 20px; color: white; } #mui-player .nextMedia， #mui-player .widescreen[data-v-54380030]{ font-size: 30px; color: white; } .player-link[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); -webkit-transform-origin: center; transform-origin: center; width: 290px; height: 50px; font-size: 12px; background-color: rgba(33,33,33,.8); border-radius: 10px 8px 8px 10px; cursor: pointer; } .player-link.player-show[data-v-54380030] { transition: opacity .35s,transform .18s,-webkit-transform .18s; } .player-popup-dm-close[data-v-54380030] { position: absolute; top: -12px; right: -12px; width: 16px; height: 16px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .player-popup-dm-close i[data-v-54380030] { color: white; font-size: 16px; } .player-link-icon[data-v-54380030] { width: 90px; height: 50px; position: relative; border-radius: 8px 0 0 8px; overflow: hidden; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat; background-position: 50%; background-size: 40px; pointer-events: none; } .player-link-icon .player-link-pic[data-v-54380030] { width: 100%; } .player-link-icon .player-link-time[data-v-54380030] { visibility: hidden; position: absolute; right: 4px; bottom: 4px; border-radius: 1px; padding: 2px; background: rgba(0,0,0,.5); } .player-link-msg[data-v-54380030] { margin-left: 8px; width: 134px; line-height: 17px; max-height: 34px; white-space: normal; text-overflow: ellipsis; overflow: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } .player-link-line[data-v-54380030] { width: 1px; height: 36px; margin: 0 18.5px 0 8px; background: hsla(0,0%,100%,.5); } .player-link-play[data-v-54380030] { width: 12px; height: 16px; } .player-link-play i[data-v-54380030] { font-size: 16px; } .player-video-popup-vote[data-v-54380030] { width: 192px; height: 110px; background: rgba(33,33,33,.8); padding: 12px 10px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; cursor: default; } .player-video-popup-vote-question[data-v-54380030] { line-height: 14px; height: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .player-video-popup-vote-an[data-v-54380030] { position: relative; color: #000; cursor: pointer; } .player-video-popup-vote-lottie[data-v-54380030] { position: absolute; top: -6px; left: -5px; width: 37px; height: 37px; display: none; z-index: 2; } .player-video-popup-vote-an>div[data-v-54380030] { pointer-events: none; } .player-video-popup-vote-an-bg[data-v-54380030] { position: absolute; width: 100%; height: 26px; border-radius: 4px; left: 0; bottom: 0; background: #fff; } .player-video-popup-vote-an-bg-buffer[data-v-54380030] { position: absolute; left: 0; top: 0; height: 26px; width: 26px; border-radius: 4px 0 0 4px; background: rgba(0,0,0,.08); -webkit-transition: width 1s; transition: width 1s; } .player-video-popup-vote-an-text[data-v-54380030] { position: relative; width: 100%; height: 26px; line-height: 26px; margin: 9px 0; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-video-popup-vote-an-text-index[data-v-54380030] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 26px; margin-right: 6px; text-align: center; border-radius: 4px; } .player-video-popup-vote-an-text-doc[data-v-54380030] { width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .player-video-popup-vote-an-num[data-v-54380030] { position: absolute; top: 0; right: 0; line-height: 26px; margin-right: 6px; font-size: 12px; color: hsla(0,0%,100%,.7); } .player-video-popup-vote-an-num-1[data-v-54380030] { position: absolute; top: 0; right: 0; } .player-video-popup-vote-an-num-2[data-v-54380030] { position: absolute; top: 15px; right: 0; opacity: 0; } .player-reserve[data-v-54380030] { position: absolute; top: 25%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform-origin: center; transform-origin: center; font-size: 14px; background-color: rgba(33,33,33,.8); border-radius: 8px; padding: 6px 8px; pointer-events: auto; width: 290px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; } .player-reserve-msg[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 4.5em; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; } .player-reserve-title[data-v-54380030] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; height: 20px; padding: 3px 0; } .player-reserve-num[data-v-54380030] { font-size: 12px; line-height: 17px; text-overflow: ellipsis; overflow: hidden; color: hsla(0,0%,100%,.7); } .player-reserve-num-left[data-v-54380030] { margin-right: 10px; display: none; position: relative; } .player-reserve-num-left.player-show[data-v-54380030] { display: inline-block; } .player-reserve-num-left.player-show[data-v-54380030]:after { content: "."; position: absolute; top: 0; line-height: 1em; right: -9px; } .player-reserve-num-right[data-v-54380030] { position: relative; } .player-reserve-btn[data-v-54380030] { 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: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .76em; min-width: 60px; padding: 0 5px; height: 24px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #00a1d6; border-radius: 4px; line-height: 2; cursor: pointer; } .player-reserve-btn.player-noIcon .player-reserve-icon[data-v-54380030], .player-reserve-btn.player-noIcon .player-reserve-icon-tick[data-v-54380030], .player-reserve-btn .player-reserve-icon-tick[data-v-54380030] { display: none; } .player-score[data-v-54380030] { position: absolute; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform-origin: center; transform-origin: center; font-size: 12px; width: 206px; height: 62px; background-color: rgba(33,33,33,.8); border-radius: 8px; pointer-events: auto; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .player-score-title[data-v-54380030] { margin: 12px 0 0 10px; height: 12px; } .player-score-area[data-v-54380030] { pointer-events: none; margin: 10px 0 0 10px; } .player-score div[data-v-54380030] { /*float: left;*/ } .player-score-area-item img[data-v-54380030] { width: 18px; height: 18px; margin: 7px 11.5px; -webkit-transition: .2s; transition: .2s; pointer-events: none; } .player-score-area-item span[data-v-54380030] { position: absolute; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 20px; background: rgba(0,0,0,.6); margin-left: 5px; bottom: 68px; border-radius: 2px; display: none; -webkit-transition: .1s; transition: .1s; pointer-events: none; } .player-score-result span[data-v-54380030] { line-height: 15px; font-size: 20px; margin-left: 5px; -webkit-transition-property: margin,opactiy,-webkit-animation; transition-property: margin,opactiy,-webkit-animation; transition-property: margin,opactiy,animation; transition-property: margin,opactiy,animation,-webkit-animation; } .player-score-count[data-v-54380030] { position: absolute; top: 12px; right: 10px; opacity: .7; } /* 头部 关注 反馈*/ .up-show[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 64px; height: 24px; line-height: 24px; border-radius: 12px; background: rgba(0,0,0,.4); pointer-events: all; text-align: center; z-index: 2; cursor: pointer; } .up-show img[data-v-54380030] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 24px; height: 24px; border-radius: 50%; vertical-align: bottom; background-color: white; } .video-top-follow-icon[data-v-54380030] { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 14px; height: 100%; color: #fff; fill: #fff; flex: none; display: inline-block; margin-left: 6px; } .video-top-follow-icon .iconfont[data-v-54380030] { font-size: 14px; } .follow-text[data-v-54380030] { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #fff; margin: 0 12px 0 4px; } /* 播放状态*/ .video-state[data-v-54380030] { /*display: none;*/ width: 64px; height: 64px; position: absolute; cursor: pointer; right: 34px; bottom: 62px; pointer-events: none; z-index: 1; opacity: .8; } .video-state .video-state-play .iconfont[data-v-54380030] { font-size: 60px; color: white; } /* 加载视频*/ .video-load[data-v-54380030] { width: 100%; height: 100%; position: absolute; z-index: 98; top: 0; background: #0f0f0f; color: #999; } .video-load .load-box[data-v-54380030] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .load-box p[data-v-54380030]{ /* 偶数个 */ /*background-image: linear-gradient(to right, red, yellow, purple, purple, yellow, red, yellow, purple, purple, yellow, red); */ /* 奇数个 */ background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(#bebebe), color-stop(#606060), color-stop(#bebebe), color-stop(#ffffff), color-stop(#bebebe), color-stop(#606060), color-stop(#bebebe), to(#ffffff)); background-image: linear-gradient(to right, #ffffff, #bebebe, #606060, #bebebe, #ffffff, #bebebe, #606060, #bebebe, #ffffff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: bgp-data-v-54380030 1s infinite linear; animation: bgp-data-v-54380030 1s infinite linear; } @-webkit-keyframes bgp-data-v-54380030{ 0%{ background-position: 0 0; } 100%{ background-position: -100% 0; } } .video-load i[data-v-54380030] { font-size: 60px; position: absolute; color: #d9d8d8; left: 50%; -webkit-transform: translate(-50%, -5px); transform: translate(-50%, -5px); } /*历史观看时间*/ .video-time[data-v-54380030] { cursor: pointer; bottom: 55px; left: 5px; /* padding: 10px; */ border-radius: 4px; color: white; position: absolute; z-index: 9; /*width: 230px;*/ } .video-time div[data-v-54380030] { background-color: #0f0f0f; /*position: absolute;*/ width: 100%; padding: 10px; bottom: 60px; margin: 3px; } /* 清晰度*/ /*倍速*/ .speedNow[data-v-54380030], .definitionNow[data-v-54380030]{ color: white; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*height: 100%;*/ /*font-size: 14px;*/ width: 40px; height: 48px; } .speedBox[data-v-54380030], .definitionBox[data-v-54380030] { color: white; position: absolute; bottom: 40px; width: 100%; display: none; padding-bottom: 20px; } .definitionBox[data-v-54380030] { width: 100px; } #mui-player.hideBar .speedBox[data-v-54380030], #mui-player.hideBar .definitionBox[data-v-54380030], #mui-player.hideBar .video-danmaku-setting-wrap[data-v-54380030] { display: none!important; } #mui-player.hideBar .choose_danmaku[data-v-54380030]{ opacity: 0!important; } .changeVideoTheSpeed[data-v-54380030], .changeVideoDefinition[data-v-54380030] { height: 40px; line-height: 40px; width: 100%; text-align: center; color: white; background: rgba(28, 28, 28, .9); /*font-size: 12px;*/ } .changeVideoDefinition[data-v-54380030] { text-align: left; padding-left: 10px; } .changeVideoTheSpeed.select[data-v-54380030], .changeVideoDefinition.select[data-v-54380030] { color: #00a1d6; } .changeVideoTheSpeed[data-v-54380030]:hover, .changeVideoDefinition[data-v-54380030]:hover { background-color: #4a4949; } .changeVideoDefinition .member[data-v-54380030] { color: #fff; background-color: #f25d8e; padding: 0 5px; border-radius: 8px; height: 16px; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 15px; font-size: 12px; } /* 设置 更多*/ .settingBox[data-v-54380030] { width: 260px; color: white; position: absolute; bottom: 40px; display: none; padding-bottom: 20px; background: rgba(22, 22, 22, .8); text-align: left; left: -40px; } .settingBox li[data-v-54380030] { margin: 10px; } .settingBox .card-title[data-v-54380030] { height: 16px; line-height: 16px; margin-bottom: 4px; color: #fff; } .settingBox .button[data-v-54380030] { height: 28px; line-height: 24px; background-color: #999; -webkit-transition: all .2s; transition: all .2s; border-radius: 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 3%; padding: 2px; } .settingBox .button[data-v-54380030]:first-of-type{ margin-left: 0; } .settingBox .ratio .button[data-v-54380030] { width: 30%; } .settingBox .button.active[data-v-54380030]{ background: #00a1d6; } .settingBox .button[data-v-54380030]:active{ opacity: 0.8; } /* 反馈 */ .b-back-panel[data-v-54380030] { position: absolute; top: 50%; left: 50%; width: 400px; min-height: 300px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 2px; background-color: rgba(33,33,33,.9); color: #fff; overflow: hidden; } .b-back-panel .b-back-title[data-v-54380030] { font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px solid hsla(0,0%,100%,.12); } .b-back-panel-close[data-v-54380030] { position: absolute; right: 10px; height: 22px; width: 22px; fill: #fff; z-index: 2; cursor: pointer; } .b-back-panel-close .iconfont[data-v-54380030] { font-size: unset; } .b-back-panel .b-back-content-default[data-v-54380030] { font-size: 12px; margin: 15px 26px; } .b-back-panel .b-back-content-default .report-content[data-v-54380030] { height: 14px; line-height: 14px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 24px auto 16px; text-align: center; font-size: 14px; } .b-back-panel .b-back-content-default .danmaku-report-block[data-v-54380030] { display: block; text-align: center; } .b-back-panel .b-back-content-default textarea[data-v-54380030] { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; line-height: 16px; outline: none; resize: none; width: 100%; height: 48px; background-color: hsla(0,0%,100%,.12); border-radius: 4px; padding: 10px; color: white; font-size: 12px; border: 1px solid transparent; margin: 6px auto 0; } .b-back-panel .b-back-content-tabmenu[data-v-54380030] { height: 130px; position: relative; text-align: left; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-54380030] { position: relative; display: block; float: left; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; height: 24px; line-height: 18px; cursor: pointer; width: 174px; } .b-back-panel.barrage-report .b-back-content-tabmenu .b-back-tabmenu-list[data-v-54380030] { width: 116px; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-54380030]:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-54380030]:before { content: ""; border-color: #00a1d6; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-54380030]:after { content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; background: #00a1d6; border-radius: 50%; } .b-back-panel .b-back-content-input[data-v-54380030] { display: none; margin: 10px 0; } .b-back-panel .b-back-content-input.b-back-show[data-v-54380030] { display: block; } .b-back-panel .b-back-content-input .b-back-input[data-v-54380030] { width: 218px; height: 22px; text-indent: 6px; color: #999; border: 1px solid hsla(0,0%,100%,.4); background-color: rgba(33,33,33,.9); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; outline: none; } .b-back-panel .b-back-content-input .b-back-input-overrange[data-v-54380030] { display: none; text-align: left; height: 24px; line-height: 24px; color: #fa5a57; } .b-back-panel .b-back-content .b-back-contact-information[data-v-54380030] { position: relative; margin: 10px 0 15px; height: 22px; } .b-back-panel .b-back-content .b-back-contact-information-tip[data-v-54380030] { display: inline-block; height: 24px; line-height: 24px; margin-right: 8px; } .b-back-panel .b-back-content .b-back-contact-information-input[data-v-54380030] { width: 218px; height: 22px; text-indent: 6px; color: #999; border: 1px solid hsla(0,0%,100%,.4); background-color: rgba(33,33,33,.9); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; outline: none; } .b-back-panel .b-back-content .b-back-contact-information .b-back-type-error[data-v-54380030] { height: 16px; line-height: 16px; color: #fa5a57; display: none; position: absolute; left: 0; top: 100%; margin-left: 56px; text-align: left; } .b-back-panel .b-back-content .b-back-submit-wrap[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 0 20px; margin: 0 -26px; border-top: 1px solid hsla(0,0%,100%,.12); } .b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit[data-v-54380030] { border: none; border-radius: 2px; line-height: 24px; text-align: center; margin: 0 auto; background-color: #00a1d6; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 92px; height: 24px; background: hsla(0,0%,100%,.2); cursor: pointer; } .b-back-panel .b-back-content .b-back-version-wrap[data-v-54380030] { overflow: hidden; text-align: center; width: 220px; margin: 0 auto 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-back-panel .b-back-content .b-back-version-wrap a[data-v-54380030] { display: inline-block; height: 14px; line-height: 14px; color: #999; } .b-back-content-end[data-v-54380030] { text-align: center; } .b-back-content-end img[data-v-54380030] { height: 150px; text-align: center; margin-top: 10px; } .b-back-content-end span[data-v-54380030] { display: block; margin: 5px; color: gainsboro; } .b-back-content-end span.msg[data-v-54380030] { font-size: 16px; color: white; } /* 关灯模式*/ #heimu[data-v-54380030] { position: fixed; background: #000; top: 0; left: 0; display: none; height: 100%; width: 100%; opacity: 0.8; z-index: 10; } #mui-player[data-v-54380030] { cursor: default!important; /*z-index: 11;*/ } /*全屏*/ .fullscreen-scaling .up-show[data-v-54380030] { background: rgba(33,33,33,.9); -webkit-transform: scale(1.2); transform: scale(1.2); } .fullscreen-scaling .feedback-show[data-v-54380030] { -webkit-transform: scale(1.2); transform: scale(1.2); } .fullscreen-scaling .settingBox[data-v-54380030] { width: 311px; } .page-fullscreen .up-show[data-v-54380030] { background: rgba(33,33,33,.9); } /* 底部弹幕设置*/ .video-bottom-area[data-v-54380030]:before { content: ""; display: block; margin-bottom: -1px; width: 100%; height: 1px; background: #f4f4f4; } .video-sendbar[data-v-54380030] { -ms-flex-negative: 0; flex-shrink: 0; position: relative; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; font-size: 13px; background: #fff; zoom: 1; /*z-index: 11;*/ } .video-info[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 18px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; color: #61666d; margin-right: 24px; } .video-info-people-number[data-v-54380030] { margin-right: 3px; } .video-danmaku-root[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bui-danmaku-switch[data-v-54380030] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; fill: #61666d; -webkit-transition: fill .3s; transition: fill .3s; } .video-danmaku-root .video-danmaku-setting[data-v-54380030], .video-danmaku-root .video-danmaku-switch[data-v-54380030] { color: #61666d; width: 24px; height: 24px; line-height: 30px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-danmaku-root .video-danmaku-switch i[data-v-54380030] { font-size: 24px; } #mui-player .video-danmaku-root .video-danmaku-switch i[data-v-54380030], #mui-player .video-danmaku-root .video-danmaku-setting i[data-v-54380030]{ color: white; } .video-danmaku-root .video-danmaku-setting:hover i[data-v-54380030], .video-danmaku-root .video-danmaku-switch:hover i[data-v-54380030]{ /*color: #00aeec!important;*/ } .video-danmaku-root .video-danmaku-setting .icon-setting[data-v-54380030]{ width: 20px; height: 20px; background-color: #00a1d6; fill: #00a1d6; } .video-danmaku-root .video-danmaku-switch .choose_danmaku[data-v-54380030] { display: inline-block; position: absolute; left: 50%; margin-left: -32px; bottom: 38px; width: 64px; height: 29px; text-align: center; line-height: 30px; border-radius: 2px; background: rgba(0,0,0,.9); opacity: 0; color: #fff; font-size: 12px; -webkit-transform: translateY(5px); transform: translateY(5px); pointer-events: none; /*z-index: 99999;*/ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .video-danmaku-root .video-danmaku-setting[data-v-54380030]:hover, .video-danmaku-root .video-danmaku-switch[data-v-54380030]:hover { color: #00aeec; } .video-danmaku-root .video-danmaku-switch:hover .choose_danmaku[data-v-54380030] { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .video-danmaku-root .video-danmaku-switch[data-v-54380030] { margin-right: 12px; } .video-danmaku-root .video-danmaku-setting[data-v-54380030] { margin-right: 12px; font-size: 0; } .video-danmaku-setting[data-v-54380030] { /*color: #fff;*/ } .video-danmaku-setting-wrap[data-v-54380030] { display: none; cursor: default; background: none; border: none; border-radius: 4px 4px 0 0; position: absolute; bottom: 24px; right: -149px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; height: 359px; font-size: 12px; z-index: 1001; } .video-danmaku-root .video-danmaku-setting:hover .video-danmaku-setting-wrap[data-v-54380030] { display: block; } .bui-panel[data-v-54380030] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 4px 4px 0 0; border: 1px solid #e2e2e2; background: #fff; overflow: hidden; margin-bottom: 20px; } .bui-panel.bui-dark[data-v-54380030] { border: none; background: rgba(0,0,0,.67); } .bui-panel .bui-panel-wrap[data-v-54380030] { position: relative; -webkit-transition: all .25s; transition: all .25s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-panel .bui-panel-move[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; -webkit-transform: translateZ(0); transform: translateZ(0); } .video-danmaku-setting-box .bui-panel-item[data-v-54380030] { background: rgba(21,21,21,.9); border-radius: 2px; } .video-danmaku-setting-box[data-v-54380030] { position: absolute; right: 0; bottom: 0; background: transparent!important; } .bui-panel .bui-panel-item[data-v-54380030] { opacity: 0; pointer-events: none; -webkit-transition: opacity .1s; transition: opacity .1s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-panel .bui-panel-item.bui-panel-item-active[data-v-54380030] { opacity: 1; pointer-events: auto; } .video-danmaku-setting-left[data-v-54380030] { width: 100%; height: 100%; padding: 12px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-setting-left-block[data-v-54380030] { overflow: hidden; margin-bottom: 12px; } .video-danmaku-setting-left-area-title[data-v-54380030], .video-danmaku-setting-left-block-title[data-v-54380030], .video-danmaku-setting-left-fontsize-title[data-v-54380030], .video-danmaku-setting-left-opacity-title[data-v-54380030], .video-danmaku-setting-left-speedplus-title[data-v-54380030] { text-align: left; height: 16px; line-height: 16px; color: #fff; } .video-danmaku-setting-left-block-content[data-v-54380030] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; overflow: hidden; cursor: pointer; } .video-danmaku-setting-left-block-content .block-filter-type[data-v-54380030] { position: relative; width: 28px; height: 100%; margin: 0 22px 16px 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: hsla(0,0%,100%,.8); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .video-danmaku-setting-left-block-content .block-filter-type .block-filter-image[data-v-54380030] { position: relative; display: inline-block; font-size: 0; width: 28px; height: 28px; line-height: 32px; top: -5px; color: hsla(0,0%,100%,.8); fill: hsla(0,0%,100%,.8); } .block-filter-image .iconfont[data-v-54380030] { font-size: 32px; } .video-danmaku-setting-left-block-content .block-filter-type .block-filter-label[data-v-54380030] { position: absolute; left: 0; bottom: -2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 16px; padding: 0; margin: 0; text-align: center; line-height: 16px; color: hsla(0,0%,100%,.8); font-size: 12px; -webkit-transition: none; transition: none; } .video-danmaku-setting-left-block-content .block-filter-type.disabled .block-filter-image[data-v-54380030] { color: #00a1d6!important; fill: #00a1d6!important; } .video-danmaku-setting-left-block-content .block-filter-type.disabled .block-filter-label[data-v-54380030] { color: #00a1d6!important; } .video-danmaku-setting-left-radio[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } .video-danmaku-setting-left-block-word[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; line-height: 22px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 14px; text-align: center; color: white; } .video-danmaku-setting-left-block-word .video-danmaku-setting-left-block-add[data-v-54380030], .video-danmaku-setting-left-block-word .video-danmaku-setting-left-block-sync[data-v-54380030] { width: 134px; border-radius: 2px; background: hsla(0,0%,100%,.3); cursor: pointer; } .video-danmaku-setting-left-area[data-v-54380030], .video-danmaku-setting-left-fontsize[data-v-54380030], .video-danmaku-setting-left-opacity[data-v-54380030], .video-danmaku-setting-left-speedplus[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 16px; line-height: 16px; margin-bottom: 16px; } .video-danmaku-setting-left-area-title[data-v-54380030], .video-danmaku-setting-left-block-title[data-v-54380030], .video-danmaku-setting-left-fontsize-title[data-v-54380030], .video-danmaku-setting-left-opacity-title[data-v-54380030], .video-danmaku-setting-left-speedplus-title[data-v-54380030] { text-align: left; height: 16px; line-height: 16px; color: #fff; } .video-danmaku-setting-left-area-content[data-v-54380030], .video-danmaku-setting-left-fontsize-content[data-v-54380030], .video-danmaku-setting-left-opacity-content[data-v-54380030], .video-danmaku-setting-left-speedplus-content[data-v-54380030] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 200px; height: 12px; margin-left: 10px; } .bui-progress[data-v-54380030] { height: 12px; cursor: pointer; } .player-slider[data-v-54380030] { width: 100%; } .bui-progress-val[data-v-54380030] { font-size: 12px; line-height: 16px; text-align: right; color: hsla(0,0%,100%,.8); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .video-danmaku-root .video-inputbar[data-v-54380030] { width: calc(100% - 72px); min-width: 310px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 32px; border-radius: 8px; line-height: 18px; background-color: #f1f2f3; } #mui-player .video-danmaku-root .video-inputbar[data-v-54380030] { background-color: #33363d; } .video-danmaku-root .video-inputbar-wrap[data-v-54380030] { width: calc(100% - 62px); border: none; border-radius: 8px 0 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-54380030] { fill: #61666d; width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; margin-left: 6px; cursor: pointer; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-54380030]:hover { color: #00aeec; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span[data-v-54380030] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span i[data-v-54380030]{ color: white; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span:hover i[data-v-54380030]{ color: #00aeec; } .mode-selection-container[data-v-54380030] { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 216px; height: auto; padding: 2px 0 0; position: absolute; bottom: 24px; left: 50%; margin-left: -108px; z-index: 1001; /*background: rgba(21,21,21,.9);*/ border-radius: 2px; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku:hover .mode-selection-container[data-v-54380030] { display: block; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-wrap[data-v-54380030] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; top: 0; left: 0; z-index: 13; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-left: 6px; color: #9499a0; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-wrap a[data-v-54380030] { color: #00aeec; margin-left: 4px; } .mode-selection-container .mode-selection-panel[data-v-54380030] { display: inline-block; position: relative; background: rgba(21,21,21,.9); margin-bottom: 20px; } .mode-selection-container .mode-selection-panel .mode-selection-row[data-v-54380030] { position: relative; min-height: 22px; margin: 10px 20px; width: 176px; line-height: 22px; font-size: 12px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-title[data-v-54380030] { text-align: left; color: #fff; line-height: 16px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px -8px 0 0; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span[data-v-54380030] { position: relative; cursor: pointer; border-radius: 2px; color: #fff; text-align: center; margin-right: 8px; background: hsla(0,0%,100%,.2); font-size: 12px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span[data-type=fontsize][data-v-54380030] { width: 84px; margin-bottom: 8px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span.active[data-v-54380030] { color: #fff; background: #00a1d6; } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span[data-v-54380030] { background: transparent; margin: -4px 22px 0 0; color: hsla(0,0%,100%,.8); fill: hsla(0,0%,100%,.8); } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span.active[data-v-54380030], .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span.active[data-v-54380030]:hover { color: #00a1d6; background: transparent; fill: #00a1d6; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span .selection-icon[data-v-54380030] { width: 26px; height: 26px; display: block; text-align: center; position: relative; z-index: 1; border-radius: 2px; overflow: hidden; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span .selection-icon .iconfont[data-v-54380030] { font-size: 26px; } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-name[data-v-54380030] { display: block; line-height: 14px; } .bui-color-picker .bui-color-picker-result[data-v-54380030] { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; } .bui[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bui-input[data-v-54380030] { position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 0; height: 22px; } .bui-color-picker .bui-color-picker-input[data-v-54380030] { margin-right: 6px; width: 97px; } .bui-input .bui-input-wrap[data-v-54380030] { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .bui-input .bui-input-input[data-v-54380030] { border: 1px solid silver; border-radius: 2px; outline: none; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 4px 7px; resize: none; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; } .bui-color-picker.bui-dark .bui-input .bui-input-input[data-v-54380030] { background-color: transparent; color: #fff; border: 1px solid hsla(0,0%,100%,.2); } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .bui-input .bui-input-input[data-v-54380030] { -webkit-transition: none; transition: none; } .bui-color-picker .bui-color-picker-display[data-v-54380030] { display: inline-block; width: 50px; height: 22px; border: 1px solid rgba(0,0,0,.3); border-radius: 2px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .2s; transition: background .2s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-color-picker.bui-dark .bui-color-picker-display[data-v-54380030] { border: 1px solid hsla(0,0%,100%,.2); } .bui-color-picker .bui-color-picker-options[data-v-54380030] { padding: 0; margin: 0 -6px 0 0; list-style-type: none; white-space: normal; font-size: 0; line-height: 0; } .bui-color-picker .bui-color-picker-option[data-v-54380030] { width: 16px; height: 16px; border: 1px solid rgba(0,0,0,.3); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; margin-right: 6px; margin-bottom: 4px; cursor: pointer; display: inline-block; } .bui-color-picker .bui-color-picker-option.bui-color-picker-option-active[data-v-54380030] { -webkit-box-shadow: 0 0 1px 1px #fff; box-shadow: 0 0 1px 1px #fff; } .bui-color-picker.bui-dark .bui-color-picker-option.bui-color-picker-option-active[data-v-54380030] { border-color: #000; } .mode-selection-container .mode-selection-mask[data-v-54380030] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0,0,0,.8); text-align: center; z-index: 49; } .bui-button.bui-button-blue[data-v-54380030], .bui-button.bui-button-gray3[data-v-54380030]:hover { background-color: #00a1d6; color: #fff; } .mode-selection-container .mode-selection-mask .mode-selection-mask-warning[data-v-54380030] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); width: 76px; height: 26px; line-height: 26px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-54380030] { border: none; background-color: transparent; color: #18191c; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; /*z-index: 12;*/ line-height: 18px; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-54380030] { color: white; } .video-danmaku-root .video-inputbar-wrap .video-hint[data-v-54380030] { /*z-index: 13;*/ text-align: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 6px; opacity: 0; } .video-danmaku-root .video-inputbar.checkBox-hide .video-hint[data-v-54380030] { opacity: 1; } .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-54380030] { -webkit-transition: color .3s; transition: color .3s; color: #9499a0; fill: #9499a0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-54380030]:hover{ color: #00a1d6; } .video-danmaku-root .video-inputbar .video-btn-send[data-v-54380030] { /*z-index: 13;*/ width: 62px; min-width: 62px; height: 100%; text-align: center; border-radius: 0 8px 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background: none; cursor: pointer; padding: 0; outline: none; color: inherit; font: inherit; line-height: inherit; } .video-danmaku-root .video-inputbar .video-btn-send.bui-button-blue[data-v-54380030] { background-color: #00aeec; color: #fff; } .video-danmaku-setting-left-more[data-v-54380030] { clear: left; color: #fff; fill: #fff; /*line-height: 16px;*/ /*height: 16px;*/ text-align: left; cursor: pointer; position: relative; top: 10px; padding-top: 10px; border-top: 1px solid hsla(0,0%,100%,.1); } .video-danmaku-setting-left-more-text[data-v-54380030] { vertical-align: middle; display: inline-block; -webkit-transition: color .3s; transition: color .3s; } .video-danmaku-setting-left-more-senior-text[data-v-54380030] { color: hsla(0,0%,100%,.6); float: right; margin-right: 10px; display: none; } .video-danmaku-setting-left-more .bp-svgicon[data-v-54380030] { position: absolute; right: 0; height: 16px!important; width: 16px; vertical-align: middle; margin-right: -3px; } .video-danmaku-setting-right[data-v-54380030] { width: 100%; height: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-setting-right-more[data-v-54380030] { color: #fff; fill: #fff; line-height: 1; text-align: left; cursor: pointer; height: 32px; line-height: 32px; } .video-danmaku-setting-right-more .bp-svgicon[data-v-54380030] { cursor: pointer; } .video-danmaku-setting-right-more-text[data-v-54380030] { vertical-align: middle; display: inline-block; -webkit-transition: color .3s; transition: color .3s; } .video-danmaku-setting-right-separator[data-v-54380030] { width: 305px; border-bottom: 1px solid rgba(229,233,239,.1); position: relative; right: 20px; margin-bottom: 12px; } .bui-checkbox[data-v-54380030] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; cursor: pointer; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .video-danmaku-setting-right-density[data-v-54380030], .video-danmaku-setting-right-font[data-v-54380030], .video-danmaku-setting-right-speedsync[data-v-54380030] { margin-bottom: 12px; line-height: 15px; } .video-danmaku-setting-right-font-title[data-v-54380030], .video-danmaku-setting-right-fontborder-title[data-v-54380030], .video-danmaku-setting-right-type-title[data-v-54380030] { clear: left; text-align: left; height: 16px; line-height: 16px; margin-bottom: 4px; color: #fff; } .video-danmaku-setting-right-font-content[data-v-54380030] { float: left; margin-bottom: 12px; } .video-danmaku-setting-right-font-bold[data-v-54380030] { color: #212121; float: left; height: 16px; line-height: 16px; position: relative; top: 4px; left: 14px; } .video-danmaku-setting-right-fontborder[data-v-54380030] { clear: left; margin-bottom: 12px; } .bui-radio .bui-radio-wrap[data-v-54380030] { width: 100%; font-size: 0; height: 22px; } .bui-radio .bui-radio-button .bui-radio-group[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .bui-radio .bui-radio-button .bui-radio-label[data-v-54380030] { line-height: 24px; background-color: #999; -webkit-transition: all .2s; transition: all .2s; border-radius: 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; position: relative; display: inline-block; margin: 0 4px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .bui-radio.bui-dark .bui-radio-button .bui-radio-label[data-v-54380030] { background-color: hsla(0,0%,100%,.3); } .bui-radio .bui-radio-button .bui-radio-label .bui-radio-text[data-v-54380030] { color: #fff; } .bui-radio.bui-dark .bui-radio-button .bui-radio-label.checked[data-v-54380030] { background: #00a1d6; } .video-danmaku-setting-right-reset.bui-button[data-v-54380030] { width: 116px; height: 22px; line-height: 22px; margin-top: 9px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } .bui-button.bui-button-transparent[data-v-54380030] { color: #fff; border: 1px solid hsla(0,0%,100%,.2); height: 30px; cursor: pointer; } .blackRoom[data-v-54380030] { background: #212121; } .blackRoom .video-info[data-v-54380030]{ color: silver; } .blackRoom .video-danmaku-root .video-danmaku-setting[data-v-54380030], .blackRoom .video-danmaku-root .video-danmaku-switch[data-v-54380030]{ color: hsla(0,0%,100%,.8); } .blackRoom .video-danmaku-root .video-danmaku-setting[data-v-54380030]:hover, .blackRoom .video-danmaku-root .video-danmaku-switch[data-v-54380030]:hover { color: #fff; } .blackRoom .video-danmaku-root .video-inputbar[data-v-54380030]{ background-color: hsla(0,0%,100%,.15); } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-54380030]{ color: hsla(0,0%,100%,.8); } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-54380030]:hover{ color: #fff; } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-54380030] { color: #fff; } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-54380030]:hover{ color: #fff; } #mui-player .video-danmaku-setting-right-more .iconfont[data-v-54380030]{ font-size: 16px; } .blackGround[data-v-54380030] { width: auto; position: relative; overflow: hidden; background: #000; outline: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 连续播放*/ .i-player-ending-panel[data-v-54380030] { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 69; background-color: rgba(22,22,22,.8); cursor: pointer; display: none; } .i-player-ending-panel-blur[data-v-54380030] { display: block; height: 100%; z-index: 1; position: relative; overflow: hidden; cursor: default; pointer-events: none; } .i-player-ending-panel-blur[data-v-54380030]:before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.6); } .i-player-ending-panel-blur-img[data-v-54380030] { display: block; width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); } .i-player-ending-panel-box[data-v-54380030] { width: 710px; height: 390px; position: absolute; top: 50%; left: 50%; margin-top: -195px; margin-left: -355px; cursor: default; z-index: 12; pointer-events: none; } .i-player-ending-panel-box-functions[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; color: #fff; } .i-player-ending-panel-box-functions .i-player-upinfo-head[data-v-54380030] { -ms-flex-negative: 0; flex-shrink: 0; width: 56px; height: 56px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; pointer-events: auto; -webkit-transition: box-shadow .3s linear; -webkit-transition: -webkit-box-shadow .3s linear; transition: -webkit-box-shadow .3s linear; transition: box-shadow .3s linear; transition: box-shadow .3s linear, -webkit-box-shadow .3s linear; transition: box-shadow .3s linear,-webkit-box-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-head.up-avatar[data-v-54380030] { margin: -2px; border: 2px solid hsla(0,0%,100%,.6); border-radius: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-head a[data-v-54380030] { display: block; overflow: hidden; -webkit-transition: box-shadow .3s linear; -webkit-transition: -webkit-box-shadow .3s linear; transition: -webkit-box-shadow .3s linear; transition: box-shadow .3s linear; transition: box-shadow .3s linear, -webkit-box-shadow .3s linear; transition: box-shadow .3s linear,-webkit-box-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-head.up-avatar a[data-v-54380030] { border-radius: 100%; width: 100%; height: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-head img[data-v-54380030] { width: 100%; height: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-left[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 20px; height: 56px; max-width: 300px; min-width: 130px; position: relative; } .i-player-ending-panel-box-functions .i-player-upinfo-name[data-v-54380030] { width: 100%; font-size: 16px; height: 20px; color: #fff; pointer-events: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .i-player-ending-panel-box-functions .i-player-upinfo-name a[data-v-54380030] { color: #fff; -webkit-transition: text-shadow .3s linear; transition: text-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-follow[data-v-54380030] { position: absolute; left: 0; bottom: 0; width: 130px; font-size: 14px; height: 32px; line-height: 32px; pointer-events: auto; border-radius: 2px; border: 0; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; } .bui-button.bui-button-gray3[data-v-54380030] { background-color: gray; color: #fff; } .bui-button.bui-button-blue[data-v-54380030], .bui-button.bui-button-gray3[data-v-54380030]:hover { background-color: #00a1d6; color: #fff; } .i-player-ending-panel-box-functions .i-player-upinfo-follow>div[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-player-ending-panel-box-functions .i-player-upinfo-follow .bp-svgicon[data-v-54380030] { /*width: 16px;*/ /*height: 16px;*/ fill: #fff; margin-right: 5px; } .i-player-ending-panel-box-functions .i-player-upinfo-electric[data-v-54380030] { /*display: none;*/ position: absolute; left: 0; bottom: 0; width: 130px; margin-left: 82px; font-size: 14px; height: 30px; line-height: 30px; pointer-events: auto; background: #fb7299; color: #fff; border-radius: 2px; border: 1px solid #fb7299; text-align: center; cursor: pointer; -webkit-transition: all .2s linear; transition: all .2s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-electric.little[data-v-54380030] { color: #fb7299; width: 72px; padding: 0; margin-left: 140px; background-color: transparent; border-color: #fb7299; } .i-player-ending-panel-box-functions .i-player-upinfo-electric.little .more-word[data-v-54380030] { display: none; } .i-player-ending-panel-box-functions .i-player-upinfo-spans[data-v-54380030] { position: absolute; right: 0; top: 0; display: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 10px; pointer-events: auto; color: hsla(0,0%,100%,.9); fill: hsla(0,0%,100%,.9); opacity: 0; } .i-player-ending-panel-box-functions .i-player-upinfo-spans.show[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div[data-v-54380030] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 30px; line-height: 24px; height: 45px; cursor: pointer; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div.restart[data-v-54380030] { padding-right: 30px; border-right: 1px solid hsla(0,0%,100%,.1); } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div .bp-svgicon[data-v-54380030] { width: 28px; height: 28px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div .bp-svgicon .iconfont[data-v-54380030] { font-size: 28px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display[data-v-54380030] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div[data-v-54380030] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 30px; line-height: 24px; height: 45px; cursor: pointer; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div.active[data-v-54380030]{ color: #00a1d6; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div .bp-svgicon[data-v-54380030] { width: 24px; height: 24px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div .bp-svgicon .iconfont[data-v-54380030] { font-size: 24px; } .i-player-ending-panel-box-videos[data-v-54380030] { position: relative; margin-top: 20px; margin-right: -28px; /*padding-top: 30px;*/ height: 306px; overflow: hidden; } /*.i-player-ending-panel-box-videos:before {*/ /* content: "相关推荐";*/ /* font-size: 16px;*/ /* color: #fff;*/ /* line-height: 20px;*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /*}*/ .i-player-ending-panel-box-recommend[data-v-54380030] { position: relative; width: 223px; height: 140px; border: 1px solid transparent; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 16px 16px 0; float: left; pointer-events: auto; overflow: hidden; border-radius: 4px; -webkit-transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out!important; -webkit-transition: border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; } .i-player-ending-panel-box-recommend[data-v-54380030]:before { content: ""; position: absolute; top: 30%; right: 0; bottom: 0; left: 0; border-radius: 4px; background: #000; background: url(//s1.hdslb.com/bfs/static/player/img/gradient.png) 0 0 repeat-x; background: -webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(20%, rgba(0,0,0,.1)),color-stop(35%, rgba(0,0,0,.2)),color-stop(65%, rgba(0,0,0,.5)),to(rgba(0,0,0,.66))); background: linear-gradient(transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.66)); z-index: 1; } .i-player-ending-panel-box-recommend-img[data-v-54380030] { width: 100%; height: 100%; border-radius: 4px; overflow: hidden; position: relative; background-size: auto 100%; background-position: 50%; background-repeat: no-repeat; background-color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .i-player-ending-panel-box-recommend-cover[data-v-54380030] { cursor: pointer; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 4px; } .i-player-ending-panel-box-recommend-cover.cover-mask[data-v-54380030] { background: rgba(33,33,33,.5); } .i-player-ending-panel-box-recommend-cover-cancel[data-v-54380030] { position: absolute; display: none; width: 68px; height: 24px; background: hsla(0,0%,100%,.4); border-radius: 4px; font-size: 14px; color: #fff; line-height: 24px; top: 6px; right: 6px; text-align: center; cursor: pointer; z-index: 11; } .i-player-ending-panel-box-recommend-cover.cover-mask .i-player-ending-panel-box-recommend-cover-cancel[data-v-54380030]{ display: block; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-cover-cancel[data-v-54380030] { right: calc(100% - 75px); top: 8px; } .i-player-ending-panel-box-recommend-cover-countdown[data-v-54380030] { display: none; width: 64px; margin-top: 40px; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; } .i-player-ending-panel-box-recommend-cover.cover-mask .i-player-ending-panel-box-recommend-cover-countdown[data-v-54380030]{ display: block; } .i-player-ending-panel-box-recommend-cover-title[data-v-54380030] { position: absolute; top: 118px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 100%; height: 18px; z-index: 10; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; word-break: break-all; -webkit-transition: transform .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; } .i-player-ending-panel-box-recommend-add-watchlater[data-v-54380030] { position: absolute; bottom: 10px; right: 10px; opacity: 0; margin-right: -4px; margin-bottom: -6px; border-radius: 4px; background-color: #fff; visibility: hidden; z-index: 20; line-height: 1; -webkit-transition: opacity .15s; transition: opacity .15s; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater[data-v-54380030] { right: 14px; bottom: calc(100% - 30px); background-color: rgba(0,0,0,.8); } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater i[data-v-54380030] { width: 28px; height: 28px; border-radius: 6px; display: inline-block; background-size: auto 100%; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater i.icon-22wait-normal[data-v-54380030] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .i-player-ending-panel-box-recommend[data-v-54380030]:hover { border-color: #fff; -webkit-box-shadow: 0 0 6px hsla(0,0%,100%,.5); box-shadow: 0 0 6px hsla(0,0%,100%,.5); } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-cover[data-v-54380030] { overflow: visible; cursor: pointer; } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-cover-title[data-v-54380030] { white-space: normal; padding-right: 24px; height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-add-watchlater[data-v-54380030] { opacity: 1; visibility: visible; } /* 小窗播放 */ .hide[data-v-54380030] { display: none; } #mui-player[data-screen=mini][data-v-54380030] { z-index: 100000!important; position: fixed!important; width: 320px!important; height: 180px!important; border-radius: 4px; overflow: hidden; right: 84px; bottom: 48px; } .bpx-player-mini-warp[data-v-54380030] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: move; z-index: 12; } .bpx-player-mini-warp .bpx-player-mini-close[data-v-54380030], .bpx-player-mini-warp .bpx-player-mini-state[data-v-54380030] { opacity: 0; cursor: pointer; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .bpx-player-mini-warp .bpx-player-mini-close[data-v-54380030] { width: 26px; height: 26px; fill: #fff; float: right; margin-top: 8px; margin-right: 8px; } .bpx-player-mini-warp .bpx-player-mini-state[data-v-54380030] { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } .bpx-player-mini-warp .bpx-player-mini-state-pause[data-v-54380030], .bpx-player-mini-warp .bpx-player-mini-state-play[data-v-54380030] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50%; background-repeat: no-repeat; background-size: 80px 80px; color: white; font-size: 100px; } .bpx-player-mini-warp:hover .bpx-player-mini-close[data-v-54380030], .bpx-player-mini-warp:hover .bpx-player-mini-state[data-v-54380030] { opacity: 1; } /*小窗开关*/ .miniSwitch[data-v-54380030] { position: fixed; right: 0; bottom: 50px; z-index: 6; border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: 40px; margin-bottom: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; color: #18191C; fill: #18191C; text-align: center; padding: 8px 0 4px 0; background-color: #FFFFFF; } .miniSwitch.on[data-v-54380030] { color: #00AEEC; fill: #00AEEC; } .miniSwitch .item-icon[data-v-54380030] { width: 24px; height: 24px; margin: 0 auto 2px; } .miniSwitch .item-text[data-v-54380030] { line-height: 14px; } .chooseLd[data-v-54380030]{ position: absolute; top: 0; width: 100%; height: 100%; background: #000; z-index: 99; color: #ffffff; } .chooseLd .text[data-v-54380030] { position: absolute; width: 100%; margin-top: 15%; font-size: 16px; text-align: center; } .chooseLd .chooseItem[data-v-54380030] { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; } .chooseLd .choose[data-v-54380030]{ background: #9e9e9e; margin: auto; border-radius: 10px; padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .qqqqq[data-v-54380030] { color: white; position: absolute; bottom: 40px; width: 100%; display: none; padding-bottom: 20px; } .changeVideoTheColor[data-v-54380030] { height: 40px; line-height: 40px; width: 100%; text-align: center; color: white; background: rgba(22, 22, 22, .8); font-size: 14px; } .changeVideoTheColor.select[data-v-54380030] { color: #00a1d6; } .myRate .el-rate__item { width: 20%; } /*! * Mui Player Css Library v1.6.0 @Professional edition * Date：2021-12-01 * Released under GPL-3.0 license * https://muiplayer.js.org/ */ .m-player{width:auto;height:225px;position:relative;overflow:hidden;background:#000;outline:none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .m-player .mplayer-footer{color:#fff;position:absolute;bottom:0;right:0;left:0;background:-webkit-gradient(linear,left top, left bottom,from(hsla(0,0%,100%,0)),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.5));-webkit-transform:translateY(50px);transform:translateY(50px);transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;z-index:7;height:48px;padding:0 10px} .m-player .mplayer-footer.show{-webkit-transform:translateY(0)!important;transform:translateY(0)!important} .m-player .mplayer-footer .progress{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:inherit} .m-player .mplayer-footer .progress .progress-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;height:25px} .m-player .mplayer-footer .progress .progress-container.upper-position{position:absolute;left:20px;right:20px;bottom:100%;margin-bottom:-10.5px} .m-player .mplayer-footer .progress .progress-container .touch-effective{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:8px;margin-right:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .m-player .mplayer-footer .progress .progress-container .touch-effective .progress-default-scale{border-radius:0!important;-webkit-transform:translateY(-50%) scaleY(2)!important;transform:translateY(-50%) scaleY(2)!important} .m-player .mplayer-footer .progress .progress-container .touch-effective .progress-hover-scale{-webkit-transform:translateY(-50%) scaleY(3)!important;transform:translateY(-50%) scaleY(3)!important} .m-player .mplayer-footer .progress .progress-container .touch-effective .progress-total{width:100%;background-color:hsla(0,0%,100%,.2);overflow:hidden} .m-player .mplayer-footer .progress .progress-container .touch-effective .progress-play,.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-total{position:absolute;height:2px;border-radius:5px;top:50%;-webkit-transform:scaleY(.9) translateY(-50%);transform:scaleY(.9) translateY(-50%);transition:-webkit-transform .15s;-webkit-transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s, -webkit-transform .15s} .m-player .mplayer-footer .progress .progress-container .touch-effective .progress-buffered{background-color:hsla(0,0%,71%,.7);position:absolute;height:2px;border-top-left-radius:5px;border-bottom-left-radius:5px;top:50%;-webkit-transform:scaleY(.9) translateY(-50%);transform:scaleY(.9) translateY(-50%);transition:width .15s,-webkit-transform;-webkit-transition:width .15s,-webkit-transform;transition:transform,width .15s;transition:transform,width .15s,-webkit-transform} .m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container{position:absolute;height:100%;width:100%} .m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag{height:30px;width:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .15s;-webkit-transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s, -webkit-transform .15s} .m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag.hover-scale{-webkit-transform:translate(-50%,-50%) scale(1)!important;transform:translate(-50%,-50%) scale(1)!important} .m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag.default-scale{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)} .m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag .progress-ball{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:17px;width:17px;border-radius:50%;display:inline-block;background:#fff} .m-player .mplayer-footer .progress .progress-begin{font-size:13px;width:40px;text-align:left} .m-player .mplayer-footer .progress .progress-long{font-size:13px;width:40px;text-align:right} .m-player .mplayer-footer .progress .left-part,.m-player .mplayer-footer .progress .right-part{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit} .m-player .mplayer-footer .progress .left-part .footer-control,.m-player .mplayer-footer .progress .right-part .footer-control{position:relative} .m-player .mplayer-footer .progress .left-part .footer-control:active,.m-player .mplayer-footer .progress .right-part .footer-control:active{opacity:.75} .m-player .mplayer-footer .progress .left-part .footer-control svg,.m-player .mplayer-footer .progress .right-part .footer-control svg{vertical-align:middle} .m-player .mplayer-footer .progress .panel-controls{position:absolute;min-height:50px;bottom:50px;padding:12px;background-color:rgba(0,0,0,.6);border-radius:3px} .m-player .mplayer-footer .progress .live-mode{color:#fff;position:relative;font-size:14px;width:auto;white-space:nowrap} .m-player .mplayer-footer .progress .live-mode .spot{width:6px;height:6px;border-radius:50%;background:#1e98d4;margin-right:5px;display:inline-block;vertical-align:middle} .m-player .mplayer-footer .progress .live-mode .mode-text{display:inline-block;vertical-align:middle} .m-player .mplayer-header{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,0,0,.5),hsla(0,0%,100%,0));padding:0 10px;height:60px;position:absolute;top:0;left:0;right:0;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;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;z-index:7} .m-player .mplayer-header.show{-webkit-transform:translateY(0)!important;transform:translateY(0)!important} .m-player .mplayer-header .title-groupt{height:100%} .m-player .mplayer-header .title-groupt .back-button{white-space:nowrap;width:auto} .m-player .mplayer-header .title-groupt .back-button div,.m-player .mplayer-header .title-groupt .back-button svg{vertical-align:middle} .m-player .mplayer-header .title-groupt .back-button .title-name{position:relative;color:#fff;margin-left:5px;display:inline-block} .m-player .mplayer-header .buttom-group{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%} .m-player .mplayer-header .buttom-group .battery-info{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:right;transform-origin:right} .m-player .mplayer-header .buttom-group .battery-info .time{color:#fff;font-size:14px;position:relative;top:4px;right:0} .m-player .mplayer-header .buttom-group .battery-info .capacity{border:1px solid #fff;height:11px;width:24px;border-radius:2px;position:relative} .m-player .mplayer-header .buttom-group .battery-info .capacity:after{content:"";height:7px;width:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right:none;border-top-left-radius:3px;border-bottom-left-radius:3px;left:-3px;background:#fff} .m-player .mplayer-header .buttom-group .battery-info .capacity .level{position:absolute;top:1px;bottom:1px;left:1px;right:1px} .m-player .mplayer-header .buttom-group .battery-info .capacity .level .count{background:#fff;height:100%;width:0;float:right;border-top-right-radius:1px;border-bottom-right-radius:1px} .m-player .mplayer-sidebar{display:block;position:absolute;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:8;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .4s ease;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;overflow:auto} .m-player .mplayer-sidebar.open{-webkit-transform:none!important;transform:none!important} .m-player .mplayer-sidebar::-webkit-scrollbar{width:4px;background:transparent} .m-player .mplayer-sidebar::-webkit-scrollbar-thumb{background:rgba(230,230,250,.24);border-radius:3px;height:100px} .m-player .mplayer-sidebar .title{color:#9a9e98;font-size:15px;line-height:40px;position:relative;margin-left:20px;margin-right:50px;text-align:left} .m-player .mplayer-sidebar .title:before{content:"";border-bottom:1px solid hsla(0,0%,87%,.3);position:absolute;left:0;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)} .m-player .mplayer-sidebar .setting-box{font-size:15px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 50px 20px 20px} .m-player .mplayer-sidebar .setting-box .box-name{margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left} .m-player .mplayer-sidebar .setting-box .toogle-switch{margin-left:12px;cursor:pointer;border-radius:50px;width:45px;height:22px;position:relative;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in} .m-player .mplayer-sidebar .setting-box .toogle-switch.open .ball{right:3px} .m-player .mplayer-sidebar .setting-box .toogle-switch.close{background-color:hsla(0,0%,100%,.3)!important} .m-player .mplayer-sidebar .setting-box .toogle-switch.close .ball{right:24px} .m-player .mplayer-sidebar .setting-box .toogle-switch .ball{border-radius:50px;height:18px;width:18px;border-radius:50%;background:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:right .2s ease-in;transition:right .2s ease-in} .m-player .mplayer-sidebar .setting-box .toogle-switch .disable{position:absolute;top:0;bottom:0;right:0;left:0;border-radius:50px;background:rgba(0,0,0,.6)} .m-player .mplayer-sidebar .setting-box .play-speed{cursor:pointer;font-size:16px;height:35px;width:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0} .m-player .mplayer-sidebar .setting-box .share-box{cursor:pointer;height:45px;width:45px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:22px;margin-bottom:12px;-ms-flex-negative:0;flex-shrink:0} .m-player .mp-tooltip{position:absolute;font-size:12px;white-space:nowrap;background-color:rgba(0,0,0,.8);padding:2px 5px;display:block;color:#fff;z-index:9;border-radius:3px;pointer-events:none} .m-player .player-btn{position:relative;cursor:pointer;border:none;background-color:transparent;padding:0;padding:0 11px;outline:0;width:45px;min-width:45px;height:inherit;font-size:14px} .m-player .player-btn:focus{outline:none} .m-player .player-btn::-moz-focus-inner{border:0;outline:0} .m-player .mplayer-poster{position:absolute;top:0;bottom:0;left:0;right:0;background:#000} .m-player .mplayer-poster:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4)} .m-player .mplayer-cover{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;z-index:8;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none} .m-player .mplayer-time{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8;opacity:0} .m-player .mplayer-time .time{color:#fff;font-size:26px;text-align:center;white-space:nowrap} .m-player .mplayer-time .time-progress{margin:auto;height:3px;background:hsla(0,0%,100%,.6);width:180px;border-radius:50px;margin-top:9px;overflow:hidden} .m-player .mplayer-time .time-progress .time-total{background:#fff;height:100%;width:50%;border-top-left-radius:50px;border-bottom-left-radius:50px} .m-player .small-control{height:32px;position:absolute;width:143px;top:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50px;background-color:rgba(0,0,0,.55);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;opacity:0;z-index:7} .m-player .small-control .progress{border-radius:50px;overflow:hidden;height:3px;width:96px;background:hsla(0,0%,87%,.85);margin-left:6px} .m-player .small-control .progress .total{width:50%;height:100%;background:#fff} .m-player .mplayer-loading{color:#1e98d4;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;display:none} @-webkit-keyframes mp-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes mp-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @-webkit-keyframes mp-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}} @keyframes mp-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}} .m-player .mplayer-loading .mplayer-loading__circular{width:40px;height:40px;-webkit-animation:mp-rotate 1.8s linear infinite;animation:mp-rotate 1.8s linear infinite} .m-player .mplayer-loading .mplayer-loading__circular circle{-webkit-animation:mp-circular 1.5s ease-in-out infinite;animation:mp-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round} .m-player .mplayer-toast{padding:7px 12px;background-color:rgba(80,80,77,.9);position:absolute;bottom:18%;color:#fff;border-radius:50px;font-size:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:mplayerToast .25s;animation:mplayerToast .25s;z-index:10} @-webkit-keyframes mplayerToast{0%{bottom:-18%}to{bottom:18%}} @keyframes mplayerToast{0%{bottom:-18%}to{bottom:18%}} .m-player .mplayer-left{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:left .3s;transition:left .3s;opacity:0;z-index:7} .m-player .mplayer-left ._unlock,.m-player .mplayer-left .control-icon ._lock{height:38px;width:38px;border-radius:50%;background-color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer} .m-player .mplayer-error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;z-index:10;font-size:13px;text-align:center;display:none;opacity:1;-webkit-animation:mplayerError .7s;animation:mplayerError .7s} @-webkit-keyframes mplayerError{0%{opacity:0}to{opacity:1}} @keyframes mplayerError{0%{opacity:0}to{opacity:1}} .m-player .mplayer-error .errop-tip{height:25px} .m-player .mplayer-error:active{opacity:.75} .m-player .mini-progress{height:2px;position:absolute;bottom:0;left:0;right:0;-webkit-transform:translateY(.3px);transform:translateY(.3px);opacity:0} .m-player .mini-progress .mini-total{position:absolute;background-color:hsla(0,0%,100%,.2);width:100%;height:100%} .m-player .mini-progress .mini-buffered{position:absolute;background-color:hsla(0,0%,71%,.5);height:100%} .m-player .mini-progress .mini-play{position:absolute;height:100%} @-webkit-keyframes mp-bezel-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}} @keyframes mp-bezel-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}} .m-player .mp-bezel-text-hide .mp-bezel{z-index:10;position:absolute;left:50%;top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;background:rgba(0,0,0,.6);border-radius:26px;-webkit-animation:mp-bezel-fadeout .4s linear 1 normal forwards;animation:mp-bezel-fadeout .4s linear 1 normal forwards;pointer-events:none} .m-player .mp-bezel-text-hide .mp-bezel .mp-bezel-icon{width:24px;height:24px;margin:14px} .m-player .mp-bezel-text-hide .mp-bezel .mp-bezel-icon .mp-svg-shadow{stroke:#000;stroke-opacity:.15;stroke-width:2px;fill:none} .m-player .ctxmenu-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none} .m-player .ctxmenu-wrapper .ctxmenulist{text-align:left;position:absolute;list-style:none;font-size:14px;background:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);color:#eee;border-radius:2px;margin:0;padding:0;min-width:170px;-webkit-transition:opacity .1s;transition:opacity .1s;opacity:0;outline:0;z-index:9} .m-player .ctxmenu-wrapper .ctxmenulist li{padding:9px 30px;cursor:pointer} .m-player .ctxmenu-wrapper .ctxmenulist li:first-child{border-top-left-radius:2px;border-top-right-radius:2px} .m-player .ctxmenu-wrapper .ctxmenulist li:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px} .m-player .ctxmenu-wrapper .ctxmenulist li:hover{background-color:hsla(0,0%,100%,.1)} .m-player .mplayer-shortcut{text-align:left;font-size:16px;background:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);color:#eee;border-radius:3px;padding:15px 0 15px 20px;position:absolute;top:10px;left:10px;z-index:8;display:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:430px} .m-player .mplayer-shortcut .title{margin:0;padding-bottom:10px} .m-player .mplayer-shortcut .close-shortcut-panel{position:absolute;top:0;right:15px;font-size:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .m-player .mplayer-shortcut .close-shortcut-panel:active{opacity:.8} .m-player .mplayer-shortcut ul{list-style:none;margin:0 0 2px;padding:0;font-size:14px} .m-player .mplayer-shortcut ul li{display:inline-block;height:28px;line-height:28px;width:50%} .m-player .mplayer-shortcut ul li span{color:#999} .m-player .mp-popup-animation{-webkit-transition:all .25s cubic-bezier(0,0,.2,1);transition:all .25s cubic-bezier(0,0,.2,1)} .m-player .popup-toggle{-webkit-transition:opacity .1s cubic-bezier(0,0,.2,1)!important;transition:opacity .1s cubic-bezier(0,0,.2,1)!important} .m-player .mp-popup{border-radius:2px;overflow:hidden;position:absolute;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:width,height;background:rgba(28,28,28,.9);opacity:0;min-width:42px} .m-player .mp-popup .mp-panel{min-width:260px} .m-player .mp-popup .mp-panel.mp-panel-child .mp-menuitem{padding-left:14.5%} .m-player .mp-popup .mp-panel.mp-panel-item{position:absolute;bottom:0;right:0;overflow-y:auto;overflow-x:hidden} .m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar{width:8px;background-color:#424242} .m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar-thumb{background-color:#8e8e8e;border:1px solid #424242;border-radius:3px} .m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar-track{background-color:#424242} .m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-selected{background-size:8%;background-repeat:no-repeat;background-position:4%;vertical-align:middle;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=)} .m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-header{height:50px;padding-left:0;line-height:50px} .m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-header:before{content:"";position:absolute;border-bottom:1px solid #fff;left:0;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.2;z-index:100} .m-player .mp-popup .mp-panel .mp-menuitem{position:relative;list-style:none;color:#eee;margin:0;padding:0;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;padding-left:10%;height:40px;line-height:40px;white-space:nowrap;outline:none} .m-player .mp-popup .mp-panel .mp-menuitem:not(.mp-panel-header){cursor:pointer} .m-player .mp-popup .mp-panel .mp-menuitem:not(.mp-panel-header):hover{background-color:hsla(0,0%,100%,.1)} .m-player .mp-popup .mp-panel .mp-menuitem li{height:inherit;width:50%} .m-player .mp-popup .mp-panel .mp-menuitem li:first-child{padding-right:40px;white-space:pre;overflow:hidden;text-overflow:ellipsis;text-align:left} .m-player .mp-popup .mp-panel .mp-menuitem li:last-child{text-align:right} .m-player .mp-popup .mp-panel .mp-menuitem li .mp-menuitem-content{height:inherit} .m-player .mp-popup .mp-panel .mp-menuitem li .arrow-icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);background-size:35%;background-repeat:no-repeat;background-position:100%;vertical-align:middle;padding-right:35%} .m-player .mp-popup .mp-panel .mp-menuitem li .left-arrow-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwJSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIj48cGF0aCBkPSJNIDE5LjQxLDIwLjA5IDE0LjgzLDE1LjUgMTkuNDEsMTAuOTEgMTgsOS41IGwgLTYsNiA2LDYgeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);background-repeat:no-repeat;background-position:0;background-size:30%;padding-left:30%;text-align:left;cursor:pointer} .m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch{cursor:pointer;border-radius:50px;width:41px;height:20px;position:relative;display:inline-block;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;vertical-align:middle;right:13%} .m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch.close{background-color:hsla(0,0%,100%,.3)!important} .m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch.open .ball{right:4.83%} .m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch .ball{border-radius:50px;height:16px;width:16px;border-radius:50%;background:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:right .15s ease-in;transition:right .15s ease-in;right:56.46%} .m-player .volume-container{width:100%;height:100%;border-radius:2px;color:#fff;text-align:center;outline:0;font-size:12px;padding-top:8px;padding-bottom:8px} .m-player .volume-container .volume-size{color:#fff} .m-player .volume-container .volume-capacity{cursor:pointer;height:100px;width:4px;background-color:#373838;border-radius:7px;margin:25% auto 0;position:relative} .m-player .volume-container .volume-capacity .volume-drag-ball{background-color:#fff;width:14px;height:14px;border-radius:50%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;z-index:7} .m-player .volume-container .volume-capacity .progress-bar{border-radius:7px;position:absolute;bottom:0;left:0;right:0;height:0} .m-player:-webkit-full-screen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important} .m-player:-webkit-full-screen video{position:relative} .m-player.browser-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important} .m-player.browser-fullscreen video{position:relative} .m-player.page-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important} .m-player.page-fullscreen video{position:relative} .m-player.mp-keyboard-focus .keyboard-input:focus,.m-player.mp-keyboard-focus .mp-menuitem:focus{-webkit-box-shadow:inset 0 0 0 2px rgba(27,127,204,.8);box-shadow:inset 0 0 0 2px rgba(27,127,204,.8)} .m-player .player-wrapper{height:100%;width:100%;position:relative} .m-player .player-wrapper .video-wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .m-player .player-wrapper .video-wrapper video{-o-object-fit:contain;object-fit:contain;display:block;opacity:0} .m-player .player-wrapper .video-wrapper video.covered{height:100%!important;width:100%!important;-o-object-fit:cover;object-fit:cover} .m-player .player-wrapper .video-wrapper video::cue{color:#fff;background:transparent;text-shadow:0 0 1px #000} .m-player .player-wrapper .video-wrapper video::-webkit-media-text-track-display{margin-top:-5px} .m-player .player-wrapper .video-wrapper video::-webkit-media-controls-overlay-play-button,.m-player .player-wrapper .video-wrapper video::-webkit-media-controls-start-playback-button,.m-player .player-wrapper .video-wrapper video::-webkit-media-controls-volume-slider,.m-player .player-wrapper .video-wrapper video video::-webkit-media-controls-mute-button{display:none} .detail-wrp[data-v-2e531f97] { position: relative; width: 940px; margin: 0 auto; } .upload-manage .content[data-v-a9d43656][data-v-2e531f97] { padding: 0 40px 20px 40px; } .detail-wrp .detail-header[data-v-2e531f97] { padding: 30px 0; } .detail-wrp .detail-header .article-link[data-v-2e531f97] { color: #99a2aa; } .detail-wrp .detail-header span[data-v-2e531f97] { margin-left: 3px; } .detail-wrp .detail-header .article-title[data-v-2e531f97] { color: #00a1d6; } .detail-wrp .detail-header .tips[data-v-2e531f97] { color: #6d757a; } .detail-wrp .detail-empty[data-v-2e531f97] { border-radius: 4px; background: #fff; border: 1px solid #e5e9ef; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; padding: 20px 0; color: #666; } .detail-wrp .detail-empty[data-v-2e531f97], .detail-wrp .detail-error[data-v-2e531f97] { text-align: center; font-size: 14px; } .upload-manage .content[data-v-06a91652] { padding: 0 40px 20px 40px; } .editor[data-v-06a91652] { background: rgb(255, 255, 255); font-size: 12px; } .editor .editor-head[data-v-06a91652] { height: 60px; padding: 0px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .editor .editor-head-title[data-v-06a91652] { font-size: 16px; line-height: 60px; color: rgb(34, 34, 34); max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .editor .editor-head-dropdown[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 60px; } .editor .editor-body[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; } .editor .editor-body .editor-body-left[data-v-06a91652] { width: 690px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; } .editor .editor-body .editor-body-left .editor-video[data-v-06a91652] { height: 0px; padding-top: 56.087%; position: relative; } .editor .editor-body .editor-body-left .editor-video .iframe[data-v-06a91652] { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; border: none; } .timeline[data-v-06a91652] { border-right: 1px solid rgb(192, 192, 192); border-bottom: 1px solid rgb(192, 192, 192); border-left: 1px solid rgb(192, 192, 192); -o-border-image: initial; border-image: initial; border-top: none; } .timeline .timeline-header[data-v-06a91652] { width: 100%; height: 44px; border-bottom: 1px solid rgb(192, 192, 192); background: rgb(250, 250, 250); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .timeline .timeline-header .timeline-header-box[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 30px; } .timeline .timeline-header .timeline-header-box[data-v-06a91652]:first-child { border-right: 1px solid rgb(231, 231, 231); } .timeline .icon[data-v-06a91652] { width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; cursor: pointer; } .timeline .timeline-header .slider[data-v-06a91652] { width: 90px; margin: 0px 6px; } .i-slider__runaway[data-v-06a91652] { width: 100%; height: 6px; margin: 16px 0px; background-color: rgb(228, 231, 237); border-radius: 3px; position: relative; vertical-align: middle; } .timeline .timeline-header .slider .i-slider__runaway[data-v-06a91652] { background-color: rgb(230, 230, 230); height: 2px; border-radius: 1px; } .i-slider__runaway .slider-runBtn__hover[data-v-06a91652] { height: 36px; width: 36px; position: absolute; z-index: 1001; top: -15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .timeline .timeline-header .slider .slider-runBtn__hover[data-v-06a91652] { width: 10px; height: 10px; top: -4px; } .i-slider__runaway .slider-runBtn__hover .slider-runBtn[data-v-06a91652] { width: 16px; height: 16px; border: 2px solid rgb(64, 158, 255); border-radius: 50%; background: rgb(255, 255, 255); } .timeline .timeline-header .slider .slider-runBtn[data-v-06a91652] { width: 8px; height: 8px; border: none; background: rgb(0, 161, 214); } .i-slider__runaway .slider-run__bar[data-v-06a91652] { position: absolute; background-color: rgb(64, 158, 255); border-radius: 3px; height: 100%; } .timeline .timeline-header .slider .slider-run__bar[data-v-06a91652] { background-color: rgb(0, 161, 214); } .timeline .icon.active i[data-v-06a91652] { fill: rgb(0, 161, 214); } .timeline .timeline-body[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .timeline .timeline-body .timeline-icons[data-v-06a91652] { height: 100%; width: 40px; border-right: 1px solid rgb(192, 192, 192); background: rgb(255, 255, 255); padding: 16px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .timeline .timeline-body .timeline-icons .timeline-icon[data-v-06a91652] { width: 40px; height: 44px; margin-top: 16px; 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; } .timeline .timeline-body .timeline-icons .timeline-icon img[data-v-06a91652] { width: 24px; height: 24px; } .timeline .timeline-body .timeline-lines[data-v-06a91652] { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; overflow: hidden; position: relative; font-size: 0px; /*overflow-x: auto;*/ } .timeline-lines[data-v-06a91652]::-webkit-scrollbar { height: 8px; z-index: 3 !important } .timeline .timeline-body .timeline-lines .timeline-lines-inner[data-v-06a91652] { position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .timeline .timeline-body .timeline-graduation[data-v-06a91652] { font-size: 12px; position: absolute; top: 0px; height: 30px; white-space: nowrap; } .timeline .timeline-body .timeline-graduation .timeline-graduation-item[data-v-06a91652] { position: relative; display: inline-block; background: rgb(192, 192, 192); color: rgb(80, 80, 80); height: 5px; width: 1px; vertical-align: top; } .timeline .timeline-body .timeline-graduation .timeline-graduation-item span[data-v-06a91652] { position: absolute; left: 50%; top: 5px; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: left top; transform-origin: left top; } .timeline .timeline-body .timeline-lines .timeline-lines-inner .timeline-body-line[data-v-06a91652] { position: absolute; top: 32px; width: 100%; } .timeline-line[data-v-06a91652] { height: 44px; margin-bottom: 16px; background: rgb(250, 250, 250); font-size: 12px; position: relative; pointer-events: none; } .timeline-box[data-v-06a91652] { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 20px; top: 2px; bottom: 2px; pointer-events: all; background: rgba(13, 193, 180, 0.09); color: rgb(13, 193, 180); -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .timeline-box.warning[data-v-06a91652] { -webkit-box-shadow: rgb(251, 114, 153) 1px 0px, rgb(251, 114, 153) -1px 0px, rgb(251, 114, 153) 0px 1px, rgb(251, 114, 153) 0px -1px, rgb(251, 114, 153) 1px 1px, rgb(251, 114, 153) -1px -1px, rgb(251, 114, 153) -1px 1px, rgb(251, 114, 153) 1px -1px; box-shadow: rgb(251, 114, 153) 1px 0px, rgb(251, 114, 153) -1px 0px, rgb(251, 114, 153) 0px 1px, rgb(251, 114, 153) 0px -1px, rgb(251, 114, 153) 1px 1px, rgb(251, 114, 153) -1px -1px, rgb(251, 114, 153) -1px 1px, rgb(251, 114, 153) 1px -1px; } .timeline-box.active[data-v-06a91652] { -webkit-box-shadow: rgb(0, 161, 214) 1px 0px, rgb(0, 161, 214) -1px 0px, rgb(0, 161, 214) 0px 1px, rgb(0, 161, 214) 0px -1px, rgb(0, 161, 214) 1px 1px, rgb(0, 161, 214) -1px -1px, rgb(0, 161, 214) -1px 1px, rgb(0, 161, 214) 1px -1px; box-shadow: rgb(0, 161, 214) 1px 0px, rgb(0, 161, 214) -1px 0px, rgb(0, 161, 214) 0px 1px, rgb(0, 161, 214) 0px -1px, rgb(0, 161, 214) 1px 1px, rgb(0, 161, 214) -1px -1px, rgb(0, 161, 214) -1px 1px, rgb(0, 161, 214) 1px -1px; } .timeline-box.timeline-box-chapters[data-v-06a91652] { background: rgba(117, 117, 117, 0.1); color: rgb(33, 33, 33); } .timeline-box .timeline-content-bar[data-v-06a91652] { width: 100%; } .timeline-box span[data-v-06a91652] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .timeline-box .timeline-content[data-v-06a91652] { display: inline-block; vertical-align: middle; width: 100%; } .timeline-box .dragbar[data-v-06a91652] { vertical-align: middle; font-weight: bold; display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 12px; overflow: hidden; } .timeline-box .dragbar.dragbar-left[data-v-06a91652] { left: 8px; } .timeline-box.active .dragbar[data-v-06a91652] { display: block; } .timeline-box .dragbar.dragbar-right[data-v-06a91652] { right: 8px; } .timeline-box .handle-ml[data-v-06a91652] { background: rgb(255, 255, 255); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; border-radius: 6px; width: 20px; height: 22px; position: absolute; left: -12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .timeline-box .handle-ml[data-v-06a91652]::after { content: ""; display: block; width: 2px; height: 10px; background: rgb(85, 89, 102); border-radius: 1px; } .timeline .timeline-body .timeline-lines .bscroll-horizontal-scrollbar .bscroll-indicator[data-v-06a91652] { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; height: 100%; -webkit-transition-duration: 0ms; transition-duration: 0ms; /*width: 30px;*/ -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /*display: none;*/ } .timeline .timeline-body .timeline-lines .bscroll-horizontal-scrollbar[data-v-06a91652] { z-index: 3 !important; position: absolute; height: 7px; left: 2px; right: 2px; bottom: 0px; overflow: hidden; /*display: none;*/ } .timeline .timeline-body .timeline-pointer-wrap[data-v-06a91652] { position: absolute; inset: 0px -7px 0px 34px; left: 34px; right: -7px; pointer-events: none; z-index: 2; } .timeline .timeline-body .timeline-pointer[data-v-06a91652] { position: absolute; left: 0px; width: 14px; pointer-events: all; -webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; height: 100% !important; } .timeline .timeline-body .timeline-pointer i[data-v-06a91652] { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .timeline .timeline-body .timeline-pointer .timeline-pointer-line[data-v-06a91652] { position: absolute; top: 10px; bottom: 0px; left: 50%; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); background: rgb(238, 81, 121); width: 1px; height: 140px; } /*右侧*/ .editor-right[data-v-06a91652] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor-right[data-v-06a91652] { width: 350px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: rgb(250, 250, 250); border-top: 1px solid rgb(192, 192, 192); } .editor-right-notice[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 10px 7px; padding: 13px 0px; background: rgb(255, 255, 255); border: 2px; line-height: 14px; } .editor-right-notice-tip[data-v-06a91652] { width: 54px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; color: rgb(32, 170, 226); font-size: 14px; font-weight: 500; border-right: 1px solid rgb(204, 204, 204); } .editor-right-notice-title[data-v-06a91652] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; padding-left: 15px; font-size: 13px; } .editor-right-notice-arrow[data-v-06a91652] { position: relative; width: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .editor-right-notice-arrow[data-v-06a91652]::before { content: ""; display: block; position: absolute; top: 50%; right: 13px; margin: -5px 0px 0px -5px; width: 9px; height: 9px; border-top: 1px solid rgb(117, 117, 117); border-right: 1px solid rgb(117, 117, 117); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .editor-right-tab[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; border-bottom: 1px solid rgb(230, 230, 230); } .editor-right-tab-item[data-v-06a91652] { 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: center; -ms-flex-align: center; align-items: center; position: relative; width: 73px; height: 73px; margin: 5px 7px; padding: 0px 2px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgb(255, 255, 255); font-size: 12px; line-height: 1.8; text-align: center; color: rgb(117, 117, 117); -webkit-box-shadow: rgb(241, 241, 241) 0px 0px 0px 1px; box-shadow: rgb(241, 241, 241) 0px 0px 0px 1px; cursor: pointer; } .editor-right-tab-item.editor-active[data-v-06a91652] { margin: 5px 7px; -webkit-box-shadow: rgb(0, 161, 214) 0px 0px 0px 2px; box-shadow: rgb(0, 161, 214) 0px 0px 0px 2px; } .editor-right-tab-item .editor-right-icon-img[data-v-06a91652] { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 8px; overflow: hidden; } .editor-right-tab-item .editor-right-icon-img > img[data-v-06a91652] { width: 100%; height: 100%; } .editor-right-tab-item .editor-right-icon-img .editor-right-tooltips[data-v-06a91652] { opacity: 0; position: absolute; top: -34px; left: 50%; padding: 0px 12px; background: rgb(255, 255, 255); -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px 0px; border-radius: 2px; color: rgb(12, 12, 12); font-size: 12px; line-height: 30px; pointer-events: none; z-index: 2; word-break: keep-all; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .editor-right-tab-item .editor-right-icon-img:hover .editor-right-tooltips[data-v-06a91652] { opacity: 1; } .editor-right-tab-item .editor-right-text[data-v-06a91652] { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .editor-right-list[data-v-06a91652] { position: relative; margin: 0px 8px; border-radius: 4px; color: rgb(33, 33, 33); } .editor-right-add[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 10px 0px; border-radius: 3px; border: 1px solid rgb(192, 192, 192); text-align: center; font-size: 15px; color: rgb(97, 102, 109); background: rgb(255, 255, 255); cursor: pointer; } .editor-right-add .editor-right-icon[data-v-06a91652] { position: relative; display: inline-block; width: 14px; height: 14px; margin-right: 8px; } .editor-right-add .editor-right-icon[data-v-06a91652]::before { content: ""; position: absolute; left: 6px; top: 0px; width: 2px; height: 14px; background: rgb(97, 102, 109); border-radius: 2px; } .editor-right-add .editor-right-icon[data-v-06a91652]::after { content: ""; position: absolute; left: 0px; top: 6px; width: 14px; height: 2px; background: rgb(97, 102, 109); border-radius: 2px; } .editor-right-add[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 10px 0px; border-radius: 3px; border: 1px solid rgb(192, 192, 192); text-align: center; font-size: 15px; color: rgb(97, 102, 109); background: rgb(255, 255, 255); cursor: pointer; } .editor-right-list-item[data-v-06a91652] { margin-bottom: 10px; } .editor-right-card[data-v-06a91652] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor-right-list-item[data-v-06a91652] { margin-bottom: 10px; } .editor-right-card[data-v-06a91652] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .editor-right-card-head[data-v-06a91652] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 12px; /*line-height: 50px;*/ /*border-bottom: 1px solid rgb(231, 231, 231);*/ font-size: 12px; /*background: rgb(246, 247, 248);*/ cursor: pointer; width: calc(100% - 21px); -webkit-box-sizing: border-box; box-sizing: border-box; } .editor-right-card-head .editor-right-active[data-v-06a91652] { position: absolute; top: 0px; left: 0px; width: 4px; height: 100%; border-radius: 4px 0px 0px 4px; } .editor-right-card-head .editor-right-text[data-v-06a91652] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .editor-right-card-head .editor-right-del[data-v-06a91652] { padding: 15px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; cursor: pointer; } .editor-right-card-head .editor-right-time[data-v-06a91652] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .editor-right-card-head .editor-right-time-next[data-v-06a91652] { margin-left: 0.3em; } .editor-right-card-head .editor-right-unfold[data-v-06a91652] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 32px; height: 50px; -webkit-transition: -webkit-transform 200ms ease-in-out 0s; transition: -webkit-transform 200ms ease-in-out 0s; transition: transform 200ms ease-in-out 0s; transition: transform 200ms ease-in-out 0s, -webkit-transform 200ms ease-in-out 0s; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .editor-right-card.editor-unfold .editor-right-unfold[data-v-06a91652] { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .editor-right-card-body[data-v-06a91652] { overflow: hidden; background: rgb(246, 247, 248); font-size: 14px; padding: 0px 20px; /*height: 0px;*/ -webkit-transition: height 200ms ease-in-out 0s; transition: height 200ms ease-in-out 0s; } .editor-right-card.editor-unfold .editor-right-card-body[data-v-06a91652] { height: auto; padding-bottom: 24px; } .editor-right-card-switch[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0px 8px; font-size: 14px; color: rgb(117, 117, 117); line-height: 18px; } .editor-right-card-switch-item[data-v-06a91652] { position: relative; padding-left: 23px; cursor: pointer; } .editor-right-card-switch-all[data-v-06a91652] { padding: 0px 20px 0px 23px; border-right: 1px solid rgb(217, 217, 217); } .editor-right-card-switch-item.editor-active[data-v-06a91652] { color: rgb(251, 114, 153); } .editor-right-card-switch-item[data-v-06a91652]::before { content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 16px; height: 16px; border: 1px solid rgb(117, 117, 117); border-radius: 50%; -webkit-box-sizing: initial !important; box-sizing: initial !important; } .editor-right-card-switch-item.editor-active[data-v-06a91652]::before { border: 1px solid rgb(251, 114, 153); } .editor-right-card-switch-item.editor-active[data-v-06a91652]::after { content: ""; position: absolute; left: 6px; top: 6px; display: block; width: 6px; height: 6px; border-radius: 50%; background: rgb(251, 114, 153); } .editor-right-card-switch-follow[data-v-06a91652] { margin: 0px 16px 0px 20px; } .editor-right-card-switch-item[data-v-06a91652]::before { content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 16px; height: 16px; border: 1px solid rgb(117, 117, 117); border-radius: 50%; -webkit-box-sizing: initial !important; box-sizing: initial !important; } .editor-right-card-input-title[data-v-06a91652] { padding: 16px 0px 12px; clear: both; } .editor-right-card-input-item[data-v-06a91652] { position: relative; } .editor-right-list input[data-v-06a91652] { display: inline-block; width: 100%; height: 36px; padding: 0px 55px 0px 12px; margin: 0px; line-height: 36px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: 1px solid rgb(231, 231, 231); } .editor-right-card-input-item.editor-right-time input[data-v-06a91652] { width: 50px; padding: 0px; text-align: center; } .editor-right-card-input-item-num[data-v-06a91652] { position: absolute; line-height: 36px; right: 10px; top: 0px; color: rgb(153, 153, 153); } .editor-right-list .editor-right-btn[data-v-06a91652] { margin-top: 16px; font-size: 0px; } .i-button[data-v-06a91652] { display: inline-block; text-align: center; cursor: pointer; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0px none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .i-button--primary[data-v-06a91652] { color: rgb(255, 255, 255); background: rgb(0, 161, 214); } .i-button.middle[data-v-06a91652] { padding: 6px 16px; } .i-button--border[data-v-06a91652] { color: rgb(80, 80, 80); background: transparent; border: 1px solid rgb(231, 231, 231); margin: 0px 8px; } .editor-right-list .editor-right-toast[data-v-06a91652] { position: absolute; top: 38px; left: 0px; width: 240px; padding: 16px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 233, 239); -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px; border-radius: 4px; text-align: center; font-size: 0px; z-index: 2; display: none; } .editor-right-list .editor-right-toast.show-del[data-v-06a91652]{ display: block; } .editor-right-list .editor-right-toast-title[data-v-06a91652] { padding-bottom: 10px; line-height: 20px; color: rgb(33, 33, 33); font-size: 14px; } .editor-right-list .editor-right-toast-btn[data-v-06a91652] { line-height: 1; } .editor-right-card-checkbox[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*弹窗提醒*/ .editor-dialog[data-v-06a91652] { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.3); z-index: 99999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } .editor-dialog-wrapper[data-v-06a91652] { position: relative; margin: 15vh auto 50px; background: rgb(255, 255, 255); font-size: 16px; color: rgb(0, 0, 0); text-align: center; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; width: 340px; } .editor-dialog-header[data-v-06a91652] { padding: 12px 10px; line-height: 26px; border-bottom: 1px solid rgb(229, 233, 239); } .editor-dialog-body[data-v-06a91652] { padding: 34px 20px; line-height: 26px; font-size: 14px; } .editor-dialog-footer[data-v-06a91652] { padding-bottom: 30px; } .editor-dialog-footer > span[data-v-06a91652] { display: inline-block; margin: 0px 10px; padding: 8px 20px; font-size: 14px; color: rgb(255, 255, 255); background: rgb(0, 161, 214); border-radius: 4px; cursor: pointer; } .editor-dialog-footer > span.editor-dialog-footer-cel[data-v-06a91652] { background: rgb(255, 255, 255); color: rgb(109, 117, 122); border: 1px solid rgb(204, 208, 215); } /*评分弹幕*/ .editor-right-card-score[data-v-06a91652] { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgb(231, 231, 231); border-radius: 4px; padding: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .editor-right-card-score-skin-mode[data-v-06a91652] { float: left; margin: 0px 10px; } .editor-right-card-score-skin-mode .score-skin-radio[data-v-06a91652] { display: none; } .editor-right-card-score-skin-mode label[data-v-06a91652] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 5px 7px; cursor: pointer; } .editor-right-card-score-skin-mode input:checked + label[data-v-06a91652] { -webkit-box-shadow: rgb(0, 161, 214) 0px 0px 0px 2px; box-shadow: rgb(0, 161, 214) 0px 0px 0px 2px; border-radius: 8px; } .editor-right-card-score-skin-mode img[data-v-06a91652] { width: 50px; height: 50px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .icon-M_jianji[data-v-06a91652], .icon-suoxiao1[data-v-06a91652], .icon-fangda[data-v-06a91652], .icon-xialasanjiao[data-v-06a91652] { font-size: 20px; } .icon-xialasanjiao[data-v-06a91652] { color: rgb(238, 81, 121); opacity: 0.8; } .font-icon[data-v-06a91652] { width: 32px; height: 32px; } .icon-shanchu[data-v-06a91652] { font-size: 18px; } /*视频切换集数*/ .changeVideo[data-v-06a91652] { padding: 0 32px 10px; } #videoChange[data-v-06a91652] { position: relative; width: 100%; margin-top: 12px; cursor: pointer; } .Title[data-v-06a91652] { font-size: 18px; font-weight: bold; text-indent: .54em; } #slideChangeVideo[data-v-06a91652] { position: relative; width: 100%; overflow-x: scroll; padding: 10px 0 16px 0; display: -webkit-box; } #slideChangeVideo .active[data-v-06a91652] { border: 1px solid #fb7299 !important; color: #fb7299; } #slideChangeVideo section[data-v-06a91652] { position: relative; width: 160px; height: 50px; margin-right: 20px; border-radius: 5px; border: 1px solid #cccccc; padding: 4px; } #slideChangeVideo section p[data-v-06a91652]:first-child { font-size: 16px; } #slideChangeVideo section p[data-v-06a91652]:last-child { padding-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .myCollapse .el-collapse-item__header, .myCollapse .el-collapse-item__wrap { background: rgb(246, 247, 248); } .new-link-top-wrap[data-v-ef233f1e] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-ef233f1e] { background: #fff; height: 64px; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-ef233f1e] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-ef233f1e] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .upload-manage .content[data-v-ef233f1e] { padding: 0 20px 20px 20px; } .page-wrp[data-v-2f0e0413] { position: relative; margin: 0 auto; } .page-wrp[data-v-2f0e0413], .page-wrp.v2[data-v-2f0e0413] { width: 100%; } .page-wrp.cc-zimu-wrp[data-v-2f0e0413] { padding: 0 40px; } .search-type[data-v-2f0e0413] { padding-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-type>div[data-v-2f0e0413] { margin-right: 15px; } .cc-zimu-wrp .info-wrp[data-v-2f0e0413] { text-align: center; padding: 50px 0 0 0; } .cc-zimu-wrp .info-wrp .text[data-v-2f0e0413] { padding: 20px 0; font-size: 14px; } .cc-zimu-wrp .info-wrp .img[data-v-2f0e0413] { display: inline-block; margin: 20px 0; width: 150px; height: 150px; } .zimu-body[data-v-2f0e0413] { margin-top: 20px; } .zimu-body-pn[data-v-2f0e0413] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .zimu-body .archive-pic[data-v-2f0e0413]{ display: inline-block; width: 120px; height: 69px; background-color: #99a2aa; border-radius: 8px; overflow: hidden; background-size: cover; background-position: 50%; background-repeat: no-repeat; vertical-align: middle; } .zimu-body .archive-main[data-v-2f0e0413] { display: inline-block; width: calc(100% - 150px); font-size: 14px; margin-left: 12px; color: #18191c; text-overflow: ellipsis; overflow: hidden; } .zimu-body .archive-main .main-title[data-v-2f0e0413] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .load-item[data-v-2f0e0413] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } /* 投稿的字幕*/ .head[data-v-2f0e0413] { display: inline-block; width: 100%; } .cc-zimu-wrp .zimu-header[data-v-2f0e0413] { height: 55px; padding-top: 25px; } .cc-zimu-wrp .zimu-header .zimu-header-title[data-v-2f0e0413] { font-size: 20px; color: #222; float: left; font-weight: 500; margin-right: 20px; } .text-split_wrap[data-v-2f0e0413] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head .header-text[data-v-2f0e0413] { margin-top: 8px; } .text-split_wrap .split-item[data-v-2f0e0413] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-2f0e0413] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-2f0e0413] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-2f0e0413]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .text-split_wrap .operate-txt+.operate-txt[data-v-2f0e0413] { margin-left: 16px; } .page-wrp[data-v-a0272fd4] { position: relative; margin: 0 auto; } .page-wrp[data-v-a0272fd4], .page-wrp.v2[data-v-a0272fd4] { width: 100%; } .page-wrp.cc-zimu-wrp[data-v-a0272fd4] { padding: 0 40px; } .search-type[data-v-a0272fd4] { padding-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-type>div[data-v-a0272fd4] { margin-right: 15px; } .cc-zimu-wrp .info-wrp[data-v-a0272fd4] { text-align: center; padding: 50px 0 0 0; } .cc-zimu-wrp .info-wrp .text[data-v-a0272fd4] { padding: 20px 0; font-size: 14px; } .cc-zimu-wrp .info-wrp .img[data-v-a0272fd4] { display: inline-block; margin: 20px 0; width: 150px; height: 150px; } .zimu-body[data-v-a0272fd4] { margin-top: 20px; } .zimu-body-pn[data-v-a0272fd4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .zimu-body .archive-pic[data-v-a0272fd4]{ display: inline-block; width: 120px; height: 69px; background-color: #99a2aa; border-radius: 8px; overflow: hidden; background-size: cover; background-position: 50%; background-repeat: no-repeat; vertical-align: middle; } .zimu-body .archive-main[data-v-a0272fd4] { display: inline-block; width: calc(100% - 150px); font-size: 14px; margin-left: 12px; color: #18191c; text-overflow: ellipsis; overflow: hidden; } .zimu-body .archive-main .main-title[data-v-a0272fd4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .load-item[data-v-a0272fd4] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } /* 投稿的字幕*/ .head[data-v-a0272fd4] { display: inline-block; width: 100%; } .cc-zimu-wrp .zimu-header[data-v-a0272fd4] { height: 55px; padding-top: 25px; } .cc-zimu-wrp .zimu-header .zimu-header-title[data-v-a0272fd4] { font-size: 20px; color: #222; float: left; font-weight: 500; margin-right: 20px; } .text-split_wrap[data-v-a0272fd4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head .header-text[data-v-a0272fd4] { margin-top: 8px; } .text-split_wrap .split-item[data-v-a0272fd4] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-a0272fd4] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-a0272fd4] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-a0272fd4]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .text-split_wrap .operate-txt+.operate-txt[data-v-a0272fd4] { margin-left: 16px; } .upload-manage .content[data-v-fd361bae] { padding: 0 40px 20px 40px; } #appeal-main[data-v-fd361bae] { width: 100%; margin: 0 auto; } #appeal-main .ap-wrapper[data-v-fd361bae] { margin-right: -20px; padding-top: 27px; } .text-split_wrap[data-v-fd361bae] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ap-wrapper .txt-arr[data-v-fd361bae] { margin-bottom: 25px; } .text-split_wrap .split-item[data-v-fd361bae] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: left; line-height: 18px; } .text-split_wrap .operate-txt[data-v-fd361bae] { cursor: pointer; position: relative; padding-right: 16px; } .text-split_wrap .operate-txt.active[data-v-fd361bae] { color: #00a1d6; font-weight: 500; } .text-split_wrap .operate-txt[data-v-fd361bae]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } #appeal-main .err-wrapper[data-v-fd361bae] { margin-top: 90px; text-align: center; font-size: 16px; } #appeal-main .err-wrapper.err-no-list[data-v-fd361bae] { height: 230px; background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=) no-repeat bottom; } .data-center[data-v-41ec7b2a] { background: #f6f7f8; margin-left: 200px; min-width: 900px; padding: 60px 0 50px 0; } .data-center .content[data-v-41ec7b2a] { width: 90%; margin: 0 auto; } .data-center .content .header-nav[data-v-41ec7b2a] { font-size: 0; margin: 0 0 40px; padding-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; } .data-center .content .header-nav .item[data-v-41ec7b2a] { font-size: 18px; line-height: 25px; color: #61666d; cursor: pointer; font-weight: 500; } .data-center .content .header-nav .selected[data-v-41ec7b2a] { color: #00aeec; position: relative; } .data-center .content .header-nav .item+.item[data-v-41ec7b2a] { margin-left: 40px; } .data-center .content .header-nav .selected[data-v-41ec7b2a]:after { content: ""; display: block; position: absolute; bottom: -8px; left: 0; right: 0; width: 24px; margin: auto; background-color: #00aeec; height: 4px; border-radius: 9px; } .video-tab[data-v-89c2f00e] { padding-bottom: 56px; -webkit-box-sizing: content-box; box-sizing: content-box; } .performance-summary[data-v-89c2f00e] { margin-bottom: 34px; } .ct-popover[data-v-89c2f00e] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .performance-summary .header .title .name[data-v-89c2f00e] { margin-right: 4px; color: #18191c; font-weight: 600; font-size: 18px; line-height: 25px; } .ct-popover .reference .reference-icon[data-v-89c2f00e] { width: 16px; height: 16px; color: #61666d; cursor: pointer; } .ct-popover .popover-content[data-v-89c2f00e] { display: none; padding: 14px 16px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); color: #000; font-size: 14px; line-height: 20px; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 100px; top: -20px; } .reference-icon:hover~.popover-content[data-v-89c2f00e] { display: block; } .ct-popover .popover-content .arrow[data-v-89c2f00e], .ct-popover .popover-content .arrow[data-v-89c2f00e]:before { position: absolute; width: 8px; height: 8px; background: inherit; } .ct-popover .popover-content .arrow[data-v-89c2f00e] { visibility: hidden; } .ct-popover .popover-content>.arrow[data-v-89c2f00e] { left: -4px; } .ct-popover .popover-content .arrow[data-v-89c2f00e]:before { visibility: visible; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .performance-summary .header .title .tooltip[data-v-89c2f00e] { font-weight: 500; font-size: 14px; line-height: 24px; color: #61666d; } .performance-summary .header .sub-title[data-v-89c2f00e] { margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bmc-icon-sprite[data-v-89c2f00e] { fill: currentColor; stroke: currentColor; vertical-align: -.15em; overflow: hidden; line-height: inherit; font-size: 15px; /*color: #9499a0;*/ } .data-icon[data-v-89c2f00e] { color: #9499a0; margin-right: 3px; } .data-card-active .bmc-icon-sprite[data-v-89c2f00e] { color: #fff; } .performance-summary .header .sub-title .text[data-v-89c2f00e] { margin-left: 6px; color: #ff4684; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; } .performance-summary .card[data-v-89c2f00e] { margin-top: 25px; } .card-container[data-v-89c2f00e] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; padding: 24px 32px; background-color: #fff; } .performance-summary .card .radar-card[data-v-89c2f00e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .performance-summary .card .radar-card .left[data-v-89c2f00e] { width: 50%; } .ct-radar-chart[data-v-89c2f00e] { padding: 15px 0 20px 0; margin-left: -10px; width: 390px; } .ct-radar-chart .legend[data-v-89c2f00e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 27px; } .ct-radar-chart .legend .item[data-v-89c2f00e] { color: #61666d; font-weight: 500; font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ct-radar-chart .legend .item[data-v-89c2f00e]:first-child { color: #ff4684; margin-right: 32px; } .ct-radar-chart .legend .item .circle[data-v-89c2f00e] { width: 8px; height: 8px; border-radius: 50%; background: rgba(4,4,21,.4); margin-right: 8px; } .ct-radar-chart .legend .item:first-child .circle[data-v-89c2f00e] { background: #ff4684; } .performance-summary .card .radar-card .right[data-v-89c2f00e] { width: 50%; padding-left: 25px; 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 32px 0 16px; } .performance-summary .card .radar-card .right .right-item .title[data-v-89c2f00e] { color: #18191c; font-weight: 600; font-size: 16px; line-height: 22px; } .performance-summary .card .radar-card .right .right-item .detail[data-v-89c2f00e] { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .performance-summary .card .radar-card .right .right-item .detail .icon[data-v-89c2f00e] { width: 30px; font-size: 20px; } .performance-summary .card .radar-card .right .right-item .detail .text[data-v-89c2f00e] { margin-left: 6px; color: #61666d; font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .performance-summary .card .radar-card .right .right-item .detail .text span.text-num[data-v-89c2f00e] { font-weight: 600; font-size: 14px; line-height: 14px; margin: 0 4px; } .performance-summary .card .radar-card .right .right-item .detail .text span.text-tips[data-v-89c2f00e] { margin-left: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .performance-summary .card .radar-card .right .right-item .detail .text span.text-tips .text-tips-line[data-v-89c2f00e] { width: 1px; height: 13px; margin-right: 8px; display: inline-block; background: #c9ccd0; } .ct-popover[data-v-89c2f00e] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .performance-summary .card .radar-card .right .right-item .detail .text span.text-tips .text-tips-text[data-v-89c2f00e] { cursor: pointer; font-weight: 500; color: #9499a0; line-height: 14px; border-bottom: 1px solid #c9ccd0; } .text-tips-text:hover~.popover-content[data-v-89c2f00e]{ display: block; left: -100%; top: 25px; } .ct-popover .popover-content[data-popper-placement^=bottom]>.arrow[data-v-89c2f00e] { top: -4px; } .ct-popover .popover-content .arrow[data-v-89c2f00e]:before { visibility: visible; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .performance-summary .card .radar-card .right .right-item .detail .text span.text-tips .suggest[data-v-89c2f00e] { color: #61666d; } .core-data[data-v-89c2f00e] { margin-bottom: 40px; } .core-data .header .title[data-v-89c2f00e] { 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; } .core-data .header .title .left[data-v-89c2f00e] { z-index: 1; } .core-data .header .title .left .name[data-v-89c2f00e] { margin-right: 4px; color: #18191c; font-weight: 600; font-size: 18px; line-height: 25px; } .core-data .header .title .left .tooltip[data-v-89c2f00e] { font-weight: 500; font-size: 14px; line-height: 24px; color: #61666d; } .time-span-select[data-v-89c2f00e] { display: inline-block; color: #61666d; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; text-align: right; } .time-span-select .top[data-v-89c2f00e] { padding-bottom: 4px; } .time-span-select .small_title[data-v-89c2f00e] { padding-right: 10px; } .time-span-select .top .line[data-v-89c2f00e] { color: #c9ccd0; font-size: 10px; } .time-span-select .tip[data-v-89c2f00e] { color: #9499a0; } .core-data .info[data-v-89c2f00e] { margin: 24px -8px 0; } .data-card[data-v-89c2f00e] { display: inline-block; width: 19%; height: 88px; padding: 0 8px 16px 8px; vertical-align: middle; position: relative; } .data-card .data-card-detail[data-v-89c2f00e] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px 16px 20px 16px; color: #61666d; cursor: pointer; background-color: #fff; border-radius: 16px; } .data-card.data-card-active .data-card-detail[data-v-89c2f00e] { background: #ff4684; color: #fff; } .data-card .data-card-detail .data-card-top[data-v-89c2f00e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .data-card .data-card-detail .data-card-top .data-card-name[data-v-89c2f00e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .core-data .info .icon-svg[data-v-89c2f00e] { width: 20px; height: 20px; color: transparent; background-color: transparent; margin-right: 4px; color: #9499a0; } .core-data .info .icon-svg.icon-svg-highlight[data-v-89c2f00e] { color: #fff; } .data-card .data-card-detail .data-card-top .data-card-name .name[data-v-89c2f00e] { display: inline-block; font-size: 14px; opacity: .8; } .data-card .data-card-detail .data-card-top .diff[data-v-89c2f00e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #ff4684; font-weight: 500; } .data-card .data-card-detail .data-card-top .diff.active.decrease[data-v-89c2f00e], .data-card .data-card-detail .data-card-top .diff.active[data-v-89c2f00e] { color: #fff; } .data-card .data-card-detail .data-card-top .diff span[data-v-89c2f00e], .data-card .data-card-detail .data-card-top .diff svg[data-v-89c2f00e] { vertical-align: middle; } .data-card .data-card-detail .data-card-top .diff .icon-diff[data-v-89c2f00e] { width: 8px; height: 6px; margin-right: 4px; } .data-card .data-card-detail .data-card-top .diff-value[data-v-89c2f00e] { font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: .5px; } .data-card .value[data-v-89c2f00e] { font-weight: 800; font-size: 22px; line-height: 22px; color: #18191c; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 1px; } .data-card.data-card-active .value[data-v-89c2f00e] { color: #fff; } .data-card .data-card-popper[data-v-89c2f00e] { visibility: hidden; z-index: 1; background: #fff; border: 1px solid #e3e5e7; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 8px; padding: 16px; position: absolute; inset: auto auto 0 0; -webkit-transform: translate3d(80%, 60%, 0px); transform: translate3d(80%, 60%, 0px); } .data-card-detail:hover~.data-card-popper[data-v-89c2f00e] { visibility: visible; pointer-events: none; } .data-card .data-card-popper .row .label[data-v-89c2f00e] { font-weight: 500; font-size: 14px; line-height: 20px; color: #9499a0; } .data-card .data-card-popper .row .num[data-v-89c2f00e] { font-weight: 600; font-size: 14px; line-height: 14px; color: #18191c; letter-spacing: .5px; } .data-card .data-card-popper .row[data-v-89c2f00e]:nth-child(2) { margin-top: 12px; } .card-container[data-v-89c2f00e] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; padding: 24px 32px; background-color: #fff; } .core-data .chart .header[data-v-89c2f00e] { 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; font-weight: 600; font-size: 16px; line-height: 22px; } .core-data .chart .header .title[data-v-89c2f00e] { color: #18191c; } .core-data .chart .header .export[data-v-89c2f00e] { font-size: 14px; color: #00aeec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .core-data .chart .header .export img[data-v-89c2f00e] { width: 16px; margin-right: 6px; } .core-data .chart .line-chart[data-v-89c2f00e] { margin-top: 14px; height: 250px; } .video-data-filter.el-dropdown-menu__item.active { color: #66b1ff; background-color: #ecf5ff; } .video-data-filter.el-dropdown:hover { color: #66b1ff; cursor: pointer; } .video-data-container[data-v-8f809b34] { min-height: 100vh; background-color: #f6f7f8; padding: 0 0 32px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-data-container>div[data-v-8f809b34] { max-width: 1040px; margin: auto; } .section-title-container[data-v-8f809b34] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .data-title[data-v-8f809b34] { margin-top: 32px; vertical-align: middle; } .section-title-container .section-title[data-v-8f809b34] { font-weight: 500; font-size: 18px; line-height: 25px; color: #18191c; margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .ct-popover[data-v-8f809b34] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .ct-popover[data-v-8f809b34] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .data-title .name[data-v-8f809b34] { margin-right: 4px; color: #18191c; font-weight: 600; font-size: 18px; line-height: 25px; } .bmc-icon-sprite[data-v-8f809b34] { width: 60px; height: 60px; fill: currentColor; stroke: currentColor; vertical-align: -.15em; overflow: hidden; font-size: inherit; line-height: inherit; color: #fb7299; } .ct-popover .reference .reference-icon[data-v-8f809b34] { width: 16px; height: 16px; color: #61666d; cursor: pointer; } .ct-popover .popover-content[data-v-8f809b34] { display: none; padding: 14px 16px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); color: #000; font-size: 14px; line-height: 20px; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; left: 100px; position: absolute; } .reference-icon:hover~.popover-content[data-v-8f809b34] { display: block; } .data-title .ct-popover .popover-content[data-v-8f809b34] { z-index: 2; } .data-title .tooltip[data-v-8f809b34] { font-weight: 500; font-size: 14px; line-height: 24px; color: #61666d; } .text2[data-v-8f809b34] { font-weight: 400; font-size: 14px; line-height: 20px; color: #61666d; } .summary[data-v-8f809b34] { font-style: normal; font-size: 14px; font-weight: 500; line-height: 20px; padding: 12px 0 24px 0; vertical-align: middle; } .summary .highlight-text[data-v-8f809b34] { color: #ff4684; } .card-contianer-wrap[data-v-8f809b34] { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-container[data-v-8f809b34] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; padding: 24px 32px; background-color: #fff; } .text1[data-v-8f809b34] { font-weight: 700; font-size: 22px; line-height: 22px; letter-spacing: .01em; color: #18191c; } .text1[data-v-8f809b34], .text2[data-v-8f809b34] { font-style: normal; } .card-contianer-wrap .card-contianer-wrap-left[data-v-8f809b34], .card-contianer-wrap .card-contianer-wrap-right[data-v-8f809b34] { width: calc(50% - 20px); } .card-contianer-wrap .title[data-v-8f809b34] { font-size: 16px; font-weight: 600; padding-bottom: 24px; } .card-contianer-wrap .card-contianer-wrap-left .title .title-tip[data-v-8f809b34] { padding-left: 12px; color: #9499a0; font-size: 14px; line-height: 20px; font-weight: 500; } .data-from-person[data-v-8f809b34] { -webkit-box-sizing: border-box; box-sizing: border-box; } .progress[data-v-8f809b34] { position: relative; padding-bottom: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; } .progress>.title[data-v-8f809b34] { padding-bottom: 8px; } .data-from-person .bar-value[data-v-8f809b34] { font-weight: 400; font-size: 14px; line-height: 20px; } .data-from-person .bar-value .per-left[data-v-8f809b34] { float: left; } .data-from-person .bar-value .value[data-v-8f809b34] { font-style: normal; font-weight: 500; font-size: 14px; line-height: 14px; } .data-from-person .bar-value .per-right[data-v-8f809b34] { float: right; } .data-from-person .bar-value[data-v-8f809b34]:after { content: ""; display: block; clear: both; } .data-from-terminal-bar-wrap[data-v-8f809b34] { -webkit-box-sizing: border-box; box-sizing: border-box; } .data-from-terminal-bar-wrap .bar-title[data-v-8f809b34] { font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; } .progress .progress-bar .progress-bar-item.highlight[data-v-8f809b34] { background-color: #ff4684; } .card-contianer-wrap .card-contianer-wrap-right[data-v-8f809b34] { margin-left: 17px; } .data-from-archive-bar[data-v-8f809b34] { height: 493px; } .title[data-v-8f809b34] { font-size: 16px; font-weight: 600; padding-bottom: 32px; vertical-align: center; } .bar-title[data-v-8f809b34] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; font-weight: 500; font-size: 14px; line-height: 20px; } .bar-title .no-tool-tip[data-v-8f809b34] { max-width: calc(100% - 80px); cursor: pointer; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bar-title .tool-tip-text[data-v-8f809b34] { position: absolute; z-index: 1; visibility: hidden; width: 300px; top: 130%; left: 72px; background-color: #61666de0; color: #fff; padding: 4px 6px; border-radius: 4px; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .no-tool-tip:hover~.tool-tip-text[data-v-8f809b34] { opacity: 1; visibility: inherit; } .title .title-tip[data-v-8f809b34] { font-weight: 500; padding-left: 12px; color: #9499a0; font-size: 14px; line-height: 20px; } .container[data-v-8f809b34] { min-height: 100%; overflow-x: hidden; } .bar-container[data-v-8f809b34] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .bar-container .bar-section[data-v-8f809b34] { width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .bar-container .bar-section+.bar-section[data-v-8f809b34] { padding-left: 50px; } .data-archive-play-complete[data-v-8f809b34] { padding: 40px 0 32px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .data-archive-play-complete .data-archive-play-complete-title[data-v-8f809b34] { padding-bottom: 24px; } .data-archive-play-complete .data-archive-play-complete-title .data-title .section-title[data-v-8f809b34] { font-weight: 600; } .data-archive-play-complete .data-archive-play-complete-selection[data-v-8f809b34] { padding-bottom: 25px; } .selection-button[data-v-8f809b34] { padding: 6px 16px; border-radius: 40px; font-size: 14px; color: #18191c; line-height: 20px; display: inline-block; cursor: pointer; } .selection-button.selected[data-v-8f809b34] { background-color: #00aeec; color: #fff; font-weight: 500; } .data-archive-play-complete .data-archive-play-complete-chart[data-v-8f809b34] { height: 100%; } .data-archive-play-complete-dual-axes[data-v-8f809b34] { position: relative; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 328px; overflow: hidden; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type[data-v-8f809b34] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 20px; font-weight: 500; font-size: 14px; color: #18191c; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-left[data-v-8f809b34] { color: #ff4684; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-left[data-v-8f809b34]:before, .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-right[data-v-8f809b34]:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-left[data-v-8f809b34]:before { background-color: #ff4684; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-right[data-v-8f809b34] { margin-left: 32px; } .data-archive-play-complete-dual-axes .data-archive-play-complete-type .type-right[data-v-8f809b34]:before { background-color: #c9ccd0; } .data-archive-play-complete-dual-axes #data-archive-play-complete-dual-axes[data-v-8f809b34] { position: relative; left: 0; width: 100%; height: 100%; } .data-center .tips { font-size: 14px; color: #9499a0; line-height: 14px; } .data-center .tips .circle { display: inline-block; background: #fff; border-radius: 12px; border: 3px solid #c9ccd0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12px; height: 12px; margin-right: 8px; } .data-center .tips .circle.highlight-circle { border: 3px solid #ff4684; } .data-center .tips .title { display: inline-block; padding-bottom: 10px; } .data-center .tips .title-high { display: inline-block; color: #18191c; font-weight: 600; } .play-filter.el-dropdown:hover { color: #66b1ff; cursor: pointer; } /*走马灯*/ .play-carousel .el-carousel__button { width: 10px; height: 10px; border-radius: 50%; background: #c2c2c7; opacity: 1; } .play-carousel .el-carousel__indicator.is-active button{ background: #fb7299; } .play-carousel .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: 1; } .audience-tab-container[data-v-e55ba072] { max-width: 1040px; margin: auto; padding-bottom: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; } .data-overview-container[data-v-e55ba072] { position: relative; } .data-overview-container .summary[data-v-e55ba072] { padding-top: 7px; /*z-index: 1;*/ position: relative; } .ct-popover[data-v-e55ba072] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .data-overview-container .summary .label[data-v-e55ba072] { padding-right: 4px; font-weight: 600; font-size: 18px; line-height: 25px; color: #18191c; } .bmc-icon-sprite[data-v-e55ba072] { width: 60px; height: 60px; fill: currentColor; stroke: currentColor; vertical-align: -.15em; overflow: hidden; font-size: inherit; line-height: inherit; } .ct-popover .reference .reference-icon[data-v-e55ba072] { width: 16px; height: 16px; color: #61666d; cursor: pointer; } .ct-popover .popover-content[data-v-e55ba072] { display: none; padding: 14px 16px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); color: #000; font-size: 14px; line-height: 20px; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 100px; top: -38px; z-index: 9; } .reference-icon:hover~.popover-content[data-v-e55ba072]{ display: block; } .ct-popover .popover-content .arrow[data-v-e55ba072], .ct-popover .popover-content .arrow[data-v-e55ba072]:before { position: absolute; width: 8px; height: 8px; background: inherit; } .ct-popover .popover-content .arrow[data-v-e55ba072] { visibility: hidden; } .ct-popover .popover-content>.arrow[data-v-e55ba072] { left: -4px; } .ct-popover .popover-content .arrow[data-v-e55ba072]:before { visibility: visible; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .c-t2[data-v-e55ba072] { color: #61666d; } .f-500-14[data-v-e55ba072] { font-weight: 500; font-size: 14px; } .data-overview-container .selector-box[data-v-e55ba072] { position: absolute; /*z-index: 1;*/ top: 0; right: 0; } .time-span-select[data-v-e55ba072] { display: inline-block; color: #61666d; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; text-align: right; } .time-span-select .top[data-v-e55ba072] { padding-bottom: 4px; } .time-span-select .title[data-v-e55ba072] { padding-right: 10px; } .time-span-select .top .line[data-v-e55ba072] { color: #c9ccd0; font-size: 10px; } .time-span-select .tip[data-v-e55ba072] { color: #9499a0; } .data-overview-container .cards-all-box[data-v-e55ba072] { margin: 30px 0 16px; height: 88px; position: relative; width: 100%; } .data-overview-container .cards-all-box .cards-box[data-v-e55ba072] { left: 0; } .data-card[data-v-e55ba072] { display: inline-block; width: calc(100% / 3 - 3px); height: 88px; padding: 0 8px 16px 8px; position: relative; } .data-overview-container .cards-all-box .cards-box .card[data-v-e55ba072] { /*padding: 0!important;*/ } .data-card .data-card-detail[data-v-e55ba072] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px 16px 20px 16px; color: #61666d; cursor: pointer; background-color: #fff; border-radius: 16px; } .data-card.data-card-active .data-card-detail[data-v-e55ba072] { background: #ff4684; color: #fff; } .data-card .data-card-detail .data-card-top[data-v-e55ba072] { 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; } .data-card .data-card-detail .data-card-top .data-card-name[data-v-e55ba072] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .data-card .data-card-detail .data-card-top .data-card-name .name[data-v-e55ba072] { display: inline-block; font-family: PingFang SC; font-size: 14px; opacity: .8; } .data-card .data-card-detail .data-card-top .diff[data-v-e55ba072] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #ff4684; font-weight: 500; } .data-card .data-card-detail .data-card-top .diff.active.decrease[data-v-e55ba072], .data-card .data-card-detail .data-card-top .diff.active[data-v-e55ba072] { color: #fff; } .data-card .data-card-detail .data-card-top .diff span[data-v-e55ba072], .data-card .data-card-detail .data-card-top .diff svg[data-v-e55ba072] { vertical-align: middle; } .data-card .data-card-detail .data-card-top .diff .icon-diff[data-v-e55ba072] { width: 8px; height: 6px; margin-right: 4px; } .data-card .data-card-detail .data-card-top .diff-value[data-v-e55ba072] { font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: .5px; } .data-card .value[data-v-e55ba072] { font-weight: 800; font-size: 22px; line-height: 22px; color: #18191c; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 1px; } .data-card.data-card-active .value[data-v-e55ba072] { color: #fff; } .data-overview-container .cards-all-box .cards-box .card .value span[data-v-e55ba072] { font-weight: 700; } .data-card .data-card-popper[data-v-e55ba072] { visibility: hidden; z-index: 1; background: #fff; border: 1px solid #e3e5e7; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 8px; padding: 16px; position: absolute; inset: auto auto 0 0; -webkit-transform: translate3d(80%, 60%, 0px); transform: translate3d(80%, 60%, 0px); } .data-card-detail:hover~.data-card-popper[data-v-e55ba072]{ visibility: visible; pointer-events: none; } .data-card .data-card-popper .row .label[data-v-e55ba072] { font-weight: 500; font-size: 14px; line-height: 20px; color: #9499a0; } .data-card .data-card-popper .row .num[data-v-e55ba072] { font-weight: 600; font-size: 14px; line-height: 14px; color: #18191c; letter-spacing: .5px; } .data-card .data-card-popper .row[data-v-e55ba072]:nth-child(2) { margin-top: 12px; } .data-overview-container .cards-all-box .cards-box .disable .data-card-detail[data-v-e55ba072] { cursor: not-allowed; } .card-container[data-v-e55ba072] { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; padding: 24px 32px; background-color: #fff; } .data-overview-container .line-graphic[data-v-e55ba072] { position: relative; } .audience-tab-title[data-v-e55ba072] { padding: 24px 0 0 32px; color: #18191c; font-weight: 600; font-size: 16px; line-height: 22px; -webkit-box-sizing: content-box; box-sizing: content-box; } .export[data-v-e55ba072] { font-size: 12px; color: #00aeec; line-height: 20px; cursor: pointer; } .data-overview-container .line-graphic .export[data-v-e55ba072] { position: absolute; top: 26px; right: 32px; } .data-overview-container .line-graphic .export>img[data-v-e55ba072] { vertical-align: top!important; margin-top: 2px!important; } .data-overview-container .line-graphic .export>span[data-v-e55ba072] { font-size: 14px; line-height: 20px; margin-left: 6px!important; font-weight: 500; } .audience-tab-graphic[data-v-e55ba072] { position: relative; } .data-overview-container .line-graphic .ct-line[data-v-e55ba072] { padding: 14px 32px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 286px; } .audience-tab-container .data-overview-others[data-v-e55ba072] { padding-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fans-sticky-container[data-v-e55ba072] { position: relative; } .audience-tab-title .time[data-v-e55ba072] { padding-left: 12px; font-weight: 500; font-size: 14px; color: #9499a0; } .fans-sticky-container .sub-title[data-v-e55ba072] { position: absolute; top: 61px; left: 32px; right: 32px; line-height: 20px; color: #61666d; } .c-T[data-v-e55ba072] { color: #ff4684; } .fans-sticky-container .graphic[data-v-e55ba072] { padding: 72px 0 40px 32px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .fans-sticky-container .graphic .all-fans[data-v-e55ba072] { border-radius: 50%; border: 1px dashed #ff4684; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .fans-sticky-container .graphic .all-fans>div[data-v-e55ba072] { bottom: 0; left: 0; right: 0; margin: auto; vertical-align: bottom; border-radius: 50%; position: absolute; } .fans-sticky-container .graphic .all-fans .active-fans[data-v-e55ba072] { background: rgba(255,70,132,.5); } .fans-sticky-container .graphic .all-fans .interaction-fans[data-v-e55ba072] { background: #ff4684; } .fans-sticky-container .graphic .tips[data-v-e55ba072] { padding: 16px; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 52px; line-height: 20px; display: inline-block; background: #fff; border: 1px solid #e3e5e7; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 8px; position: fixed; z-index: 1; } .c-t1[data-v-e55ba072] { color: #18191c; } .f-600-14[data-v-e55ba072] { font-weight: 600; font-size: 14px; } .fans-sticky-container .graphic .num-summary[data-v-e55ba072] { padding: 40px 0 0 40px; color: #18191c; line-height: 20px; } .fans-sticky-container .graphic .num-summary>p[data-v-e55ba072] { position: relative; padding-left: 18px; margin: 0; } .fans-sticky-container .graphic .num-summary>p[data-v-e55ba072]:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 10px; height: 10px; border-radius: 50%; } .fans-sticky-container .graphic .num-summary>p[data-v-e55ba072]:first-child:before { color: #ff4684; background: #fff; border: 2px solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .fans-sticky-container .graphic .num-summary>p>span[data-v-e55ba072] { font-weight: 600; } .fans-sticky-container .graphic .num-summary>p[data-v-e55ba072]:nth-child(2):before { background-color: rgba(255,70,132,.5); } .fans-sticky-container .graphic .num-summary>p[data-v-e55ba072]:nth-child(3):before { background-color: #ff4684; } .interact-activity-container .audience-tab-title[data-v-e55ba072] { font-weight: 600; } .interact-activity-container .bar-graphic[data-v-e55ba072] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 295px; padding: 21px 0 24px; } .audience-tab-graphic[data-v-e55ba072]:empty:after { content: "\6682\65E0\6570\636E"; position: absolute; color: #9499a0; font-weight: 500; font-size: 14px; line-height: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .audience-tab-container .tab-menu[data-v-e55ba072] { padding: 40px 0 44px; } .audience-tab-container .tab-menu>span[data-v-e55ba072] { cursor: pointer; font-weight: 600; font-size: 18px; line-height: 25px; color: #61666d; } .audience-tab-container .tab-menu>span.active[data-v-e55ba072] { position: relative; color: #00aeec; } .audience-tab-container .tab-menu>span.active[data-v-e55ba072]:after { position: absolute; content: ""; left: 0; right: 0; margin: auto; bottom: -12px; border-radius: 9px; width: 24px; height: 4px; background-color: #00aeec; } .audience-tab-container .tab-menu>span+span[data-v-e55ba072] { margin-left: 40px; } .portrait-summary-container[data-v-e55ba072] { background: #fff; border-radius: 20px; position: relative; font-weight: 600; font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .portrait-summary-container>section[data-v-e55ba072] { width: 25%; } .c-t3[data-v-e55ba072] { color: #9499a0; } .portrait-summary-container>section .top[data-v-e55ba072] { padding: 16px 0 0 24px; } .portrait-summary-container>section .bottom[data-v-e55ba072] { padding: 8px 0 19px 24px; line-height: 25px; height: 25px; -webkit-box-sizing: content-box; box-sizing: content-box; } .c-T[data-v-e55ba072] { color: #ff4684; } .f-600-18[data-v-e55ba072] { font-weight: 600; font-size: 18px; } .portrait-summary-container>section .bottom .num[data-v-e55ba072] { vertical-align: bottom; padding-left: 1px; letter-spacing: .5px; } .portrait-summary-container>section+section[data-v-e55ba072]:after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; height: 32px; width: 1px; background: #e3e5e7; } .fans-portrait-container .gender-age-box[data-v-e55ba072] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 22px; } .portrait-gender-container .bar-graphic[data-v-e55ba072] { padding: 24px 32px 0; } .portrait-gender-container .bar-graphic .bar-with-icon[data-v-e55ba072] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .progress[data-v-e55ba072] { position: relative; padding-bottom: 20px; } .progress>.title[data-v-e55ba072] { padding-bottom: 8px; } .c-t1[data-v-e55ba072] { color: #18191c; } .progress .progress-bar[data-v-e55ba072] { border-radius: 14.5px; position: relative; background: none; width: 100%; height: 8px; } .portrait-age-container .bar-graphic[data-v-e55ba072] { padding: 24px 40px 4px 32px; } .fans-portrait-container .active-time-box[data-v-e55ba072], .fans-portrait-container .area-box[data-v-e55ba072], .fans-portrait-container .fans-rank-box[data-v-e55ba072], .fans-portrait-container .interest-box[data-v-e55ba072] { padding-top: 16px; } .portrait-interest-container .graphics[data-v-e55ba072] { padding: 24px 0 32px; min-height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .portrait-interest-container .word-cloud-graphic[data-v-e55ba072] { width: 50%; height: 260px; padding-left: 32px; } .paging-bar-container[data-v-e55ba072] { overflow: hidden; position: relative; } .paging-bar-container .bars-box[data-v-e55ba072] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all .6s; transition: all .6s; } .audience-tab-title .time[data-v-e55ba072] { padding-left: 12px; font-weight: 500; font-size: 14px; color: #9499a0; } .portrait-active-time-container .label[data-v-e55ba072] { padding: 16px 0 0 32px; } .portrait-active-time-container .label>span[data-v-e55ba072] { font-weight: 500; font-size: 14px; line-height: 20px; color: #ff4684; } .portrait-active-time-container .label>span[data-v-e55ba072]:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: currentColor; vertical-align: top; margin-top: 6px; margin-right: 4px; } .portrait-active-time-container .label>span+span[data-v-e55ba072] { margin-left: 32px; color: #18191c; } .portrait-active-time-container .label>span+span[data-v-e55ba072]:before { background-color: #c9ccd0; } .portrait-active-time-container .label>span[data-v-e55ba072]:last-child:before { margin-right: 8px; } .portrait-active-time-container .line-graphic[data-v-e55ba072] { height: 290px; } #portrait-active-time-line-container>div[data-v-e55ba072] { height: 100%; } .portrait-area-container[data-v-e55ba072] { overflow: hidden; position: relative; } .portrait-area-container .graphics[data-v-e55ba072] { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 290px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .portrait-area-container .map-graphic[data-v-e55ba072] { width: 40%; height: 432px; padding: 0 0 0 60px; } .portrait-area-container .graphics .progress[data-v-e55ba072]:last-child { padding-bottom: 0!important; } .portrait-fans-rank-container[data-v-e55ba072] { padding-bottom: 32px; } .portrait-fans-rank-container .cards[data-v-e55ba072] { padding: 24px 32px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fans-rank-list-box[data-v-e55ba072] { padding: 0 24px; width: 24%; border: 2px solid #e3e5e7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; -webkit-transition: height .6s; transition: height .6s; overflow-anchor: none; } .fans-rank-list-box .title-box[data-v-e55ba072] { padding-top: 22px; line-height: 20px; z-index: 1; position: relative; } .fans-rank-list-box .content-box[data-v-e55ba072] { min-height: 212px; height: calc(100% - 42px); -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 30px; overflow: hidden; } .fans-rank-list-box ul li[data-v-e55ba072] { 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; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; cursor: pointer; } .f-800-18[data-v-e55ba072] { font-weight: 800; font-size: 18px; } .fans-rank-list-box ul li .face[data-v-e55ba072] { width: 36px; height: 36px; border-radius: 50%; /*padding: 0 8px 0 13px;*/ } .fans-rank-list-box ul li .face img[data-v-e55ba072] { width: 36px; height: 36px; border-radius: 50%; display: block; } .fans-rank-list-box ul li .name[data-v-e55ba072] { width: 118px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .video-data-filter.el-dropdown-menu__item.active { color: #66b1ff; background-color: #ecf5ff; } .video-data-filter.el-dropdown:hover { color: #66b1ff; cursor: pointer; } /*走马灯*/ .audience-carousel .el-carousel__button { width: 10px; height: 10px; border-radius: 50%; background: #c2c2c7; opacity: 1; } .audience-carousel .el-carousel__indicator.is-active button{ background: #fb7299; } .audience-carousel .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: 1; } .dc-top-link_wrap .tabs .tabs__content[data-v-01c5ac32] { padding-left: 40px; padding-right: 40px; } .dc-page[data-v-01c5ac32] { padding: 0 40px; background: #fff; border: 1px solid transparent; } #i-data-center .dc-page[data-v-01c5ac32] { padding-left: 0; padding-right: 0; } .dc-section1[data-v-01c5ac32] { margin-bottom: 40px; } .dc-section1.top[data-v-01c5ac32] { margin-top: 8px; } .dc-section1 .section-tip[data-v-01c5ac32] { font-size: 14px; color: #999; text-align: left; line-height: 18px; } .dc-section1-body[data-v-01c5ac32] { background-color: #fff; border-radius: 4px; } .dc-section-item1_title[data-v-01c5ac32] { line-height: 20px; font-size: 18px; } .ct-root *[data-v-01c5ac32], .ct-root[data-v-01c5ac32] :after, .ct-root[data-v-01c5ac32] :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .ct-root *[data-v-01c5ac32], .ct-root[data-v-01c5ac32] :after, .ct-root[data-v-01c5ac32] :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .bcc-row[data-v-01c5ac32] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; } .section .section-row[data-v-01c5ac32] { margin: 16px 0; } .bcc-col-8[data-v-01c5ac32] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .section-item[data-v-01c5ac32] { vertical-align: middle; background: rgba(0,161,214,.03); border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px 12.5%; padding-top: 12px; border: 1px solid transparent; } .section-item.pointer[data-v-01c5ac32] { cursor: pointer; } .section-item.actived[data-v-01c5ac32] { background: rgba(0,161,214,.08); border: 1.5px solid rgba(0,161,214,.4); } .section-item.pointer[data-v-01c5ac32] { cursor: pointer; } .section-item.actived[data-v-01c5ac32] { background: rgba(0,161,214,.08); border: 1.5px solid rgba(0,161,214,.4); } .section-item .data-name[data-v-01c5ac32] { font-size: 12px; color: #757575; line-height: 16px; } .section-item .text-content[data-v-01c5ac32] { position: relative; margin-top: 6px; margin-bottom: 8px; line-height: 22px; font-weight: 600; font-size: 22px; color: #00a1d6; letter-spacing: .5px; } .section-item .diff-wrp[data-v-01c5ac32] { white-space: nowrap; color: #757575; font-size: 14px; line-height: 18px; } .section-item .diff-wrp .improve[data-v-01c5ac32] { font-size: 12px; color: #757575; line-height: 16px; padding-right: 4px; } .section-item .diff-wrp .no-improve[data-v-01c5ac32] { color: #00a1d6; font-size: 14px; margin-left: 2px; line-height: 16px; } #dc-section_summary.dc-section1[data-v-01c5ac32] { margin-bottom: 25px; } .dc-section1 .section-tip[data-v-01c5ac32] { font-size: 14px; color: #999; text-align: left; line-height: 18px; } .dc-section1-body[data-v-01c5ac32] { background-color: #fff; border-radius: 4px; } .dc-section-item1_title[data-v-01c5ac32] { line-height: 20px; font-size: 18px; } .dc-section-item1_title_custom[data-v-01c5ac32] { float: left; } .dc-section-item1_title_custom .sectionTitle[data-v-01c5ac32] { font-weight: bolder; font-size: 16px; color: #212121; } .dc-radio-group[data-v-01c5ac32], .summary-title-radio[data-v-01c5ac32] { display: -webkit-box; display: -ms-flexbox; display: flex; } #dc-section_summary .summary-title-radio[data-v-01c5ac32] { margin-top: 20px; margin-bottom: 32px; } .dc-radio-button[data-v-01c5ac32] { text-align: center; display: block; padding: 6px 15px; border: 1px solid #e7e7e7; font-size: 14px; cursor: pointer; color: #505050; line-height: 18px; position: relative; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; } .dc-radio-button[data-v-01c5ac32]:first-child { border-radius: 2px 0 0 2px; } .dc-radio-button.is-active[data-v-01c5ac32] { border-color: #00a1d6; color: #fff; background: #00a1d6; } .dc-radio-button_inner[data-v-01c5ac32] { font-size: 14px; } #dc-section_summary .summary-title-radio .dc-radio-button[data-v-01c5ac32]:not(:first-child) { border-left: none; } .echarts[data-v-01c5ac32] { width: 600px; height: 400px; } #dc-section_summary .echarts[data-v-01c5ac32] { width: 100%; height: 264px; } .dc-section1 .section-tip[data-v-01c5ac32] { font-size: 14px; color: #999; text-align: left; line-height: 18px; } #dc-section_summary .source-container[data-v-01c5ac32] { display: -webkit-box; display: -ms-flexbox; display: flex; } #dc-section_summary .source-container[data-v-01c5ac32] { margin-top: 0; position: relative; } .pie-empty[data-v-01c5ac32] { position: relative; height: 250px; bottom: 20px; } .pie-empty.none[data-v-01c5ac32] { height: 190px; width: 100%; font-size: 14px; color: #999; letter-spacing: 0; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; } #dc-section_summary .pie-empty[data-v-01c5ac32] { height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; font-size: 14px; } #dc-section_summary .pie-empty[data-v-01c5ac32] { position: relative; width: 100%; height: 250px; bottom: 20px; } #dc-section_viewOrigin.dc-section1[data-v-01c5ac32] { margin-bottom: 0; } .dc-section1-title[data-v-01c5ac32] { display: inline-block; line-height: 20px; font-weight: 400; font-size: 16px; color: #212121; letter-spacing: .5; } .dc-section1-title[data-v-01c5ac32] { font-weight: bolder; } .dc-section1 .section-tip[data-v-01c5ac32] { font-size: 14px; color: #999; text-align: left; line-height: 18px; } .view-origin[data-v-01c5ac32] { display: -webkit-box; display: -ms-flexbox; display: flex; } .column .view-origin[data-v-01c5ac32] { margin-top: 25px; } .item-in-row2[data-v-01c5ac32] { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .cc-body[data-v-94c12212]{ margin-left: 200px; min-width: 900px; padding: 60px 0 50px 0; background: #fafafa; display: flow-root; } .cc-content-body[data-v-94c12212]{ width: 90%; margin: 0 auto; background: #fff; margin-top: 16px!important; } .new-link-top-wrap[data-v-94c12212] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-94c12212] { background: #fff; height: 64px; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-94c12212] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-94c12212] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .fans_wrap .content[data-v-94c12212] { padding: 0 40px; } .assist-wrap[data-v-fc07325c] { width: 90%; margin: 0 auto; padding-top: 40px!important; } .fans_wrap .content[data-v-fc07325c] { padding: 0 40px; } .assist-wrap .assist-list[data-v-fc07325c] { margin-bottom: 65px; } .assist-wrap .assist-list header[data-v-fc07325c] { margin-bottom: 25px; } .assist-wrap .assist-list header h1[data-v-fc07325c] { font-weight: 400; line-height: 1; font-size: 20px; } .bui-tooltip[data-v-fc07325c] { position: relative; display: inline-block; } .assist-wrap .assist-list header h1 .helper[data-v-fc07325c], .assist-wrap .assist-list header h1 span[data-v-fc07325c] { vertical-align: middle; } .assist-wrap .assist-list header h1 .helper[data-v-fc07325c] { cursor: default; margin-left: 5px; } .bui-tooltip .bui-tooltip-bubble[data-v-fc07325c] { position: absolute; top: -25px; left: 30px; font-size: 12px; line-height: 1.5; z-index: 2; display: none; } .bui-tooltip-els:hover~.bui-tooltip-bubble[data-v-fc07325c]{ display: block; } .bui-tooltip .bui-tooltip-arrow[data-v-fc07325c] { position: absolute; width: 8px; overflow: hidden; top: 0; bottom: 0; } .bui-tooltip .bui-tooltip-arrow.right[data-v-fc07325c] { left: 1.5px; } .bui-tooltip .bui-tooltip-inner[data-v-fc07325c] { min-height: 34px; padding: 8px 12px; color: #666; text-align: left; text-decoration: none; background: #fffcdf; border: 1px solid #feefd0; border-radius: 4px; white-space: nowrap; cursor: text; } .bui-tooltip .bui-tooltip-bubble .bui-tooltip-content .bui-tooltip-inner[data-v-fc07325c] { padding: 5px; color: #666; text-align: left; text-decoration: none; background: #fffcdf; border: 1px solid #feefd0; border-radius: 4px; white-space: nowrap; cursor: text; } .assist-wrap .assist-list header h1 .helper .tips h3[data-v-fc07325c] { margin-bottom: 4px; font-weight: 400; } .assist-wrap .assist-list header h1 .helper .tips p[data-v-fc07325c] { opacity: .8; } .i-btn[data-v-fc07325c] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .i-btn.ok[data-v-fc07325c] { color: #fff; background: #00a1d6; } .assist-wrap .i-btn[data-v-fc07325c] { margin-right: 10px; } .danmu-container[data-v-fc07325c] { border-top: 1px solid #e5e9ef; border-left: 1px solid #e5e9ef; text-align: left; position: relative; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; border-radius: 4px; } .danmu-container .empty-danmu[data-v-fc07325c] { padding: 25px 0; text-align: center; } .assist-wrap .assist-log[data-v-fc07325c] { padding-bottom: 40px; } .assist-wrap .assist-log header h1[data-v-fc07325c] { font-weight: 400; font-size: 20px; line-height: 1; margin-bottom: 25px; } .assist-wrap .assist-log header .tools[data-v-fc07325c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-right: 15px; } .ui-serch[data-v-fc07325c] { position: relative; display: inline-block; } .ui-input[data-v-fc07325c] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; background: #fff; -webkit-transition: color .2s ease,background-color .2s ease,border-color .2s ease; transition: color .2s ease,background-color .2s ease,border-color .2s ease; outline: none; } .ui-serch input[type=text].ui-input[data-v-fc07325c] { padding: 0 38px 0 8px; height: 32px; line-height: 32px; width: 100%; border: 1px solid #e7e7e7; } .assist-wrap .assist-log header .tools .search-wrp input[type=text][data-v-fc07325c] { width: 250px; } .ui-serch .run-serch[data-v-fc07325c] { background-color: transparent; border: none; position: absolute; right: 0; font-size: 16px; color: #bbb; top: 0; line-height: 32px; padding: 0 10px; cursor: pointer; } .fontvt[data-v-fc07325c] { font-size: 16px; } .ui-calendar[data-v-fc07325c] { position: relative; display: inline-block; } .assist-wrap .assist-log header .tools .ui-calendar[data-v-fc07325c] { display: inline-block; margin-left: 22px; } .medal[data-v-6dd0a744] { width: 100%; padding-top: 20px; text-align: center; background: #fff; } .medal header[data-v-6dd0a744] { text-align: left; padding-bottom: 16px; border-bottom: 1px solid #e7e7ee; } h2.title[data-v-6dd0a744] { display: inline-block; font-weight: 400; font-size: 20px; color: #222; } .medal header p[data-v-6dd0a744] { margin-top: 16px; color: #757575; font-size: 14px; } .medal .medal-form .section[data-v-6dd0a744] { width: 100%; padding: 24px 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .medal .medal-form .section .title-tip[data-v-6dd0a744] { width: 12%; font-size: 16px; font-weight: 400; color: #222; } .medal .red[data-v-6dd0a744] { color: #fa4040; } .medal .medal-form .section div[data-v-6dd0a744], .medal .medal-form .section span[data-v-6dd0a744] { font-size: 14px; width: auto; display: inline-block; } .bui-tooltip-els[data-v-6dd0a744]{ position: relative; } .bui-tooltip .bui-tooltip-bubble[data-v-6dd0a744] { position: absolute; top: -25px; font-size: 12px; line-height: 1.5; margin-left: 5px; z-index: 2; display: none!important; } .tip-icon:hover~.bui-tooltip-bubble[data-v-6dd0a744] { display: inline-block!important; } .bui-tooltip .bui-tooltip-arrow[data-v-6dd0a744] { position: absolute; width: 8px; overflow: hidden; top: 0; bottom: 0; } .bui-tooltip .bui-tooltip-arrow.right[data-v-6dd0a744] { left: 1.5px; } .bui-tooltip .bui-tooltip-inner[data-v-6dd0a744] { min-height: 34px; padding: 8px 12px; color: #666; text-align: left; text-decoration: none; background: #fffcdf; border: 1px solid #feefd0; border-radius: 4px; white-space: nowrap; cursor: text; } .bui-tooltip .bui-tooltip-bubble .bui-tooltip-content .bui-tooltip-inner[data-v-6dd0a744] { padding: 5px; color: #666; text-align: left; text-decoration: none; background: #fffcdf; border: 1px solid #feefd0; border-radius: 4px; white-space: nowrap; cursor: text; } .bui-tooltip .bui-tooltip-bubble .bui-tooltip-content .bui-tooltip-inner .bui-tooltip-title[data-v-6dd0a744] { font-size: 14px; color: #222; margin-bottom: 5px; } .medal .medal-form .buttons[data-v-6dd0a744] { border-bottom: 0 none; margin-left: 195px; } .i-btn[data-v-6dd0a744] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .i-btn.ok[data-v-6dd0a744] { color: #fff; background: #00a1d6; } .medal .medal-form .buttons .i-btn[data-v-6dd0a744] { width: 90px; } .medal .medal-form .page-tip[data-v-6dd0a744] { text-align: left; font-size: 12px; color: #99a2aa; line-height: 20px; } .help[data-v-6dd0a744] { color: #00a1d6; } .medal-list[data-v-6dd0a744] { margin-top: 48px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .medal-list .part[data-v-6dd0a744] { width: 475px; } .medal-list .title[data-v-6dd0a744] { text-align: left; font-weight: 400; font-size: 20px; color: #222; line-height: 56px; } .medal-list .part .content[data-v-6dd0a744] { border: 1px solid #e5e9ef; border-radius: 4px; text-align: center; } .empty-wrp[data-v-6dd0a744], .flex[data-v-6dd0a744] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; } .empty-wrp[data-v-6dd0a744] { height: 100%; padding: 20px 0; } .empty-wrp .text[data-v-6dd0a744] { text-align: center; font-size: 14px; padding-top: 20px; width: 100%; } .medal-list .part .content li[data-v-6dd0a744] { display: -webkit-box; display: -ms-flexbox; display: flex; } .medal-list .part .content li div[data-v-6dd0a744] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; font-size: 14px; color: #6d757a; line-height: 50px; } .medal-list .part .content li .nike[data-v-6dd0a744] { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: left; } .medal-list .recent .content[data-v-6dd0a744] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; } .interActive-wrap[data-v-c3fdbac6] { margin-left: 200px; min-height: 100%; position: relative; padding: 76px 0 50px 0; background: #fafafa; min-width: 900px; } .new-link-top-wrap[data-v-c3fdbac6] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-c3fdbac6] { background: #fff; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-c3fdbac6] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-c3fdbac6] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .articel_wrap[data-v-01bbb3d1] { padding-bottom: 24px!important; padding-top: 1px!important; position: relative; } .interActive-wrap .content[data-v-01bbb3d1] { padding: 0 40px; } .danmu-form_wrap[data-v-01bbb3d1] { padding-top: 23px; padding-bottom: 24px; border-bottom: 1px solid #e7e7e7; } .danmu-form_wrap .form-item_wrap[data-v-01bbb3d1] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmu-form_wrap .form-item_wrap .form-item .form-label[data-v-01bbb3d1], .danmu-form_wrap .form-item_wrap .form-item[data-v-01bbb3d1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .danmu-form_wrap .form-item_wrap .form-item .form-label[data-v-01bbb3d1] { font-size: 14px; color: #212121; line-height: 18px; margin-right: 12px; } .danmu-form_wrap .form-item_wrap .danmu-content .form-label[data-v-01bbb3d1] { margin-left: 14px; } .bcc-input-inner[data-v-01bbb3d1] { width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 14px; color: #212121; border: 1px solid #e7e7e7; border-radius: 4px; background-color: transparent; } .danmu-form_wrap .form-item_wrap .danmu-content .bcc-input[data-v-01bbb3d1] { width: 188px; } .bcc-input-inner.input[data-v-01bbb3d1] { height: 100%; min-height: 32px; } .articel_wrap .bcc-input-inner[data-v-01bbb3d1] { border-radius: 2px; } .danmu-form_wrap .form-item_wrap .play-time[data-v-01bbb3d1] { margin-left: 193px; } .danmu-form_wrap .form-item_wrap .play-time .bcc-input[data-v-01bbb3d1] { width: 110px; } .danmu-form_wrap .form-item_wrap .play-time .zhi[data-v-01bbb3d1] { font-size: 14px; color: #999; line-height: 18px; margin-left: 11px; margin-right: 21px; } .danmu-form_wrap .form-item_wrap+.form-item_wrap[data-v-01bbb3d1] { margin-top: 24px; } .danmu-form_wrap .form-item_wrap .send-date[data-v-01bbb3d1] { margin-left: 51px; } .danmu-form_wrap .form-item_wrap .send .bcc-input .bcc-input-inner[data-v-01bbb3d1] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .danmu-form_wrap .form-item_wrap .danmu-model[data-v-01bbb3d1] { margin-left: 14px; } .button_wrap[data-v-01bbb3d1] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; } .danmu-form_wrap .form-item_wrap .button_wrap[data-v-01bbb3d1] { padding: 6px 23px; } .button_wrap.primary[data-v-01bbb3d1] { background: #00a1d6; border-color: #00a1d6; color: #fff; } .danmu-form_wrap .form-item_wrap .button_wrap+.button_wrap[data-v-01bbb3d1] { margin-left: 16px; } .articel_wrap .operate_wrap[data-v-01bbb3d1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 19px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .articel_wrap .operate_wrap .left_wrap[data-v-01bbb3d1] { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .button_wrap[data-v-01bbb3d1] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; } .button_wrap.disabled[data-v-01bbb3d1] { opacity: .4; cursor: not-allowed; } .articel_wrap .operate_wrap .left_wrap .pro[data-v-01bbb3d1] { margin-left: 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-color: transparent; position: relative; } .articel_wrap .operate_wrap .left_wrap .cancel[data-v-01bbb3d1] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .articel_wrap .operate_wrap .left_wrap .refresh[data-v-01bbb3d1] { margin-left: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; color: #212121; line-height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .articel_wrap .operate_wrap .left_wrap .refresh i[data-v-01bbb3d1] { margin-right: 4px; } .articel_wrap .operate_wrap .right_wrap[data-v-01bbb3d1] { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bcc-select[data-v-01bbb3d1] { position: relative; width: 150px; } .dm-transform_wrapper[data-v-01bbb3d1] { position: relative; width: 150px; } .articel_wrap .operate_wrap .right_wrap .last[data-v-01bbb3d1] { margin-left: 12px; } .articel_wrap .dm-log_wrap[data-v-01bbb3d1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .articel_wrap .tab-operate[data-v-01bbb3d1] { position: absolute; top: -48px; right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .articel_wrap .tab-operate .input_wrap[data-v-01bbb3d1] { position: relative; width: 230px; } .articel_wrap .tab-operate .bcc-input[data-v-01bbb3d1] { width: 100%; } .articel_wrap .tab-operate .input_wrap .search[data-v-01bbb3d1] { right: 9px; top: 4px; color: #999; position: absolute; } .articel_wrap .tab-operate .search-txt[data-v-01bbb3d1] { margin-left: 16px; font-size: 12px; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .articel_wrap .tab-operate .search-txt .arrow-icon[data-v-01bbb3d1]{ margin-left: 5px; } .bcc-table__wrap[data-v-01bbb3d1] { font-size: 14px; position: relative; } .bcc-table__wrap table[data-v-01bbb3d1] { width: 100%; table-layout: fixed; text-align: center; } .bcc-state[data-v-01bbb3d1] { 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; padding: 24px; background-color: white; } .bcc-table__wrap .bcc-table__empty .bcc-table__empty-default[data-v-01bbb3d1] { padding-top: 40px; padding-bottom: 40px; } .bcc-state .bcc-state__image[data-v-01bbb3d1] { width: 364px; } .bcc-state .bcc-state__image>*[data-v-01bbb3d1] { display: block; overflow: hidden; width: 364px; } .bcc-state .bcc-state__tip[data-v-01bbb3d1] { margin-top: 24px; color: #212121; font-size: 16px; } .bcc-dialog__wrap[data-v-01bbb3d1] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; z-index: 1000; } .bcc-dialog__wrap.bcc-dialog__wrap-mask[data-v-01bbb3d1] { background: rgba(0,0,0,.5); } .bcc-dialog__wrap .bcc-dialog[data-v-01bbb3d1] { background: #fff; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); padding: 24px 32px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); border-radius: 2px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header[data-v-01bbb3d1] { color: #505050; font-size: 16px; padding-bottom: 16px; position: relative; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header .bcc-dialog__close[data-v-01bbb3d1] { cursor: pointer; position: absolute; top: 0; right: 0; font-size: 18px; line-height: 1; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__body[data-v-01bbb3d1] { color: #212121; font-size: 14px; padding-bottom: 32px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer[data-v-01bbb3d1] { text-align: center; } .bcc-button[data-v-01bbb3d1] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-01bbb3d1] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button--default[data-v-01bbb3d1] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .bcc-button.large[data-v-01bbb3d1] { padding: 7px 16px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer .bcc-button[data-v-01bbb3d1] { margin-right: 10px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer .bcc-button[data-v-01bbb3d1]:last-child { margin-right: 0; } .articel_wrap .tips[data-v-01bbb3d1] { font-size: 14px; color: #999; text-align: right; line-height: 18px; margin-top: 24px; } .load-item[data-v-01bbb3d1] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .colum-content[data-v-01bbb3d1]{ cursor: pointer; } .dialog_wrap[data-v-01bbb3d1]{ display: none; position: absolute; right: 0; /*top: 30px;*/ /*width: 168px;*/ background: #fff; z-index: 10; padding: 4px 0; -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0 ,.1); box-shadow: 0 1px 20px 0 rgba(0, 0, 0 ,.1); border-radius: 2px; } .dialog_wrap .item_operate[data-v-01bbb3d1] { padding: 9px 16px; font-size: 14px; color: #212121; line-height: 18px; cursor: pointer; } .dialog_wrap .item_operate[data-v-01bbb3d1]:hover{ background: #fafafa; color: #00a1d6; } .colum-content:hover .dialog_wrap[data-v-01bbb3d1] { display: block; } .cursor[data-v-01bbb3d1] { cursor: pointer; } .i-modal[data-v-01bbb3d1] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-01bbb3d1] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-01bbb3d1], .i-modal .overlay[data-v-01bbb3d1] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-01bbb3d1] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-01bbb3d1] { width: 420px; padding: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: inherit; bottom: inherit; background-color: #fff; } .del-modal .modal .modal-head[data-v-01bbb3d1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-01bbb3d1] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-01bbb3d1] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-01bbb3d1] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-content .bcc-checkbox[data-v-01bbb3d1] { margin-top: 16px; } .del-modal .modal .modal-footer[data-v-01bbb3d1] { text-align: right; margin-top: 32px; margin-right: 8px; } .danmu-date.el-input__inner { background-color: transparent; } .danmu-date .el-range-input { background-color: transparent; } .danmu-select .el-input__inner { background-color: transparent; } .danmu_table .el-table__empty-block { display: none; } .interActive-wrap .content[data-v-be5d6a7e] { padding: 0 40px; } .danmu-wrp.index[data-v-be5d6a7e] { width: inherit; margin: 0; padding-top: 32px; padding-bottom: 56px; } .danmu-wrp .section[data-v-be5d6a7e] { border-bottom: 1px solid #e5e9ef; padding: 20px 0; } .danmu-wrp.index .section[data-v-be5d6a7e] { padding: 0; border-bottom: none; } .danmu-wrp.index .section .title[data-v-be5d6a7e] { font-size: 14px; color: #212121; letter-spacing: .5px; padding: 0; } .danmu-wrp.index .section .label[data-v-be5d6a7e] { width: 158px; } .danmu-wrp.index .section .content[data-v-be5d6a7e] { padding: 0; font-size: 14px; color: #212121; line-height: 18px; } .danmu-wrp .input-group[data-v-be5d6a7e] { margin-bottom: 20px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .danmu-wrp.index .section.request[data-v-be5d6a7e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .danmu-wrp.index .section+.section[data-v-be5d6a7e] { margin-top: 48px; } .bcc-select[data-v-be5d6a7e] { position: relative; width: 150px; } .danmu-wrp.index .section-wrp+.section-wrp[data-v-be5d6a7e] { margin-top: 48px; } .danmu-wrp.index .section .accout-black[data-v-be5d6a7e] { font-size: 14px; color: #212121; letter-spacing: .5px; font-weight: 500; } .danmu-wrp.index .section .accout-black a[data-v-be5d6a7e] { color: #00a1d6; } .danmu-wrp.index .section .title-tip[data-v-be5d6a7e] { font-size: 14px; color: #999; line-height: 18px; margin-top: 12px; } .danmu-wrp.index .section .content.title-tip[data-v-be5d6a7e] { font-size: 14px; color: #757575; letter-spacing: .5px; line-height: 28px; margin-top: 8px; } .i-input[data-v-be5d6a7e] { border: 1px solid #ccd0d7; width: 100%; border-radius: 100px; height: 32px; vertical-align: middle; padding: 0 12px; background: transparent; } .danmu-wrp .i-input[data-v-be5d6a7e] { border-radius: 2px!important; } .danmu-wrp .section .i-input[data-v-be5d6a7e] { display: inline-block; height: 36px; line-height: 36px; width: 550px; margin-right: 10px; } .danmu-wrp.index .section .i-input[data-v-be5d6a7e] { height: 32px; line-height: 20px; color: #212121; border-color: #e7e7e7; } .i-btn[data-v-be5d6a7e] { height: 28px; display: inline-block; line-height: 28px; text-align: center; cursor: pointer; border-radius: 4px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 18px; font-size: 12px; border: 0 none; } .i-btn.ok[data-v-be5d6a7e] { color: #fff; background: #00a1d6; } .danmu-wrp .section .i-btn[data-v-be5d6a7e] { position: relative; top: 2px; display: inline-block; width: 80px; font-size: 14px; } .danmu-wrp.index .section .i-btn[data-v-be5d6a7e] { padding: 7px 16px; border-radius: 2px; height: inherit; line-height: 18px; width: inherit; margin-right: 0; } .danmu-wrp .filter-wrp[data-v-be5d6a7e] { width: 550px; } .danmu-wrp .filter-item[data-v-be5d6a7e] { position: relative; float: left; line-height: 30px; border-radius: 4px; background: #f1f3f7; border: 1px solid #e5e9ef; margin-right: 20px; margin-top: 20px; padding: 0 15px; word-wrap: break-word; word-break: break-all; } .danmu-wrp.index .section .filter-item[data-v-be5d6a7e] { background: #f4f4f4; border-radius: 15px; padding: 5px 12px; margin-top: 12px; margin-right: 12px; border: none; } .danmu-wrp.index .section .filter-item span[data-v-be5d6a7e] { font-size: 14px; color: #212121; line-height: 18px; font-weight: 500; } .danmu-wrp .filter-del2[data-v-be5d6a7e] { font-size: 12px; color: #999; cursor: pointer; margin-left: 3px; } .highGrade-select .el-input__inner { background-color: transparent; } .danmu-report[data-v-78b8035f] { background: #fff; } .interActive-wrap .content[data-v-78b8035f] { padding: 15px 40px; } .danmu-report .nav-header[data-v-78b8035f] { padding-top: 7px; } .feedback-tabs[data-v-78b8035f] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .feedback-tabs .i-tab[data-v-78b8035f] { color: #505050; line-height: 18px; padding-bottom: 8px; } .feedback-tabs .i-tab.is-active[data-v-78b8035f] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .feedback-tabs .i-tab+.i-tab[data-v-78b8035f] { margin-left: 32px; } .danmu-report_wrap .report_head[data-v-78b8035f] { margin-top: 28px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .button_wrap[data-v-78b8035f] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; background-color: transparent; } .button_wrap.disabled[data-v-78b8035f] { opacity: .4; cursor: not-allowed; } .danmu-report_wrap .report_head .button_wrap+.button_wrap[data-v-78b8035f] { margin-left: 16px; } .bcc-table__wrap[data-v-78b8035f] { font-size: 14px; position: relative; } .bcc-state[data-v-78b8035f] { 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; padding: 24px; } .bcc-table__wrap .bcc-table__empty .bcc-table__empty-default[data-v-78b8035f] { padding-top: 80px; padding-bottom: 80px; } .bcc-state .bcc-state__image[data-v-78b8035f] { width: 364px; } .bcc-state .bcc-state__image>*[data-v-78b8035f] { display: block; overflow: hidden; width: 364px; } .bcc-state .bcc-state__tip[data-v-78b8035f] { margin-top: 24px; color: #212121; font-size: 16px; } .advance_wrap[data-v-78b8035f] { padding-top: 24px; } .protect-list_wrap .header[data-v-78b8035f] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0; } .protect-list_wrap .header .left_wrap[data-v-78b8035f], .protect-list_wrap .header[data-v-78b8035f] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap[data-v-78b8035f], .protect-list_wrap .header[data-v-78b8035f] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .right_wrap[data-v-78b8035f] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap .button_wrap+.button_wrap[data-v-78b8035f] { margin-left: 12px; } .load-item[data-v-78b8035f] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .button[data-v-78b8035f] { padding: 6px 10px; } .button[data-v-78b8035f]:not(.disabled):hover { border-color: #00a1d6; background-color: white; } .cursor[data-v-78b8035f] { cursor: pointer; } .i-modal[data-v-78b8035f] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-78b8035f] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-78b8035f], .i-modal .overlay[data-v-78b8035f] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-78b8035f] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-78b8035f] { width: 420px; padding: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: inherit; bottom: inherit; background-color: #fff; } .del-modal .modal .modal-head[data-v-78b8035f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-78b8035f] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-78b8035f] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-78b8035f] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-content .bcc-checkbox[data-v-78b8035f] { margin-top: 16px; } .del-modal .modal .modal-footer[data-v-78b8035f] { text-align: right; margin-top: 32px; margin-right: 8px; } .bcc-button[data-v-78b8035f] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-78b8035f] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button.large[data-v-78b8035f] { padding: 7px 16px; } .bcc-button--default[data-v-78b8035f] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .danmu-report[data-v-5a45852c] { background: #fff; } .interActive-wrap .content[data-v-5a45852c] { padding: 15px 40px; } .danmu-report .nav-header[data-v-5a45852c] { padding-top: 7px; } .feedback-tabs[data-v-5a45852c] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .feedback-tabs .i-tab[data-v-5a45852c] { color: #505050; line-height: 18px; padding-bottom: 8px; } .feedback-tabs .i-tab.is-active[data-v-5a45852c] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .feedback-tabs .i-tab+.i-tab[data-v-5a45852c] { margin-left: 32px; } .danmu-report_wrap .report_head[data-v-5a45852c] { margin-top: 28px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .button_wrap[data-v-5a45852c] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; background-color: transparent; } .button_wrap.disabled[data-v-5a45852c] { opacity: .4; cursor: not-allowed; } .danmu-report_wrap .report_head .button_wrap+.button_wrap[data-v-5a45852c] { margin-left: 16px; } .bcc-table__wrap[data-v-5a45852c] { font-size: 14px; position: relative; } .bcc-state[data-v-5a45852c] { 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; padding: 24px; } .bcc-table__wrap .bcc-table__empty .bcc-table__empty-default[data-v-5a45852c] { padding-top: 80px; padding-bottom: 80px; } .bcc-state .bcc-state__image[data-v-5a45852c] { width: 364px; } .bcc-state .bcc-state__image>*[data-v-5a45852c] { display: block; overflow: hidden; width: 364px; } .bcc-state .bcc-state__tip[data-v-5a45852c] { margin-top: 24px; color: #212121; font-size: 16px; } .advance_wrap[data-v-5a45852c] { padding-top: 24px; } .protect-list_wrap .header[data-v-5a45852c] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0; } .protect-list_wrap .header .left_wrap[data-v-5a45852c], .protect-list_wrap .header[data-v-5a45852c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap[data-v-5a45852c], .protect-list_wrap .header[data-v-5a45852c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .right_wrap[data-v-5a45852c] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap .button_wrap+.button_wrap[data-v-5a45852c] { margin-left: 12px; } .load-item[data-v-5a45852c] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .button[data-v-5a45852c] { padding: 6px 10px; } .button[data-v-5a45852c]:not(.disabled):hover { border-color: #00a1d6; background-color: white; } .cursor[data-v-5a45852c] { cursor: pointer; } .i-modal[data-v-5a45852c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-5a45852c] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-5a45852c], .i-modal .overlay[data-v-5a45852c] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-5a45852c] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-5a45852c] { width: 420px; padding: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: inherit; bottom: inherit; background-color: #fff; } .del-modal .modal .modal-head[data-v-5a45852c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-5a45852c] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-5a45852c] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-5a45852c] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-content .bcc-checkbox[data-v-5a45852c] { margin-top: 16px; } .del-modal .modal .modal-footer[data-v-5a45852c] { text-align: right; margin-top: 32px; margin-right: 8px; } .bcc-button[data-v-5a45852c] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-5a45852c] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button.large[data-v-5a45852c] { padding: 7px 16px; } .bcc-button--default[data-v-5a45852c] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .report-select .el-input__inner { background-color: transparent; } .report-table .el-table__empty-block { display: none; } .danmu-report[data-v-0540be28] { background: #fff; } .interActive-wrap .content[data-v-0540be28] { padding: 15px 40px; } .danmu-report .nav-header[data-v-0540be28] { padding-top: 7px; } .feedback-tabs[data-v-0540be28] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .feedback-tabs .i-tab[data-v-0540be28] { color: #505050; line-height: 18px; padding-bottom: 8px; } .feedback-tabs .i-tab.is-active[data-v-0540be28] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .feedback-tabs .i-tab+.i-tab[data-v-0540be28] { margin-left: 32px; } .danmu-report_wrap .report_head[data-v-0540be28] { margin-top: 28px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .button_wrap[data-v-0540be28] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; background-color: transparent; } .button_wrap.disabled[data-v-0540be28] { opacity: .4; cursor: not-allowed; } .danmu-report_wrap .report_head .button_wrap+.button_wrap[data-v-0540be28] { margin-left: 16px; } .bcc-table__wrap[data-v-0540be28] { font-size: 14px; position: relative; } .bcc-state[data-v-0540be28] { 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; padding: 24px; } .bcc-table__wrap .bcc-table__empty .bcc-table__empty-default[data-v-0540be28] { padding-top: 80px; padding-bottom: 80px; } .bcc-state .bcc-state__image[data-v-0540be28] { width: 364px; } .bcc-state .bcc-state__image>*[data-v-0540be28] { display: block; overflow: hidden; width: 364px; } .bcc-state .bcc-state__tip[data-v-0540be28] { margin-top: 24px; color: #212121; font-size: 16px; } .advance_wrap[data-v-0540be28] { padding-top: 24px; } .protect-list_wrap .header[data-v-0540be28] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0; } .protect-list_wrap .header .left_wrap[data-v-0540be28], .protect-list_wrap .header[data-v-0540be28] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap[data-v-0540be28], .protect-list_wrap .header[data-v-0540be28] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .right_wrap[data-v-0540be28] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap .button_wrap+.button_wrap[data-v-0540be28] { margin-left: 12px; } .load-item[data-v-0540be28] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .button[data-v-0540be28] { padding: 6px 10px; } .button[data-v-0540be28]:not(.disabled):hover { border-color: #00a1d6; background-color: white; } .cursor[data-v-0540be28] { cursor: pointer; } .i-modal[data-v-0540be28] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-0540be28] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-0540be28], .i-modal .overlay[data-v-0540be28] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-0540be28] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-0540be28] { width: 420px; padding: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: inherit; bottom: inherit; background-color: #fff; } .del-modal .modal .modal-head[data-v-0540be28] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-0540be28] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-0540be28] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-0540be28] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-content .bcc-checkbox[data-v-0540be28] { margin-top: 16px; } .del-modal .modal .modal-footer[data-v-0540be28] { text-align: right; margin-top: 32px; margin-right: 8px; } .bcc-button[data-v-0540be28] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-0540be28] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button.large[data-v-0540be28] { padding: 7px 16px; } .bcc-button--default[data-v-0540be28] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .advance-table .el-table__empty-block { display: none; } .danmu-report[data-v-1e326605] { background: #fff; } .interActive-wrap .content[data-v-1e326605] { padding: 15px 40px; } .danmu-report .nav-header[data-v-1e326605] { padding-top: 7px; } .feedback-tabs[data-v-1e326605] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .feedback-tabs .i-tab[data-v-1e326605] { color: #505050; line-height: 18px; padding-bottom: 8px; } .feedback-tabs .i-tab.is-active[data-v-1e326605] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .feedback-tabs .i-tab+.i-tab[data-v-1e326605] { margin-left: 32px; } .danmu-report_wrap .report_head[data-v-1e326605] { margin-top: 28px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .button_wrap[data-v-1e326605] { border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; color: #212121; text-align: left; line-height: 18px; padding: 6px 15px; display: inline-block; cursor: pointer; background-color: transparent; } .button_wrap.disabled[data-v-1e326605] { opacity: .4; cursor: not-allowed; } .danmu-report_wrap .report_head .button_wrap+.button_wrap[data-v-1e326605] { margin-left: 16px; } .bcc-table__wrap[data-v-1e326605] { font-size: 14px; position: relative; } .bcc-state[data-v-1e326605] { 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; padding: 24px; } .bcc-table__wrap .bcc-table__empty .bcc-table__empty-default[data-v-1e326605] { padding-top: 80px; padding-bottom: 80px; } .bcc-state .bcc-state__image[data-v-1e326605] { width: 364px; } .bcc-state .bcc-state__image>*[data-v-1e326605] { display: block; overflow: hidden; width: 364px; } .bcc-state .bcc-state__tip[data-v-1e326605] { margin-top: 24px; color: #212121; font-size: 16px; } .advance_wrap[data-v-1e326605] { padding-top: 24px; } .protect-list_wrap .header[data-v-1e326605] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0; } .protect-list_wrap .header .left_wrap[data-v-1e326605], .protect-list_wrap .header[data-v-1e326605] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap[data-v-1e326605], .protect-list_wrap .header[data-v-1e326605] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .right_wrap[data-v-1e326605] { display: -webkit-box; display: -ms-flexbox; display: flex; } .protect-list_wrap .header .left_wrap .button_wrap+.button_wrap[data-v-1e326605] { margin-left: 12px; } .load-item[data-v-1e326605] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .button[data-v-1e326605] { padding: 6px 10px; } .button[data-v-1e326605]:not(.disabled):hover { border-color: #00a1d6; background-color: white; } .cursor[data-v-1e326605] { cursor: pointer; } .i-modal[data-v-1e326605] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-1e326605] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-1e326605], .i-modal .overlay[data-v-1e326605] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-1e326605] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-1e326605] { width: 420px; padding: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); right: inherit; bottom: inherit; background-color: #fff; } .del-modal .modal .modal-head[data-v-1e326605] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-1e326605] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-1e326605] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-1e326605] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-content .bcc-checkbox[data-v-1e326605] { margin-top: 16px; } .del-modal .modal .modal-footer[data-v-1e326605] { text-align: right; margin-top: 32px; margin-right: 8px; } .bcc-button[data-v-1e326605] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-1e326605] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button.large[data-v-1e326605] { padding: 7px 16px; } .bcc-button--default[data-v-1e326605] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .protect-table .el-table__empty-block { display: none; } .protect-select .el-input__inner { background-color: transparent; } .comment_wrap[data-v-b80f0106] { margin-left: 200px; min-width: 900px; /* display: flow-root; */ min-height: 100%; position: relative; padding: 60px 0 50px 0; background: #fafafa; } .comment_wrap[data-v-b80f0106] { margin-top: 16px; padding-bottom: 56px!important; position: relative; background: #fff; } .cc-body.is-layout .cc-content-body.pos-center[data-v-b80f0106] { width: 1283px; margin: 0 auto; margin-top: 16px; } .new-link-top-wrap[data-v-b80f0106] { position: relative; } .new-link-top-wrap .new-link-top-container[data-v-b80f0106] { background: #fff; height: 64px; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; border-bottom: 1px solid #e7e7e7; position: relative; } .new-link-top-wrap .link-top-item[data-v-b80f0106] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; height: 100%; margin-left: 40px; font-size: 16px; color: #505050; border-bottom: 3px solid transparent; letter-spacing: .5px; line-height: 20px; position: relative; } .new-link-top-wrap .link-top-item.active[data-v-b80f0106] { color: #00a1d6; border-bottom: 3px solid #00a1d6; font-weight: bolder; } .comment_content[data-v-8606204e]{ width: 90%; margin: auto; max-width: 1000px; } .comment_content .bar-search_wrap[data-v-8606204e] { position: absolute; right: 40px; top: 80px; width: 230px; } .bar-search_wrap .bcc-input[data-v-8606204e] { width: 100%; } .bcc-input-inner[data-v-8606204e] { width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 14px; color: #212121; border: 1px solid #e7e7e7; border-radius: 4px; background-color: transparent; } .bcc-input-inner.input[data-v-8606204e] { height: 100%; min-height: 32px; } .search[data-v-8606204e] { position: absolute; right: 10px; top: 5px; color: #999; cursor: pointer; } .comment_wrap .commet_header[data-v-8606204e] { margin-top: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment_wrap .commet_header .title_wrap[data-v-8606204e] { font-size: 14px; color: #212121; letter-spacing: .5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment_wrap .commet_header .title_wrap .title-txt[data-v-8606204e] { font-size: 20px; line-height: 26px; display: inline-block; } .comment_wrap .commet_header .title_wrap .num[data-v-8606204e] { font-size: 14px; color: #999; margin-left: 8px; } .commet_header .select_wrap[data-v-8606204e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .commet_header .select_wrap .bcc-select[data-v-8606204e] { margin-left: 12px; } .load-item[data-v-8606204e] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .comment_wrap .operate_wrap .operate_left[data-v-8606204e], .comment_wrap .operate_wrap[data-v-8606204e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .operate_wrap[data-v-8606204e] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .bcc-checkbox[data-v-8606204e] { color: #505050; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bcc-button[data-v-8606204e] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; position: relative; line-height: 1; } .bcc-button--default[data-v-8606204e] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .bcc-button.large[data-v-8606204e] { padding: 7px 16px; } .bcc-button.is-disabled[data-v-8606204e] { color: silver; border: 1px solid #e7e7e7; background-color: #f4f4f4; cursor: not-allowed; } .comment_wrap .bcc-button[data-v-8606204e] { border-radius: 2px; padding: 4.5px 15px; } .comment_wrap .bcc-button--default[data-v-8606204e] { color: #212121; } .comment_wrap .bcc-button.is-disabled[data-v-8606204e] { color: #212121; opacity: .4; background-color: #fff; } .comment_wrap .operate_wrap .operate_left .bcc-button.large[data-v-8606204e] { margin-left: 12px; padding: 5px 16px; } .comment_wrap .operate_wrap .operate_right[data-v-8606204e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -16px; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-8606204e] { width: 75px; font-size: 14px; letter-spacing: .5px; text-align: left; line-height: 18px; cursor: pointer; position: relative; } .comment_wrap .operate_wrap .operate_right .operate-txt.active[data-v-8606204e] { color: #00a1d6; font-weight: bolder; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-8606204e]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .comment_wrap .operate_wrap .operate_right .operate-txt+.operate-txt[data-v-8606204e] { margin-left: 16px; } .comment-list-item[data-v-8606204e] { position: relative; margin-top: 40px; padding: 0 175px 24px 96px; border-bottom: 1px solid #e7e7e7; /*width: calc(100vh - 10px);*/ } .comment-list-item .check-box[data-v-8606204e] { position: absolute; left: 0; top: 13px; /*display: inline-block;*/ /*width: 16px;*/ /*height: 16px;*/ /*cursor: pointer;*/ /*border: 1px solid #e7e7e7;*/ /*border-radius: 2px;*/ /*line-height: normal;*/ /*vertical-align: middle;*/ } .comment-list-item .user-avatar[data-v-8606204e] { position: absolute; left: 40px; top: 2px; width: 40px; height: 40px; display: inline-block; } .comment-list-item .user-avatar img[data-v-8606204e] { width: 40px; height: 40px; display: inline-block; border-radius: 50%; } .comment-list-item .article-wrap[data-v-8606204e] { position: absolute; right: 0; top: 0; width: 100px; text-align: center; } .comment-list-item .article-wrap .pic[data-v-8606204e] { display: block; width: 100px; height: 60px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEUAAACwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucAAAAAIOUAVAAAAanRSTlMAZfG8DwSe9InuxgoDqP4GjgKgtAGWsJoJkKORpgWKlYyXhIeCiBB+0Ph9NOYoykek+XESGttwGUx/suUgYF7fn6Ffs4BNXQeYei318yZvrHborjN869xaWBYR99nYqzsI8DLyzurpeGftOJZa5gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAG/SURBVEjHxZVnQ8IwEIZP3Fhx1YkD96CgOFAQB1q34N4bRfT+/w8wl9pKa2vCF3w/kN7leZP0UhKAIlX4KqvAoeqa2jrwUj2iv8GeUhoRA01ehmZErLT1trSyVJvnDGo76+5QihKdxHeBt6ObAT2qFQdZ2NsHf6mfIQNmEGLBoAJ/a4hBw8bjCHscVV2YsfGJSRRqcmJqzODDmpg2pIWJj/hkeURfhBUmKs8jRlWYLoVHnIYZamKzc4LiwfxsjMgZWKAmLsJJcSIXgBdUOD5pjhcX+MpkePhGy21YXEokl1NmlFpOJpYWvQyc5dGKSazy0HI5DGvW5rSahnUrteZicPTax0i7GDaMD3JT35q3dndL39R+VukwpGxs0TdBrtT/7UMZDdvb0oad3T2A/YPDDICerZYwhAN4dHzCduT4FANnMkui8w4TU/QbknoH5fzi8grg+vJCV6QMgirx//SNDH9L5B3cUxOUMfBT4wHSfKLHp2fR+Ma5lC795FP9pfB+NlfmRZ5/ydDqcvL3Q854H3YDxcT065t5A30rT9n33+U5oXzepW4F6ij8zmcpf+5iULP5fNztzvzQPgstVvQF6+Zs+Lvu8fAAAAAASUVORK5CYII=) no-repeat 50%; margin-bottom: 10px; border-radius: 4px; } .comment-list-item .article-wrap .pic img[data-v-8606204e] { display: block; width: 100px; height: 60px; border-radius: 4px; } .comment-list-item .article-wrap .title[data-v-8606204e] { width: 100px; display: inline-block; cursor: pointer; } .comment-list-item .article-wrap .name[data-v-8606204e] { font-size: 12px; color: #505050; } .comment-list-item .article-wrap .show-all[data-v-8606204e] { display: none; color: #00a1d6; } .comment-list-item .article-wrap:hover .show-all[data-v-8606204e]{ display: block; } .comment-list-item .article-wrap:hover .name[data-v-8606204e]{ display: none; } #appeal-main .ap-con .it-info .info-lt .title[data-v-8606204e], .ellipsis[data-v-8606204e] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comment-list-item .ci-title[data-v-8606204e] { margin-bottom: 12px; color: #0f0f0f; font-size: 14px; line-height: 18px; } .comment-list-item .ci-title .relation-label[data-v-8606204e] { color: #fb7299; border: 1px solid #fb7299; border-radius: 2px; margin-right: 3px; font-weight: 700; padding: 1px 4px; line-height: 16px; font-size: 12px; } .comment-list-item .ci-title a[data-v-8606204e] { color: #757575; line-height: 18px; } .comment-list-item .ci-title-split[data-v-8606204e] { margin-left: 3px; margin-right: 3px; } .comment-list-item .ci-title .show-parent[data-v-8606204e] { color: #00a1d6; cursor: pointer; margin-left: 25px; } .comment-list-item .ci-parent-reply[data-v-8606204e] { background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; padding: 20px 20px 20px 55px; margin-bottom: 20px; position: relative; } .comment-list-item .ci-parent-reply .cipr-avatar[data-v-8606204e] { position: absolute; top: 20px; left: 20px; } .comment-list-item .ci-parent-reply .cipr-avatar img[data-v-8606204e] { width: 24px; height: 24px; border-radius: 24px; } .comment-list-item .ci-parent-reply .cipr-head[data-v-8606204e] { line-height: 1; margin-bottom: 10px; } .comment-list-item .ci-parent-reply .cipr-head a[data-v-8606204e] { color: #222; font-weight: 700; } .comment-list-item .ci-parent-reply .cipr-content[data-v-8606204e] { font-size: 14px; line-height: 24px; color: #6d757a; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; } .comment-list-item .ci-parent-reply .cipr-footer[data-v-8606204e] { color: #99a2aa; } .comment-list-item .ci-content[data-v-8606204e] { margin-bottom: 16px; min-height: 1px; color: #212121; line-height: 18px; font-size: 14px; word-wrap: break-word; } .comment-list-item .ci-action[data-v-8606204e] { color: #99a2aa; font-size: 0; } .comment-list-item .ci-action .date[data-v-8606204e] { font-size: 14px; color: #999; text-align: left; display: inline-block; line-height: 18px; } .comment-list-item .ci-action .action[data-v-8606204e] { font-size: 14px; color: #999; cursor: pointer; } .comment-list-item .ci-action .action.report[data-v-8606204e], .comment-list-item .ci-action .action.delete[data-v-8606204e]{ display: none; } .comment-list-item:hover .ci-action .action.report[data-v-8606204e], .comment-list-item:hover .ci-action .action.delete[data-v-8606204e]{ display: inline-block; } .comment-list-item .ci-action .like[data-v-8606204e], .comment-list-item .ci-action .reply[data-v-8606204e] { display: inline-block; } .comment-list-item .ci-action .delete[data-v-8606204e], .comment-list-item .ci-action .ignore[data-v-8606204e], .comment-list-item .ci-action .like[data-v-8606204e], .comment-list-item .ci-action .reply[data-v-8606204e], .comment-list-item .ci-action .report[data-v-8606204e], .comment-list-item .ci-action .select[data-v-8606204e] { margin-left: 23.5px; line-height: 18px; } .comment-list-item .ci-action a[data-v-8606204e] { padding: 5px 0; border-radius: 4px; color: #99a2aa; } .comment-list-item .ci-action .delete a[data-v-8606204e], .comment-list-item .ci-action .ignore a[data-v-8606204e], .comment-list-item .ci-action .like a[data-v-8606204e], .comment-list-item .ci-action .reply a[data-v-8606204e], .comment-list-item .ci-action .report a[data-v-8606204e], .comment-list-item .ci-action .select a[data-v-8606204e] { color: #999; } .comment-list-item .ci-action a.active[data-v-8606204e], .comment-list-item .ci-action a[data-v-8606204e]:hover{ color: #00a1d6; } .comment-list-item .reply-wrap[data-v-8606204e] { margin-top: 16px; position: relative; } .comment-list-item .reply-wrap textarea[data-v-8606204e] { border: 1px solid #e7e7e7; border-radius: 2px; display: block; width: 100%; height: 84px; padding: 12px 16px; margin-bottom: 12px; word-break: break-all; line-height: 20px; color: #212121; outline: none; } .comment-list-item .reply-wrap .emoji-wrap[data-v-8606204e] { position: relative; cursor: pointer; } .comment-list-item .reply-wrap .emoji-wrap .trigger[data-v-8606204e] { display: inline-block; position: absolute; left: 0; top: 3px; font-size: 14px; color: silver; width: 93px; height: 26px; line-height: 26px; border: 1px solid #f4f4f4; border-radius: 2px; z-index: 101; text-align: center; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box[data-v-8606204e] { position: absolute; left: 0; top: 23px; background: #fff; border: 1px solid #e5e9ef; padding: 10px 0 10px 10px; border-radius: 0 4px 4px 4px; z-index: 100; width: 510px; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box a[data-v-8606204e] { margin-right: 12px; line-height: 20px; color: #111; float: left; } .bcc-button--primary[data-v-8606204e] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .comment_wrap .tips[data-v-8606204e] { font-size: 14px; color: #999; text-align: right; line-height: 18px; margin-top: 24px; } .comment_wrap .bcc-pagination[data-v-8606204e] { text-align: right; margin-top: 24px; } .i-modal[data-v-8606204e] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-8606204e] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-8606204e], .i-modal .overlay[data-v-8606204e] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-8606204e] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-8606204e] { width: 420px; height: 173px; padding: 24px; background-color: #fff; } .del-modal .modal .modal-head[data-v-8606204e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-8606204e] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-8606204e] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-8606204e] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-footer[data-v-8606204e] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2[data-v-8606204e] { width: 420px; padding: 24px; background-color: #fff; z-index: 1000; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .report-modal .modal2 .modal-head[data-v-8606204e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .report-modal .modal2 .modal-head .title[data-v-8606204e] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .report-modal .modal2 .modal-head .iconclose[data-v-8606204e] { font-size: 14px; color: #999; cursor: pointer; } .report-modal .modal2 .modal-content[data-v-8606204e] { padding-top: 24px; } .report-modal .modal2 .modal-footer[data-v-8606204e] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2 .modal-footer .bcc-button[data-v-8606204e] { line-height: 18px; } .report-modal .modal2 .modal-footer .bcc-button+.bcc-button[data-v-8606204e] { margin-left: 16px; } .comment_wrap .empty_wrap[data-v-8606204e] { text-align: center; margin-top: 80px; } .comment_wrap .empty_wrap img[data-v-8606204e] { /*width: 364px;*/ /*height: 205px;*/ } .comment_wrap .empty_wrap .txt[data-v-8606204e] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: center; line-height: 18px; margin-top: 8px; margin-bottom: 152px; } a[data-v-8606204e]{ cursor: pointer; } .check-box .el-checkbox__label { display: none; } .complaint-check .el-checkbox{ margin: 15px; } .comment_content[data-v-bdc731de]{ width: 90%; margin: auto; max-width: 1000px; } .comment_content .bar-search_wrap[data-v-bdc731de] { position: absolute; right: 40px; top: 80px; width: 230px; } .bar-search_wrap .bcc-input[data-v-bdc731de] { width: 100%; } .bcc-input-inner[data-v-bdc731de] { width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 14px; color: #212121; border: 1px solid #e7e7e7; border-radius: 4px; background-color: transparent; } .bcc-input-inner.input[data-v-bdc731de] { height: 100%; min-height: 32px; } .search[data-v-bdc731de] { position: absolute; right: 10px; top: 5px; color: #999; cursor: pointer; } .comment_wrap .commet_header[data-v-bdc731de] { margin-top: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment_wrap .commet_header .title_wrap[data-v-bdc731de] { font-size: 14px; color: #212121; letter-spacing: .5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment_wrap .commet_header .title_wrap .title-txt[data-v-bdc731de] { font-size: 20px; line-height: 26px; display: inline-block; } .comment_wrap .commet_header .title_wrap .num[data-v-bdc731de] { font-size: 14px; color: #999; margin-left: 8px; } .commet_header .select_wrap[data-v-bdc731de] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .commet_header .select_wrap .bcc-select[data-v-bdc731de] { margin-left: 12px; } .load-item[data-v-bdc731de] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .comment_wrap .operate_wrap .operate_left[data-v-bdc731de], .comment_wrap .operate_wrap[data-v-bdc731de] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .operate_wrap[data-v-bdc731de] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .bcc-checkbox[data-v-bdc731de] { color: #505050; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bcc-button[data-v-bdc731de] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; position: relative; line-height: 1; } .bcc-button--default[data-v-bdc731de] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .bcc-button.large[data-v-bdc731de] { padding: 7px 16px; } .bcc-button.is-disabled[data-v-bdc731de] { color: silver; border: 1px solid #e7e7e7; background-color: #f4f4f4; cursor: not-allowed; } .comment_wrap .bcc-button[data-v-bdc731de] { border-radius: 2px; padding: 4.5px 15px; } .comment_wrap .bcc-button--default[data-v-bdc731de] { color: #212121; } .comment_wrap .bcc-button.is-disabled[data-v-bdc731de] { color: #212121; opacity: .4; background-color: #fff; } .comment_wrap .operate_wrap .operate_left .bcc-button.large[data-v-bdc731de] { margin-left: 12px; padding: 5px 16px; } .comment_wrap .operate_wrap .operate_right[data-v-bdc731de] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -16px; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-bdc731de] { width: 75px; font-size: 14px; letter-spacing: .5px; text-align: left; line-height: 18px; cursor: pointer; position: relative; } .comment_wrap .operate_wrap .operate_right .operate-txt.active[data-v-bdc731de] { color: #00a1d6; font-weight: bolder; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-bdc731de]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .comment_wrap .operate_wrap .operate_right .operate-txt+.operate-txt[data-v-bdc731de] { margin-left: 16px; } .comment-list-item[data-v-bdc731de] { position: relative; margin-top: 40px; padding: 0 175px 24px 96px; border-bottom: 1px solid #e7e7e7; /*width: calc(100vh - 10px);*/ } .comment-list-item .check-box[data-v-bdc731de] { position: absolute; left: 0; top: 13px; /*display: inline-block;*/ /*width: 16px;*/ /*height: 16px;*/ /*cursor: pointer;*/ /*border: 1px solid #e7e7e7;*/ /*border-radius: 2px;*/ /*line-height: normal;*/ /*vertical-align: middle;*/ } .comment-list-item .user-avatar[data-v-bdc731de] { position: absolute; left: 40px; top: 2px; width: 40px; height: 40px; display: inline-block; } .comment-list-item .user-avatar img[data-v-bdc731de] { width: 40px; height: 40px; display: inline-block; border-radius: 50%; } .comment-list-item .article-wrap[data-v-bdc731de] { position: absolute; right: 0; top: 0; width: 100px; text-align: center; } .comment-list-item .article-wrap .pic[data-v-bdc731de] { display: block; width: 100px; height: 60px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEUAAACwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucAAAAAIOUAVAAAAanRSTlMAZfG8DwSe9InuxgoDqP4GjgKgtAGWsJoJkKORpgWKlYyXhIeCiBB+0Ph9NOYoykek+XESGttwGUx/suUgYF7fn6Ffs4BNXQeYei318yZvrHborjN869xaWBYR99nYqzsI8DLyzurpeGftOJZa5gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAG/SURBVEjHxZVnQ8IwEIZP3Fhx1YkD96CgOFAQB1q34N4bRfT+/w8wl9pKa2vCF3w/kN7leZP0UhKAIlX4KqvAoeqa2jrwUj2iv8GeUhoRA01ehmZErLT1trSyVJvnDGo76+5QihKdxHeBt6ObAT2qFQdZ2NsHf6mfIQNmEGLBoAJ/a4hBw8bjCHscVV2YsfGJSRRqcmJqzODDmpg2pIWJj/hkeURfhBUmKs8jRlWYLoVHnIYZamKzc4LiwfxsjMgZWKAmLsJJcSIXgBdUOD5pjhcX+MpkePhGy21YXEokl1NmlFpOJpYWvQyc5dGKSazy0HI5DGvW5rSahnUrteZicPTax0i7GDaMD3JT35q3dndL39R+VukwpGxs0TdBrtT/7UMZDdvb0oad3T2A/YPDDICerZYwhAN4dHzCduT4FANnMkui8w4TU/QbknoH5fzi8grg+vJCV6QMgirx//SNDH9L5B3cUxOUMfBT4wHSfKLHp2fR+Ma5lC795FP9pfB+NlfmRZ5/ydDqcvL3Q854H3YDxcT065t5A30rT9n33+U5oXzepW4F6ij8zmcpf+5iULP5fNztzvzQPgstVvQF6+Zs+Lvu8fAAAAAASUVORK5CYII=) no-repeat 50%; margin-bottom: 10px; border-radius: 4px; } .comment-list-item .article-wrap .pic img[data-v-bdc731de] { display: block; width: 100px; height: 60px; border-radius: 4px; } .comment-list-item .article-wrap .title[data-v-bdc731de] { width: 100px; display: inline-block; cursor: pointer; } .comment-list-item .article-wrap .name[data-v-bdc731de] { font-size: 12px; color: #505050; } .comment-list-item .article-wrap .show-all[data-v-bdc731de] { display: none; color: #00a1d6; } .comment-list-item .article-wrap:hover .show-all[data-v-bdc731de]{ display: block; } .comment-list-item .article-wrap:hover .name[data-v-bdc731de]{ display: none; } #appeal-main .ap-con .it-info .info-lt .title[data-v-bdc731de], .ellipsis[data-v-bdc731de] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comment-list-item .ci-title[data-v-bdc731de] { margin-bottom: 12px; color: #0f0f0f; font-size: 14px; line-height: 18px; } .comment-list-item .ci-title .relation-label[data-v-bdc731de] { color: #fb7299; border: 1px solid #fb7299; border-radius: 2px; margin-right: 3px; font-weight: 700; padding: 1px 4px; line-height: 16px; font-size: 12px; } .comment-list-item .ci-title a[data-v-bdc731de] { color: #757575; line-height: 18px; } .comment-list-item .ci-title-split[data-v-bdc731de] { margin-left: 3px; margin-right: 3px; } .comment-list-item .ci-title .show-parent[data-v-bdc731de] { color: #00a1d6; cursor: pointer; margin-left: 25px; } .comment-list-item .ci-parent-reply[data-v-bdc731de] { background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; padding: 20px 20px 20px 55px; margin-bottom: 20px; position: relative; } .comment-list-item .ci-parent-reply .cipr-avatar[data-v-bdc731de] { position: absolute; top: 20px; left: 20px; } .comment-list-item .ci-parent-reply .cipr-avatar img[data-v-bdc731de] { width: 24px; height: 24px; border-radius: 24px; } .comment-list-item .ci-parent-reply .cipr-head[data-v-bdc731de] { line-height: 1; margin-bottom: 10px; } .comment-list-item .ci-parent-reply .cipr-head a[data-v-bdc731de] { color: #222; font-weight: 700; } .comment-list-item .ci-parent-reply .cipr-content[data-v-bdc731de] { font-size: 14px; line-height: 24px; color: #6d757a; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; } .comment-list-item .ci-parent-reply .cipr-footer[data-v-bdc731de] { color: #99a2aa; } .comment-list-item .ci-content[data-v-bdc731de] { margin-bottom: 16px; min-height: 1px; color: #212121; line-height: 18px; font-size: 14px; word-wrap: break-word; } .comment-list-item .ci-action[data-v-bdc731de] { color: #99a2aa; font-size: 0; } .comment-list-item .ci-action .date[data-v-bdc731de] { font-size: 14px; color: #999; text-align: left; display: inline-block; line-height: 18px; } .comment-list-item .ci-action .action[data-v-bdc731de] { font-size: 14px; color: #999; cursor: pointer; } .comment-list-item .ci-action .action.report[data-v-bdc731de], .comment-list-item .ci-action .action.delete[data-v-bdc731de]{ display: none; } .comment-list-item:hover .ci-action .action.report[data-v-bdc731de], .comment-list-item:hover .ci-action .action.delete[data-v-bdc731de]{ display: inline-block; } .comment-list-item .ci-action .like[data-v-bdc731de], .comment-list-item .ci-action .reply[data-v-bdc731de] { display: inline-block; } .comment-list-item .ci-action .delete[data-v-bdc731de], .comment-list-item .ci-action .ignore[data-v-bdc731de], .comment-list-item .ci-action .like[data-v-bdc731de], .comment-list-item .ci-action .reply[data-v-bdc731de], .comment-list-item .ci-action .report[data-v-bdc731de], .comment-list-item .ci-action .select[data-v-bdc731de] { margin-left: 23.5px; line-height: 18px; } .comment-list-item .ci-action a[data-v-bdc731de] { padding: 5px 0; border-radius: 4px; color: #99a2aa; } .comment-list-item .ci-action .delete a[data-v-bdc731de], .comment-list-item .ci-action .ignore a[data-v-bdc731de], .comment-list-item .ci-action .like a[data-v-bdc731de], .comment-list-item .ci-action .reply a[data-v-bdc731de], .comment-list-item .ci-action .report a[data-v-bdc731de], .comment-list-item .ci-action .select a[data-v-bdc731de] { color: #999; } .comment-list-item .ci-action a.active[data-v-bdc731de], .comment-list-item .ci-action a[data-v-bdc731de]:hover{ color: #00a1d6; } .comment-list-item .reply-wrap[data-v-bdc731de] { margin-top: 16px; position: relative; } .comment-list-item .reply-wrap textarea[data-v-bdc731de] { border: 1px solid #e7e7e7; border-radius: 2px; display: block; width: 100%; height: 84px; padding: 12px 16px; margin-bottom: 12px; word-break: break-all; line-height: 20px; color: #212121; outline: none; } .comment-list-item .reply-wrap .emoji-wrap[data-v-bdc731de] { position: relative; cursor: pointer; } .comment-list-item .reply-wrap .emoji-wrap .trigger[data-v-bdc731de] { display: inline-block; position: absolute; left: 0; top: 3px; font-size: 14px; color: silver; width: 93px; height: 26px; line-height: 26px; border: 1px solid #f4f4f4; border-radius: 2px; z-index: 101; text-align: center; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box[data-v-bdc731de] { position: absolute; left: 0; top: 23px; background: #fff; border: 1px solid #e5e9ef; padding: 10px 0 10px 10px; border-radius: 0 4px 4px 4px; z-index: 100; width: 510px; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box a[data-v-bdc731de] { margin-right: 12px; line-height: 20px; color: #111; float: left; } .bcc-button--primary[data-v-bdc731de] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .comment_wrap .tips[data-v-bdc731de] { font-size: 14px; color: #999; text-align: right; line-height: 18px; margin-top: 24px; } .comment_wrap .bcc-pagination[data-v-bdc731de] { text-align: right; margin-top: 24px; } .i-modal[data-v-bdc731de] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-bdc731de] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-bdc731de], .i-modal .overlay[data-v-bdc731de] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-bdc731de] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-bdc731de] { width: 420px; height: 173px; padding: 24px; background-color: #fff; } .del-modal .modal .modal-head[data-v-bdc731de] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-bdc731de] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-bdc731de] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-bdc731de] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-footer[data-v-bdc731de] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2[data-v-bdc731de] { width: 420px; padding: 24px; background-color: #fff; z-index: 1000; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .report-modal .modal2 .modal-head[data-v-bdc731de] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .report-modal .modal2 .modal-head .title[data-v-bdc731de] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .report-modal .modal2 .modal-head .iconclose[data-v-bdc731de] { font-size: 14px; color: #999; cursor: pointer; } .report-modal .modal2 .modal-content[data-v-bdc731de] { padding-top: 24px; } .report-modal .modal2 .modal-footer[data-v-bdc731de] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2 .modal-footer .bcc-button[data-v-bdc731de] { line-height: 18px; } .report-modal .modal2 .modal-footer .bcc-button+.bcc-button[data-v-bdc731de] { margin-left: 16px; } .comment_wrap .empty_wrap[data-v-bdc731de] { text-align: center; margin-top: 80px; } .comment_wrap .empty_wrap img[data-v-bdc731de] { /*width: 364px;*/ /*height: 205px;*/ } .comment_wrap .empty_wrap .txt[data-v-bdc731de] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: center; line-height: 18px; margin-top: 8px; margin-bottom: 152px; } a[data-v-bdc731de]{ cursor: pointer; } .check-box .el-checkbox__label { display: none; } .complaint-check .el-checkbox{ margin: 15px; } .comment_content[data-v-72cd1865]{ width: 90%; margin: auto; max-width: 1000px; } .comment_content .bar-search_wrap[data-v-72cd1865] { position: absolute; right: 40px; top: 80px; width: 230px; } .bar-search_wrap .bcc-input[data-v-72cd1865] { width: 100%; } .bcc-input-inner[data-v-72cd1865] { width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 14px; color: #212121; border: 1px solid #e7e7e7; border-radius: 4px; background-color: transparent; } .bcc-input-inner.input[data-v-72cd1865] { height: 100%; min-height: 32px; } .search[data-v-72cd1865] { position: absolute; right: 10px; top: 5px; color: #999; cursor: pointer; } .comment_wrap .commet_header[data-v-72cd1865] { margin-top: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment_wrap .commet_header .title_wrap[data-v-72cd1865] { font-size: 14px; color: #212121; letter-spacing: .5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment_wrap .commet_header .title_wrap .title-txt[data-v-72cd1865] { font-size: 20px; line-height: 26px; display: inline-block; } .comment_wrap .commet_header .title_wrap .num[data-v-72cd1865] { font-size: 14px; color: #999; margin-left: 8px; } .commet_header .select_wrap[data-v-72cd1865] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .commet_header .select_wrap .bcc-select[data-v-72cd1865] { margin-left: 12px; } .load-item[data-v-72cd1865] { font-size: 14px; padding: 0 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #6062669c; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .comment_wrap .operate_wrap .operate_left[data-v-72cd1865], .comment_wrap .operate_wrap[data-v-72cd1865] { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment_wrap .operate_wrap[data-v-72cd1865] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px; } .bcc-checkbox[data-v-72cd1865] { color: #505050; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bcc-button[data-v-72cd1865] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; position: relative; line-height: 1; } .bcc-button--default[data-v-72cd1865] { border: 1px solid #e7e7e7; background: #fff; color: #505050; } .bcc-button.large[data-v-72cd1865] { padding: 7px 16px; } .bcc-button.is-disabled[data-v-72cd1865] { color: silver; border: 1px solid #e7e7e7; background-color: #f4f4f4; cursor: not-allowed; } .comment_wrap .bcc-button[data-v-72cd1865] { border-radius: 2px; padding: 4.5px 15px; } .comment_wrap .bcc-button--default[data-v-72cd1865] { color: #212121; } .comment_wrap .bcc-button.is-disabled[data-v-72cd1865] { color: #212121; opacity: .4; background-color: #fff; } .comment_wrap .operate_wrap .operate_left .bcc-button.large[data-v-72cd1865] { margin-left: 12px; padding: 5px 16px; } .comment_wrap .operate_wrap .operate_right[data-v-72cd1865] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -16px; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-72cd1865] { width: 75px; font-size: 14px; letter-spacing: .5px; text-align: left; line-height: 18px; cursor: pointer; position: relative; } .comment_wrap .operate_wrap .operate_right .operate-txt.active[data-v-72cd1865] { color: #00a1d6; font-weight: bolder; } .comment_wrap .operate_wrap .operate_right .operate-txt[data-v-72cd1865]:not(:last-child):after { position: absolute; content: " "; display: block; right: 0; height: 16px; background: #e7e7e7; width: 1px; top: 2px; } .comment_wrap .operate_wrap .operate_right .operate-txt+.operate-txt[data-v-72cd1865] { margin-left: 16px; } .comment-list-item[data-v-72cd1865] { position: relative; margin-top: 40px; padding: 0 175px 24px 96px; border-bottom: 1px solid #e7e7e7; /*width: calc(100vh - 10px);*/ } .comment-list-item .check-box[data-v-72cd1865] { position: absolute; left: 0; top: 13px; /*display: inline-block;*/ /*width: 16px;*/ /*height: 16px;*/ /*cursor: pointer;*/ /*border: 1px solid #e7e7e7;*/ /*border-radius: 2px;*/ /*line-height: normal;*/ /*vertical-align: middle;*/ } .comment-list-item .user-avatar[data-v-72cd1865] { position: absolute; left: 40px; top: 2px; width: 40px; height: 40px; display: inline-block; } .comment-list-item .user-avatar img[data-v-72cd1865] { width: 40px; height: 40px; display: inline-block; border-radius: 50%; } .comment-list-item .article-wrap[data-v-72cd1865] { position: absolute; right: 0; top: 0; width: 100px; text-align: center; } .comment-list-item .article-wrap .pic[data-v-72cd1865] { display: block; width: 100px; height: 60px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABRFBMVEUAAACwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucAAAAAIOUAVAAAAanRSTlMAZfG8DwSe9InuxgoDqP4GjgKgtAGWsJoJkKORpgWKlYyXhIeCiBB+0Ph9NOYoykek+XESGttwGUx/suUgYF7fn6Ffs4BNXQeYei318yZvrHborjN869xaWBYR99nYqzsI8DLyzurpeGftOJZa5gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAG/SURBVEjHxZVnQ8IwEIZP3Fhx1YkD96CgOFAQB1q34N4bRfT+/w8wl9pKa2vCF3w/kN7leZP0UhKAIlX4KqvAoeqa2jrwUj2iv8GeUhoRA01ehmZErLT1trSyVJvnDGo76+5QihKdxHeBt6ObAT2qFQdZ2NsHf6mfIQNmEGLBoAJ/a4hBw8bjCHscVV2YsfGJSRRqcmJqzODDmpg2pIWJj/hkeURfhBUmKs8jRlWYLoVHnIYZamKzc4LiwfxsjMgZWKAmLsJJcSIXgBdUOD5pjhcX+MpkePhGy21YXEokl1NmlFpOJpYWvQyc5dGKSazy0HI5DGvW5rSahnUrteZicPTax0i7GDaMD3JT35q3dndL39R+VukwpGxs0TdBrtT/7UMZDdvb0oad3T2A/YPDDICerZYwhAN4dHzCduT4FANnMkui8w4TU/QbknoH5fzi8grg+vJCV6QMgirx//SNDH9L5B3cUxOUMfBT4wHSfKLHp2fR+Ma5lC795FP9pfB+NlfmRZ5/ydDqcvL3Q854H3YDxcT065t5A30rT9n33+U5oXzepW4F6ij8zmcpf+5iULP5fNztzvzQPgstVvQF6+Zs+Lvu8fAAAAAASUVORK5CYII=) no-repeat 50%; margin-bottom: 10px; border-radius: 4px; } .comment-list-item .article-wrap .pic img[data-v-72cd1865] { display: block; width: 100px; height: 60px; border-radius: 4px; } .comment-list-item .article-wrap .title[data-v-72cd1865] { width: 100px; display: inline-block; cursor: pointer; } .comment-list-item .article-wrap .name[data-v-72cd1865] { font-size: 12px; color: #505050; } .comment-list-item .article-wrap .show-all[data-v-72cd1865] { display: none; color: #00a1d6; } .comment-list-item .article-wrap:hover .show-all[data-v-72cd1865]{ display: block; } .comment-list-item .article-wrap:hover .name[data-v-72cd1865]{ display: none; } #appeal-main .ap-con .it-info .info-lt .title[data-v-72cd1865], .ellipsis[data-v-72cd1865] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .comment-list-item .ci-title[data-v-72cd1865] { margin-bottom: 12px; color: #0f0f0f; font-size: 14px; line-height: 18px; } .comment-list-item .ci-title .relation-label[data-v-72cd1865] { color: #fb7299; border: 1px solid #fb7299; border-radius: 2px; margin-right: 3px; font-weight: 700; padding: 1px 4px; line-height: 16px; font-size: 12px; } .comment-list-item .ci-title a[data-v-72cd1865] { color: #757575; line-height: 18px; } .comment-list-item .ci-title-split[data-v-72cd1865] { margin-left: 3px; margin-right: 3px; } .comment-list-item .ci-title .show-parent[data-v-72cd1865] { color: #00a1d6; cursor: pointer; margin-left: 25px; } .comment-list-item .ci-parent-reply[data-v-72cd1865] { background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; padding: 20px 20px 20px 55px; margin-bottom: 20px; position: relative; } .comment-list-item .ci-parent-reply .cipr-avatar[data-v-72cd1865] { position: absolute; top: 20px; left: 20px; } .comment-list-item .ci-parent-reply .cipr-avatar img[data-v-72cd1865] { width: 24px; height: 24px; border-radius: 24px; } .comment-list-item .ci-parent-reply .cipr-head[data-v-72cd1865] { line-height: 1; margin-bottom: 10px; } .comment-list-item .ci-parent-reply .cipr-head a[data-v-72cd1865] { color: #222; font-weight: 700; } .comment-list-item .ci-parent-reply .cipr-content[data-v-72cd1865] { font-size: 14px; line-height: 24px; color: #6d757a; margin-bottom: 10px; word-wrap: break-word; word-break: break-all; } .comment-list-item .ci-parent-reply .cipr-footer[data-v-72cd1865] { color: #99a2aa; } .comment-list-item .ci-content[data-v-72cd1865] { margin-bottom: 16px; min-height: 1px; color: #212121; line-height: 18px; font-size: 14px; word-wrap: break-word; } .comment-list-item .ci-action[data-v-72cd1865] { color: #99a2aa; font-size: 0; } .comment-list-item .ci-action .date[data-v-72cd1865] { font-size: 14px; color: #999; text-align: left; display: inline-block; line-height: 18px; } .comment-list-item .ci-action .action[data-v-72cd1865] { font-size: 14px; color: #999; cursor: pointer; } .comment-list-item .ci-action .action.report[data-v-72cd1865], .comment-list-item .ci-action .action.delete[data-v-72cd1865]{ display: none; } .comment-list-item:hover .ci-action .action.report[data-v-72cd1865], .comment-list-item:hover .ci-action .action.delete[data-v-72cd1865]{ display: inline-block; } .comment-list-item .ci-action .like[data-v-72cd1865], .comment-list-item .ci-action .reply[data-v-72cd1865] { display: inline-block; } .comment-list-item .ci-action .delete[data-v-72cd1865], .comment-list-item .ci-action .ignore[data-v-72cd1865], .comment-list-item .ci-action .like[data-v-72cd1865], .comment-list-item .ci-action .reply[data-v-72cd1865], .comment-list-item .ci-action .report[data-v-72cd1865], .comment-list-item .ci-action .select[data-v-72cd1865] { margin-left: 23.5px; line-height: 18px; } .comment-list-item .ci-action a[data-v-72cd1865] { padding: 5px 0; border-radius: 4px; color: #99a2aa; } .comment-list-item .ci-action .delete a[data-v-72cd1865], .comment-list-item .ci-action .ignore a[data-v-72cd1865], .comment-list-item .ci-action .like a[data-v-72cd1865], .comment-list-item .ci-action .reply a[data-v-72cd1865], .comment-list-item .ci-action .report a[data-v-72cd1865], .comment-list-item .ci-action .select a[data-v-72cd1865] { color: #999; } .comment-list-item .ci-action a.active[data-v-72cd1865], .comment-list-item .ci-action a[data-v-72cd1865]:hover{ color: #00a1d6; } .comment-list-item .reply-wrap[data-v-72cd1865] { margin-top: 16px; position: relative; } .comment-list-item .reply-wrap textarea[data-v-72cd1865] { border: 1px solid #e7e7e7; border-radius: 2px; display: block; width: 100%; height: 84px; padding: 12px 16px; margin-bottom: 12px; word-break: break-all; line-height: 20px; color: #212121; outline: none; } .comment-list-item .reply-wrap .emoji-wrap[data-v-72cd1865] { position: relative; cursor: pointer; } .comment-list-item .reply-wrap .emoji-wrap .trigger[data-v-72cd1865] { display: inline-block; position: absolute; left: 0; top: 3px; font-size: 14px; color: silver; width: 93px; height: 26px; line-height: 26px; border: 1px solid #f4f4f4; border-radius: 2px; z-index: 101; text-align: center; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box[data-v-72cd1865] { position: absolute; left: 0; top: 23px; background: #fff; border: 1px solid #e5e9ef; padding: 10px 0 10px 10px; border-radius: 0 4px 4px 4px; z-index: 100; width: 510px; } .comment-list-item .reply-wrap .emoji-wrap .emoji-box a[data-v-72cd1865] { margin-right: 12px; line-height: 20px; color: #111; float: left; } .bcc-button--primary[data-v-72cd1865] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .comment_wrap .tips[data-v-72cd1865] { font-size: 14px; color: #999; text-align: right; line-height: 18px; margin-top: 24px; } .comment_wrap .bcc-pagination[data-v-72cd1865] { text-align: right; margin-top: 24px; } .i-modal[data-v-72cd1865] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .i-modal .overlay[data-v-72cd1865] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-72cd1865], .i-modal .overlay[data-v-72cd1865] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .modal[data-v-72cd1865] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; } .del-modal .modal[data-v-72cd1865] { width: 420px; height: 173px; padding: 24px; background-color: #fff; } .del-modal .modal .modal-head[data-v-72cd1865] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .del-modal .modal .modal-head .title[data-v-72cd1865] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .del-modal .modal .modal-head .iconclose[data-v-72cd1865] { font-size: 14px; color: #999; cursor: pointer; } .del-modal .modal .modal-content[data-v-72cd1865] { padding-top: 24px; font-size: 14px; color: #212121; line-height: 18px; } .del-modal .modal .modal-footer[data-v-72cd1865] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2[data-v-72cd1865] { width: 420px; padding: 24px; background-color: #fff; z-index: 1000; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .report-modal .modal2 .modal-head[data-v-72cd1865] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .report-modal .modal2 .modal-head .title[data-v-72cd1865] { font-size: 16px; color: #212121; line-height: 20px; font-weight: bolder; } .report-modal .modal2 .modal-head .iconclose[data-v-72cd1865] { font-size: 14px; color: #999; cursor: pointer; } .report-modal .modal2 .modal-content[data-v-72cd1865] { padding-top: 24px; } .report-modal .modal2 .modal-footer[data-v-72cd1865] { text-align: right; margin-top: 32px; margin-right: 8px; } .report-modal .modal2 .modal-footer .bcc-button[data-v-72cd1865] { line-height: 18px; } .report-modal .modal2 .modal-footer .bcc-button+.bcc-button[data-v-72cd1865] { margin-left: 16px; } .comment_wrap .empty_wrap[data-v-72cd1865] { text-align: center; margin-top: 80px; } .comment_wrap .empty_wrap img[data-v-72cd1865] { /*width: 364px;*/ /*height: 205px;*/ } .comment_wrap .empty_wrap .txt[data-v-72cd1865] { font-size: 14px; color: #505050; letter-spacing: .5px; text-align: center; line-height: 18px; margin-top: 8px; margin-bottom: 152px; } a[data-v-72cd1865]{ cursor: pointer; } .check-box .el-checkbox__label { display: none; } .complaint-check .el-checkbox{ margin: 15px; } .cc-content-body[data-v-4f1a222f]{ padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 900px; } .growup-participate-wrapper[data-v-4f1a222f]{ margin: 16px auto 0; width: 90%; max-width: 1080px; } .growup-participate[data-v-4f1a222f] { margin: 0 auto; background: #fff; padding: 0 24px 20px; margin-top: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .join_init[data-v-4f1a222f] { padding-top: 16px; } .join_init .title_bannner[data-v-4f1a222f] { height: 70px; background-image: url(/static/img/title-banner.1431314.png); background-size: 100%; background-position: 50%; background-repeat: no-repeat; } .join_init .growup_apply_cond[data-v-4f1a222f] { margin-top: 19px; height: 108px; background-image: url(/static/img/growup_apply_cond.9dc5a77.png); background-size: 100% 100%; background-position: 50%; background-repeat: no-repeat; } .join_init .join_main_wrapper[data-v-4f1a222f] { margin-bottom: 24px; } .join_cond_wrapper[data-v-4f1a222f] { height: 20px; line-height: 20px; margin-top: 46px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .join_cond_wrapper span.tip[data-v-4f1a222f] { font-size: 12px; color: #999; opacity: .8; margin-left: 20px; } .bcc-button[data-v-4f1a222f] { width: 180px; height: 44px; background: #00a1d6; border-radius: 4px; display: block; margin: 30px auto 0; } .bcc-button.max-large[data-v-4f1a222f] { padding: 10px 16px; font-size: 16px; } .bcc-button.is-disabled[data-v-4f1a222f] { color: silver; border: 1px solid #e7e7e7; background-color: #f4f4f4; } .bcc-button.is-disabled[data-v-4f1a222f] { font-weight: 500; font-size: 16px; line-height: 16px; color: #fff; background: #7fd0ea; } .railgun-container[data-v-4f1a222f] { border-top: .5px solid #dfe2ed; } .growup-railgun-wrapper[data-v-4f1a222f] { margin: 20px auto 5px; padding: 22px 30px 22px 24px; text-align: center; height: 128px; background: #fafcff; } .growup-railgun-wrapper h3[data-v-4f1a222f] { height: 14px; line-height: 14px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #212121; position: relative; padding-left: 2px; } .growup-railgun-wrapper h3 a[data-v-4f1a222f] { font-size: 12px; color: #00a1d6; position: absolute; right: 0; text-align: right; padding-right: 13px; } .growup-railgun-wrapper h3 a .iconfont[data-v-4f1a222f], .action-span .iconfont[data-v-4f1a222f]{ font-size: 10px; } .growup-railgun-wrapper p[data-v-4f1a222f] { margin-top: 30px; font-weight: 700; height: 26px; font-size: 26px; line-height: 26px; color: #505050; text-align: left; } .growup-railgun-wrapper p .level[data-v-4f1a222f] { color: #00a1d6; font-size: 26px; } .growup-railgun-wrapper p .tip[data-v-4f1a222f] { font-size: 12px; color: #999; vertical-align: middle; } .bcc__panel[data-v-4f1a222f] { margin: 16px 0; background: #fff; } .bcc__panel .panel-header[data-v-4f1a222f] { padding: 22px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bcc__panel .panel-header h4.panel-title[data-v-4f1a222f] { font-size: 16px; color: #212121; vertical-align: middle; } .bcc__panel .panel-header .panel-header-action[data-v-4f1a222f] { margin-left: auto; margin-top: auto; margin-bottom: auto; font-size: 12px; color: #999; cursor: pointer; } .bcc__panel .panel-header .panel-header-action .action-span[data-v-4f1a222f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #999; } .bcc__panel .panel-header .panel-header-action .action-span .icon-ic_into[data-v-4f1a222f] { font-size: 12px; margin-left: 4px; } .bcc__panel .panel-hr[data-v-4f1a222f] { height: 1px; background: #e7e7e7; } .announce[data-v-4f1a222f] { text-align: left; } .announce .notice-list[data-v-4f1a222f] { padding-top: 8px; padding-bottom: 16px; } li.notice-item[data-v-4f1a222f] { padding: 16px 24px 0; border: 0 none; position: relative; font-size: 14px; color: #212121; } li.notice-item .content[data-v-4f1a222f], li.notice-item[data-v-4f1a222f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } li.notice-item .content[data-v-4f1a222f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } li.notice-item .content[data-v-4f1a222f]:before { display: inline-block; content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e7e7e7; margin-right: 8px; } li.notice-item a[data-v-4f1a222f] { font-size: 12px; color: #222; } li.notice-item .content .title[data-v-4f1a222f] { margin-right: 4px; } .news-tag[data-v-4f1a222f] { padding: 1px 5px; background: #f0f0f0; color: #fff; font-size: 10px; font-weight: 600; border-radius: 2px; white-space: nowrap; } .news-tag.new[data-v-4f1a222f] { background: #fb7299; } .news-tag.month[data-v-4f1a222f] { background: #6dc781; } .news-tag.hot[data-v-4f1a222f] { background: #fa8e57; } li.notice-item .content .news-tag[data-v-4f1a222f] { -ms-flex-negative: 0; flex-shrink: 0; } .cc-content-body.pos-center[data-v-2d90cd22] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .noticeCenter .breadCrumbs[data-v-2d90cd22] { padding: 30px 0; width: 90%; margin: auto; } .breadCrumbs[data-v-2d90cd22] { font-size: 14px; } .breadCrumbs a[data-v-2d90cd22] { color: #757575; } .breadCrumbs .current[data-v-2d90cd22] { color: #0f0f0f; } .noticeCenter .centerWrap[data-v-2d90cd22] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: auto; } .noticeCenter .centerBody[data-v-2d90cd22] { width: 80%; } .noticeCenter .centerBody>ul[data-v-2d90cd22] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .noticeCenter .centerBody>ul>li[data-v-2d90cd22] { margin-top: 10px; margin-right: 21px; min-height: 230px; max-height: 333px; overflow: hidden; width: 50%; } .noticeCenter .centerBody .title[data-v-2d90cd22] { margin-bottom: 10px; padding: 0 14px; border-radius: 4px; line-height: 42px; font-size: 16px; color: #fff; } .fontvt[data-v-2d90cd22] { font-size: 16px; font-style: normal; } .noticeCenter .centerBody .noticePager .opacity[data-v-2d90cd22] { opacity: .3; cursor: default; } .noticeCenter .centerBody .noticePager i[data-v-2d90cd22] { cursor: pointer; } .noticeCenter .centerBody .noticeList>li[data-v-2d90cd22] { padding: 10px 0 10px 3px; font-size: 12px; line-height: 18px; height: 38px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #222; } .noticeCenter .centerBody .noticeList>li a[data-v-2d90cd22] { color: #222; } .noticeCenter .centerBody .noticeList>li .left[data-v-2d90cd22] { width: calc(100% - 70px); } .noticeCenter .centerBody .noticeList>li .right[data-v-2d90cd22] { color: #99a2aa; } .noticeCenter .centerBody>ul>li.ml21[data-v-2d90cd22] { margin-right: 0; margin-left: 21px; } .noticeCenter .helpCenter[data-v-2d90cd22] { padding-top: 40px; padding-left: 42px; width: 200px; } .noticeCenter .helpCenter img[data-v-2d90cd22] { display: block; margin-bottom: 16px; } .cc-content-body[data-v-7787408d] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .iframe-comp-container[data-v-7787408d] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } #charge-wrapper .main-charge .user-operate[data-v-7787408d] { margin-bottom: 20px; } .charge-index-box[data-v-7787408d] { margin: 30px; } .charge-index-box a[data-v-7787408d] { text-decoration: none; color: #00a1d6; cursor: pointer; } #charge-wrapper .main-charge .user-operate .operate[data-v-7787408d] { float: right; margin-left: 20px; line-height: 18px; font-size: 12px; color: #6d757a; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-7787408d] { font-size: 18px; color: #99a2aa; margin-right: 6px; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-7787408d], #charge-wrapper .main-charge .user-operate .operate .txt[data-v-7787408d] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header h2[data-v-7787408d] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header .more[data-v-7787408d] { font-size: 12px; line-height: 30px; color: #99a2aa; } #charge-wrapper .main-charge .charge-record header .more span[data-v-7787408d] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header .more[data-v-7787408d]:after { content: ""; display: inline-block; width: 7px; height: 7px; border: 1px solid #99a2aa; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 0; border-bottom: 0; vertical-align: middle; margin-left: 2px; margin-top: -2px; } #charge-wrapper .main-charge .shell-con .num[data-v-7787408d] { margin-top: 4px; color: #00a1d6; display: inline-block; } #charge-wrapper .main-charge .shell-con .num .num-1[data-v-7787408d] { font-weight: 700; font-size: 32px; } #charge-wrapper .main-charge .shell-con .num .num-2[data-v-7787408d] { margin-left: 6px; font-size: 14px; } #charge-wrapper .main-charge .shell-con[data-v-7787408d]:after { content: ""; display: block; height: 1px; background-color: #e5e9f0; margin-top: 7px; } .charge-table[data-v-7787408d] { margin: 0 auto; } .charge-table header[data-v-7787408d] { margin-top: 28px; margin-bottom: 20px; position: relative; } #charge-wrapper .main-charge .charge-record header[data-v-7787408d] { margin-top: 48px; /*margin-bottom: 20px;*/ } #charge-wrapper .main-charge .charge-record header h2[data-v-7787408d] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header h2 .small[data-v-7787408d] { font-size: 12px; color: #99a2aa; } .charge-table .detail-pannel[data-v-7787408d] { position: absolute; min-width: 250px; height: 218px; right: 0; top: 30px; margin-bottom: 20px; padding: 20px 30px; z-index: 1000; border-radius: 16px 4px 16px 16px; background-color: #fff; -webkit-box-shadow: 0 4px 15px #c6c9cd; box-shadow: 0 4px 15px #c6c9cd; } .charge-index-box h1[data-v-7787408d], .charge-index-box h2[data-v-7787408d], .charge-index-box h3[data-v-7787408d], .charge-index-box h4[data-v-7787408d], .charge-index-box h5[data-v-7787408d], .charge-index-box h6[data-v-7787408d], .charge-index-box li[data-v-7787408d], .charge-index-box ul[data-v-7787408d] { margin: 0; padding: 0; list-style-type: none; } .charge-table .detail-pannel .detail-con[data-v-7787408d] { min-width: 190px; } .charge-index-box li[data-v-7787408d], .charge-index-box ol[data-v-7787408d] { list-style: none; } .charge-table .detail-pannel .detail-item[data-v-7787408d] { height: 32px; } .charge-table .detail-pannel .detail-num[data-v-7787408d], .charge-table .detail-pannel .detail-txt[data-v-7787408d] { line-height: 32px; font-size: 14px; float: left; } .charge-table .detail-pannel .detail-txt[data-v-7787408d] { width: 114px; margin-right: 20px; } .charge-table .detail-pannel .detail-num[data-v-7787408d] { width: 50px; } .charge-table .detail-pannel .pannel-close-btn[data-v-7787408d] { display: block; width: 86px; height: 32px; line-height: 32px; margin: 20px auto 0; border-radius: 4px; text-align: center; color: #6d757a; background-color: #ecf1f5; } .danmu-container[data-v-7787408d] { border-top: 1px solid #e5e9ef; border-left: 1px solid #e5e9ef; text-align: left; } .danmu-container[data-v-7787408d] { position: relative; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; border-radius: 4px; } .danmu-container .empty-danmu[data-v-7787408d] { padding: 25px 0; } .danmu-container .empty-danmu[data-v-7787408d] { text-align: center; } .i-modal[data-v-7787408d] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .i-modal .overlay[data-v-7787408d] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-7787408d], .i-modal .overlay[data-v-7787408d] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .overlay[data-v-7787408d] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-7787408d] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; width: 350px; height: 300px; } .exit-dialog .modal .icon-guanbi[data-v-7787408d] { position: absolute; top: 20px; right: 20px; font-size: 14px; color: #99a2aa; cursor: pointer; } .exit-dialog .modal .title[data-v-7787408d] { margin-top: 20px; font-size: 16px; line-height: 14px; font-weight: 700; text-align: center; } .exit-dialog .modal .choose-box[data-v-7787408d] { padding: 50px 40px 0; font-size: 0; line-height: 24px; } .exit-dialog .modal .choose-box .choose-item[data-v-7787408d] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .iconfont[data-v-7787408d] { color: #99a2aa; margin-right: 12px; } .exit-dialog .modal .choose-box .txt[data-v-7787408d] { font-size: 14px; color: #222; } .exit-dialog .modal .switch-btn[data-v-7787408d] { position: relative; display: inline-block; cursor: pointer; } .exit-dialog .modal .choose-box .switch-btn[data-v-7787408d] { float: right; } .exit-dialog .modal input[type=checkbox].ios-switch[data-v-7787408d] { position: absolute; display: none; border-radius: 12px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); cursor: pointer; z-index: -1000; } .exit-dialog .modal input[type=checkbox].ios-switch+div[data-v-7787408d] { width: 38px; height: 24px; background-color: #f1f3f7; border: 1px solid #e5e9ef; border-radius: 12px; } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div[data-v-7787408d] { background-color: #37c8f7; border: none; } .exit-dialog .modal input[type=checkbox].ios-switch+div div[data-v-7787408d] { float: left; margin: 1px; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div div[data-v-7787408d] { float: right; margin: 2px; } .exit-dialog .modal .choose-box .choose-item[data-v-7787408d] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .exit-charge-btn[data-v-7787408d] { display: inline-block; margin-left: 25px; padding: 0 30px; font-size: 14px; line-height: 32px; border-radius: 4px; background-color: #f1f3f7; cursor: pointer; } .exit-dialog .modal .exit-change-btn[data-v-7787408d] { position: absolute; width: 100%; height: 56px; bottom: 0; background-color: #f1f3f7; line-height: 56px; font-size: 14px; text-align: center; cursor: pointer; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #6d757a; } .exit-dialog .modal .step2 .warning[data-v-7787408d] { width: 300px; margin: 65px auto 6px; font-size: 14px; color: #222; line-height: 24px; } .exit-dialog .modal .step2 .warning span[data-v-7787408d] { display: block; } .exit-dialog .modal .step2 .reminder[data-v-7787408d] { width: 300px; margin: 0 auto; font-size: 12px; color: #99a2aa; line-height: 20px; } .exit-dialog .modal .step2 .op-con[data-v-7787408d] { position: absolute; width: 100%; bottom: 30px; text-align: center; } .exit-dialog .modal .step2 .op-con .cancel[data-v-7787408d], .exit-dialog .modal .step2 .op-con .confirm[data-v-7787408d] { display: inline-block; width: 92px; line-height: 32px; font-size: 14px; border-radius: 4px; cursor: pointer; } .exit-dialog .modal .step2 .op-con .confirm[data-v-7787408d] { color: #fff; background-color: #00a1d6; border-radius: 4px; margin-right: 10px; } .exit-dialog .modal .step2 .op-con .cancel[data-v-7787408d] { color: #6d757a; background-color: #ecf1f5; } .charge-participate[data-v-7787408d] { width: 940px; margin: 0 auto; padding: 110px 46px 0; border-radius: 4px; background-color: #fff; text-align: center; } .charge-participate.ever-stat[data-v-7787408d], .charge-participate.never-stat[data-v-7787408d], .charge-participate.waiting-stat[data-v-7787408d] { height: 636px; } .charge-participate h1[data-v-7787408d] { line-height: 18px; color: #ff7e9c; font-size: 18px; } .charge-participate .benefits[data-v-7787408d] { margin-top: 40px; } .charge-participate .benefit-item[data-v-7787408d] { float: left; width: 220px; margin-right: 94px; } .charge-participate .benefit-item[data-v-7787408d]:last-child { margin-right: 0; } .charge-participate .benefit-item .short-desc[data-v-7787408d] { margin-top: 30px; margin-bottom: 16px; line-height: 14px; font-size: 14px; color: #222; font-weight: 700; } .charge-participate .part-btn[data-v-7787408d] { display: block; width: 220px; line-height: 56px; margin: 60px auto 30px; border-radius: 28px; font-size: 16px; -webkit-box-shadow: 0 4px 8px rgba(246,120,161,.6); box-shadow: 0 4px 8px rgba(246,120,161,.6); cursor: pointer; color: #fff; background-color: #ff7e9c; } .charge-participate .part-btn .iconfont[data-v-7787408d] { vertical-align: middle; font-size: 24px; } .charge-participate .check-read .read-protocol[data-v-7787408d] { color: #00a1d6; cursor: pointer; } .charge-participate .more[data-v-7787408d] { font-size: 14px; font-weight: 700; color: #ff7e9c; margin-top: 10px; } #charge-rank .charge-crumb[data-v-7787408d] { margin: 23px 0; } #charge-rank .charge-crumb li[data-v-7787408d] { float: left; } #charge-rank .charge-crumb li a[data-v-7787408d] { color: #99a2aa; } #charge-rank .charge-crumb li[data-v-7787408d]:after { content: ">"; display: inline-block; width: 18px; text-align: center; } #charge-rank .charge-crumb li[data-v-7787408d]:last-child:after { content: ""; } .charge-user-wrapper[data-v-7787408d] { width: 100%; padding-left: 40px; padding-top: 30px; min-height: 316px; border-radius: 4px; background-color: #fff; } .charge-user-wrapper .recent-title .title[data-v-7787408d] { font-weight: 700; font-size: 16px; color: #6d757a; line-height: 16px; } .charge-user-wrapper .recent-title .small[data-v-7787408d] { color: #99a2aa; } .charge-user-wrapper .recent-title i[data-v-7787408d] { width: 65%; height: 12px; margin-left: 10px; display: inline-block; vertical-align: bottom; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 43px; } .charge-user-wrapper .recent-con[data-v-7787408d] { padding-right: 40px; } .charge-rank-box p[data-v-7787408d] { margin: 0; } .charge-user-wrapper .recent-con .remind[data-v-7787408d] { text-align: center; font-size: 14px; line-height: 270px; color: #99a2aa; } .rank-main .left[data-v-7787408d] { width: 65%; } .rank-main .right[data-v-7787408d]{ width: 35%; } .rank-list-wrapper[data-v-7787408d] { width: 100%; min-height: 148px; margin-bottom: 20px; padding: 30px 20px 0; border-radius: 4px; background-color: #fff; } .rank-list-wrapper .rank-title[data-v-7787408d] { line-height: 16px; } .rank-list-wrapper .rank-title .title[data-v-7787408d] { float: left; width: 100%; font-weight: 700; font-size: 16px; color: #ff7e9c; text-align: center; } .rank-list-wrapper .rank-title .bg-left[data-v-7787408d] { margin-left: -100%; } .rank-list-wrapper .rank-title .bg-left[data-v-7787408d], .rank-list-wrapper .rank-title .bg-right[data-v-7787408d] { float: left; width: 46px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 111px; } .rank-list-wrapper .rank-title .bg-right[data-v-7787408d] { margin-left: -46px; } .rank-list-wrapper .rank-con .remind[data-v-7787408d] { text-align: center; font-size: 14px; line-height: 102px; color: #99a2aa; } .charge-table header .charge-link[data-v-7787408d] { font-size: 12px; line-height: 21px; padding-bottom: 20px; } .charge-table header .charge-link a[data-v-7787408d] { color: #99a2aa; } .charge-record header h2[data-v-7787408d] { font-weight: 400; font-size: 20px; color: #222; } .charge-record header h2 .small[data-v-7787408d] { font-size: 12px; color: #99a2aa; } .charge-table header .ui-calendar[data-v-7787408d] { position: relative; } .charge .el-checkbox__input.is-checked+.el-checkbox__label { color: unset; } .cc-content-body[data-v-adddf29a] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .iframe-comp-container[data-v-adddf29a] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } #charge-wrapper .main-charge .user-operate[data-v-adddf29a] { margin-bottom: 20px; } .charge-index-box[data-v-adddf29a] { margin: 30px; } .charge-index-box a[data-v-adddf29a] { text-decoration: none; color: #00a1d6; cursor: pointer; } #charge-wrapper .main-charge .user-operate .operate[data-v-adddf29a] { float: right; margin-left: 20px; line-height: 18px; font-size: 12px; color: #6d757a; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-adddf29a] { font-size: 18px; color: #99a2aa; margin-right: 6px; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-adddf29a], #charge-wrapper .main-charge .user-operate .operate .txt[data-v-adddf29a] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header h2[data-v-adddf29a] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header .more[data-v-adddf29a] { font-size: 12px; line-height: 30px; color: #99a2aa; } #charge-wrapper .main-charge .charge-record header .more span[data-v-adddf29a] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header .more[data-v-adddf29a]:after { content: ""; display: inline-block; width: 7px; height: 7px; border: 1px solid #99a2aa; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 0; border-bottom: 0; vertical-align: middle; margin-left: 2px; margin-top: -2px; } #charge-wrapper .main-charge .shell-con .num[data-v-adddf29a] { margin-top: 4px; color: #00a1d6; display: inline-block; } #charge-wrapper .main-charge .shell-con .num .num-1[data-v-adddf29a] { font-weight: 700; font-size: 32px; } #charge-wrapper .main-charge .shell-con .num .num-2[data-v-adddf29a] { margin-left: 6px; font-size: 14px; } #charge-wrapper .main-charge .shell-con[data-v-adddf29a]:after { content: ""; display: block; height: 1px; background-color: #e5e9f0; margin-top: 7px; } .charge-table[data-v-adddf29a] { margin: 0 auto; } .charge-table header[data-v-adddf29a] { margin-top: 28px; margin-bottom: 20px; position: relative; } #charge-wrapper .main-charge .charge-record header[data-v-adddf29a] { margin-top: 48px; /*margin-bottom: 20px;*/ } #charge-wrapper .main-charge .charge-record header h2[data-v-adddf29a] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header h2 .small[data-v-adddf29a] { font-size: 12px; color: #99a2aa; } .charge-table .detail-pannel[data-v-adddf29a] { position: absolute; min-width: 250px; height: 218px; right: 0; top: 30px; margin-bottom: 20px; padding: 20px 30px; z-index: 1000; border-radius: 16px 4px 16px 16px; background-color: #fff; -webkit-box-shadow: 0 4px 15px #c6c9cd; box-shadow: 0 4px 15px #c6c9cd; } .charge-index-box h1[data-v-adddf29a], .charge-index-box h2[data-v-adddf29a], .charge-index-box h3[data-v-adddf29a], .charge-index-box h4[data-v-adddf29a], .charge-index-box h5[data-v-adddf29a], .charge-index-box h6[data-v-adddf29a], .charge-index-box li[data-v-adddf29a], .charge-index-box ul[data-v-adddf29a] { margin: 0; padding: 0; list-style-type: none; } .charge-table .detail-pannel .detail-con[data-v-adddf29a] { min-width: 190px; } .charge-index-box li[data-v-adddf29a], .charge-index-box ol[data-v-adddf29a] { list-style: none; } .charge-table .detail-pannel .detail-item[data-v-adddf29a] { height: 32px; } .charge-table .detail-pannel .detail-num[data-v-adddf29a], .charge-table .detail-pannel .detail-txt[data-v-adddf29a] { line-height: 32px; font-size: 14px; float: left; } .charge-table .detail-pannel .detail-txt[data-v-adddf29a] { width: 114px; margin-right: 20px; } .charge-table .detail-pannel .detail-num[data-v-adddf29a] { width: 50px; } .charge-table .detail-pannel .pannel-close-btn[data-v-adddf29a] { display: block; width: 86px; height: 32px; line-height: 32px; margin: 20px auto 0; border-radius: 4px; text-align: center; color: #6d757a; background-color: #ecf1f5; } .danmu-container[data-v-adddf29a] { border-top: 1px solid #e5e9ef; border-left: 1px solid #e5e9ef; text-align: left; } .danmu-container[data-v-adddf29a] { position: relative; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; border-radius: 4px; } .danmu-container .empty-danmu[data-v-adddf29a] { padding: 25px 0; } .danmu-container .empty-danmu[data-v-adddf29a] { text-align: center; } .i-modal[data-v-adddf29a] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .i-modal .overlay[data-v-adddf29a] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-adddf29a], .i-modal .overlay[data-v-adddf29a] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .overlay[data-v-adddf29a] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-adddf29a] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; width: 350px; height: 300px; } .exit-dialog .modal .icon-guanbi[data-v-adddf29a] { position: absolute; top: 20px; right: 20px; font-size: 14px; color: #99a2aa; cursor: pointer; } .exit-dialog .modal .title[data-v-adddf29a] { margin-top: 20px; font-size: 16px; line-height: 14px; font-weight: 700; text-align: center; } .exit-dialog .modal .choose-box[data-v-adddf29a] { padding: 50px 40px 0; font-size: 0; line-height: 24px; } .exit-dialog .modal .choose-box .choose-item[data-v-adddf29a] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .iconfont[data-v-adddf29a] { color: #99a2aa; margin-right: 12px; } .exit-dialog .modal .choose-box .txt[data-v-adddf29a] { font-size: 14px; color: #222; } .exit-dialog .modal .switch-btn[data-v-adddf29a] { position: relative; display: inline-block; cursor: pointer; } .exit-dialog .modal .choose-box .switch-btn[data-v-adddf29a] { float: right; } .exit-dialog .modal input[type=checkbox].ios-switch[data-v-adddf29a] { position: absolute; display: none; border-radius: 12px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); cursor: pointer; z-index: -1000; } .exit-dialog .modal input[type=checkbox].ios-switch+div[data-v-adddf29a] { width: 38px; height: 24px; background-color: #f1f3f7; border: 1px solid #e5e9ef; border-radius: 12px; } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div[data-v-adddf29a] { background-color: #37c8f7; border: none; } .exit-dialog .modal input[type=checkbox].ios-switch+div div[data-v-adddf29a] { float: left; margin: 1px; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div div[data-v-adddf29a] { float: right; margin: 2px; } .exit-dialog .modal .choose-box .choose-item[data-v-adddf29a] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .exit-charge-btn[data-v-adddf29a] { display: inline-block; margin-left: 25px; padding: 0 30px; font-size: 14px; line-height: 32px; border-radius: 4px; background-color: #f1f3f7; cursor: pointer; } .exit-dialog .modal .exit-change-btn[data-v-adddf29a] { position: absolute; width: 100%; height: 56px; bottom: 0; background-color: #f1f3f7; line-height: 56px; font-size: 14px; text-align: center; cursor: pointer; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #6d757a; } .exit-dialog .modal .step2 .warning[data-v-adddf29a] { width: 300px; margin: 65px auto 6px; font-size: 14px; color: #222; line-height: 24px; } .exit-dialog .modal .step2 .warning span[data-v-adddf29a] { display: block; } .exit-dialog .modal .step2 .reminder[data-v-adddf29a] { width: 300px; margin: 0 auto; font-size: 12px; color: #99a2aa; line-height: 20px; } .exit-dialog .modal .step2 .op-con[data-v-adddf29a] { position: absolute; width: 100%; bottom: 30px; text-align: center; } .exit-dialog .modal .step2 .op-con .cancel[data-v-adddf29a], .exit-dialog .modal .step2 .op-con .confirm[data-v-adddf29a] { display: inline-block; width: 92px; line-height: 32px; font-size: 14px; border-radius: 4px; cursor: pointer; } .exit-dialog .modal .step2 .op-con .confirm[data-v-adddf29a] { color: #fff; background-color: #00a1d6; border-radius: 4px; margin-right: 10px; } .exit-dialog .modal .step2 .op-con .cancel[data-v-adddf29a] { color: #6d757a; background-color: #ecf1f5; } .charge-participate[data-v-adddf29a] { width: 940px; margin: 0 auto; padding: 110px 46px 0; border-radius: 4px; background-color: #fff; text-align: center; } .charge-participate.ever-stat[data-v-adddf29a], .charge-participate.never-stat[data-v-adddf29a], .charge-participate.waiting-stat[data-v-adddf29a] { height: 636px; } .charge-participate h1[data-v-adddf29a] { line-height: 18px; color: #ff7e9c; font-size: 18px; } .charge-participate .benefits[data-v-adddf29a] { margin-top: 40px; } .charge-participate .benefit-item[data-v-adddf29a] { float: left; width: 220px; margin-right: 94px; } .charge-participate .benefit-item[data-v-adddf29a]:last-child { margin-right: 0; } .charge-participate .benefit-item .short-desc[data-v-adddf29a] { margin-top: 30px; margin-bottom: 16px; line-height: 14px; font-size: 14px; color: #222; font-weight: 700; } .charge-participate .part-btn[data-v-adddf29a] { display: block; width: 220px; line-height: 56px; margin: 60px auto 30px; border-radius: 28px; font-size: 16px; -webkit-box-shadow: 0 4px 8px rgba(246,120,161,.6); box-shadow: 0 4px 8px rgba(246,120,161,.6); cursor: pointer; color: #fff; background-color: #ff7e9c; } .charge-participate .part-btn .iconfont[data-v-adddf29a] { vertical-align: middle; font-size: 24px; } .charge-participate .check-read .read-protocol[data-v-adddf29a] { color: #00a1d6; cursor: pointer; } .charge-participate .more[data-v-adddf29a] { font-size: 14px; font-weight: 700; color: #ff7e9c; margin-top: 10px; } #charge-rank .charge-crumb[data-v-adddf29a] { margin: 23px 0; } #charge-rank .charge-crumb li[data-v-adddf29a] { float: left; } #charge-rank .charge-crumb li a[data-v-adddf29a] { color: #99a2aa; } #charge-rank .charge-crumb li[data-v-adddf29a]:after { content: ">"; display: inline-block; width: 18px; text-align: center; } #charge-rank .charge-crumb li[data-v-adddf29a]:last-child:after { content: ""; } .charge-user-wrapper[data-v-adddf29a] { width: 100%; padding-left: 40px; padding-top: 30px; min-height: 316px; border-radius: 4px; background-color: #fff; } .charge-user-wrapper .recent-title .title[data-v-adddf29a] { font-weight: 700; font-size: 16px; color: #6d757a; line-height: 16px; } .charge-user-wrapper .recent-title .small[data-v-adddf29a] { color: #99a2aa; } .charge-user-wrapper .recent-title i[data-v-adddf29a] { width: 65%; height: 12px; margin-left: 10px; display: inline-block; vertical-align: bottom; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 43px; } .charge-user-wrapper .recent-con[data-v-adddf29a] { padding-right: 40px; } .charge-rank-box p[data-v-adddf29a] { margin: 0; } .charge-user-wrapper .recent-con .remind[data-v-adddf29a] { text-align: center; font-size: 14px; line-height: 270px; color: #99a2aa; } .rank-main .left[data-v-adddf29a] { width: 65%; } .rank-main .right[data-v-adddf29a]{ width: 35%; } .rank-list-wrapper[data-v-adddf29a] { width: 100%; min-height: 148px; margin-bottom: 20px; padding: 30px 20px 0; border-radius: 4px; background-color: #fff; } .rank-list-wrapper .rank-title[data-v-adddf29a] { line-height: 16px; } .rank-list-wrapper .rank-title .title[data-v-adddf29a] { float: left; width: 100%; font-weight: 700; font-size: 16px; color: #ff7e9c; text-align: center; } .rank-list-wrapper .rank-title .bg-left[data-v-adddf29a] { margin-left: -100%; } .rank-list-wrapper .rank-title .bg-left[data-v-adddf29a], .rank-list-wrapper .rank-title .bg-right[data-v-adddf29a] { float: left; width: 46px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 111px; } .rank-list-wrapper .rank-title .bg-right[data-v-adddf29a] { margin-left: -46px; } .rank-list-wrapper .rank-con .remind[data-v-adddf29a] { text-align: center; font-size: 14px; line-height: 102px; color: #99a2aa; } .charge-table header .charge-link[data-v-adddf29a] { font-size: 12px; line-height: 21px; padding-bottom: 20px; } .charge-table header .charge-link a[data-v-adddf29a] { color: #99a2aa; } .charge-record header h2[data-v-adddf29a] { font-weight: 400; font-size: 20px; color: #222; } .charge-record header h2 .small[data-v-adddf29a] { font-size: 12px; color: #99a2aa; } .charge-table header .ui-calendar[data-v-adddf29a] { position: relative; } .cc-content-body[data-v-43283797] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .iframe-comp-container[data-v-43283797] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } #charge-wrapper .main-charge .user-operate[data-v-43283797] { margin-bottom: 20px; } .charge-index-box[data-v-43283797] { margin: 30px; } .charge-index-box a[data-v-43283797] { text-decoration: none; color: #00a1d6; cursor: pointer; } #charge-wrapper .main-charge .user-operate .operate[data-v-43283797] { float: right; margin-left: 20px; line-height: 18px; font-size: 12px; color: #6d757a; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-43283797] { font-size: 18px; color: #99a2aa; margin-right: 6px; } #charge-wrapper .main-charge .user-operate .operate .iconfont[data-v-43283797], #charge-wrapper .main-charge .user-operate .operate .txt[data-v-43283797] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header h2[data-v-43283797] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header .more[data-v-43283797] { font-size: 12px; line-height: 30px; color: #99a2aa; } #charge-wrapper .main-charge .charge-record header .more span[data-v-43283797] { vertical-align: middle; } #charge-wrapper .main-charge .charge-record header .more[data-v-43283797]:after { content: ""; display: inline-block; width: 7px; height: 7px; border: 1px solid #99a2aa; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 0; border-bottom: 0; vertical-align: middle; margin-left: 2px; margin-top: -2px; } #charge-wrapper .main-charge .shell-con .num[data-v-43283797] { margin-top: 4px; color: #00a1d6; display: inline-block; } #charge-wrapper .main-charge .shell-con .num .num-1[data-v-43283797] { font-weight: 700; font-size: 32px; } #charge-wrapper .main-charge .shell-con .num .num-2[data-v-43283797] { margin-left: 6px; font-size: 14px; } #charge-wrapper .main-charge .shell-con[data-v-43283797]:after { content: ""; display: block; height: 1px; background-color: #e5e9f0; margin-top: 7px; } .charge-table[data-v-43283797] { margin: 0 auto; } .charge-table header[data-v-43283797] { margin-top: 28px; margin-bottom: 20px; position: relative; } #charge-wrapper .main-charge .charge-record header[data-v-43283797] { margin-top: 48px; /*margin-bottom: 20px;*/ } #charge-wrapper .main-charge .charge-record header h2[data-v-43283797] { font-weight: 400; font-size: 20px; color: #222; } #charge-wrapper .main-charge .charge-record header h2 .small[data-v-43283797] { font-size: 12px; color: #99a2aa; } .charge-table .detail-pannel[data-v-43283797] { position: absolute; min-width: 250px; height: 218px; right: 0; top: 30px; margin-bottom: 20px; padding: 20px 30px; z-index: 1000; border-radius: 16px 4px 16px 16px; background-color: #fff; -webkit-box-shadow: 0 4px 15px #c6c9cd; box-shadow: 0 4px 15px #c6c9cd; } .charge-index-box h1[data-v-43283797], .charge-index-box h2[data-v-43283797], .charge-index-box h3[data-v-43283797], .charge-index-box h4[data-v-43283797], .charge-index-box h5[data-v-43283797], .charge-index-box h6[data-v-43283797], .charge-index-box li[data-v-43283797], .charge-index-box ul[data-v-43283797] { margin: 0; padding: 0; list-style-type: none; } .charge-table .detail-pannel .detail-con[data-v-43283797] { min-width: 190px; } .charge-index-box li[data-v-43283797], .charge-index-box ol[data-v-43283797] { list-style: none; } .charge-table .detail-pannel .detail-item[data-v-43283797] { height: 32px; } .charge-table .detail-pannel .detail-num[data-v-43283797], .charge-table .detail-pannel .detail-txt[data-v-43283797] { line-height: 32px; font-size: 14px; float: left; } .charge-table .detail-pannel .detail-txt[data-v-43283797] { width: 114px; margin-right: 20px; } .charge-table .detail-pannel .detail-num[data-v-43283797] { width: 50px; } .charge-table .detail-pannel .pannel-close-btn[data-v-43283797] { display: block; width: 86px; height: 32px; line-height: 32px; margin: 20px auto 0; border-radius: 4px; text-align: center; color: #6d757a; background-color: #ecf1f5; } .danmu-container[data-v-43283797] { border-top: 1px solid #e5e9ef; border-left: 1px solid #e5e9ef; text-align: left; } .danmu-container[data-v-43283797] { position: relative; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px #dfe5ed; box-shadow: 1px 1px 2px #dfe5ed; border-radius: 4px; } .danmu-container .empty-danmu[data-v-43283797] { padding: 25px 0; } .danmu-container .empty-danmu[data-v-43283797] { text-align: center; } .i-modal[data-v-43283797] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .i-modal .overlay[data-v-43283797] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-43283797], .i-modal .overlay[data-v-43283797] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .i-modal .overlay[data-v-43283797] { background: rgba(0,0,0,.5); } .i-modal .modal[data-v-43283797] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; width: 350px; height: 300px; } .exit-dialog .modal .icon-guanbi[data-v-43283797] { position: absolute; top: 20px; right: 20px; font-size: 14px; color: #99a2aa; cursor: pointer; } .exit-dialog .modal .title[data-v-43283797] { margin-top: 20px; font-size: 16px; line-height: 14px; font-weight: 700; text-align: center; } .exit-dialog .modal .choose-box[data-v-43283797] { padding: 50px 40px 0; font-size: 0; line-height: 24px; } .exit-dialog .modal .choose-box .choose-item[data-v-43283797] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .iconfont[data-v-43283797] { color: #99a2aa; margin-right: 12px; } .exit-dialog .modal .choose-box .txt[data-v-43283797] { font-size: 14px; color: #222; } .exit-dialog .modal .switch-btn[data-v-43283797] { position: relative; display: inline-block; cursor: pointer; } .exit-dialog .modal .choose-box .switch-btn[data-v-43283797] { float: right; } .exit-dialog .modal input[type=checkbox].ios-switch[data-v-43283797] { position: absolute; display: none; border-radius: 12px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); cursor: pointer; z-index: -1000; } .exit-dialog .modal input[type=checkbox].ios-switch+div[data-v-43283797] { width: 38px; height: 24px; background-color: #f1f3f7; border: 1px solid #e5e9ef; border-radius: 12px; } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div[data-v-43283797] { background-color: #37c8f7; border: none; } .exit-dialog .modal input[type=checkbox].ios-switch+div div[data-v-43283797] { float: left; margin: 1px; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3); } .exit-dialog .modal input[type=checkbox].ios-switch:checked+div div[data-v-43283797] { float: right; margin: 2px; } .exit-dialog .modal .choose-box .choose-item[data-v-43283797] { position: relative; margin-bottom: 40px; } .exit-dialog .modal .choose-box .exit-charge-btn[data-v-43283797] { display: inline-block; margin-left: 25px; padding: 0 30px; font-size: 14px; line-height: 32px; border-radius: 4px; background-color: #f1f3f7; cursor: pointer; } .exit-dialog .modal .exit-change-btn[data-v-43283797] { position: absolute; width: 100%; height: 56px; bottom: 0; background-color: #f1f3f7; line-height: 56px; font-size: 14px; text-align: center; cursor: pointer; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #6d757a; } .exit-dialog .modal .step2 .warning[data-v-43283797] { width: 300px; margin: 65px auto 6px; font-size: 14px; color: #222; line-height: 24px; } .exit-dialog .modal .step2 .warning span[data-v-43283797] { display: block; } .exit-dialog .modal .step2 .reminder[data-v-43283797] { width: 300px; margin: 0 auto; font-size: 12px; color: #99a2aa; line-height: 20px; } .exit-dialog .modal .step2 .op-con[data-v-43283797] { position: absolute; width: 100%; bottom: 30px; text-align: center; } .exit-dialog .modal .step2 .op-con .cancel[data-v-43283797], .exit-dialog .modal .step2 .op-con .confirm[data-v-43283797] { display: inline-block; width: 92px; line-height: 32px; font-size: 14px; border-radius: 4px; cursor: pointer; } .exit-dialog .modal .step2 .op-con .confirm[data-v-43283797] { color: #fff; background-color: #00a1d6; border-radius: 4px; margin-right: 10px; } .exit-dialog .modal .step2 .op-con .cancel[data-v-43283797] { color: #6d757a; background-color: #ecf1f5; } .charge-participate[data-v-43283797] { width: 940px; margin: 0 auto; padding: 110px 46px 0; border-radius: 4px; background-color: #fff; text-align: center; } .charge-participate.ever-stat[data-v-43283797], .charge-participate.never-stat[data-v-43283797], .charge-participate.waiting-stat[data-v-43283797] { height: 636px; } .charge-participate h1[data-v-43283797] { line-height: 18px; color: #ff7e9c; font-size: 18px; } .charge-participate .benefits[data-v-43283797] { margin-top: 40px; } .charge-participate .benefit-item[data-v-43283797] { float: left; width: 220px; margin-right: 94px; } .charge-participate .benefit-item[data-v-43283797]:last-child { margin-right: 0; } .charge-participate .benefit-item .short-desc[data-v-43283797] { margin-top: 30px; margin-bottom: 16px; line-height: 14px; font-size: 14px; color: #222; font-weight: 700; } .charge-participate .part-btn[data-v-43283797] { display: block; width: 220px; line-height: 56px; margin: 60px auto 30px; border-radius: 28px; font-size: 16px; -webkit-box-shadow: 0 4px 8px rgba(246,120,161,.6); box-shadow: 0 4px 8px rgba(246,120,161,.6); cursor: pointer; color: #fff; background-color: #ff7e9c; } .charge-participate .part-btn .iconfont[data-v-43283797] { vertical-align: middle; font-size: 24px; } .charge-participate .check-read .read-protocol[data-v-43283797] { color: #00a1d6; cursor: pointer; } .charge-participate .more[data-v-43283797] { font-size: 14px; font-weight: 700; color: #ff7e9c; margin-top: 10px; } #charge-rank .charge-crumb[data-v-43283797] { margin: 23px 0; } #charge-rank .charge-crumb li[data-v-43283797] { float: left; } #charge-rank .charge-crumb li a[data-v-43283797] { color: #99a2aa; } #charge-rank .charge-crumb li[data-v-43283797]:after { content: ">"; display: inline-block; width: 18px; text-align: center; } #charge-rank .charge-crumb li[data-v-43283797]:last-child:after { content: ""; } .charge-user-wrapper[data-v-43283797] { width: 100%; padding-left: 40px; padding-top: 30px; min-height: 316px; border-radius: 4px; background-color: #fff; } .charge-user-wrapper .recent-title .title[data-v-43283797] { font-weight: 700; font-size: 16px; color: #6d757a; line-height: 16px; } .charge-user-wrapper .recent-title .small[data-v-43283797] { color: #99a2aa; } .charge-user-wrapper .recent-title i[data-v-43283797] { width: 65%; height: 12px; margin-left: 10px; display: inline-block; vertical-align: bottom; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 43px; } .charge-user-wrapper .recent-con[data-v-43283797] { padding-right: 40px; } .charge-rank-box p[data-v-43283797] { margin: 0; } .charge-user-wrapper .recent-con .remind[data-v-43283797] { text-align: center; font-size: 14px; line-height: 270px; color: #99a2aa; } .rank-main .left[data-v-43283797] { width: 65%; } .rank-main .right[data-v-43283797]{ width: 35%; } .rank-list-wrapper[data-v-43283797] { width: 100%; min-height: 148px; margin-bottom: 20px; padding: 30px 20px 0; border-radius: 4px; background-color: #fff; } .rank-list-wrapper .rank-title[data-v-43283797] { line-height: 16px; } .rank-list-wrapper .rank-title .title[data-v-43283797] { float: left; width: 100%; font-weight: 700; font-size: 16px; color: #ff7e9c; text-align: center; } .rank-list-wrapper .rank-title .bg-left[data-v-43283797] { margin-left: -100%; } .rank-list-wrapper .rank-title .bg-left[data-v-43283797], .rank-list-wrapper .rank-title .bg-right[data-v-43283797] { float: left; width: 46px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAEACAYAAABbKsnHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NTMyMmNhOC1kNmFkLTRmZDgtYTkzNS1mN2ExMzU1MTU3M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJGOTZGN0ExQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJGOTZGNzkxQTQ5MTFFNjhFRjRGNzA1QjlBODI5ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNzM3NWY5NC01YzVlLTQxYzEtODc2YS04NTA3NDFhNDVkMzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMjJjYTgtZDZhZC00ZmQ4LWE5MzUtZjdhMTM1NTE1NzNi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); background-position: -144px 111px; } .rank-list-wrapper .rank-title .bg-right[data-v-43283797] { margin-left: -46px; } .rank-list-wrapper .rank-con .remind[data-v-43283797] { text-align: center; font-size: 14px; line-height: 102px; color: #99a2aa; } .charge-table header .charge-link[data-v-43283797] { font-size: 12px; line-height: 21px; padding-bottom: 20px; } .charge-table header .charge-link a[data-v-43283797] { color: #99a2aa; } .charge-record header h2[data-v-43283797] { font-weight: 400; font-size: 20px; color: #222; } .charge-record header h2 .small[data-v-43283797] { font-size: 12px; color: #99a2aa; } .charge-table header .ui-calendar[data-v-43283797] { position: relative; } .cc-content-body[data-v-48097498] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .iframe-comp-container[data-v-48097498] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } .reg-banner[data-v-48097498] { width: 100%; padding-top: 28.98%; background-position: 50%; background-repeat: no-repeat; background-size: cover; background-image: url(/static/img/banner.d215aa4.png); } .reg-info[data-v-48097498], .reg-title[data-v-48097498] { text-align: center; } .reg-title[data-v-48097498] { font-weight: 600; margin-top: 32px; font-size: 24px; line-height: 32px; color: #4a4a4a; } .reg-demands[data-v-48097498] { margin: 24px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reg-demands .reg-demand[data-v-48097498] { width: 240px; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; } .reg-demands .reg-demand img[data-v-48097498] { height: 40px; width: 40px; } .reg-demands .reg-demand .desc[data-v-48097498] { margin-top: 20px; font-size: 16px; color: #4a4a4a; line-height: 22px; } .reg-demands .reg-demand .btn[data-v-48097498] { width: 120px; height: 32px; margin-top: 31px; font-size: 14px; color: #999; cursor: default; border: 0; border-radius: 2px; background: rgba(0,0,0,.02); } .reg-demands .reg-demand.completed .btn[data-v-48097498] { color: #00a1d6; background: rgba(52,189,245,.05); } .reg-demands .reg-demand .btn[disabled][data-v-48097498] { cursor: default; } .ivu-btn>i[data-v-48097498], .ivu-btn>span[data-v-48097498] { display: inline-block; } .reg-demands .reg-demand+.reg-demand[data-v-48097498]:before { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 1px; content: ""; opacity: .5; background: #979797; } .reg-demands .reg-demand .demand-action[data-v-48097498] { margin-top: 5px; font-size: 14px; color: #34bdf5; cursor: pointer; } .ivu-icon[data-v-48097498] { display: inline-block; } .reg-join[data-v-48097498] { margin-top: 32px; text-align: center; } .reg-join .join-btn[data-v-48097498] { min-width: 150px; height: 40px; padding: 0 23px; font-size: 18px; color: #fff; border: 0; border-radius: 4px; background: #00a1d6; -webkit-box-sizing: border-box; box-sizing: border-box; } .reg-join .join-btn[disabled][data-v-48097498] { color: #fff; background: #cdcdcd; } .reg-tip[data-v-48097498] { margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 20px; color: #333; font-weight: 400; } .reg-tip .official-link[data-v-48097498] { color: #34bdf5; } .reg-tip .tool-avatar[data-v-48097498] { vertical-align: middle; width: 24px; height: 24px; border-radius: 50%; margin-left: 24px; } .reg-rules[data-v-48097498] { width: 793px; margin: 24px auto 0; font-size: 12px; color: #999; letter-spacing: 0; font-weight: 400; } .reg-main[data-v-48097498] { width: 90%; margin: 0 auto; text-align: center; } .ivu-row[data-v-48097498] { -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .ivu-row[data-v-48097498], .ivu-row[data-v-48097498]:after, .ivu-row[data-v-48097498]:before { display: -webkit-box; display: -ms-flexbox; display: flex; } .ivu-row-space-around[data-v-48097498] { -ms-flex-pack: distribute; justify-content: space-around; } .ivu-row-middle[data-v-48097498] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .reg-box[data-v-48097498] { margin-top: 50px; background-position: 50%; background-size: contain; background-repeat: no-repeat; } .ivu-col[data-v-48097498] { position: relative; max-width: 100%; min-height: 1px; } .ivu-col-span-12[data-v-48097498] { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .ivu-col-span-10[data-v-48097498] { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 41.7%; flex: 0 0 41.7%; max-width: 41.7%; } .ivu-col-offset-4[data-v-48097498] { margin-left: 16.6%; } .reg-main-title[data-v-48097498] { position: relative; text-align: left; font-size: 34px; line-height: 34px; font-weight: 700; color: #333; } .reg-main-title .hightlight[data-v-48097498]:after { content: ""; position: absolute; left: 0; bottom: -15px; width: 66px; border-radius: 4px; border: 2px solid #fec100; } .reg-main-text[data-v-48097498] { text-align: left; width: 360px; margin-top: 30px; font-size: 14px; color: #666; line-height: 24px; } .reg-main-text.large[data-v-48097498] { font-size: 20px; line-height: 30px; } .reg-main-image img[data-v-48097498] { max-width: 100%; max-height: 420px; } .rule-box[data-v-48097498] { margin: 100px 0; } .rule[data-v-48097498] { max-width: 1000px; width: 90%; position: relative; padding: 50px 70px 20px; margin: 0 auto; border: 8px double #000; border-radius: 2px; font-size: 18px; line-height: 25px; background: #fff; text-align: left; } .rule-title[data-v-48097498], .rule[data-v-48097498] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; } .rule-title[data-v-48097498] { position: absolute; top: -33px; left: 50%; height: 60px; width: 350px; margin-left: -175px; line-height: 54px; font-size: 34px; font-weight: bolder; text-align: center; background: #ffc100; border: 3px solid #000; } .circle[data-v-48097498] { position: relative; display: inline-block; top: -3px; width: 32px; height: 32px; font-size: 26px; line-height: 1; border: 2px solid #000; border-radius: 50%; margin-right: 10px; } .rule-item[data-v-48097498] { margin: 20px 0; list-style: none; } .rule-item a[data-v-48097498] { color: #00a1d6; cursor: pointer; } .v-transfer-dom[data-v-48097498] { display: none; } .ivu-modal-mask[data-v-48097498] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(55,55,55,.6); height: 100%; z-index: 1000; } .ivu-modal-wrap[data-v-48097498] { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; -webkit-overflow-scrolling: touch; outline: 0; } .ivu-modal[data-v-48097498] { width: auto; margin: 0 auto; position: relative; outline: none; top: 100px; } .ivu-modal-wrap *[data-v-48097498] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); } .modal-without-foot .ivu-modal[data-v-48097498] { top: 80px; } .ivu-modal-content[data-v-48097498] { position: relative; background-color: #fff; border: 0; border-radius: 6px; background-clip: padding-box; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); } .ivu-modal-content[data-v-48097498] { border-radius: 4px; } .ivu-modal-close[data-v-48097498] { z-index: 1; font-size: 12px; position: absolute; right: 8px; top: 15px; overflow: hidden; cursor: pointer; } .ivu-modal-close .ivu-icon-ios-close[data-v-48097498] { font-size: 31px; color: #999; -webkit-transition: color .2s ease; transition: color .2s ease; position: relative; top: 1px; } .ivu-modal-header[data-v-48097498] { border-bottom: 1px solid #e8eaec; padding: 14px 16px; line-height: 1; } .ivu-modal-header-inner[data-v-48097498], .ivu-modal-header p[data-v-48097498] { display: inline-block; width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #17233d; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ivu-modal-header-inner[data-v-48097498] { font-size: 16px; font-weight: 400; color: #222; } .ivu-modal-body[data-v-48097498] { padding: 16px; font-size: 12px; line-height: 1.5; } .ivu-modal-body[data-v-48097498] { max-height: 500px; overflow: auto; padding: 20px; } .modal-without-foot .ivu-modal-body[data-v-48097498] { max-height: 550px; } .faq-wrap[data-v-48097498] { font-size: 14px; line-height: 22px; } .faq-wrap .q[data-v-48097498] { margin-top: 10px; font-weight: 700; } .faq-wrap .a[data-v-48097498] { margin-top: 5px; } .faq-wrap[data-v-48097498]:after { display: block; content: ""; width: 100%; height: 30px; } .reward-radio .el-radio__input.is-checked+.el-radio__label{ color: unset; } .cc-content-body[data-v-72f8c2c2] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .iframe-comp-container[data-v-72f8c2c2] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } .upper-settle-layout[data-v-72f8c2c2] { margin: 0 auto; min-height: 100%; background-color: #fff; } .upper-settle-layout-header[data-v-72f8c2c2] { background: url(/static/img/header.b4d8964.png) 100% 100%; background-size: 100% 100%; } .upper-settle-layout-slogan[data-v-72f8c2c2] { text-align: center; height: 313px; padding: 112px 0; } .font-size-40[data-v-72f8c2c2] { font-size: 40px!important; } .c-white[data-v-72f8c2c2] { color: #fff; } .font-size-20[data-v-72f8c2c2] { font-size: 20px!important; } .font-weight-600[data-v-72f8c2c2] { font-weight: 600; } .font-size-24[data-v-72f8c2c2] { font-size: 24px!important; } .font-size-16[data-v-72f8c2c2] { font-size: 16px; } .font-size-14[data-v-72f8c2c2] { font-size: 14px; } .text-center[data-v-72f8c2c2] { text-align: center; } .flex-center[data-v-72f8c2c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .settle-condition[data-v-72f8c2c2] { text-align: center; } .settle-condition .iconfont[data-v-72f8c2c2] { color: rgba(0,0,0,.15); } .settle-condition-accomplish .iconfont[data-v-72f8c2c2] { color: rgba(52,189,245,.15); } .settle-condition-description[data-v-72f8c2c2] { width: 210px; height: 70px; margin-top: 10px; } .settle-condition-status[data-v-72f8c2c2] { width: 120px; height: 32px; display: inline-block; line-height: 32px; text-align: center; margin-top: 5px; background: rgba(0,0,0,.02); border-radius: 2px; font-size: 14px; color: #999; } .settle-condition-accomplish .settle-condition-status[data-v-72f8c2c2] { font-size: 14px; color: #34bdf5; background: rgba(52,189,245,.05); } .settle-condition-extra[data-v-72f8c2c2] { margin-top: 5px; } .settle-condition-extra a[data-v-72f8c2c2]{ color: #00a1d6; cursor: pointer; } .settle-join-block[data-v-72f8c2c2], .settle-join-special-content[data-v-72f8c2c2] { width: 172px; margin: 0 auto; } .settle-join-block[data-v-72f8c2c2] { text-align: center; } .settle-join-btn[data-v-72f8c2c2], .settle-join-btn-disabled[data-v-72f8c2c2] { cursor: pointer; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; background: #34bdf5; border-radius: 4px; margin-bottom: 19px; } .settle-join-btn-disabled[data-v-72f8c2c2] { background: #cdcdcd; } .settle-join-block a[data-v-72f8c2c2]{ color: #00a1d6; cursor: pointer; } .settle-faq[data-v-72f8c2c2] { font-size: 12px; color: #999; margin: 17px 140px 0 150px; } .flex-between[data-v-72f8c2c2], .flex-between-top[data-v-72f8c2c2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .settle-feature[data-v-72f8c2c2] { width: 90%; margin: 35px auto 0; } .settle-feature-item[data-v-72f8c2c2] { text-align: center; } .settle-feature-item img[data-v-72f8c2c2] { width: 144px; height: 120px; margin-bottom: 22px; } .settle-feature-item-title[data-v-72f8c2c2] { font-size: 20px; color: #333; } .settle-feature-item-divider[data-v-72f8c2c2] { display: inline-block; width: 66px; height: 4px; background: #23ade5; border-radius: 2px; margin-top: 13px; margin-bottom: 22px; } .settle-feature-item-desc[data-v-72f8c2c2] { font-size: 14px; color: #666; margin-bottom: 18px; } .contact-footer a[data-v-72f8c2c2]{ color: #00a1d6; cursor: pointer; } .cc-content-body[data-v-5b4af740]{ padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 900px; } .page-wrp[data-v-5b4af740] { background-color: #fafafa; overflow: hidden; margin-top: 0!important; } .railgun-opening-box[data-v-5b4af740] { } .content-box[data-v-6524d764] { width: 90%; padding: 24px 24px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 16px auto 0; background-color: #fff; max-width: 1024px; } .bcc-breadcrumb[data-v-6524d764] { color: #999; font-size: 0; } .bcc-breadcrumb>span[data-v-6524d764] { display: inline-block; line-height: 18px; height: 18px; } .bcc-breadcrumb-item-link[data-v-6524d764] { font-size: 14px; display: inline-block; vertical-align: middle; } .bcc-breadcrumb a[data-v-6524d764] { color: #999; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .bcc-breadcrumb-item-separator[data-v-6524d764] { margin: 0 6px; font-size: 20px; vertical-align: middle; color: #999; display: inline-block; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: center; transform-origin: center; } .bcc-breadcrumb>span[data-v-6524d764]:last-child { font-weight: 700; color: #505050; } .bcc-breadcrumb>span:last-child .bcc-breadcrumb-item-separator[data-v-6524d764] { display: none; } section[data-v-6524d764] { margin-top: 40px; } section .head[data-v-6524d764] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section .head[data-v-6524d764], section h2[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section h2[data-v-6524d764] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 22px; color: #5c6272; } .message-notify[data-v-6524d764] { position: relative; overflow: hidden; 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; width: 100%; height: 48px; padding: 14px 16px; margin-top: 21px; background: #fff; border-radius: 2px; -webkit-box-shadow: 0 1px 8px #e7e7e7; box-shadow: 0 1px 8px #e7e7e7; } .message-notify .message-notify-text[data-v-6524d764] { position: absolute; top: 0; font-size: 14px; color: #212121; line-height: 48px; width: 700px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .message-notify .close[data-v-6524d764] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; cursor: pointer; } .content-box .title-icon[data-v-6524d764] { cursor: pointer; font-size: 18px; color: #757575; margin-left: 10px; } .score-panel[data-v-6524d764] { width: 100%; height: 364px; margin-top: 20px; position: relative; } .score-panel .content[data-v-6524d764] { position: absolute; left: 0; right: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 32px 33px 110px; } .score-panel .content .l[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 430px; } .score-panel .content .l .up-info[data-v-6524d764] { height: 40px; 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; margin-bottom: 16px; } .score-panel .content .l .up-info .up-info-face[data-v-6524d764] { width: 40px; border-radius: 50%; background: #c4c4c4; } .score-panel .content .l .up-info .up-info-name[data-v-6524d764] { font-weight: 700; margin-left: 12px; font-size: 16px; color: #fff; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .score-panel .content .l .info[data-v-6524d764] { margin-bottom: 35px; } .score-panel .content .l .info[data-v-6524d764] { font-weight: 500; font-size: 18px; line-height: 25px; color: #fff; } .score-panel .content .l .info .cur-level[data-v-6524d764] { font-size: 14px; color: #fff; } .score-panel .content .l .info .cur-level-val[data-v-6524d764] { margin-left: 10px; font-size: 48px; line-height: 48px; color: #fff; } .score-panel .content .l .info .tip[data-v-6524d764] { opacity: .7; font-size: 12px; color: #fff; margin-left: 8px; } .score-panel .content .l .link[data-v-6524d764] { font-size: 12px; line-height: 17px; color: #fff; opacity: .8; margin-bottom: 23px; } .score-panel .content .l .open-railgun[data-v-6524d764] { margin-bottom: 24px; opacity: .6; } .score-panel .content .l .open-railgun.is-active[data-v-6524d764] { opacity: 1; } .score-panel .content .l .open-railgun .open-btn[data-v-6524d764] { display: inline-block; height: 50px; background: rgba(32,36,43,.6); padding: 0 22px; -webkit-transform: skewX(-12deg); transform: skewX(-12deg); } .score-panel .content .l .open-railgun .open-btn .open-btn-text[data-v-6524d764] { display: inline-block; line-height: 50px; font-size: 24px; color: #fff; -webkit-transform: skewX(12deg); transform: skewX(12deg); } .score-panel .content .l .progress[data-v-6524d764] { width: 100%; position: relative; margin-bottom: 28px; } .score-panel .content .l .progress .empty-progress[data-v-6524d764] { opacity: .1; background: #000; } .score-panel .content .l .progress .line[data-v-6524d764] { width: 100%; height: 6px; border-radius: 24px; } .score-panel .content .l .progress .fill-progress[data-v-6524d764] { position: absolute; top: 0; background: #fff; } .score-panel .content .l .score[data-v-6524d764] { margin-bottom: 32px; color: #fff; } .score-panel .content .l .score .score-label[data-v-6524d764] { font-size: 14px; } .score-panel .content .l .score .score-rate[data-v-6524d764] { font-size: 32px; margin-right: 32px; } .score-panel .content .l .score .score-label[data-v-6524d764] { font-size: 14px; } .score-panel .content .l .score .score-credit[data-v-6524d764] { font-size: 24px; } .score-panel .content .l .equipment[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 34px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .score-panel .content .l .equipment li[data-v-6524d764] { opacity: .4; cursor: pointer; } .score-panel .content .l .equipment li.active[data-v-6524d764] { opacity: 1; } .score-panel .content .l .equipment li .icon[data-v-6524d764] { width: 34px; height: 34px; } .score-panel .content .r[data-v-6524d764] { margin-top: -40px; -ms-flex-item-align: start; align-self: flex-start; } .score-panel .content .r .img-tv[data-v-6524d764] { height: 413px; } .pl-list[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4px; } .pl-list .pl-item[data-v-6524d764] { width: 160px; height: 145px; border: 1px solid #e3e5e7; border-radius: 8px; margin: 24px 24px 0 0; text-align: center; padding: 24px 26px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; position: relative; } .pl-list .pl-item .item-card[data-v-6524d764] { 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; } .pl-list .pl-item .title[data-v-6524d764] { font-size: 14px; margin-top: 8px; color: #18191c; } .pl-list .pl-item p[data-v-6524d764] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; margin-top: 4px; font-size: 12px; color: #9499a0; text-align: center; line-height: 17px; } .more-pls[data-v-6524d764] { width: 100%; display: inline-block; text-align: center; font-size: 16px; color: #4974bf; margin-top: 24px; } .notice[data-v-6524d764] { margin: 14px 0 24px 0; } .notice>span[data-v-6524d764] { font-size: 12px; color: #61666d; } .star-card-list[data-v-6524d764] { overflow: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 80px; } .star-card-list .more-card[data-v-6524d764], .star-card-list[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; } .star-card-list .more-card[data-v-6524d764], .star-card-list .no-data[data-v-6524d764]{ margin: auto; color: #999; } .star-card[data-v-6524d764] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 160px; height: 194px; 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; background: #fff; border-radius: 8px; margin: 0 24px 0 0; border: 1px solid #e3e5e7; } .star-card .face[data-v-6524d764] { width: 52px; height: 52px; margin-top: 24px; border: .5px solid #f1f2f3; border-radius: 50%; background-size: contain; } .star-card .name[data-v-6524d764] { width: 92px; height: 18px; margin-top: 10px; font-size: 13px; line-height: 18px; font-weight: 500; color: #18191c; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .star-card .tag[data-v-6524d764] { --tag-height: 17px; height: var(--tag-height); margin-top: 10px; } .star-card .tag span[data-v-6524d764] { height: var(--tag-height); display: inline-block; background: #fff0e3; border-radius: 2px; padding: 0 6px; font-size: 10px; line-height: var(--tag-height); color: #ff7f24; } .star-card .btn[data-v-6524d764] { width: 64px; height: 24px; margin-top: 18px; border-radius: 24px; border: none; font-size: 12px; font-weight: 500; text-align: center; color: #fff; cursor: pointer; } .guide-list[data-v-6524d764] { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 4px; } .guide-list .guide-item[data-v-6524d764], .guide-list[data-v-6524d764] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .guide-list .guide-item[data-v-6524d764] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 404px; height: 80px; margin: 24px 0 0 0; padding: 0 19px 0 19px; border: 1px solid #e3e5e7; border-radius: 8px; } .guide-list .guide-item .item-title[data-v-6524d764] { font-size: 16px; line-height: 22px; color: #000; margin-bottom: 5px; } .guide-list .guide-item .btn-link[data-v-6524d764] { cursor: pointer; display: block; width: 74px; height: 32px; border: none; border-radius: 24px; font-size: 14px; color: #fff; text-align: center; line-height: 20px; } .i-popover[data-v-6524d764] { position: absolute; display: block; background: #fff; min-width: 150px; border-radius: 4px; border: 1px solid #ebeef5; padding: 12px; z-index: 2000; color: #606266; line-height: 1.4; text-align: justify; font-size: 14px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); word-break: break-all; top: 0; } .desc-content[data-v-6524d764] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 295px; padding: 32px 24px 20px 24px; margin: -20px; border-radius: 16px; background: #fff; border: 1px solid #e3e5e7; } .desc-content .title[data-v-6524d764] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .desc-content .title .title-icon[data-v-6524d764], .desc-content .title[data-v-6524d764] { 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; } .desc-content .title .title-icon[data-v-6524d764] { position: relative; border-radius: 50%; width: 64px; height: 64px; margin-bottom: 8px; } .desc-content .title h3[data-v-6524d764] { font-size: 14px; color: #212121; letter-spacing: 0; text-align: center; margin-left: 5px; } .desc-content .info[data-v-6524d764] { margin-bottom: 24px; } .desc-content .info h4[data-v-6524d764] { font-size: 16px; letter-spacing: 0; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .desc-content .info p[data-v-6524d764] { font-size: 13px; color: #505050; letter-spacing: 0; line-height: 20px; margin-top: 8px; overflow: auto; text-overflow: ellipsis; -webkit-box-orient: unset; text-align: left; } @media screen and (max-width: 1280px){ .star-card-list .star-card[data-v-6524d764]:nth-child(n+5){ display: none; } } .content-box[data-v-7c2f926c] { width: 90%; padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding-bottom: 50px; margin-top: 16px; background-color: #fff; } .bcc-breadcrumb[data-v-7c2f926c] { color: #999; font-size: 0; } .bcc-breadcrumb>span[data-v-7c2f926c] { display: inline-block; line-height: 18px; height: 18px; } .bcc-breadcrumb>span[data-v-7c2f926c]:last-child { font-weight: 700; color: #505050; } .bcc-breadcrumb-item-link[data-v-7c2f926c] { font-size: 14px; display: inline-block; vertical-align: middle; } .bcc-breadcrumb a[data-v-7c2f926c] { color: #999; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .bcc-breadcrumb-item-separator[data-v-7c2f926c] { margin: 0 6px; font-size: 20px; vertical-align: middle; color: #999; display: inline-block; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: center; transform-origin: center; } .bcc-breadcrumb>span:last-child .bcc-breadcrumb-item-separator[data-v-7c2f926c] { display: none; } .content-box .content-module[data-v-7c2f926c] { margin-top: 32px; font-size: 18px; color: #18191c; font-weight: 500; } .content-box .content-module .example-list[data-v-7c2f926c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 500px; } .example-list .no-data[data-v-7c2f926c]{ font-weight: normal; margin: auto; font-size: 16px; color: #999; } .example-card[data-v-7c2f926c] { padding: 16px; margin: 0 32px 24px 0; background: #fff; width: 45%; border: 1px solid #f1f2f3; border-radius: 8px; } .example-card .top[data-v-7c2f926c] { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .example-card .top .top-left .info-name[data-v-7c2f926c] { cursor: pointer; font-size: 16px; color: #18191c; font-weight: 500; width: 200px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .example-card .top .top-left .info-lv[data-v-7c2f926c] { margin-bottom: 16px; } .example-card .top .top-left .info-lv span[data-v-7c2f926c] { margin-right: 16px; font-size: 12px; color: #61666d; } .example-card .top .top-left .info-tag[data-v-7c2f926c] { 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; } .example-card .top .top-left .info-tag .tag .tag-count[data-v-7c2f926c] { text-align: center; font-size: 20px; line-height: 20px; color: #18191c; font-weight: 700; margin-bottom: 4px; } .example-card .top .top-left .info-tag .tag .tag-title[data-v-7c2f926c] { text-align: center; font-size: 12px; line-height: 17px; color: #61666d; } .example-card .top .top-left .info-tag .line[data-v-7c2f926c] { height: 24px; background: #e3e5e7; margin: 0 16px; } .example-card .top .top-right[data-v-7c2f926c] { 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; } .example-card .top .top-right .face[data-v-7c2f926c] { cursor: pointer; width: 48px; height: 48px; border-radius: 50%; background-size: contain; margin-bottom: 19px; border: .5px solid #f1f2f3; } .example-card .top .top-right .btn>button[data-v-7c2f926c] { width: 66px; height: 30px; border-radius: 24px; border: none; background: #fb7299; font-size: 13px; line-height: 18px; text-align: center; color: #fff; font-weight: 500; } .example-card .bottom .video[data-v-7c2f926c] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; height: 87px; border-radius: 6px; background: #f6f7f8; 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .example-card .bottom .video .img[data-v-7c2f926c] { width: 100px; overflow: hidden; margin-right: 9px; } .example-card .bottom .video .img>img[data-v-7c2f926c] { border-radius: 4px; height: 63px; } .example-card .bottom .video .video-info[data-v-7c2f926c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .example-card .bottom .video .video-info .video-title[data-v-7c2f926c] { font-size: 14px; line-height: 20px; color: #18191c; width: 200px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .example-card .bottom .video .video-info .video-count span[data-v-7c2f926c] { font-size: 12px; line-height: 17px; color: #9499a0; } .content-box[data-v-7326b395] { width: 90%; padding: 24px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding-bottom: 50px; margin-top: 16px; background-color: #fff; } .bcc-breadcrumb[data-v-7326b395] { color: #999; font-size: 0; } .bcc-breadcrumb>span[data-v-7326b395] { display: inline-block; line-height: 18px; height: 18px; } .bcc-breadcrumb-item-link[data-v-7326b395] { font-size: 14px; display: inline-block; vertical-align: middle; } .bcc-breadcrumb a[data-v-7326b395] { color: #999; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .bcc-breadcrumb-item-separator[data-v-7326b395] { margin: 0 6px; font-size: 20px; vertical-align: middle; color: #999; display: inline-block; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: center; transform-origin: center; } .bcc-breadcrumb>span[data-v-7326b395]:last-child { font-weight: 700; color: #505050; } .bcc-breadcrumb>span:last-child .bcc-breadcrumb-item-separator[data-v-7326b395] { display: none; } .content-box .content-module[data-v-7326b395] { margin-top: 32px; } .score-info[data-v-7326b395] { position: relative; padding: 24px 16px; 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; } .score-info .faq-icon[data-v-7326b395] { cursor: pointer; position: absolute; right: 16px; top: 16px; } .score-info .faq-icon .icon[data-v-7326b395] { width: 16px; height: 16px; color: #9499a0; } .score-info .score[data-v-7326b395] { margin-bottom: 12px; } .score-info .score>span[data-v-7326b395] { display: inline-block; font-size: 16px; } .score-info .score>span[data-v-7326b395]:first-child { font-size: 72px; line-height: 72px; } .score-info .tag[data-v-7326b395] { margin-bottom: 8px; padding: 5px 8px; border-radius: 4px; color: #fff; font-size: 10px; line-height: 14px; } .faq-dialog[data-v-7326b395] { z-index: 99; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); display: none; } .faq-dialog .dialog-content[data-v-7326b395] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 500px; background: #fff; border-radius: 2px; -webkit-box-shadow: 0 1px 20px rgba(0,0,0,.1); box-shadow: 0 1px 20px rgba(0,0,0,.1); } .faq-dialog .dialog-content .content[data-v-7326b395] { padding: 24px 20px; } .faq-dialog .dialog-content .content .content-title[data-v-7326b395] { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; color: #18191c; font-weight: 500; margin-bottom: 16px; } .faq-dialog .dialog-content .content .content-title .icon[data-v-7326b395] { cursor: pointer; font-size: 18px; color: #999; } .faq-dialog .dialog-content .content .content-text[data-v-7326b395] { margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #212121; } .faq-dialog .dialog-content .content .content-text .text .question[data-v-7326b395] { font-size: 14px; line-height: 22px; font-weight: 500; color: #18191c; margin-bottom: 5px; } .faq-dialog .dialog-content .content .content-text .text .answer[data-v-7326b395] { color: #61666d; font-size: 13px; line-height: 18px; margin-bottom: 5px; } .faq-dialog .dialog-content .content .content-link[data-v-7326b395] { display: inline-block; cursor: pointer; font-size: 12px; line-height: 17px; color: #008ac5; } .faq-dialog .dialog-content .content-btn[data-v-7326b395] { margin-bottom: 33px; text-align: center; } .faq-dialog .dialog-content .content-btn>button[data-v-7326b395] { padding: 0 25px; height: 40px; background: #00a1d6; border: none; border-radius: 2px; color: #fff; cursor: pointer; } .content-box .content-module .line[data-v-7326b395] { width: 100%; height: 1px; background: #e7e7e7; } .score-charts[data-v-7326b395] { padding: 24px; margin-bottom: 8px; } .score-charts .charts-title[data-v-7326b395] { font-size: 16px; line-height: 22px; font-weight: 500; color: #18191c; } .score-charts #line-charts[data-v-7326b395] { width: 100%; height: 250px; } .score-list .list-tabs[data-v-7326b395] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #e7e7e7; position: sticky; top: 0; padding: 15px 30px 0 30px; } .notice[data-v-7326b395], .score-list .list-tabs[data-v-7326b395] { 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; } .tabs[data-v-7326b395] { display: inline-block; } .tabs .tabs__header[data-v-7326b395] { list-style: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; padding-left: 0; } .tabs .tabs__header .tabs__header-item[data-v-7326b395] { position: relative; height: 42px; line-height: 42px; text-align: center; cursor: pointer; font-size: 14px; color: #505050; } .tabs .tabs__header .tabs__header-item[data-v-7326b395]:not(:last-child) { margin-right: 48px; } .tabs .tabs__header .tabs__header-item.is-active[data-v-7326b395] { color: #00a1d6; } .tabs .tabs__header .tabs__header-item.is-active[data-v-7326b395]:after { display: block; position: absolute; content: ""; width: 100%; height: 3px; bottom: 0; background: #00a1d6; } .tabs .tabs__content[data-v-7326b395] { padding-left: 0; } .bcc-search-input-wrapper[data-v-7326b395] { position: relative; display: inline-block; } .bcc-search-input[data-v-7326b395] { width: 100%; height: 32px; padding: 12px 35px 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; font-size: 12px; color: #505050; border: 1px solid #e7e7e7; border-radius: 4px; } .search-input[data-v-7326b395] { position: absolute; top: 8px; right: 11px; font-size: 14px; color: #757575; } .empty-list .empty-img[data-v-7326b395] { margin: 30px auto 16px; width: 280px; height: 158px; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); background-position: 50%; background-size: contain; background-repeat: no-repeat; } .empty-list .empty-text[data-v-7326b395] { margin-bottom: 26px; font-size: 16px; line-height: 20px; text-align: center; color: #999; } .cc-content-body[data-v-6192c6d2] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 1000px; } .growing-up[data-v-4faf3e12] { margin: 16px auto 0; width: 90%; } .task-manage[data-v-4faf3e12] { margin: 0 auto; padding-bottom: 0; background: #fff; } .page-top[data-v-4faf3e12] { margin-top: 17px; height: 100px; 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; padding: 0 44px 0 22px; color: #fff; background: 50%/cover url(/static/img/web_img_bg1.762e1f4.png) no-repeat; } .page-top .left .point[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-top .left .point .number[data-v-4faf3e12] { font-size: 36px; line-height: 42px; } .page-top .left .point .text-btn[data-v-4faf3e12] { margin-left: 13px; width: 90px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background: rgba(0,0,0,.1); cursor: pointer; } .page-top .left .point .text-btn i[data-v-4faf3e12] { display: inline-block; font-size: 12px; -webkit-transform: scale(.9); transform: scale(.9); } .page-top .right[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; } .page-top .right div[data-v-4faf3e12] { cursor: pointer; line-height: 18px; border-right: 1px solid #fff; padding: 0 21.5px; } .bcc-dialog__wrap[data-v-4faf3e12] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; z-index: 1000; } .bcc-dialog__wrap.bcc-dialog__wrap-mask[data-v-4faf3e12] { background: rgba(0,0,0,.5); } .bcc-dialog__wrap .bcc-dialog[data-v-4faf3e12] { background: #fff; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); padding: 24px 32px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); border-radius: 2px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header[data-v-4faf3e12] { color: #505050; font-size: 16px; padding-bottom: 16px; position: relative; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header .bcc-dialog__close[data-v-4faf3e12] { cursor: pointer; position: absolute; top: 0; right: 0; font-size: 18px; line-height: 1; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__body[data-v-4faf3e12] { color: #212121; font-size: 14px; padding-bottom: 32px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer[data-v-4faf3e12] { text-align: center; } .mission .notice[data-v-4faf3e12] { background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4; box-shadow: inset 0 -1px 0 0 #f4f4f4; border-radius: 2px; margin-bottom: 16px; height: 48px; overflow: hidden; position: relative; } .mission .notice .notice-item[data-v-4faf3e12] { position: absolute; top: 0; width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 23px; } .mission .notice .notice-item.notice-item-pointer[data-v-4faf3e12] { cursor: pointer; } .mission .notice .notice-item .radio[data-v-4faf3e12] { margin-right: 10px; font-size: 22px; color: #00a1d6; } .mission .notice .notice-item .tag[data-v-4faf3e12] { -ms-flex-negative: 0; flex-shrink: 0; height: 20px; text-align: center; padding: 0 4.5px; border: 1px solid #00a1d6; border-radius: 3px; font-size: 12px; color: #00a1d6; letter-spacing: 0; margin-right: 6px; } .mission .notice .notice-item .info[data-v-4faf3e12] { font-size: 14px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .growing-task-container[data-v-4faf3e12] { position: relative; background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #e7e7e7; box-shadow: inset 0 -1px 0 0 #e7e7e7; border-radius: 2px; padding: 0 24px 0; } .growing-task-container .gtc-title[data-v-4faf3e12] { line-height: 25px; padding: 16px 0 20px; font-size: 18px; color: #212121; font-weight: 600; } .isfl[data-v-4faf3e12] { float: left; } .bcc-popover[data-v-4faf3e12] { width: auto; min-width: 150px; padding: 24px; background-color: #fff; position: absolute; font-size: 14px; color: #505050; border: 1px solid #e7e7e7; border-radius: 2px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); display: none; z-index: 1; } .bcc-iconfont[data-v-4faf3e12] { vertical-align: top; } .growing-task-container .gtc-tips[data-v-4faf3e12] { position: absolute; font-size: 14px; color: #999; top: 19px; right: 44px; } .growing-task-container .gtc-body .gtc-task-body[data-v-4faf3e12] { padding-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task[data-v-4faf3e12] { width: 50%; /*padding-right: 60px;*/ } .c-stress[data-v-4faf3e12] { color: #00a1d6; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card[data-v-4faf3e12] { padding: 10px 16px 12px; height: 77px; background: rgba(0,161,214,.1); border-radius: 6px; position: relative; cursor: pointer; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-title[data-v-4faf3e12] { line-height: 20px; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-title .gct-left[data-v-4faf3e12] { font-size: 14px; font-weight: 500; vertical-align: top; padding-right: 103px; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-title .gct-right[data-v-4faf3e12] { font-size: 12px; font-weight: 400; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-title .gct-right>span[data-v-4faf3e12] { color: #999; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-progress[data-v-4faf3e12] { /*width: 295px;*/ height: 3px; border-radius: 3px; margin: 8px 0; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-EMF-card .gtc-EMF-num[data-v-4faf3e12] { position: absolute; left: 16px; bottom: 12px; font-size: 22px; font-weight: 500; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(.5); transform: scale(.5); } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-task-box[data-v-4faf3e12] { padding-top: 23px; } .task-item[data-v-4faf3e12] { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; height: 67px; } .task-item .left[data-v-4faf3e12], .task-item[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-task-box .task-item[data-v-4faf3e12] { position: relative; } .task-item .left[data-v-4faf3e12] { -ms-flex-negative: 0; flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0,161,214,.06); } .task-item .left img[data-v-4faf3e12] { width: 44.2px; height: 44.2px; border-radius: 50%; } .task-item .center[data-v-4faf3e12] { margin-left: 22px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .task-item .center[data-v-4faf3e12] { padding-right: 125px; } .task-item .center .title[data-v-4faf3e12] { font-size: 16px; color: #505050; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; } .growing-task-container .gtc-body .gtc-task-body .gtc-EMF-task .gtc-task-box .center .title[data-v-4faf3e12] { padding-right: 18px; } .task-item .center .title .popover[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 22px; } .task-item .center .title .popover .desc[data-v-4faf3e12] { -ms-flex-negative: 0; flex-shrink: 0; width: 15px; height: 15px; cursor: pointer; margin-left: 3px; } .task-item .center .point-progress[data-v-4faf3e12] { margin-top: 3px; line-height: 18px; font-size: 13px; } .task-item .center .point-progress .point[data-v-4faf3e12] { color: #00a1d6; } .progress[data-v-4faf3e12] { line-height: 18px; font-size: 13px; color: #919191; font-weight: 400; } .task-item .center .point-progress .progress[data-v-4faf3e12] { color: #919191; margin-left: 15px; } .bcc-button[data-v-4faf3e12] { display: inline-block; text-align: center; background-color: #fff; cursor: pointer; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; line-height: 1; } .bcc-button--primary[data-v-4faf3e12] { color: #fff; background: #00a1d6; border: 1px solid #00a1d6; } .bcc-button--blueLine[data-v-4faf3e12] { border: 1px solid #00a1d6; background: #fff; color: #00a1d6; } .gtc-button[data-v-4faf3e12] { width: 125px; height: 40px; padding: 9px 0; font-family: PingFangSC-Regular,sans-serif; font-size: 16px; background-color: #fff; color: #00a1d6; opacity: .4; cursor: pointer; } .gtc-button.doing[data-v-4faf3e12] { cursor: default; } .growing-task-container .gtc-body .gtc-task-body .gtc-advice[data-v-4faf3e12] { width: 44.7%; font-size: 12px; color: #212121; font-weight: 500; } .growing-task-container .gtc-body .gtc-task-body .gtc-advice .gtc-advice-title[data-v-4faf3e12] { font-size: 14px; padding-bottom: 12px; line-height: 20px; } .o-h[data-v-4faf3e12] { overflow: hidden; } .growing-task-container .gtc-body .gtc-task-body .gtc-advice .gtc-advice-item[data-v-4faf3e12] { height: 40px; background: #f4f4f4; border-radius: 6px; line-height: 40px; padding: 0 16px; } .growing-task-container .gtc-body .gtc-task-body .gtc-advice .gtc-advice-item+.gtc-advice-item[data-v-4faf3e12] { margin-top: 12px; } .mission .task[data-v-4faf3e12] { background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4; box-shadow: inset 0 -1px 0 0 #f4f4f4; border-radius: 2px; margin-bottom: 16px; padding: 16px 25px; } .mission .task .top[data-v-4faf3e12] { font-size: 18px; color: #212121; } .mission .task .top .title[data-v-4faf3e12] { font-weight: 600; } .mission .task .top .sub[data-v-4faf3e12] { font-size: 14px; color: #999; margin-left: 10px; } .mission .task .content[data-v-4faf3e12] { margin-top: 22px; overflow: hidden; } .mission .task .content>.task-item-box[data-v-4faf3e12] { width: 49%; display: inline-block; } .mission .task .content>.task-item-box .task-item[data-v-4faf3e12] { height: 60px; } .task-item .right[data-v-4faf3e12] { -ms-flex-negative: 0; flex-shrink: 0; width: 125px; text-align: center; margin-left: 15px; font-size: 0; } .bcc-button.small[data-v-4faf3e12] { padding: 3px 8px; } .task-item .right .button[data-v-4faf3e12] { width: 125px; height: 40px; } .mission .point-reward[data-v-4faf3e12] { background: #fff; -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4; box-shadow: inset 0 -1px 0 0 #f4f4f4; border-radius: 2px; margin-bottom: 16px; padding: 12px 24px 11px; } .mission .point-reward .top[data-v-4faf3e12] { 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; line-height: 25px; } .mission .point-reward .top .title[data-v-4faf3e12] { font-size: 18px; color: #212121; font-weight: 600; } .mission .point-reward .top .more[data-v-4faf3e12] { font-size: 14px; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .mission .point-reward .top .more i[data-v-4faf3e12] { display: inline-block; font-size: 12px; -webkit-transform: scale(.9); transform: scale(.9); margin-left: 1px; margin-bottom: 1px; } .mission .point-reward .content[data-v-4faf3e12] { padding-top: 18px; } .bcc-row[data-v-4faf3e12] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; } .mission .point-reward .content .row[data-v-4faf3e12] { margin-bottom: 17px; } .bcc-row[data-v-4faf3e12]:after, .bcc-row[data-v-4faf3e12]:before { content: ""; display: table; } .bcc-col-12[data-v-4faf3e12] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .mission .point-reward .content .row .reward[data-v-4faf3e12] { background: #fafafa; display: -webkit-box; display: -ms-flexbox; display: flex; } .mission .point-reward .content .row .reward .reward-left[data-v-4faf3e12] { -ms-flex-negative: 0; flex-shrink: 0; width: 120px; height: 120px; background: rgba(0,161,214,.06); } .mission .point-reward .content .row .reward .reward-left img[data-v-4faf3e12] { width: 100%; height: 100%; } .mission .point-reward .content .row .reward .reward-right[data-v-4faf3e12] { padding: 16px 12px 12px 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; 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: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; } .mission .point-reward .content .row .reward .reward-right .right-top .name[data-v-4faf3e12] { font-size: 16px; color: #505050; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mission .point-reward .content .row .reward .reward-right .right-top .tips[data-v-4faf3e12] { font-size: 12px; color: #919191; line-height: 17px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mission .point-reward .content .row .reward .reward-right .right-bottom[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mission .point-reward .content .row .reward .reward-right .right-bottom .right-bottom-left .remain[data-v-4faf3e12] { font-size: 12px; color: #919191; line-height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .progress[data-v-4faf3e12] { width: 82px; height: 5px; border-radius: 2.5px; /*background: #e7e7e7;*/ } .progress .percentage[data-v-4faf3e12] { background: #00a1d6; height: 5px; border-radius: 2.5px; } .mission .point-reward .content .row .reward .reward-right .right-bottom .right-bottom-left .remain .text[data-v-4faf3e12] { margin-left: 10px; } .mission .point-reward .content .row .reward .reward-right .right-bottom .right-bottom-left .point[data-v-4faf3e12] { font-size: 16px; color: #00a1d6; line-height: 16px; margin-top: 6px; } .mission .point-reward .content .row .reward .reward-right .right-bottom .right-bottom-right[data-v-4faf3e12] { -ms-flex-item-align: end; align-self: flex-end; } .bcc-button.large[data-v-4faf3e12] { padding: 7px 16px; } .mission .point-reward .content .row .reward .reward-right .right-bottom .right-bottom-right .exchange[data-v-4faf3e12] { height: 36px; } .mission-lottery-wrap[data-v-4faf3e12] { padding: 24px 32px; margin-bottom: 16px; -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4; box-shadow: inset 0 -1px 0 0 #f4f4f4; } .mission-lottery-wrap .header[data-v-4faf3e12] { margin-bottom: 19px; } .mission-lottery-wrap .header .title[data-v-4faf3e12] { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mission-lottery-wrap .header .title .title-left[data-v-4faf3e12] { font-weight: 600; font-size: 18px; line-height: 25px; color: #18191c; } .mission-lottery-wrap .header .title .title-right[data-v-4faf3e12] { font-size: 14px; line-height: 20px; color: #9499a0; } .mission-lottery-wrap .header .title .title-right .text[data-v-4faf3e12] { margin-right: 3px; } .mission-lottery-wrap .header .sub-title[data-v-4faf3e12] { font-size: 14px; line-height: 20px; color: #9499a0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mission-lottery-wrap .header .sub-title .text[data-v-4faf3e12] { margin-right: 16px; } .lottery[data-v-4faf3e12] { width: 920px; margin: 0 auto; height: 420px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .lottery.apple[data-v-4faf3e12], .lottery.simple[data-v-4faf3e12] { padding: 10px; } .mission-lottery-wrap .lottery[data-v-4faf3e12] { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .lottery-apple-wrap[data-v-4faf3e12] { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e4e4e4 50%/cover no-repeat; border-radius: 12px; } .lottery-apple[data-v-4faf3e12] { position: relative; padding: 0; height: 100%; } .lottery-apple-slotbtn[data-v-4faf3e12] { background: 50%/contain no-repeat; cursor: pointer; } .lottery-apple-slotbtn[data-v-4faf3e12], .lottery-apple-slotbtn img[data-v-4faf3e12] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .lottery-apple-item[data-v-4faf3e12] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; height: 33%; background: #f7f7f7; text-align: center; font-size: 12px; position: absolute; border-radius: 12px; overflow: hidden; } .lottery-panel[data-v-4faf3e12] { width: 490px; position: absolute; right: 10px; top: 10px; } .mission-lottery-wrap .lottery-panel[data-v-4faf3e12] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 40px; position: relative; top: 0; right: 0; } .lottery-record-panel[data-v-4faf3e12] { font-size: 14px; height: 137px; color: #212121; background: #fff 50%/contain no-repeat; border-radius: 12px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid hsla(0,0%,59.2%,.15); } .lottery-record-panel-times[data-v-4faf3e12], .lottery-record-panel[data-v-4faf3e12] { 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; } .lottery-record-panel-times>b[data-v-4faf3e12] { font-size: 24px; color: #fb7299; margin: 0 6px; } .lottery-record-panel-buttons[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lottery-winner[data-v-4faf3e12] { background: #f7f7f7 50%/cover no-repeat; border-radius: 12px; margin-top: 10px; border: 1px solid hsla(0,0%,59.2%,.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .lottery-winner-title[data-v-4faf3e12] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 12px 12px 0 0; height: 50px; line-height: 50px; font-size: 18px; padding-left: 18px; color: #212121; background: #fff; font-weight: 700; border-bottom: 1px solid hsla(0,0%,59.2%,.15); } .lottery-winner-title>a[data-v-4faf3e12] { font-size: 17px; padding-right: 8px; color: #999; position: absolute; font-weight: 400; top: 0; right: 30px; cursor: pointer; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .lottery-winner-title>a[data-v-4faf3e12]:after { content: ""; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(45deg) translateY(-8px); transform: rotate(45deg) translateY(-8px); border: 1px solid #999; border-width: 1px 1px 0 0; } .lottery-winner-content[data-v-4faf3e12] { font-size: 14px; height: 201px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 0 0 18px; overflow: hidden; position: relative; border-radius: 0 0 12px 12px; } .lottery-winner-list[data-v-4faf3e12] { line-height: 26px; height: 260px; -webkit-animation: activity-lottery-slider-data-v-ea3e8c2a 15s linear infinite; animation: activity-lottery-slider-data-v-ea3e8c2a 15s linear infinite; list-style: none; } .lottery-winner-list>li[data-v-4faf3e12] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lottery-winner-list>li>span[data-v-4faf3e12] { color: #a4a4a4; padding: 0 5px; } .bcc-dialog__wrap[data-v-4faf3e12] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; z-index: 1000; } .bcc-dialog__wrap.bcc-dialog__wrap-mask[data-v-4faf3e12] { background: rgba(0,0,0,.5); } .bcc-dialog__wrap .bcc-dialog[data-v-4faf3e12] { background: #fff; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); padding: 24px 32px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); border-radius: 2px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header[data-v-4faf3e12] { color: #505050; font-size: 16px; padding-bottom: 16px; position: relative; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__header .bcc-dialog__close[data-v-4faf3e12] { cursor: pointer; position: absolute; top: 0; right: 0; font-size: 18px; line-height: 1; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__body[data-v-4faf3e12] { color: #212121; font-size: 14px; padding-bottom: 32px; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer[data-v-4faf3e12] { text-align: center; } .mission-lottery-wrap .dialog-footer[data-v-4faf3e12] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer .bcc-button[data-v-4faf3e12] { margin-right: 10px; } .mission-lottery-wrap .dialog-footer .exchange[data-v-4faf3e12] { 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; } .bcc-dialog__wrap .bcc-dialog .bcc-dialog__footer .bcc-button[data-v-4faf3e12]:last-child { margin-right: 0; } .icon-changjianwentixiangguanwenti:hover~.bcc-popover[data-v-4faf3e12]{ display: inline-block; } .lottery-dialog[data-v-4faf3e12] { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0,0,0,.7); } .lottery-dialog-content[data-v-4faf3e12] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .lottery-dialog-close[data-v-4faf3e12] { position: absolute; display: block; top: 20px; right: 20px; cursor: pointer; font-size: 20px; } .lottery-history[data-v-4faf3e12] { width: 516px; text-align: center; border-radius: 12px; color: #212121; background: #f4f4f4; } .lottery-history-title[data-v-4faf3e12] { background: #fff; border-radius: 12px 12px 0 0; font-size: 18px; height: 66px; line-height: 66px; } .lottery-history-list-wrap[data-v-4faf3e12] { height: 316px; overflow: hidden; } .lottery-history-list[data-v-4faf3e12] { margin: 0; padding: 12px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; } .lottery-history-hint[data-v-4faf3e12] { color: #999; font-size: 12px; line-height: 1.5; padding: 24px; } .tip-goto[data-v-4faf3e12] { color: #00a1d6; cursor: pointer; } .lottery-history-tip[data-v-4faf3e12] { color: #999; font-size: 12px; line-height: 1.5; padding: 0 12px; text-align: left; } .lottery-history-tip[data-v-4faf3e12] { color: #999; font-size: 12px; line-height: 1.5; padding: 0 12px; text-align: left; } .gameBox[data-v-4faf3e12] { 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: 400px; height: 400px; border-radius: 8px; background-size: 400px 400px; position: relative; } .gameBox .bg1[data-v-4faf3e12] { position: absolute; /*left: 13.5px;*/ /*top: 12px;*/ width: 400px; height: 400px; background: #e4e4e4 50%/cover no-repeat; background-size: 400px 400px; border-radius: 9px; } .gameBox .bg2[data-v-4faf3e12] { position: absolute; /*left: 13.5px;*/ /*top: 12px;*/ width: 400px; height: 400px; background: #e4e4e4 50%/cover no-repeat; background-size: 400px 400px; border-radius: 9px; } .gameBox .start[data-v-4faf3e12] { position: relative; width: 112px; height: 112px; background: #FD3A58; background-size: 112px 112px; border-radius: 9px; text-align: center; line-height: 112px; } .gameBox .start p[data-v-4faf3e12] { text-align: center; font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, 1); } .gameBox .start span[data-v-4faf3e12] { text-align: center; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 1); } .gameBox ul[data-v-4faf3e12] { } .gameBox li[data-v-4faf3e12] { position: absolute; width: 112px; height: 112px; background: rgba(255, 255, 255, 1); /*border: 2px solid #97D2FC;*/ border-radius: 8px; } .gameBox li .img1[data-v-4faf3e12] { height: 35px; margin: 0; width: 112px; } .gameBox li img[data-v-4faf3e12] { width: 100%; height: auto; border-radius: 7px; } .gameBox li p[data-v-4faf3e12] { text-align: center; font-size: 13px; font-weight: 500; color: rgba(153, 153, 153, 1); color: #fff; margin-top: 20px; } .gameBox li.item1[data-v-4faf3e12] { left: 25px; top: 25px; } .gameBox li.item2[data-v-4faf3e12] { left: 144px; top: 25px; } .gameBox li.item3[data-v-4faf3e12] { left: 263px; top: 25px; } .gameBox li.item4[data-v-4faf3e12] { left: 263px; top: 144px; } .gameBox li.item5[data-v-4faf3e12] { left: 263px; top: 263px; } .gameBox li.item6[data-v-4faf3e12] { left: 144px; top: 263px; } .gameBox li.item7[data-v-4faf3e12] { left: 25px; top: 263px; } .gameBox li.item8[data-v-4faf3e12] { left: 25px; top: 144px; } .gameBox li.active[data-v-4faf3e12] { background: #ec07071f; } .gameBox li.active .img1[data-v-4faf3e12] { height: 35px; margin: 0; width: 112px; opacity: 0.6; } .gameBox li.active img[data-v-4faf3e12] { width: 100%; height: auto; } .cc-content-body[data-v-362f5e44] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 900px; } .treaty-body[data-v-362f5e44] { background: #fff; margin: 16px auto; display: flow-root; min-height: 100%; width: 90%; } .treaty-nav[data-v-362f5e44] { width: 100%; border-bottom: 1px solid #e7e7e7; padding: 0 12px; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .treaty-nav .treaty-nav-item[data-v-362f5e44] { height: 64px; line-height: 64px; font-size: 16px; color: #505050; text-align: center; margin: 0 20px; cursor: pointer; font-weight: 500; position: relative; display: inline-block; } .treaty-nav .treaty-nav-item.active[data-v-362f5e44] { color: #00a1d6; } .treaty-nav .treaty-nav-item.active[data-v-362f5e44]:after { content: ""; height: 3px; display: inline-block; width: 90%; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; background-color: #00a1d6; } .treaty-content[data-v-362f5e44] { position: relative; } .treaty-content .treaty-content-body[data-v-362f5e44] { padding: 24px 32px; min-height: 660px; } .treaty-content .treaty-content-body.have-menu[data-v-362f5e44] { padding-right: 242px; } .treaty-content .treaty-content-body .content-body-title[data-v-362f5e44] { font-size: 16px; font-weight: 500; line-height: 20px; padding-bottom: 17px; } .treaty-content .treaty-content-body .content-body-title.active[data-v-362f5e44] { color: #00a1d6; } .treaty-content .treaty-content-body .content-body-d p[data-v-362f5e44] { line-height: 25px!important; font-size: 14px!important; } .treaty-content .treaty-content-body .content-body-d h3[data-v-362f5e44] { font-size: 16px; font-weight: 500; line-height: 20px; padding-bottom: 17px; } .treaty-content .treaty-content-body .content-body-d img[data-v-362f5e44] { margin: 6px 0; } .treaty-content .treaty-content-sub-title[data-v-362f5e44] { position: absolute; width: 200px; top: 70px; right: 30px; background-color: #fff; -webkit-box-shadow: inset 1px 0 0 #e7e7e7; box-shadow: inset 1px 0 0 #e7e7e7; } .treaty-content .treaty-content-sub-title h3[data-v-362f5e44] { padding: 0 24px 12px; font-size: 14px; line-height: 14px; } .treaty-content .treaty-content-sub-title .content-body-menu-title[data-v-362f5e44] { font-size: 14px; padding: 12px 24px; cursor: pointer; position: relative; } .treaty-content .treaty-content-sub-title .content-body-menu-title.active[data-v-362f5e44] { color: #00a1d6; } .content-body-d a[data-v-362f5e44] { color: #00a1d6; } .cc-content-body[data-v-24faad9f] { padding: 60px 0 50px 0; background: #fafafa; margin-left: 200px; min-width: 900px; } .setting[data-v-24faad9f] { width: 90%; padding-bottom: 100px; background-color: #fff; padding-top: 20px; margin: auto; } .setting-box[data-v-24faad9f] { margin-left: 20px; margin-right: 20px; } .setting .setting-title[data-v-24faad9f] { height: 18px; line-height: 18px; font-size: 18px; color: #222; } .setting .watermark-setting[data-v-24faad9f] { /*width: 860px;*/ height: 60px; margin-top: 24px; padding: 19px; border: 1px solid #d9d9d9; } .setting .section-title[data-v-24faad9f] { float: left; font-size: 16px; color: #222; } .setting .section-title span[data-v-24faad9f] { color: #99a2aa; } .setting .section-edit[data-v-24faad9f] { float: right; font-size: 16px; color: #00a1d6; cursor: pointer; } .setting .follow-setting[data-v-24faad9f], .setting .public-setting[data-v-24faad9f] { /*width: 860px;*/ height: 60px; margin-top: 16px; padding: 19px; border: 1px solid #d9d9d9; } .setting .public-setting[data-v-24faad9f] { position: relative; } .setting-card[data-v-24faad9f] { /*width: 860px;*/ margin-top: 16px; padding: 19px; border: 1px solid #d9d9d9; } .setting-card .setting-card-title[data-v-24faad9f] { float: left; color: #222; position: relative; } .bcc-popover[data-v-24faad9f] { width: auto; min-width: 150px; padding: 24px; background-color: #fff; position: absolute; font-size: 14px; color: #505050; border: 1px solid #e7e7e7; border-radius: 2px; -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); box-shadow: 0 1px 20px 0 rgba(0,0,0,.1); top: 20px; display: none; } .setting-card .setting-card-open[data-v-24faad9f] { float: right; font-size: 16px; color: #00a1d6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .setting-card .setting-card-switch[data-v-24faad9f] { clear: both; margin-top: 44px; font-size: 14px; } .setting .watermark-setting .watermark-wrp[data-v-24faad9f] { padding-top: 20px; } .setting .watermark-setting .watermark-wrp .watermark-modal[data-v-24faad9f] { width: 820px; /*margin: 0 auto;*/ border-radius: 4px; background: #fff; margin-top: 24px; } .setting .watermark-switcher[data-v-24faad9f] { color: #99a2aa; } .setting .watermark-switcher span[data-v-24faad9f] { font-size: 14px; color: #222; } .setting .watermark-switcher .switcher-padding[data-v-24faad9f] { display: inline-block; width: 5px; } .setting .watermark-switcher .switcher-tip[data-v-24faad9f] { font-size: 14px; height: 14px; line-height: 14px; margin-top: 10px; color: #757575; } .setting .watermark-setting.edit[data-v-24faad9f] { height: auto; } .setting .follow-setting.edit[data-v-24faad9f], .setting .public-setting.edit[data-v-24faad9f] { height: auto; } .note-setting-wrp[data-v-24faad9f] { margin-top: 44px; font-size: 14px; } .setting-card[data-v-24faad9f]:after, .setting-card[data-v-24faad9f]:before { content: ""; clear: both; display: table; } .popover-icon:hover~.bcc-popover[data-v-24faad9f] { display: inline-block; } .editor-page[data-v-b7bc5f6c] { width: 100%; height: 100%; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1000px; } .toolbar-container[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; border-bottom: 1px solid #dbdbdb; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.03); box-shadow: 0 1px 2px rgba(0,0,0,.03); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .toolbar-container .left-group[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 0; } .toolbar-container .left-group .back-button[data-v-b7bc5f6c] { padding: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; font-size: 14px; line-height: 20px; color: #6d757a; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .toolbar-container .left-group .back-button img[data-v-b7bc5f6c] { width: 11px; height: 16px; } .toolbar-container .split[data-v-b7bc5f6c] { width: 1px; height: 32px; background-color: #efeeee; } .toolbar-container .left-group .archive-title[data-v-b7bc5f6c] { width: 120px; padding: 0 20px; font-size: 13px; line-height: 32px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #595959; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .toolbar-container .left-group .undo-redo[data-v-b7bc5f6c] { padding-top: 4px; margin-left: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; } .icon-button[data-v-b7bc5f6c] { display: block; width: 24px; height: 24px; cursor: pointer; } .icon-button.disable[data-v-b7bc5f6c] { opacity: .4; cursor: not-allowed; } .toolbar-container .left-group .undo-redo .undo[data-v-b7bc5f6c] { margin-right: 21px; } .toolbar-container .middle-group[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 0; height: 32px; } .toolbar-container .middle-group .zoom-group[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .toolbar-container .middle-group .zoom-ratio[data-v-b7bc5f6c] { width: 66px; padding: 0 15px; font-size: 13px; line-height: 24px; height: 24px; text-align: center; color: #6d757a; } .toolbar-container .right-group[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 15px; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toolbar-container .right-group .save-text[data-v-b7bc5f6c] { padding: 0 15px; line-height: 18px; text-align: center; color: #4fa20a; } .ivu-btn-ghost.ivu-btn-primary[data-v-b7bc5f6c] { color: #00a1d6; } .toolbar-container .right-group #submit-button[data-v-b7bc5f6c] { padding-left: 31px; padding-right: 31px; font-size: 14px; line-height: 14px; font-weight: 700; } .ivu-btn>span[data-v-b7bc5f6c] { vertical-align: middle; } .editor-container[data-v-b7bc5f6c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; } .video-container[data-v-b7bc5f6c] { width: 211px; } .video-container[data-v-b7bc5f6c], .video-widget-holder[data-v-b7bc5f6c] { position: absolute; top: 70px; left: 10px; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.06); box-shadow: 0 1px 4px rgba(0,0,0,.06); } .video-widget__header[data-v-b7bc5f6c] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 17px 10px; } .video-widget__header .title[data-v-b7bc5f6c] { margin-right: 3px; font-size: 18px; line-height: 25px; font-weight: 700; color: #212121; } .video-widget__header .icon[data-v-b7bc5f6c] { position: absolute; top: 11px; right: 0; display: block; width: 14px; height: 14px; padding: 11px; -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; } .search-input[data-v-b7bc5f6c] { padding: 16px 11px; } .ivu-input-wrapper[data-v-b7bc5f6c] { display: inline-block; width: 100%; position: relative; vertical-align: middle; line-height: normal; } .ivu-icon[data-v-b7bc5f6c] { display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } .ivu-input-icon[data-v-b7bc5f6c] { width: 32px; height: 32px; line-height: 32px; font-size: 16px; text-align: center; color: #808695; position: absolute; right: 0; z-index: 3; } .ivu-input-search-icon[data-v-b7bc5f6c] { cursor: pointer; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .ivu-input-hide-icon .ivu-input-icon[data-v-b7bc5f6c], .ivu-input-icon-clear[data-v-b7bc5f6c], .ivu-input-icon-validate[data-v-b7bc5f6c] { display: none; } .ivu-input[data-v-b7bc5f6c] { display: inline-block; width: 100%; height: 32px; line-height: 1.5; padding: 4px 7px; font-size: 12px; border: 1px solid #dcdee2; border-radius: 4px; color: #515a6e; background-color: #fff; background-image: none; position: relative; cursor: text; -webkit-transition: border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out; transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out; } .ivu-input-with-suffix[data-v-b7bc5f6c] { padding-right: 32px; } .video-list[data-v-b7bc5f6c] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 380px; overflow-y: auto; } .simplebar-wrapper[data-v-b7bc5f6c] { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-height-auto-observer-wrapper[data-v-b7bc5f6c] { -webkit-box-sizing: inherit!important; box-sizing: inherit!important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .simplebar-height-auto-observer[data-v-b7bc5f6c] { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; z-index: -1; } .simplebar-height-auto-observer[data-v-b7bc5f6c], .simplebar-track[data-v-b7bc5f6c] { position: absolute; overflow: hidden; pointer-events: none; } .simplebar-mask[data-v-b7bc5f6c] { direction: inherit; overflow: hidden; width: auto!important; height: auto!important; z-index: 0; } .simplebar-mask[data-v-b7bc5f6c], .simplebar-offset[data-v-b7bc5f6c] { position: absolute; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; } .simplebar-offset[data-v-b7bc5f6c] { direction: inherit!important; -webkit-box-sizing: inherit!important; box-sizing: inherit!important; resize: none!important; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper[data-v-b7bc5f6c] { direction: inherit; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; position: relative; display: block; height: 100%; width: auto; visibility: visible; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; } .video-item[data-v-b7bc5f6c] { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 11px; margin-bottom: 16px; border-radius: 3px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-item .video-index[data-v-b7bc5f6c] { width: 32px; height: 30px; border-radius: 3px; font-size: 12px; font-weight: 500; line-height: 30px; text-align: center; color: #2fb0db; background-color: #d1f3ff; } .video-item .video-title[data-v-b7bc5f6c] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 6px; font-size: 13px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #212121; } .simplebar-content[data-v-b7bc5f6c]:after, .simplebar-content[data-v-b7bc5f6c]:before { content: " "; display: table; } .simplebar-placeholder[data-v-b7bc5f6c] { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-track[data-v-b7bc5f6c] { z-index: 1; right: 0; bottom: 0; } .simplebar-track.simplebar-horizontal[data-v-b7bc5f6c] { left: 0; height: 11px; } .simplebar-scrollbar[data-v-b7bc5f6c] { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar[data-v-b7bc5f6c] { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .simplebar-scrollbar[data-v-b7bc5f6c] { color: #757575; } .simplebar-height-auto-observer[data-v-b7bc5f6c], .simplebar-track[data-v-b7bc5f6c] { position: absolute; overflow: hidden; pointer-events: none; } .simplebar-track[data-v-b7bc5f6c] { z-index: 1; right: 0; bottom: 0; } .simplebar-track.simplebar-vertical[data-v-b7bc5f6c] { top: 0; width: 11px; } .video-widget__footer[data-v-b7bc5f6c] { border-top: 1px solid #e7e7e7; padding: 16px 14px; } .video-widget__footer .open-variable .title[data-v-b7bc5f6c] { font-size: 13px; line-height: 20px; color: #23ade5; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .video-widget__footer .open-variable .tip[data-v-b7bc5f6c] { margin-top: 9px; font-size: 11px; line-height: 16px; color: #a5aaad; } .tip-container[data-v-b7bc5f6c] { position: fixed; top: 60px; left: 0; right: 0; z-index: 1; } #flow-guide-holder[data-v-b7bc5f6c] { position: fixed; top: calc(50% + 30px); left: 50%; width: 200px; height: 100px; margin-left: -100px; margin-top: -50px; } .guide-box[data-v-b7bc5f6c] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 100; } canvas[data-v-b7bc5f6c] { display: inline-block; } .guide-tip__triangle[data-v-b7bc5f6c] { position: absolute; width: 31px; height: 16px; } .guide-tip[data-v-b7bc5f6c] { position: absolute; padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 14px; overflow: hidden; background-color: #fff; } .guide-tip__image[data-v-b7bc5f6c] { display: block; width: 68px; min-height: 100px; } .guide-tip__body[data-v-b7bc5f6c] { margin-left: 24px; width: 350px; min-width: 190px; } .guide-tip__title[data-v-b7bc5f6c] { font-size: 14px; line-height: 30px; color: #222; letter-spacing: 0; } .guide-tip__step[data-v-b7bc5f6c] { color: #9aa3ab; font-weight: 500; letter-spacing: 0; } .guide-tip__content[data-v-b7bc5f6c] { font-size: 14px; line-height: 21px; color: #3b434c; } .guide-tip__buttons[data-v-b7bc5f6c] { margin-top: 16px; } .ivu-btn[data-v-b7bc5f6c] { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid #dcdee2; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 5px 15px 6px; font-size: 12px; border-radius: 4px; transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear,-webkit-box-shadow .2s linear; color: #515a6e; background-color: #fff; /*border-color: #dcdee2;*/ } .ivu-btn[data-v-b7bc5f6c], .ivu-btn>.ivu-icon[data-v-b7bc5f6c] { vertical-align: middle; line-height: 1.5; } .ivu-btn[data-v-b7bc5f6c], .ivu-btn[data-v-b7bc5f6c]:active, .ivu-btn[data-v-b7bc5f6c]:focus { outline: 0; } .ivu-btn-primary[data-v-b7bc5f6c] { color: #fff; background-color: #00a1d6; border-color: #00a1d6; } .ivu-btn-ghost[data-v-b7bc5f6c] { color: #fff; } .ivu-btn-ghost[data-v-b7bc5f6c], .ivu-btn-ghost[data-v-b7bc5f6c]:hover { background: transparent; } .ivu-btn-ghost.ivu-btn-primary[data-v-b7bc5f6c] { color: #00a1d6; } .tab-content[data-v-ab6c2a2a] { width: 1130px; margin: 0 auto; padding-left: 150px; } .nav-tab-bar[data-v-ab6c2a2a] { top: 72px; position: fixed; font-size: 0; -webkit-transition: .2s; transition: .2s; width: 0; } .nav-tab-bar .logo[data-v-ab6c2a2a], .nav-tab-bar .tab-item[data-v-ab6c2a2a] { width: 110px; } .nav-tab-bar .logo[data-v-ab6c2a2a] { display: block; height: 40px; margin-left: -150px; background-image: url(/static/img/logo.943fc92.png); background-size: 110px 29px; background-position: 50%; background-repeat: no-repeat; } .nav-tab-bar .tab-item[data-v-ab6c2a2a] { font-size: 14px; display: block; cursor: pointer; margin-left: -110px; margin-right: 40px; margin-top: 32px; color: #222; line-height: 28px; } .nav-tab-bar .tab-item .iconfont[data-v-ab6c2a2a] { margin-right: 25px; font-size: 28px; display: inline-block; background-size: 28px; vertical-align: top; } .nav-tab-bar .tab-item[data-tab-id="0"][data-v-ab6c2a2a] { margin-top: 20px; } .nav-tab-bar .tab-item.on[data-v-ab6c2a2a], .nav-tab-bar .tab-item.on a[data-v-ab6c2a2a] { color: #00a1d6; } .nav-tab-bar .tab-item span[data-v-ab6c2a2a] { vertical-align: middle; } .page-content[data-v-ab6c2a2a] { font-size: 0; padding-top: 30px; } .page-content .left-side[data-v-ab6c2a2a] { width: 680px; display: inline-block; margin-right: 40px; vertical-align: top; } .page-content .left-side .carousel[data-v-ab6c2a2a] { width: 680px; height: 212px; overflow: hidden; position: relative; border-radius: 4px; margin-bottom: 30px; } .page-content .left-side .carousel .carousel-item[data-v-ab6c2a2a] { width: 680px; height: 212px; font-size: 0; display: inline-block; } .page-content .left-side .carousel .carousel-item .carousel-bg[data-v-ab6c2a2a] { width: 100%; } .page-content .left-side .carousel .titles[data-v-ab6c2a2a] { width: 100%; height: 67px; position: absolute; bottom: 0; left: 0; background-image: -webkit-gradient(linear,left top, left bottom,color-stop(42%, transparent),to(rgba(0,0,0,.5))); background-image: linear-gradient(-180deg,transparent 42%,rgba(0,0,0,.5)); } .page-content .left-side .carousel .titles a[data-v-ab6c2a2a] { width: 100%; font-size: 14px; color: #fff; display: none; position: absolute; bottom: 0; left: 0; padding: 41px 10px 5px; display: inline-block; } .categories-bar[data-v-ab6c2a2a] { margin-bottom: 22px; font-size: 0; border-bottom: 1px solid #e5e9ef; } .categories-bar .tag-item[data-v-ab6c2a2a] { margin-bottom: -1px; font-size: 12px; color: #222; padding: 5px 10px 10px; margin-right: 20px; display: inline-block; cursor: pointer; } .categories-bar .tag-item.on[data-v-ab6c2a2a] { color: #00a1d6; border-bottom: 2px solid #00a1d6; } .page-content .left-side .partitio-name[data-v-ab6c2a2a] { line-height: 25px; font-size: 18px; color: #222; } .page-content .left-side .partitio-name .filter[data-v-ab6c2a2a] { font-size: 14px; display: inline-block; cursor: pointer; } .page-content .left-side .partitio-name .filter label[data-v-ab6c2a2a] { cursor: pointer; } .page-content .left-side .partitio-name .filter .filter-btn-lst[data-v-ab6c2a2a] { display: none; z-index: 1; border: 4px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff; position: absolute; margin-left: -15px; margin-top: 10px; } .page-content .left-side .partitio-name .filter .filter-btn-lst .filter-btn[data-v-ab6c2a2a] { line-height: 36px; height: 36px; -webkit-transition: .2s; transition: .2s; padding: 0 15px; } .page-content .left-side .article-list .article-list-holder .article-item[data-v-ab6c2a2a] { background: #fff; border-bottom: 1px solid #f4f5f7; cursor: pointer; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder[data-v-ab6c2a2a] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content[data-v-ab6c2a2a] { position: relative; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content .article-left-block[data-v-ab6c2a2a] { width: 543px; margin-right: 20px; display: inline-block; vertical-align: top; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-title-holder[data-v-ab6c2a2a] { max-width: 100%; font-size: 20px; color: #212121; line-height: 26px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-title-holder .article-title[data-v-ab6c2a2a] { -webkit-transition: .3s; transition: .3s; display: inline-block; vertical-align: top; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-desc[data-v-ab6c2a2a] { margin-top: 4px; font-size: 12px; color: #99a2aa; letter-spacing: 0; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar[data-v-ab6c2a2a] { font-size: 0; color: #99a2aa; line-height: 24px; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content .article-left-block .article-info-bar[data-v-ab6c2a2a] { height: 24px; position: absolute; bottom: 0; vertical-align: top; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar *[data-v-ab6c2a2a] { font-size: 12px; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .up-content[data-v-ab6c2a2a] { font-size: 0; display: inline-block; line-height: 20px; vertical-align: top; margin-right: 22px; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .up-content .face-holder[data-v-ab6c2a2a] { border-radius: 20px; height: 24px; width: 24px; overflow: hidden; display: inline-block; vertical-align: middle; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .up-content .face-holder img[data-v-ab6c2a2a] { width: 100%; height: 100%; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .up-content .nick-name[data-v-ab6c2a2a] { margin-left: 5px; font-size: 12px; color: #99a2aa; line-height: 16px; vertical-align: middle; max-width: 120px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .category[data-v-ab6c2a2a] { border-radius: 2px; font-size: 12px; padding: 0 5px 1px; margin-right: 25px; color: #99a2aa; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .like[data-v-ab6c2a2a], .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .reply[data-v-ab6c2a2a], .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .view[data-v-ab6c2a2a] { margin-right: 25px; color: #99a2aa; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar i[data-v-ab6c2a2a] { margin-right: 3px; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .like[data-v-ab6c2a2a] { cursor: pointer; -webkit-transition: .3s; transition: .3s; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-info-bar .reply[data-v-ab6c2a2a] { cursor: pointer; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content .cover-img[data-v-ab6c2a2a] { display: inline-block; overflow: hidden; width: 117px; height: 88px; border-radius: 4px; margin: 1px 0 2px; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content .cover-img .cover-image[data-v-ab6c2a2a] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAYAAABPjLqRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDM2RTI2RkY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDM2RTI3MEY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0MzZFMjZERjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0MzZFMjZFRjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HLC+wQAABbxJREFUeNrsnF1oHFUUx+9u06StlZo2kGpptYso+JWPSlMNoZGqL2L7IFgQURREsFoRQepDRQhSrKA+iFWfRMQvRDFo86AWP1prW9JNFGOLJmptraLU2qS2sU3W/3H+a252Z+ZOdnZndmfmwJ/s7p25u/eXe++cc++ZSeVyOaXbyMiI8mEroVegS6Fd0B1SpQrO6qEXoNuhUehR6KWZVJDJZBzL0mX8oVLXWwQl1gl9Bl0cIKi3obug2dBC6EXoinI2sFzWBF1Y8NkS6JMAgM2DPoButim7uhph/QH9ZPN5pYEJqPeh623KZI7ZV42wJqFboRMBAsuDus6h/H7om2qEJbYXujEgYCZQ90HPl7Nx6QoMiz0BAPMCalu5G5au0DxSSWChgKokrEoBCw1UpWGVG1iooMTqDOUpaAXUJc4tdG6J3/M91O4A7FPoQw91XOlQh9gvUAc1UxtllPE51E93wx6GQ7gjkG6DNmseeRzsINQDvYawJ+dlGIon3ge9GjNQiu2Vdveh0zS59iwcsJjzSNwgOfWybvSwX4tgAdRcrhS0JZz+t6wsCADYqcJhuDUBVWRt5DLVs9CrWvF6Pyf2xIqD8Xb0roG867B5BqBOQ+MRgNAAzfFwXIp8bkkNDw+fjxc/Q7M8OJgPQbsj1GuugZ7x4J9NQEtlzlrrAZQ4bKsjBkqxPavZPjcTPmsFVreHMXtPRIaenY2zfTnDcd0Cq8Vw0D76HFH3qUwrqi1pxnxuNhSTq56pnZk0rwpu9ldMYJna2ZBWiXm2BFYCK4EVutUF+F0LGJjKaufr0FGf9d0NHefKwA+1DGuxBkaCdFmaXq6VH1JWXoIfe0pZ+QxKg5blgkCWvtNEtcHKFIBpJyzT0ocfWMs0UGLnKWsjQ9/M+Bv6WoOX5fvxoGGth+4lmAUlnL/C5z+o3cMx81TxJsZZ6FtoO7QpKFhNynlLyou1BgDLqb2yS1RSzlipV8N+n41tVtY2WNCw8rY/yGEoY3+yBNj/QF9x/pjlo7GSJDeb0JqqHdZJ6AB0mcsxsnk5UHCFGuK84de2qqm18SWcA/MXF9FSw/nZoK+GWQ3W7wQywCEqf2UXOqcqb0eoXu2zhYTWpl2pL1HWEvFvPD5QWM9BbxDaEVVddgz6iMrbOex9i8Lws76ssWhFpo5dSWyYBNIJrARWAitcq0tgebP5ykp7mp/Amvpep3BHMu86+dfp3HRcYEnUvxN60qasG9rI1xuV/W75Ezz/8qjDWsewSBIyHiawepZJb3pH+01pvu/k+3oev4nnD7C+yE6kHzMAz9/W9gh0p7LW0DtUcdpTo7KSNiSDR5alm7WyA6wvsj1rTFl58YPaZwJglQbqDHvQGb5PsVwHNch6xqI+Zx3l0HpaWYlxuslaVxeHWhff63aa53Uq/7tDNePPnOSc9Th7jQy3gwU9ToZeCyXLK8cZvI/G1fmThpvurhgsgJg4pbUS7pg2IufGhIWpnRMC67DhoItiAsvUzsMCy5Tx1sUJOMrWyHa62VCaoYOpe/ZEHFaPh2G4U2D1eqhsAx3FORGD1MB2bfBwbG/+dhTxaVZ6OOFP6AtlPcOh1m0RnVsvU8zeTCbTkfeztkDvehzbN8XQa9ii+1nvQTsST8rWdpDPtPsNl3HZozHhM23aacUQPDTNg+cHsj50KmH0nwmHdXlQReEOCmTtaE0YEX2Vmdzqu4Y8XGPD3Yz0X1ZlzsmsAZtgu68CqKI74FKGJ7NJCCApkXKb2fICx018rmbDl0vCyNmAG3yBsnK33FY6jhUMN1mpledLvAlIPzqdmPLxGDt5iJfpTirJNz0RMCxJ/rjWpfwxt4ikUo+xG+TYdgwPQgAl1mco315qxX5gyRq5PP9l0qZM0qofCGneeVZZaZx2Js/T6g8DlqLXfwNDIJkcJcdcnr23ij5bGDbGOXabNjd9Bz2orCe1lWz/CjAAUaBevr2x6hQAAAAASUVORK5CYII=); display: inline-block; height: 100%; width: 100%; background-position: 50%; background-repeat: no-repeat; } .page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-content .cover-img .cover-image.loaded[data-v-ab6c2a2a]{ background-size: cover; } .page-content .left-side .article-list .tips-holder .error[data-v-ab6c2a2a], .page-content .left-side .article-list .tips-holder .loading[data-v-ab6c2a2a], .page-content .left-side .article-list .tips-holder .tips[data-v-ab6c2a2a] { text-align: center; font-size: 14px; color: #99a2aa; padding: 20px; } .page-content .right-side[data-v-ab6c2a2a] { width: 260px; display: inline-block; font-size: 12px; vertical-align: top; -webkit-transition: .2s; transition: .2s; } .page-content .right-side .search-module[data-v-ab6c2a2a] { margin-bottom: 30px; } .page-content .right-side .search-module .search-block[data-v-ab6c2a2a] { width: 100%; height: 34px; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; position: relative; } .page-content .right-side .search-module .search-block input[data-v-ab6c2a2a] { width: 210px; border-width: 0; margin-left: 10px; font-size: 14px; } .page-content .right-side .search-module .search-block .search-icon[data-v-ab6c2a2a] { width: 18px; height: 18px; right: 3px; top: 7px; display: inline-block; position: absolute; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAEVBJREFUaAXVmttvXMd5wOdy9uyVu1yKpCRaFh1aph3KdgolVpuHtjEao0CRvgRwUBSogb4oD372c+0/wkClh7ZwUaCw3hKjBZoCdl6aom1ctLblWJIlsDJJibcld5d7OZeZ/r6zS5aXpWK5lmIPcTjnzJnzzffNd/9mtXqAdvnyT0uu2p7WqS0plZ7Wae6C0v600mpCef8UoCa4ilqrmvequB80Y13n1Jb0vNvURt9U9MrrFW/j95Wy9GnHNCurP/7xH3f2f/tF7s0X+ejr8I0+DknvffbuypV3iqa8PZHGumhDVU2S3FljfZXXJ4zXT3mlTjC3qo16DA5UgRfCwQofh/thMy+COy3GIt43vfPLWusm8zac9je09htO8ezSO4mnT323E8SbO7dudQXO66+/7vbD+3X3wTET9HvvvWevX7+ubWVyKk3zF02gZ3zqTxqjziunTyJSoXO+BkEQ4nNa6QLI0yvjvM8pxZt9zStvGQiY45gz7rWf5nWMeEba6t9mNDJar2rvr4WG3qolrcN/z1+8uLTZbrN3PmYj+PzztZGEAURduXJF1+t1vdnulm1YfMw5dw5iZtClC4Cmz1DPkIcohgcLSifPhxtjlndWxmUuzzW5z8j3PuMG666ge7z248A3qUqvJe22mahU3BtvvCFAh6vIl/dvBwgDcIbRX/3kJ5UgqM9sd1TF6vysU25WiGL1SSjJAV0WiHhu80Ek9/QdBiPmpXCB3VXp/qXB1sLtnPTMFTHFAGW93FfknnE4rU7IxmivI2vSZ4LYFF2z2Tp37uIS+Ikoq8/DOWDtNf3uu+9m4heU6nNg+5JReg5kp7Vz55klopNji8vQJQhssPyvuN8AiQYCeJslG1w9rVzW70HObjyiaurMLzCnjgQ86el5PqG1mZee8dgrh0Wk92rNaPWh9Ejvp9oFP1PRxqfz8/P+xRdflE2TzT227XFsv/gJp4zVc8jMc+x8nS2aBQJICDCfSM9ND6FZ91ovoy+rEPmh1m7VKbNjTLoaBcHO/lXDJC07p6eNcmXjzTRAROfgsuiNPzuELboKgcKUzF0kMO+UVtbjEioTqAZ6z+J8xYT7tUzmZcLMzEzJhdXTvSg56bR5Shv/bb5+HFLKrCxWDh3R26CxyPMiz7cA/hHPd4wyd41xy1aZbavjblHVdsZsHAtrdy+bVmBsB2KClI1AqxBM8WlKd4ElGyUWss1GiaiKkRHxjrl49h02ZaXXj50PisX3/+1fonfeeSe+H2F7HDPlyQml3QtI2xnl0Cmln2V56elQbkw0y99SRv+z9GCynVp/mzfbQd5HrUbaCcsu6qcu3Sl04o/w4PsXPp/rpOVeGuWNt9GOWZ2u6ztRX4Xe+JqP/fswoMZGzaXev8Rac3wLTZn4s3faYpXXjCo+zthnKjf5r/T3deJ7hKVxr6hz4WPep+cgZsY7Nw3H6lgoMQgQlRmJBjv5iffmAx2wu1tu5dVXf9RmkV/brg4IFUNzoL355tuVfFVvu0RVvFXChe/IWqwpRgWG03vfgd2zzrscxHuX9A9ENQcADh8CCZPk3oRJNU6jaXzJDNyYBIAYCOFWG1G75ZRvaGVuQPi6Dmzbet3tTB3kyhDmA3X9vkoredXN5MqqNR+pG8rgyr2awOE9CdsI03ROLLLwEDy2A12qCt5hWHGLiz+PRjnvwBS7JwUTTMJZhPlZ5fxvASCEMNkVcYpiZn+Gon+SYCyKqfu409LrExD1T1czLj4QIYcn/+IXKnr5ZbXZbmJMSmnikTl0ahKL+DQ3RWgZA5+i8m4eTj7BWOB1/B+mGG9GOurNzs5igVXvMNwAJc44lhpXgwtTeLIZJokyszn8ia8S3XL6gzDw7U7brn9e8Tu82Kjnq1d/lF69qrKw6a233vItbQMs5zLGIme1boEIKiZiqQv0EnsspeijBW+sr4oica1HG5YpJTpPT8OtCajIi8ayY336dW6WeLynA79l0KkcIiOicxTMlzOyvl5whjVSXIasCVGrgoPgMsRJdjovuGZ4WzWRps38qNVhq5EQie/VHMFojV7Meod/1xleI1j9BCFZ7DfV3SriJ6IzCtCXMdZsXuufUQubPd8zfVWoEXN+AGaiflOp0ufBrYxE1azS87iFQDt9xxfMKu9FHA80rKI7PRghWh+EOEJkn3/rCOQSXuWei93Wq6/+yeeyfgegP+DD0AhkYnn5b/5+iw1dBQd0jNjEgxMN3BBLiVJ8Fx/UCYwW63mkiaZKcihfjAEES8inGA1Ee4vbNczTljbmvs5QPvjSG2tma4vUKE8smXGOZcBR6zGwRBz1Ki5WrPeRFhD3nstGyaWQX7FCYjN2Am9uwc0PMfUbHd85EB4dgfIQBmLf3Sn50i181zbOCKPtfgfbITpWxKw9BqEwQrWcyaz3EQzEQQ84RrTNh0OHTRAKpwg61iCz6ax95BwbrIkBwR8jSVt4tgyHIY6S0IKrr1q7i/NB2sRUir+SK8QKZbEj4pkg092cCVqBU918rSaB7yNtsqasLTgILoKTIDDEUfQqwzmJBzgfRi6Au+PDQayo7IKIoooI+Ta7cfdurtdLVh6femiW8DBCu8+/XF6Ov63qmy0Vtar5YNMZFQsXxEGDs+RvQljFEkXufrO/J3hhwuASf5A5OwjEuprOdLHYYqzzF9/73kPzXfuR2X9/+dKlZGVFdcP+eMvBMSKRXakRnPO7OOOOMpz3fyv3IwcPT/pNPEspYGOiom8nbZNi7hFBsWvSEKjsgl4KKRZBHdFGsnHEvN/I0A+fK+p2O9Vrzb6O0gH+xK1kThrfrTCIysXJLiMPoviVJeyjhQW9sLamMcsmL9ng0MEOmAfHIGrAMWKkES3LYpnU5RLPTnaQ8dkSTZdWu90xHktvUIqT8UfZvt9omCYGIkySMumL+NdMbYQY8IjgWJ+7iBLgSMICXm4NEc4zhURuUEWyxk5UgvIp/F/ndLstPmQ0zx8Stc1iMTwR23FCIGokehxnJlUssYoxOLcpLEipvJ0LdiOSg4iIKGaxWfbNsGTGB4HsknPJGDUz39/efuQimzcGqUkLUvyBWVS2hjVJKISojGPUJKN+JBJ5tAnCm8PhhFBqXMIWdob4y9elmkTEb2tp6d7RTx/uCGvmYhsLDiegpQ5WWUwIMVKak4B826dwLBwdxxIE+5sZilqfRMOmuKcu7yukBXNAMMboxVbc/YzxjWzeI/rHmpXAhE9Se5k12jxBsFvBcLDfvoflWObmHr52WUXxkexZUCQIHnCMT8ikh/EY9Q7G62hrh3p9s5DPjYygHyaNsmbikBqlp9noOkRlOBC0J4hiiwy7QS7TStJgpO6TaKq7GYJeldCriNQb3fR5krkTcgvB24lPx0nby4VCwV27dq0/qnjyZRAJXLOwsJDv9XqGHR1HC7JSBTiIOJLdE90b1c+YYfwK2G2qcprlaYfXD4xTv8wGJRZz6gW4TfhEKqDVPIDOQmWgbPCfLWe3yF261eqC6OSuwTkM7//1PDv7++FGd23C+LGCMslZjjEka/4WQAvUYyQ2TKWOiWm8jo3+b85vGroRj0yAg1T7Icf0GTx5NDQxEjeeENZB6IpP3DiRC3tj1ORk76GFYdbescaNFYxOy6lTNewgYkhxKbNnw/APHOHehrJuBcu306qkIwP0IKBwItsMgG1yH1JxtQwgfIYuSw+hY4Qwc458iKLl+o7LJRQ59RT1D6pLkVSZ5Psv2l5++W1L+S1cW1MWmZrCxXwTcZvCqM2zdpWNhWmS0SvBU0reaww1KafvOG17k0k6cv1gS/WkGKLGwtIdF6cfYgVTiJvkepphqdvPwKLvk9NcIBq5afKEMIG6iSx2v/tdtblbOhMYX6QBIwTWRL6K39T6GWPdDxG1ZyCgioc6A0wxZC0IvA1Om3DrV+D02Zburdp8wa18ujiaY6+98krGsb/867/btrlQaghSQye48nMsIHcSVs0B/Iw8U4qW+u9dCUXy+dFJ3oMQKDDiPkRR4uYoahpT/k3WvADysrb4WeEZ0qI20Yy7bPJ6YtT2a382wPu4teTDrNlcoeu0W5LDDnxHjAPDd3hiNMkY2EulRSxxlOppDhJyLlXbelzX3vzbtzmUIBtsJINDCefSarcbraysHBCR06dPWwmTJKLgUCKcrgelwaGEqrnYP4EG1UBknr1jIzHGsqesLI01iVU9pQs1Bm7lXC6Xv3z5cu5+Z2V7we0P/vAPEqdy2yqJ/4fEoIOPkCqQEI58y2IAVbqCOJyhf5Z357BUda4Zk5iTRXY+r4KwZHyhFE65U6fG1dTUVLB7BcGJUmiiyVCFE/lQn+n3zQUi7ufxR9+BhJeA+XvAfB5SzkCAWEAxUtxCErGVMiaCXM67bZsM7EZOjzXiuGDOn/+G47w8C95l7m7b49ilS5e6nDsvybkzB39FMoU1duyUgBbfRsOgCLEodGZr1DK8ZDFNdctxKK6bniN/fgNiOkFzJ99LDsh+P0hCndiSN64iYRJzZ8X5Akqs3vPAnGGN/xO/bMnBP94RN2YcAxNfJmsmYI9zOztbCkng9dG2R5hwnqNaLyeGHNW2E+VvYQ3ZLY5qvRPOiu/aO6oFGrV0PckMDJgucbbGxpoGTz2d6kakgwOhDj9vKFB1roNggU0jovBPADs7qh0EudhkMgjgkq1kp6ZSkZaInlhBR/gvDkrAwOtJTP28hBtO97bCXH0Rsdw6LJYyda+hU9mzHK6r9f4M5CB6nEvl1O+y6iz8njQ+M8OTfDT6cB0nyjw5jTygYyAtR7Oip1I0kiqTHIZIL9fu4TpWT9+GAIIAXWJD5di2BF4haXOJTWGuSJL6GEasYehuBrrwjyZ1N8vl8eTatZ/3iF6yEGuPYwBgYwZCB6A2YnmrPiY/h+h3rSqelUM3HLhw8BsylSsPoqILe00GpYlyHG6773b7Q+8zHck4lhGlJJtgU32YyYNIjpdqGr4VDCh4SyYyQ08o0iP00kfE8ph11N4vCPgBy0yauosQLb/xOAlPzwP7JKTlCZCr0nMFbEmJd9KTF9JDH4gODnoHVMAMjYSTQ0jFyXmydp4HmbtUwyTmW+d3Hh/z1TqIl63zmH+OsfGr3uhnWB/R132Efgc1kZjxBuniT9G5G1j0rTCxi3HcyBLn4wgDxkAs9//kCGGqcYT8OMjUuCYALIdzE6BaJVqYgagqOxyibjzTA4RnEUmhEfH0EteJUWkxsgIMOf/aBMYnPG9Sxmhy8veZcQk/SSIUCG1VetEp7OIP2KV55odYbLHOx4ol8DMHKP2RtiuWvJBD7OwgW45HdbG7IYeFiOYMLi+g5iBV2i7EjbEVuT1ihCghSDgk26TgjvIYFC1GpcmLe2g/vw/xxKL6A5/FfmanTUTx2p+/siN+KjDTZbF+wma4u853j7GWQBWijhVLZhxPmLw83MJw3UW62pOTRCStQfR1B9ctB99jRA1wgV6TXnhDopodIkreLlhRyCXA1jr7JQ9UtjmtXOIl59tqAw/RQNkPxH44eL+wMJ+ISbfabMWqe5MzcID5KcRRHDYMF7H0ebHerCFn1OfSQDbyAQlbXFyMSC0aUdQ2eKyttNBi120+gHNk2yU5IEDvjLUu66EIVRLaMJE6daErJLFOnCE5jGzUlZ4N6fed3knDXn9/7Id1S3E/vUZjVecw6aTE/4A0jJPKIJaor/y0aSiWyAMHK7zBOULsC7LesTomL78qTcQyDIdiaf234Pwr4CZ5mojjKcigF73VS0iMGKKRllnGv1JNxFL8FNWB2OrCFmp7EwT/C7ZchyjJTiDGdyCYHzaIlqMcXykKjkdmz/0gluNRkM4Slo0Tk5zD8PwR7uwceks8yc8ipKd9XQjbI3m/WGIonkOB/5SX9BJcYFrEDtNGBQl7QL7ON/8LphFpz1rLpGcAAAAASUVORK5CYII=); background-size: 18px; padding: 7px; background-position: 50%; background-repeat: no-repeat; cursor: pointer; } .page-content .right-side .search-module .search-block .search-word-panel[data-v-ab6c2a2a] { background: #fff; border: 1px solid #e5e9ef; z-index: 99999; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,.16) 0 2px 4px; box-shadow: 0 2px 4px rgba(0,0,0,.16); font-size: 12px; /*display: none;*/ } .page-content .right-side .search-module .search-block .search-word-panel .panel-title[data-v-ab6c2a2a] { position: relative; height: 10px; margin: 15px 0 0; padding: 0 10px; } .page-content .right-side .search-module .search-block .search-word-panel .panel-title .split-line[data-v-ab6c2a2a] { border-top: 1px solid #e5e9ef; } .page-content .right-side .search-module .search-block .search-word-panel .panel-title p[data-v-ab6c2a2a] { top: -8px; left: 0; width: 100%; height: 20px; line-height: 20px; position: absolute; text-align: center; } .page-content .right-side .search-module .search-block .search-word-panel .panel-title p span[data-v-ab6c2a2a] { color: #99a2aa; background: #fff; padding: 0 10px; cursor: pointer; } .page-content .right-side .rank-module[data-v-ab6c2a2a] { max-width: 260px; } .page-content .right-side .rank-module .rank-tabs-bar[data-v-ab6c2a2a] { border-bottom: 1px solid #e5e9ef; min-height: 34px; } .page-content .right-side .rank-module .rank-tabs-bar label[data-v-ab6c2a2a] { display: inline-block; font-size: 18px; color: #222; } .page-content .right-side .rank-module .rank-tabs-bar .rank-tabs-list[data-v-ab6c2a2a] { float: right; font-size: 0; height: 24px; line-height: 24px; } .page-content .right-side .rank-module .rank-tabs-bar .rank-tabs-list li[data-v-ab6c2a2a] { height: 26px; font-size: 12px; display: inline-block; margin-left: 20px; padding-bottom: 7px; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; } .page-content .right-side .rank-module .rank-tabs-bar .rank-tabs-list li.on[data-v-ab6c2a2a] { color: #00a1d6; border-bottom: 2px solid #00a1d6; } .page-content .right-side .rank-module .rank-list[data-v-ab6c2a2a] { min-height: 390px; } .page-content .right-side .rank-module .rank-list .item[data-v-ab6c2a2a] { line-height: 39px; background-color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .3s; transition: .3s; cursor: pointer; } .page-content .right-side .rank-module .rank-list .item .rank-index[data-v-ab6c2a2a] { height: 18px; width: 18px; line-height: 18px; background: #ccd0d7; border-radius: 4px; color: #fff; display: inline-block; text-align: center; margin-right: 6px; } .page-content .right-side .rank-module .rank-list .item:nth-child(-n+3) .rank-index[data-v-ab6c2a2a] { background: #f25d8e; } .page-content .right-side .rank-module .rank-list .item a[data-v-ab6c2a2a] { color: #222; } .page-content .right-side .rank-module .complete-rank[data-v-ab6c2a2a] { height: 26px; line-height: 26px; text-align: center; background: #e5e9ef; border-radius: 4px; font-size: 12px; color: #222; display: block; } .page-content .right-side .up-list[data-v-ab6c2a2a] { background-color: #fff; margin-top: 38.5px; } .page-content .right-side .up-list .title[data-v-ab6c2a2a] { font-size: 18px; color: #222; padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; margin-bottom: 3px; } .page-content .right-side .up-list .fresh-btn[data-v-ab6c2a2a] { height: 22px; line-height: 22px; float: right; cursor: pointer; background-color: #fff; border: 1px solid #ccd0d7; border-radius: 4px; padding: 0 10px; display: none; font-size: 12px; color: #222; letter-spacing: 0; } .page-content .right-side .up-list .up-item[data-v-ab6c2a2a] { padding: 9px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-content .right-side .up-list .up-item .face-holder[data-v-ab6c2a2a] { height: 48px; width: 48px; overflow: hidden; margin-right: 8px; display: inline-block; border-radius: 100%; vertical-align: top; cursor: pointer; } .page-content .right-side .up-list .up-item .face-holder img[data-v-ab6c2a2a] { width: 100%; height: 100%; } .page-content .right-side .up-list .up-item .info-holder[data-v-ab6c2a2a] { display: inline-block; width: 204px; vertical-align: top; } .page-content .right-side .up-list .up-item .info-holder .head[data-v-ab6c2a2a] { height: 26px; line-height: 26px; margin-bottom: 5px; } .page-content .right-side .up-list .up-item .info-holder .head .nick-name[data-v-ab6c2a2a] { font-size: 14px; color: #222; letter-spacing: 0; width: 120px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: .2s; transition: .2s; cursor: pointer; } .page-content .right-side .up-list .up-item .info-holder .head .follow[data-v-ab6c2a2a] { width: 54px; height: 24px; line-height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border: 1px solid #00a1d6; text-align: center; color: #00a1d6; display: inline-block; float: right; -webkit-transition: .3s; transition: .3s; cursor: pointer; } .page-content .right-side .up-list .up-item .info-holder .head .follow.followed[data-v-ab6c2a2a] { border: 1px solid #ecf2fa; color: #99a2aa; background: #ecf2fa; } .page-content .right-side .up-list .up-item .info-holder .dynamic[data-v-ab6c2a2a] { font-size: 12px; line-height: 20px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #99a2aa; } .page-content .right-side .up-list .up-item .info-holder .dynamic .arc-title[data-v-ab6c2a2a] { word-break: break-all; letter-spacing: 0; color: #6d757a; -webkit-transition: .3s; transition: .3s; cursor: pointer; } .page-content .right-side .more[data-v-ab6c2a2a] { margin-top: 24px; padding-bottom: 20px; } .page-content .right-side .more .top-bar[data-v-ab6c2a2a] { border-bottom: 1px solid #e5e9ef; padding-bottom: 8px; font-size: 18px; color: #222; } .page-content .right-side .more .help[data-v-ab6c2a2a], .page-content .right-side .more .link[data-v-ab6c2a2a] { margin-top: 16px; padding-left: 56px; position: relative; } .page-content .right-side .more .help .icon[data-v-ab6c2a2a], .page-content .right-side .more .link .icon[data-v-ab6c2a2a] { width: 40px; height: 40px; position: absolute; top: 0; left: 0; background-size: 40px; font-size: 40px; } .page-content .right-side .more .link .icon[data-v-ab6c2a2a] { color: #5DC1A5; } .page-content .right-side .more .help .icon[data-v-ab6c2a2a] { color: #4fa5d9; } .page-content .right-side .more .help .title[data-v-ab6c2a2a], .page-content .right-side .more .link .title[data-v-ab6c2a2a] { height: 24px; font-size: 16px; color: #212121; letter-spacing: 0; -webkit-transition: .3s; transition: .3s; } .page-content .right-side .more .help .info[data-v-ab6c2a2a], .page-content .right-side .more .link .info[data-v-ab6c2a2a] { height: 18px; font-size: 12px; color: #999; letter-spacing: 0; } .article-carousel .el-carousel__indicators--horizontal { right: 1%; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; left: auto !important; } .article-carousel .el-carousel__button { width: 10px !important; height: 10px !important; border-radius: 50%; border: 2px solid transparent !important; opacity: 1 !important; background: #fff; color: #fff; } .article-carousel .el-carousel__indicator:focus-visible { outline: none; } .article-carousel .el-carousel__indicator:hover .el-carousel__button { border: 2px solid #fff; background-color: #00a1d6; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } .article-carousel .el-carousel__indicator.is-active button { border-width: 0; border-color: transparent; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAABUlJREFUWAmtVwtMnEUQnitX7g6R1wFtOajSqlBrQULbtJioqK2PiMZEqjatj7S1NmpTGmNUImlr1BhL2hhpmphokzaKtVFBkZooxhCLWNtw+CQtUMSjCKXAyd1x3Mtvfm7/7uX+w5/HJN/t7uzszOz+M7tzBtJJoVDIANHVQBmwClgURjLaYWAIaAdagJMGg6ED7ewJhpOAfUA/MB06BeFNwLypvOBdaRIWxmGiAngZSBNC4JN92EsXxnx00eOn0YkApcTHkS3BSMVWM2UlzBeiom1DZydOpFkw5FbTARhhg7XAOiHcOuih984NU8PfY9Q/HhDsqLYw1UTP56fRxtwkshjVzfOCPcDrcCQkL4pyAMbzIfAVkMuCf4566aWzA1TXO8ZD3WQ1xcGRVKpckU7GeaqZj6BgM5xQd6DOsGYYz0DTCijGa7tHacupi+QORDjNorrp9gUJdPw2G2WYjWLNUXSeECehOgDjZkw0AWtZ8jX7IFXZL3F31pSD+KgrzaEixEiYdsOBA9yXHdiLcRUzj5wfoaew87kkm8VI9rJcsk6exAR0r4YTdiVKsHsbGC+wwbNDHnq6ZW6Ns14HMmbrFb3xYL3NfBGmvPsEZuw6/Q/5ND65EWe1/foUOrxmIe1alkaWOPXweJku+hyBfKxrVMiuw8ZvNYa//SPMre/9l5oHPEJAbdnUl3fk0N22RJW3aUkSlTReoImgypqyY0ImvLLCShuuSZLltvEJcK4rmo+cV72ThagkwxJhnCeLrRZ6IPvqCLlYg1JkQju+f1VhBsVPnhy7/S7wLOfGg7zQ7Q/S133auc45rUWx+EI2HeuqV2bS40tTBItbvhm3IwB/4gE7cAN3fh4aj5nvzQNuGhz3y7lMLl+QTsZwmPU9uTSZ9hdniqhnlgvYAxyEcT9ahfgTZHHP4fYpDK2fYXzoe7/ppR8H3eQNBMl+eZzKmnqpx6XqUZflJcXTd+sX0we3ZMnGGyCwHIb3y8Z5EZ+A4kCfO1oZCwg6A6NrG3vEULOtRJC9WpBOpjiRXOSE4BYYPaG5AEyWHOdJ8wzSitfJ9AXSrO2yV2ZxyG9Api2SmXKfHXAwwxb9jMpyuvrtI14lNZ9r7ScnnukwlaP9A07sANSjEZPM6ONBbmLUOy5kptVyftV0DNOyui460cNfQCGumg4BP8CJgknW5C87cJq7BXjHs/FozBX14eot/95B93+LYEXxEqY1aM/AibcA5eZlBz7lSQQKPbRY38XC8nqpwTFGy+s7qfq3IQoElTued/ki8CucWK9c6Oh0g3FtB4qPm+q7yK/xFug1OJXczTjl90uy5Gf5gAiKg7wwL9lEO/JSp9Ixq7nfsUGJOPuqhQMcIOd4ci/u6yVzFJCsT6Y3izLl3R/CZ3coDqDDUaLUA6m4vxvuzKGU+cI3WcXM+/dkXUUVN6rFNX/yfaxNtQIn6jF+g5n5+BSNd+XQQrP2I8Qy06HNeLo/K81WAh3reLMbYU95eiOqCgQjjz8G+PKgPrwPDyOVWlCSz4S4iKleuYB2ooAJE99Oj8H4J4IR4QAz4QSXSzXAVh4H8UektttJVW2D1Hkln3kqJnHx8Sj+F+zGkRekqoUoBx1Xw8flhVEOiEk48gz67wDKFelHDjf1u4jve64bely+iGooAW9JUZqZ7stOpG0o3aQynFVygJfDuJ0HuglOXAd8COAgIikYDIYueXyhTqdXaQMYa5ATvErAotuoliAUFAI1wF+AHmqHUAWQrqVP5sX8BLKQ3IfSQoxXAfzEMvjJHQH4X8wvQAuOWnng0P9f+g8mO0+PDltmygAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; -webkit-transform: scale(1.5); transform: scale(1.5); width: 15px !important; height: 15px !important; } .article-carousel .el-carousel__indicator.is-active:hover .el-carousel__button { border: none; -webkit-transform: scale(1.5); transform: scale(1.5); background-color: transparent; } #pcpreview[data-v-9f95805c] { background-color: #fff; } .promote-hint[data-v-9f95805c] { margin-bottom: 20px; text-align: center; padding: 11px 0; background-color: #00a1d6; } .promote-hint span[data-v-9f95805c] { color: #fff; font-size: 12px; line-height: 16px; } .promote-hint .close-hint[data-v-9f95805c] { padding: 4px 11px; border: 1px solid #fff; border-radius: 4px; margin-left: 14px; cursor: pointer; } .page-container[data-v-9f95805c] { max-width: 1080px; margin: 0 auto; background-color: #fff; } .page-container[data-v-9f95805c] { margin-top: 30px; padding-right: 200px; overflow-x: initial; position: relative; } .page-container[data-v-9f95805c] { padding: 0 100px; } .page-container .block-cover[data-v-9f95805c] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner-img-holder[data-v-9f95805c] { position: relative; background-position: 50%; background-size: cover; height: 100%; padding-top: 56.25%; } .banner-img-holder[data-v-9f95805c] { position: static; border-radius: 4px; width: 660px; margin-bottom: 0; } .page-container .banner-img-holder[data-v-9f95805c] { margin: 0; } .title-container[data-v-9f95805c] { margin-top: 0; text-align: left; line-height: 1.4; } .page-container .title-container[data-v-9f95805c] { padding-top: 42px; } .title-container .title[data-v-9f95805c] { font-size: 28px; color: #222; margin-bottom: 14px; font-weight: 700; line-height: 1.4; word-wrap: break-word; } .title-container .info[data-v-9f95805c] { color: #9b9b9b; font-size: 12px; font-weight: 400; } .title-container .info span[data-v-9f95805c] { margin-right: 18px; color: #9b9b9b; transition: .3s; -webkit-transition: .3s; } .article-holder[data-v-9f95805c] { word-wrap: break-word; max-width: 100%; overflow-x: hidden; font-size: 17px; color: #505050; text-align: left; letter-spacing: 0; line-height: 1.7; min-height: 200px; font-weight: 400; border: none; padding: 0 16px; } .article-holder[data-v-9f95805c], .head-container[data-v-9f95805c] { /*max-width: 660px;*/ padding-left: 0; padding-right: 0; padding-bottom: 30px; } .article-holder[data-v-9f95805c] { font-size: 16px; line-height: 1.8; color: #222; padding-bottom: 50px; } .page-container .article-holder[data-v-9f95805c] { margin-top: 30px; } .original[data-v-9f95805c] { margin-right: 18px; } .authority[data-v-9f95805c], .original[data-v-9f95805c] { display: inline-block; padding-left: 0; margin-bottom: 12px; color: silver; font-size: 12px; line-height: 15px; } .tag-container[data-v-9f95805c] { border-bottom: 0!important; padding: 0 0 30px; } .tag-container .tag-item[data-v-9f95805c] { display: inline-block; font-size: 12px; color: #999; margin: 0 10px 8px 0; position: relative; cursor: pointer; } .img-box { /*margin: 25px 0;*/ /*white-space: nowrap;*/ } /* 卡片 视频 */ .img-box .card { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; margin-bottom: 20px; background: #f4f4f5; background-color: hsla(240, 5%, 96%, .3); border-radius: 6px; border: solid 1px silver; } .video-holder { padding: 0 0 0 162px; position: relative; display: block; height: 100%; } .video-holder .video-cover { width: 150px; height: 92px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; position: absolute; left: 0; } .cover-default { background-color: #f0f1f4; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…E3LjQsMTdsLTksMmwwLjUsNGw5LjUtMkwxNy40LDE3eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);*/ background-position: 50%; background-repeat: no-repeat; } .video-holder .video-cover .cover-default, .slim-video-card .video-cover .cover-default { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 44px; } .video-holder .video-cover .video-cover-layer, .slim-video-card .video-cover .video-cover-img, .article-card-holder .article-bg-pic, .bangumi-card-holder .cover-img, .live-card-holder .cover-img, .audio-card, .cover-bg, .ticket-card-holder .cover-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .icon-video { /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAMAAACsuQomAAAAclBMV…VXLu6S25fwV90eUA62l1eFdU9/Ux2q/YEOtjlbfjoLrugTV6YSSQ5kbxYAAAAASUVORK5CYII=);*/ } .video-holder .video-cover .icon-video, .slim-video-card .video-cover .icon-video, .cover-box .icon-video, .audio-card, .cover-bg .icon-video, .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { position: absolute; top: 50%; left: 50%; /*margin-left: -20px;*/ /*margin-top: -18px;*/ font-size: 34px; color: gray; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cover-img { height: 100%; width: 100%; background-size: cover; } .video-holder .video-cover .duration, .slim-video-card .video-cover .duration { position: absolute; right: 3px; bottom: 2.5px; padding: 2.5px; color: #fff; font-size: 12px; border-radius: 2px; } .video-holder .video-info-container { padding-top: 10px; min-height: 84px; position: relative; text-align: left; height: 100%; } .video-holder .title, .slim-video-card .video-info .title { max-height: 38px; margin: 0 12px 5px 0; font-size: 15px; color: black; letter-spacing: 0; line-height: 19px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .video-holder .card-status, .slim-video-card .card-status{ line-height: 13px; font-size: 12px; color: #999; margin-bottom: 5px; /*position: absolute;*/ /*bottom: 30px;*/ } .video-holder .play-num , .slim-video-card .play-num{ margin-right: 13px; } .video-holder .status-icon, .slim-video-card .status-icon, .bangumi-data-box .iconfont { margin-right: 3px; margin-left: 3px; font-style: normal; vertical-align: middle; } .video-holder .partition, .slim-video-card .partition { font-size: 12px; line-height: 15px; color: #999; position: absolute; bottom: 5px; padding-left: 3px; } .img-box .up-label { vertical-align: middle; } .single-ellipsis { /* white-space: nowrap; */ display: -webkit-box; /* -webkit-box-orient: vertical; */ -webkit-line-clamp: 1; } .double-ellipsis, .single-ellipsis { overflow: hidden; text-overflow: ellipsis; } /*视频 两个*/ .card-container.slim { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .slim-video-card { font-size: 0; /*max-width: 325px;*/ width: 49%; height: 94px; display: inline-block; cursor: pointer; color: #999; text-align: left; border: 1px solid #e7e7e7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-video-card .video-cover { display: inline-block; width: 150px; height: 100%; border-bottom-left-radius: 6px; border-top-left-radius: 6px; overflow: hidden; position: relative; } .slim-video-card .video-info { width: calc(100% - 150px); height: 100%; display: inline-block; vertical-align: top; padding: 8px 10px 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-color: hsla(240, 5%, 96%, .3); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /*文章*/ .img-box .article-card { min-height: 114px; } .article-card-holder { height: auto; overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; display: -webkit-box; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; } .article-card-holder .article-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-card-holder .article-card-wrap .text-content { width: calc(100% - 150px); } .article-card-holder .article-card-wrap .title-wrap { } .article-card-holder .article-card-wrap .title { max-height: 36px; font-size: 14px; color: #212121; margin-bottom: 4px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .article-card-holder .article-card-wrap .desc { font-size: 12px; color: #99a2aa; line-height: 22px; } .article-card-holder .article-card-status { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 12px; color: #999; margin-top: 6px; } .status-item { margin-left: 15px; } .status-item i , .music-data-item i{ vertical-align: middle; } .article-card-holder .article-card-pics { width: 117px; height: 88px; } .article-card-holder .article-pic { position: relative; height: 100%; } /*番剧*/ .bangumi-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .bangumi-card-holder .bangumi-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bangumi-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .bangumi-card-holder .bangumi-cnt-ctnr { padding: 8px 24px 10px 15px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bangumi-card-holder .bangumi-title { margin-bottom: 0; font-size: 15px; color: black; max-height: 40px; line-height: 20px; } .bangumi-card-holder .bangumi-data-box { margin-top: 2px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; } .bangumi-card-holder .data-num { margin-left: 3px; min-width: 52px; color: #999; } .bangumi-card-holder .bangumi-tag-box { margin-top: 3px; } .card-text-label { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transform-origin: left bottom; transform-origin: left bottom; position: relative; display: inline-block; padding-left: 4px; padding-right: 4px; height: 17px; line-height: 16px; font-size: 10px; color: #fb7299; text-align: center; border: #fb7299; } .card-text-label:before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 16px; border: 0.08em solid; border-color: inherit; border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .bangumi-card-holder .bangumi-score-ctnr { padding-top: 10px; padding-right: 12px; min-width: 50px; text-align: center; } .bangumi-card-holder .score-cnt { font-size: 12px; height: 24px; line-height: 24px; color: #ffa726; } .bangumi-card-holder .score-num { display: inline-block; font-size: 20px; } .bangumi-card-holder .score-disc { font-size: 10px; color: silver; } .v-f { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; min-width: 0; } /*直播*/ .live-card { min-height: 94px; } .live-card-holder { display: block; height: 94px; border: 1px solid #e7e7e7; border-radius: 6px; overflow: hidden; } .live-card-holder .live-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .live-card-holder .cover-box { position: relative; width: 150px; height: 100%; border-radius: 6px 0 0 6px; overflow: hidden; } .live-card-holder .cover-info { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 4px; /*left: 0;*/ padding-left: 8px; padding-right: 10px; /*width: 100%;*/ height: 15px; line-height: 15px; font-size: 11px; color: #fff; right: 0; } .live-cnt-ctnr { padding: 8px 12px 6px; color: #505050; text-align: left; } .live-title { margin-bottom: 0; height: 38px; line-height: 19px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; } .live-room-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .up-avatar { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .up-name { margin-bottom: 0; font-size: 12px; line-height: 16px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .live-status { margin-top: 2px; display: inline-block; height: 15px; line-height: 15px; font-size: 10px; border-radius: 2px; padding: 1px 2px; } .live-status.offline { color: #999; background-color: #e7e7e7; } .live-status.online { color: #fff; background-color: #fb7299; } .live-status.offline .icon-live{ display: none; } .live-status .icon-live { width: 12px; height: 12px; -webkit-transform: translateY(3px); transform: translateY(3px); background-image: url(data:image/gif;base64,R0lGODlhMAAwAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjUwQkRGMDNBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjUwQkRGMDRBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTBCREYwMUFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTBCREYwMkFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTD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); background-size: 100% 100%; font-style: normal; background-repeat: no-repeat; background-position: 50%; display: inline-block; } /*音乐*/ .img-box .music-card { min-height: 98px; } .music-card-holder { position: relative; height: 96px; font-size: 0; text-align: left; border: solid 1px #e6e6e6; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 4px; background-color: hsla(240, 5%, 96%, .3); } .music-card-holder .music-cover-box { display: inline-block; width: 96px; height: 100%; } .music-card-holder .music-cover-ctnr { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; overflow: hidden; } .music-card-holder .music-cnt-box { display: inline-block; padding: 8px 12px 0; position: absolute; } .music-card-holder .music-cnt-ctnr { color: #999; } .music-card-holder .music-title { margin-bottom: 0; font-size: 15px; height: 19px; line-height: 19px; color: #333; } .music-card-holder .music-data-box { margin-top: 4px; font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 13px; } .music-card-holder .music-data-item { margin-right: 12px; } .read-article-holder .music-card-holder .data-num { margin-left: 4px; min-width: 52px; font-size: 11px; } .music-card-holder .music-up-info { font-size: 12px; line-height: 22px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .music-card-holder .up-name { margin-left: 3px; } .music-card-holder .music-tag-box { margin-top: 3px; } /*商品*/ .ticket-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .ticket-card-holder .ticket-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ticket-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .ticket-card-holder .ticket-cnt-box { padding: 8px 12px 4px; text-align: left; } .ticket-card-holder .ticket-name { margin-bottom: 3px; height: 21px; line-height: 21px; font-size: 15px; color: #333; } .ticket-card-holder .ticket-icon { margin-right: 6px; font-size: 12px; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-bottom-box { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .ticket-card-holder .ticket-price-box { margin: 0 6px 2px 0; font-size: 12px; color: #fb7299; } .ticket-card-holder .price { margin-left: 2px; font-size: 18px; -webkit-transform: translateY(1px); transform: translateY(1px); } /*投票*/ .vote-card-holder { margin: 16px 0; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 6px; height: 80px; position: relative; } .vote-card-holder .vote-head { height: 80px; font-size: 13px; color: #505050; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-icon-box { -ms-flex-preferred-size: 80px; flex-basis: 80px; height: 80px; background-color: #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; position: relative; } .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { color: #00a1d6; } .vote-card-holder .head-left { padding: 10px 0; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-head h3 { font-size: 16px; color: #212121; font-weight: normal; } .vote-card-holder .vote-head h3, .vote-card-holder .vote-head p { margin-bottom: 0; width: calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .vote-card-holder .vote-btn-box { width: 80px; height: 80px; text-align: center; position: absolute; top: 0; right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vote-card-holder .vote-btn-box .vote-btn { cursor: pointer; width: 54px; display: inline-block; color: #fff; background-color: #00a1d6; border-radius: 4px; font-size: 13px; line-height: 28px; } .vote-card-holder .vote-btn-box .vote-btn[disabled]{ background-color: gainsboro; cursor: not-allowed; } /*代码块*/ pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; white-space: initial; overflow: auto; } /*编辑器内容样式*/ .img-text { display: block; text-align: center; border-bottom: solid 1px gainsboro; padding-bottom: 5px; outline: none } .article-holder table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 10px 0; line-height: 1.5; } .article-holder table td, .article-holder table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; min-height: 30px; height: 30px; } .article-holder table th { border-bottom: 2px solid #ccc; text-align: center; background-color: #f1f1f1; } blockquote { position: relative; padding-left: 25px!important;; margin: 20px 0!important;; line-height: 1.8!important;; font-size: 16px!important;; color: #6D757A !important; background-color: white!important;; border: none!important; } blockquote::before { content: ""; width: 20px; height: 19px; display: block; position: absolute; top: 4px; left: 0; background-image: url(data:image/png;base64,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); background-size: 100% 100%; } video{ height: auto; } #pcpreview[data-v-7a2b227c] { background-color: #fff; } .page-container[data-v-7a2b227c] { max-width: 860px; margin: 0 auto; overflow-x: hidden; background-color: #fff; position: relative; } .page-container .block-cover[data-v-7a2b227c] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner-img-holder[data-v-7a2b227c] { position: relative; background-position: 50%; background-size: cover; background-repeat: no-repeat; height: 100%; padding-top: 56.25%; } .title-container[data-v-7a2b227c] { margin-top: 0; text-align: left; line-height: 1.4; padding: 12px 14px 0; } .title-container .title[data-v-7a2b227c] { font-size: 22px; line-height: 28px; color: #212121; margin-bottom: 4px; font-weight: 700; word-wrap: break-word; } .title-container .info[data-v-7a2b227c] { color: #9b9b9b; font-size: 12px; font-weight: 400; position: relative; } .author-container[data-v-7a2b227c] { margin: 14px 16px; } .author-container .author-face[data-v-7a2b227c] { width: 30px; height: 30px; display: inline-block; position: relative; } .author-container .author-face .author-face-img[data-v-7a2b227c] { width: 30px; height: 30px; border-radius: 100%; vertical-align: top; } .author-container .author-name[data-v-7a2b227c] { margin-left: 8px; vertical-align: middle; /*width: 0;*/ font-size: 15px; color: #212121; letter-spacing: 0; line-height: 18px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .author-container .author-name[data-v-7a2b227c] { font-size: 14px; } .author-container .attention-animation-holder[data-v-7a2b227c] { display: inline-block; float: right; position: relative; /*z-index: 100;*/ } .author-container .attention-animation-holder .attention-btn[data-v-7a2b227c] { width: 50px; height: 30px; line-height: 30px; color: #fff; background-color: #fb7299; border: 1px solid #fb7299; border-radius: 4px; text-align: center; float: right; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; transition: .4s; -webkit-transition: .4s; cursor: pointer; } .slim-border[data-v-7a2b227c]:after { content: ""; position: absolute; top: 0; left: 0; border: 1px solid silver; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; border-radius: 8px; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: left top; transform-origin: left top; } .author-container .attention-animation-holder .attention-btn.slim-border[data-v-7a2b227c]:after { border-color: #fb7299; } .article-holder[data-v-7a2b227c] { word-wrap: break-word; max-width: 100%; overflow-x: hidden; font-size: 17px; color: #212121; text-align: left; letter-spacing: 0; line-height: 1.6; min-height: 200px; font-weight: 400; margin-top: 10px; border: none; padding: 0 11px; } .original[data-v-7a2b227c] { margin-right: 18px; } .authority[data-v-7a2b227c], .original[data-v-7a2b227c] { display: inline-block; padding-left: 0; margin-bottom: 12px; color: silver; font-size: 12px; line-height: 15px; } .tag-container[data-v-7a2b227c] { border-bottom: 0!important; padding: 0 0 30px; } .tag-container .tag-item[data-v-7a2b227c] { display: inline-block; font-size: 12px; color: #999; margin: 0 10px 8px 0; position: relative; cursor: pointer; } /*番剧*/ .bangumi-card-holder .bangumi-cnt-ctnr[data-v-7a2b227c] { padding: 8px 12px; } .bangumi-card-holder .bangumi-tag-box[data-v-7a2b227c] { margin: 0; } /*直播*/ .live-card-holder .cover-box[data-v-7a2b227c]{ width: 110px; } .img-box { /*margin: 25px 0;*/ /*white-space: nowrap;*/ } /* 卡片 视频 */ .img-box .card { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; margin-bottom: 20px; background: #f4f4f5; background-color: hsla(240, 5%, 96%, .3); border-radius: 6px; border: solid 1px silver; } .video-holder { padding: 0 0 0 162px; position: relative; display: block; height: 100%; } .video-holder .video-cover { width: 150px; height: 92px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; position: absolute; left: 0; } .cover-default { background-color: #f0f1f4; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…E3LjQsMTdsLTksMmwwLjUsNGw5LjUtMkwxNy40LDE3eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);*/ background-position: 50%; background-repeat: no-repeat; } .video-holder .video-cover .cover-default, .slim-video-card .video-cover .cover-default { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 44px; } .video-holder .video-cover .video-cover-layer, .slim-video-card .video-cover .video-cover-img, .article-card-holder .article-bg-pic, .bangumi-card-holder .cover-img, .live-card-holder .cover-img, .audio-card, .cover-bg, .ticket-card-holder .cover-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .icon-video { /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAMAAACsuQomAAAAclBMV…VXLu6S25fwV90eUA62l1eFdU9/Ux2q/YEOtjlbfjoLrugTV6YSSQ5kbxYAAAAASUVORK5CYII=);*/ } .video-holder .video-cover .icon-video, .slim-video-card .video-cover .icon-video, .cover-box .icon-video, .audio-card, .cover-bg .icon-video, .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { position: absolute; top: 50%; left: 50%; /*margin-left: -20px;*/ /*margin-top: -18px;*/ font-size: 34px; color: gray; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cover-img { height: 100%; width: 100%; background-size: cover; } .video-holder .video-cover .duration, .slim-video-card .video-cover .duration { position: absolute; right: 3px; bottom: 2.5px; padding: 2.5px; color: #fff; font-size: 12px; border-radius: 2px; } .video-holder .video-info-container { padding-top: 10px; min-height: 84px; position: relative; text-align: left; height: 100%; } .video-holder .title, .slim-video-card .video-info .title { max-height: 38px; margin: 0 12px 5px 0; font-size: 15px; color: black; letter-spacing: 0; line-height: 19px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .video-holder .card-status, .slim-video-card .card-status{ line-height: 13px; font-size: 12px; color: #999; margin-bottom: 5px; /*position: absolute;*/ /*bottom: 30px;*/ } .video-holder .play-num , .slim-video-card .play-num{ margin-right: 13px; } .video-holder .status-icon, .slim-video-card .status-icon, .bangumi-data-box .iconfont { margin-right: 3px; margin-left: 3px; font-style: normal; vertical-align: middle; } .video-holder .partition, .slim-video-card .partition { font-size: 12px; line-height: 15px; color: #999; position: absolute; bottom: 5px; padding-left: 3px; } .img-box .up-label { vertical-align: middle; } .single-ellipsis { /* white-space: nowrap; */ display: -webkit-box; /* -webkit-box-orient: vertical; */ -webkit-line-clamp: 1; } .double-ellipsis, .single-ellipsis { overflow: hidden; text-overflow: ellipsis; } /*视频 两个*/ .card-container.slim { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .slim-video-card { font-size: 0; /*max-width: 325px;*/ width: 49%; height: 94px; display: inline-block; cursor: pointer; color: #999; text-align: left; border: 1px solid #e7e7e7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-video-card .video-cover { display: inline-block; width: 150px; height: 100%; border-bottom-left-radius: 6px; border-top-left-radius: 6px; overflow: hidden; position: relative; } .slim-video-card .video-info { width: calc(100% - 150px); height: 100%; display: inline-block; vertical-align: top; padding: 8px 10px 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-color: hsla(240, 5%, 96%, .3); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /*文章*/ .img-box .article-card { min-height: 114px; } .article-card-holder { height: auto; overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; display: -webkit-box; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; } .article-card-holder .article-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-card-holder .article-card-wrap .text-content { width: calc(100% - 150px); } .article-card-holder .article-card-wrap .title-wrap { } .article-card-holder .article-card-wrap .title { max-height: 36px; font-size: 14px; color: #212121; margin-bottom: 4px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .article-card-holder .article-card-wrap .desc { font-size: 12px; color: #99a2aa; line-height: 22px; } .article-card-holder .article-card-status { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 12px; color: #999; margin-top: 6px; } .status-item { margin-left: 15px; } .status-item i , .music-data-item i{ vertical-align: middle; } .article-card-holder .article-card-pics { width: 117px; height: 88px; } .article-card-holder .article-pic { position: relative; height: 100%; } /*番剧*/ .bangumi-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .bangumi-card-holder .bangumi-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bangumi-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .bangumi-card-holder .bangumi-cnt-ctnr { padding: 8px 24px 10px 15px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bangumi-card-holder .bangumi-title { margin-bottom: 0; font-size: 15px; color: black; max-height: 40px; line-height: 20px; } .bangumi-card-holder .bangumi-data-box { margin-top: 2px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; } .bangumi-card-holder .data-num { margin-left: 3px; min-width: 52px; color: #999; } .bangumi-card-holder .bangumi-tag-box { margin-top: 3px; } .card-text-label { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transform-origin: left bottom; transform-origin: left bottom; position: relative; display: inline-block; padding-left: 4px; padding-right: 4px; height: 17px; line-height: 16px; font-size: 10px; color: #fb7299; text-align: center; border: #fb7299; } .card-text-label:before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 16px; border: 0.08em solid; border-color: inherit; border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .bangumi-card-holder .bangumi-score-ctnr { padding-top: 10px; padding-right: 12px; min-width: 50px; text-align: center; } .bangumi-card-holder .score-cnt { font-size: 12px; height: 24px; line-height: 24px; color: #ffa726; } .bangumi-card-holder .score-num { display: inline-block; font-size: 20px; } .bangumi-card-holder .score-disc { font-size: 10px; color: silver; } .v-f { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; min-width: 0; } /*直播*/ .live-card { min-height: 94px; } .live-card-holder { display: block; height: 94px; border: 1px solid #e7e7e7; border-radius: 6px; overflow: hidden; } .live-card-holder .live-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .live-card-holder .cover-box { position: relative; width: 150px; height: 100%; border-radius: 6px 0 0 6px; overflow: hidden; } .live-card-holder .cover-info { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 4px; /*left: 0;*/ padding-left: 8px; padding-right: 10px; /*width: 100%;*/ height: 15px; line-height: 15px; font-size: 11px; color: #fff; right: 0; } .live-cnt-ctnr { padding: 8px 12px 6px; color: #505050; text-align: left; } .live-title { margin-bottom: 0; height: 38px; line-height: 19px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; } .live-room-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .up-avatar { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAEorM1bXNP0cRtqEzRiQkLhC2cdegrO/4Tnw9/wA/rf8Afl/8KaTYHSUVm6TrNhrEUkunzGRY32MdpHOM9xTdX12w0URHUJ2j83OzCFs4xnoPcUtb2A1KK5v/AITvw/8A8/rf9+X/AMK1NI1Sz1i2a5sZDIgYoSQRyOeh+tNxaA0KKyNV8Rabo0qRajM0buu4BULcfgKo/wDCc+Hv+f1v+/L/AOFCTYHS0Vm22uafdaVJqUU5a1jDF3CHjHXjGazf+E58O/8AP6//AH5f/CizA6SisTTvFOj6neLaWVy0kzZwCjDoMnkj0rapPQBaKpalqdlpsHnXtwkKjpu6n6DqfwrmLn4jaZHIVgt7icD+LhR+vNNRb2A7SiuPtPiHpMzbbiK4t/cruH6c/pXTWd7bX0Cz2kyTRt0ZG3fgfQ+1Di1uBaooqlquqWelWv2m+l8qLcF3bSeT9KQF2iub/wCE48Pf8/jf9+n/AMKP+E48Pf8AP43/AH6f/Cnyy7AdJRWdpGtWGsxPLp8pkVG2tlSMH8RWhSAWiqmoahaafAZ724SCMd2PX6DqT9K5m7+IulQtstoLi4PrgIP15/Smk2B2NFcba/EbS5X2T21xBnvww/Q5/Suj03VLHVIfNsblJl746j6g8im4tbgaFFJS1IBRRRQAUUUUAFFFFABRRRQAUUUUAcD8Vv8Aj307/fk/kK86r0X4rf8AHvp3+/J/IV53XVS+EiR6V8Lf+QVef9dh/wCgiq3xX/5hn1k/9lqz8Lf+QVef9dh/6CKrfFf/AJhn1k/9lrNfxBo8/r1D4X/8i9P/ANfTf+grXl9eofC//kXp/wDr6b/0Fa1rfCCMT4pf8haz/wCuB/8AQq4qu1+Kf/IWs/8Argf/AEKuKp0fhJe56H4f/wCSW3/+5N/KvOq9F8P/APJLb/8A3Jv5V51Sp7spnSfD/wD5HC1/3H/9ANeq6jdx2NjNdTHCRIXPvjtXlXw//wCRwtf9x/8A0A13nj19nhG899g/8fFY1FeY1seWavqtzq1/JdXbku33U7IOwHtUNlaXF9dC3tYXmkIOEXk8dah/izXY/C9c69csRyLc4P1YV0yajHQhbnJXEM1tO0FzEYZkOGR+CDWj4d1u50PUVuInYxMwEseeGXvx6jsauePk2eL7o+oQ/wDjgrnic0vihqHU99jlWSNJIzlXUMD7HpXG/FGXbpFpD/z0n3Y+gP8AjXR+HJfN8Oac7dTbp/ICuK+Kk5N9YwdlRm/M4/pXNBe8aHD0UVLe27Wl5JA3WM/0ruMjtvhZc4uL62J6qsgH0JB/mK9Eryj4bT+T4pWPPE8DL+Iw39K9UnyLdyvUKcVw1F7xpE8Z8T6vLq+tzytJuhjcrCnYLnAOPU9TWXBDLcTpDBGZJZDhETkk+1MPTPvW94GeOPxdZeYQFJYDPqVIH610/DARj3lpc2Vwbe7hkglGMq3XnpU2k6jcaVqEd1bOyFCMjsw7g+oNdP8AEWzupvEMT29rNMPs65KRkjOW7gVy/wDZuo/8+Fz/AN+m/wAKV+aOoke5QyLNCkiHKuoYfQ8ipaoaNuXRrIOCrC3jDK3UHaOtX64ywooooAKKKKACiiigAooooASiiigRwXxW/wCPfTv9+T+QrzuvRPit/wAe+nf78n8hXnddVL4SJHpXwt/5BV5/12H/AKCKrfFf/mGfWT/2WrPwt/5BV5/12H/oIqt8V/8AmGfWT/2Ws1/EKR5/Xp/wv/5F2f8A6+m/9BWvMK9P+F//ACLs/wD19N/6Cta1vhBGL8Uv+QtZ/wDXA/8AoVcVXe/EfTb6+1S0a0tJ7hVhIJjjLBTnviuZi8J69P8Ac0ycf7+F/mRSpySiKx1nh/8A5Jbf/wC5N/KvO69U0bRL6DwPc6ZNGsd1IsgVWcEcjjJGRXLD4fa4ev2VPrKf6CphNJu42iv8P/8AkcLX/df/ANANd18QP+RPuv8AeT/0MVjeF/Buo6RrkF9cXFu0aBgVjYk8gjuorpfEulvrOiy2MMqxM5U7m5HBBqJyTncaWh4tXZ/C/wD5Dd3/ANe3/swqb/hW1z/0E4f+/Z/xrb8KeE5fD99LcvepOJIvL2hMY5Bz19q0nUi42QuVnL+OdOvrrxVcS29jcSxlEw0cTEfdHcCsD+xdV/6Bl5/35b/Cvcs80ZHpWSq2Vh8pl+GY5IfDWnxzI6SLAoZXXBB9xXnnxIuPO8UmMHIihRfz+b+ter5rzvxL4O1jU9eur23Fu0crDbl8HAAHPHtTpSXNdg0cTax+deQxdpGCn8TitbxvH5Xiy8ReAxUj8VBrU0rwXrNtq9pLcQR+Qk6NIVlBwAcnjOam8daFqV1r8l1aWc00LovMYzyBg9PpW3tFzE2MDwjcfZvFGnyHoZgn/fXy/wBa9qrxCHTtTsbuKeXT7qMRSK+TEw6HPpXtyMGUMDkHmsquruNHh+v6e+l61c2brhVclPdTyv6VQVirgq2COQw9a9o8ReHLLX7YJONkyf6uVeo9j6j2ryvXvD1/ok4S6jJhJ+SVPuv+PY+xrWnUTVmJo6Lw749ltwttrKtNF0E4++v+8O/16/WvQ7W4gu4EntZVlicZDqcivB61/DXiC50G8DRsWtpCPNi7Eeo9D70p0uqBSPaRS1FbyxzwJLEco6hlPqDyKkrmLFooopAFFFFABRSUtACUUVGzqoJZgAO5oAkorDu/E+k2uf8ASlcjsnzf/W/Wsi48cIzbbOzkkb/abH6DNS5RRvDD1Z7Ik8e6Lf6xFZLYReaYnct8wGAcY6muft/hzqLgG6vLeL2GWI/kKm1PxRrkcSvKPsUchIT91ycdeuawbjxDdzbt95cN9HIH5Zq41JWskarBfzSSPQ/DunWXheylgfUFk8x95LAL2x0zUes6j4Xvmj/tGSO5MeduNzBfXp9K5bwvon/CQQTTtcGMRybSMZJ4znOaZ4y0iPQIrU28rSGffu8zHbGMY+tTecpWS1KVLDR0lNs3Brnhiy4tNNR2H8SQjP5nmnSeOYUGLaxbH+0Qv8s15ybqduj4/CvQvh5ZW15oU011BHNILlhvdQTjavGTTlTqJXbDnwsdk2QSeOL5vuW8Sj3JP+FVJfG2qHo1un4f4mpPibaRwyae8MapGVdeBxng9q4aqhQlJX5h/WqC2pnZDxB4hmge4SSUwLkmRYhtAHXnFUm8U6k33tRb8FH9BWhpGqWUXw7vreS4iSf50EZYbjuAxgdcc1xdCw7fUPrsOkEdLaarqup3KW9pezSytnCq+OnJ9B0qzfWmvWNo91ey3EcSYyfOz1OBwD61W+HMLP4sjZekUTsfpjb/ADNd/wCMbc3Hha/ReWWPzP8Avkhj+gqJUkpWuNY9raKPMv7Xm/5/J/8AvtquaY2parM0djNPK8a7yDKRx07kVzldP8O9Qt7DXZvtc8cCSQFQ8jADOQcZNXPDJK9yv7Sn/KivqFzf6deNbXdzPHKoDEeaT15HQ1B/bVx/0EJx/wBtW/xpfGV3DfeJrqa3kEsZ2qGXkHCgHB+tYfFVHDLlvcX9ovrBHYxSeITCksRvGjcBkYMWyD0quviXVV/5iB/8dP8AMV6FEDYeEUyNpt7P8iE/xrxas40eZ6MX16PWCOti8V6sv/L4rfVV/wAKtp4z1YfeEDfVT/Q1yOmafPqepRWdtjzZM43cDgZ5P4Vb13Qr/QZIkvJEzKCU8uQnp17U3Qkna5f1yhLemdbF45vF/wBbaxv9CR/PNXYvHsJ/1tnKD/skH+eK8zE0o/5aN+NeheEdB03V/D0FzOhM+WV2DHqDxx06YqZUakeoe1wUvstGvB400qTHmNJEf9pCf5Zq2+r6JqVs8MlxBLG4w0cnG4fQ15TfSNa6lc223PlSsn5HFJZXEdxcJFI6QhzjzHb5R9eOlJQq9glSwktpNHYXvgC1uZHm0vUfKRjkRuu4L9GB/wAax7rwBrkOTEIbkf8ATNwP0bFU7tjpVz5UWoRs5Gd1tKSB7EjvVuz8Ualb42X7N/syYb+fNX7aot0Q8DGX8OaZ6D4US6i8N2UN7G8U8alGR+oAJA/TFbFcBa+OrpF/0m2ST3Q7f0Oa2rLxlpk/yyu8Df8ATQcfmKz9pFmM8HWp7o6alqrbXkFzGHt5UlQ90bP8qsCruczTW46ikozQIieRY0Z5HCqOpJwBWTN4ghHy2MM183T9whK/99dP1q+9hbyuWlj809vM+YD6A8D8KsqiqMKAKCk4rc5uR/Et9kRxQWCf7Tb2/TI/Soj4Qe5bdqOp3E564HA/XNdWBilqbGirSj8OhhWvhXSrcDNqsjdzId38+P0rVgtYIAFhiRAOyqBU9LinYiVSct2cJ8Uo5HtrARIWw79Fz2Fee/Zp/wDnjL/3ya95mkjgheWVlWNFLMT2A5JrM/4SPSfs8M/2tfKncxxPsb52HUdK2hU5VaxBg/C+N49JvBIhRjOOq4/hFVfiojuum7ELYMnRc/3a7S0vrW8eZLaZZGgcxygdUYdjVrAIweRU83vcwrHgf2e4/wCeEv8A3ya9N+GkbJ4dnWRGVvtLdVx/CtdhgelGBTnU5lYErGP4i0aHXdLe0c7Hzuikx91h/Tsa8l1bRNR0iYpfW5UDpIq5Q/Q9P617lWdBqen6he3FhFKss0OfNiKHjBweoweaUJuOwPU8P7VNaWd1eziG0t5J5D2Vc/n6D3r206PpbddNsyfeBf8ACrEFvDAmyCBIh6IoUfpWvtvILHP+DfDn9hWLNOQ15PjzMdEA6KP6mujkjSaNo5FDKwwQe4708CjFYOV3cDyHxL4RvtJuHltonnsiSVZFyUHowHp69K5zpXud/qlhp5T7ddxQeZnYHON2OuKyptU8JTtumn02Ru5dFJ/UVvGq7aoTR5Cqs7BVGSfugV2nhLwbdT3Ud9qsTQwxkOsT8NIR0yOw+vWu50r+yJ08/So7QqCV3woowfTIrUqZVG9ASMPxlI8PhW+MSks0YQBR/eIU/oa8f+y3H/PGX8jXvlFTCpyjaueSeArWU+LrZ5IpECI7ZK4/hI/rW98UoHltrCWNC5VnU4XPUA/0rq77WdN0+dIru8iikc4AJ5/HHQe5pZ9Y062aFZrtAZnCR453E9BxQ5tyvYEeJ/Zp/wDnhN/3ya9I+GRlGkXUEqlds+9QRjggf4V2mR6ijIpzqcyA8/8AG/hG4nu5NT0yPzS/M0K9c+q+ue4rgpYnjcpKjIy/eUrgj8K9+qvcWNpdH/SbaGb/AK6Rhv5iiNVoLHg1begeF9Q1qZD5UkNt/FMy4GPbPU/SvSmfw3asfm0uKRCcj92CGHXjrmpbTxJotypMWpW+F4+ZvL/RsVTqtrYWpYXS7IWUVq1vG8UShFDgHgDA61n3PhPSbjpbiM+sZI/Tp+lbFvPFcRCSCVJkPRkYMPzFTVzuKZtGpOOzOPl8E+U4ksL+eFh/e5/lipIU8UaY2P3N/EO27DY+px/WusoxSUUti3XlJWlqYdt4hj3bNQtp7Fs43TKdhPs3T88VrLNFIiurblIyCp4IqRlBGCoIqv8A2fa9raPH+6KZneL6FuiiimZhS0UUDCiiigDlviBJfJ4dl+ybBCf+PhyeQuQAB9SefauL1i1ey0PRJfts7RTLvSIKP3PCklffJzXfeNUeXwpepEhdyFwoXJ+8O1cxZaJe6zbRzz27xw2Wn+RbRvwZJdnXB6DJ/Qe9a02lqJmv4OsEcNrFvf3Usdzu3xzIqlmBIy20nJ6111cX4Ll1S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .up-name { margin-bottom: 0; font-size: 12px; line-height: 16px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .live-status { margin-top: 2px; display: inline-block; height: 15px; line-height: 15px; font-size: 10px; border-radius: 2px; padding: 1px 2px; } .live-status.offline { color: #999; background-color: #e7e7e7; } .live-status.online { color: #fff; background-color: #fb7299; } .live-status.offline .icon-live{ display: none; } .live-status .icon-live { width: 12px; height: 12px; -webkit-transform: translateY(3px); transform: translateY(3px); background-image: url(data:image/gif;base64,R0lGODlhMAAwAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjUwQkRGMDNBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjUwQkRGMDRBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTBCREYwMUFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTBCREYwMkFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTD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); background-size: 100% 100%; font-style: normal; background-repeat: no-repeat; background-position: 50%; display: inline-block; } /*音乐*/ .img-box .music-card { min-height: 98px; } .music-card-holder { position: relative; height: 96px; font-size: 0; text-align: left; border: solid 1px #e6e6e6; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 4px; background-color: hsla(240, 5%, 96%, .3); } .music-card-holder .music-cover-box { display: inline-block; width: 96px; height: 100%; } .music-card-holder .music-cover-ctnr { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; overflow: hidden; } .music-card-holder .music-cnt-box { display: inline-block; padding: 8px 12px 0; position: absolute; } .music-card-holder .music-cnt-ctnr { color: #999; } .music-card-holder .music-title { margin-bottom: 0; font-size: 15px; height: 19px; line-height: 19px; color: #333; } .music-card-holder .music-data-box { margin-top: 4px; font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 13px; } .music-card-holder .music-data-item { margin-right: 12px; } .read-article-holder .music-card-holder .data-num { margin-left: 4px; min-width: 52px; font-size: 11px; } .music-card-holder .music-up-info { font-size: 12px; line-height: 22px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .music-card-holder .up-name { margin-left: 3px; } .music-card-holder .music-tag-box { margin-top: 3px; } /*商品*/ .ticket-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .ticket-card-holder .ticket-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ticket-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .ticket-card-holder .ticket-cnt-box { padding: 8px 12px 4px; text-align: left; } .ticket-card-holder .ticket-name { margin-bottom: 3px; height: 21px; line-height: 21px; font-size: 15px; color: #333; } .ticket-card-holder .ticket-icon { margin-right: 6px; font-size: 12px; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-bottom-box { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .ticket-card-holder .ticket-price-box { margin: 0 6px 2px 0; font-size: 12px; color: #fb7299; } .ticket-card-holder .price { margin-left: 2px; font-size: 18px; -webkit-transform: translateY(1px); transform: translateY(1px); } /*投票*/ .vote-card-holder { margin: 16px 0; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 6px; height: 80px; position: relative; } .vote-card-holder .vote-head { height: 80px; font-size: 13px; color: #505050; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-icon-box { -ms-flex-preferred-size: 80px; flex-basis: 80px; height: 80px; background-color: #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; position: relative; } .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { color: #00a1d6; } .vote-card-holder .head-left { padding: 10px 0; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-head h3 { font-size: 16px; color: #212121; font-weight: normal; } .vote-card-holder .vote-head h3, .vote-card-holder .vote-head p { margin-bottom: 0; width: calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .vote-card-holder .vote-btn-box { width: 80px; height: 80px; text-align: center; position: absolute; top: 0; right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vote-card-holder .vote-btn-box .vote-btn { cursor: pointer; width: 54px; display: inline-block; color: #fff; background-color: #00a1d6; border-radius: 4px; font-size: 13px; line-height: 28px; } .vote-card-holder .vote-btn-box .vote-btn[disabled]{ background-color: gainsboro; cursor: not-allowed; } /*代码块*/ pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; white-space: initial; overflow: auto; } /*编辑器内容样式*/ .img-text { display: block; text-align: center; border-bottom: solid 1px gainsboro; padding-bottom: 5px; outline: none } .article-holder table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 10px 0; line-height: 1.5; } .article-holder table td, .article-holder table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; min-height: 30px; height: 30px; } .article-holder table th { border-bottom: 2px solid #ccc; text-align: center; background-color: #f1f1f1; } blockquote { position: relative; padding-left: 25px!important;; margin: 20px 0!important;; line-height: 1.8!important;; font-size: 16px!important;; color: #6D757A !important; background-color: white!important;; border: none!important; } blockquote::before { content: ""; width: 20px; height: 19px; display: block; position: absolute; top: 4px; left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACS5JREFUeF7tnW2IXUcZgN/37K5ZmuRHwRh/mB8KRkphxUbzpa5nzl2MSlsp0rQ/EglKaRtKCU1thRAM/qhCjBpIoj8K0g8otFWsizRrsved7OIn20KrLaWkDZgmkA21P9aALvfeV2a9t9xs9u79ODNzZubMgWUX7jnz8bzPvvfeOTNzEOJRagJY6t7HzkMUoOQSRAGiACUnUPLuxwwQBSg5gZJ3P2aAKEDJCZS8+zEDRAFKTqDk3Y8ZIApQcgIl737MAFGAkhMoefdjBogClJxAybsfM0AUoOQESt79mAGiACUnUPLuxwwQBSg5gZJ3P2aAKICfBGZnZ2+u1WqfZeYxRBwDgM2IuI6Z1wPAutaPEKKUkvfKxws4U1NTa0dHR7fV6/XtSZJsY+bPAcCmXtQtgwB5+DgrABGliHgHM28FgG0AMNJLwJefE6oAuvg4JcDMzMyGRqNxNzPfDQDpIAEPWQATfJwQQEq5o9Fo7EFEFfgNOgLfKiOEDGCST6ECVKvVOxHx2wDwLZ1Bby/LZwFs8ClEACL6LgDsBYCvmAq8zxnAJh+rAkgpBTM/DgC7TAfeRwGK4GNFgKmpqY+tWbPmcWZ+xFbgfRKgSD7GBSCiPcx8GBE32w6+qs/1zwBF8zEqABH9GABUyi/scFkAF/gYEeDs2bObh4aGjgHA7YVFvlmxiwK4xEe7AFLKuwDgGDN/sujgu/gW4BofrQJIKdUo3vMuBN7FD4Eu8tEmgIudcykDuMpHiwBSyr3M/LRL//kuZQCX+eQWgIh+AABHCgr+f5n5XJIkl5j5MiJeBoCrzHx1aGhoXv09Pj5+taC2LVXrKh/FaHh4eD6XANPT00eSJFEC2DzOMzMBwEtZlv3eZsX91uUDn4EFsGk2IlKj0ZBJkpxJ0/TP/QaiiPN94TOQAFLKB5n5lGmwzPwMM5+oVCp/M12XzvJ94tO3AOp7LDP/RiewFcp6CQBOCCHOGq5He/G+8elLADWCNTw8fNrUIE8z1Z/MsuzX2iNjoUAf+fQlABFNmhjeRcTXAeDnaZr+ykKcjFXhI5+eBTB44+LFRqNxoFKpXDIWGQsF+8qnJwHULUsAeEY3R0R8Ik3TQ7rLtV2ez3y6CqAmK4yMjMwauJ+/TwjxlO1g6a7Pdz5dBZBSqjt7WmfyIOJOX77PdxPGdz6rCtCco1btBqGf1+v1+kcnJibe7+caV88Ngc+qAhDRac0TODcJId5zNaD9tisEPh0FaE5NfrJfKJ3OR8TdaZq+oKu8ossJhc9qAkhd8/aZ+WCWZT8tOmg66yeiIPisKEBzRYoajs19MPOhLMueyF2QQwWExGdFAYjoRU3Ltf6IiOuba/bVun31UwMAda/+CiLOM/O8+l2r1U5PTEzMOhTnjk0Jic8NAqiFiMz8p4ICcRERn0uS5A/j4+PTBbVh1WpD43ODANVq9SQi7i8aPiK+DQDP1mq1Uy59bQyNz3UCqPXn9Xr9Dd1LtHPK9A4inlLzD4QQ/8lZVq7LQ+RznQBSyv3MfDIXJXMX/x0AlAS/NFfF6iWHyOc6AYhIzbXTsjOHwSA9JYTYZ7D81T78BcfnQwHUnjNqEmsRYAeoc+7/6z7Fvwe4dqBLQuXTLsBPAODgQHSKuUh9HviCEOIfNqonoiD5tAugbvoIGzA11/FpIcR5zWXeUBwRBclnSYDJycmb1q5d+wEifsQ0SBPlLy4urtu1a9c1E2WHzmdJACL6EgB4MQrXIcgvCyG+YUqAkPm0BFDv/eo9zufjuBDigIkOEFGwfFoC/BYAvmkCnuUyHxJCaB/HIKJg+bQE+Geve+9aDmhf1SHiu6Ojozu3b99+pa8Lu5xMRMHyweau0v/SCazIspj5aJZlj+lqQ+h80LMBjl7iWmfmL2ZZ9tdeTu52Tuh8sFqtPoyIx7uB8Ol1RHw+TdN7dLQ5dD4qA6h5f2rr1qCORqOxpVKpvJq3U6HzUQLMAMCX84Jy8PrvCSFyf7UNnQ9KKV9h5tscDGDeJp0WQnw9byGh81EZ4C0A+ExeUK5dj4iL8/Pz63fv3r2Yp22h81ECXASAT+SB5Oq1zHx73n2EQuejBFBjADe7GsQ87dKx+jh0PuozgNpqzcu7gD3I8aQQ4r4ezut4Suh8VAbgPIBcvhYRf5emaa57HKHzCVoAAPiLEGJHHklDFkDxCV2AC0KIT0UBOhK4ELoA14QQ6jGyAx+BZ4BrQX8LAAAdAgT7LUnxCXkkUP3X534LCHgkcImPygC6VgIPnGYNXqjjQ2DQfJQARwHgUYNBKKxoTV8Dg+aj3gKsbPxckAU6BoKC5qMywNcA4OWCAmS0Wk1DwUHzwbm5uZsWFhaMLaowGuEuheu4GRQ6n6VZwdVqdQoRv1pksHTXret2cOh8WtPC1YKKn+kOQsHlaZkQovpARMHyaWWALYiollyHdGiZEtbMAMHyaV8d/CYA3BKKAbomhbZ4EFGQfNoF+D4A/CgEAXROC28TIEg+HwowNzc3srCwoLaH+7znEmhdGNJiESqf5XsE3QsAz/ksgO6lYe0siCg4PjfsE+jzvQFTi0OXSeDtvYGV+Li2U2je5GNkeXh7owreKVQ7n057BaubQ+omiE+HsQ0ilkMgomD4dNwuXkr5NDPv9cQAo1vErMQgFD6rPjGkWq2+hohjrktgepOoTv0PgU/Xh0Z5MCfOyjZxnSTwnU9XAZpj4WcAYMKxTGB1o8jV+k5E3vLpSQDVeSnlYWb+oSMSWN8qtlu/feXTswDNTPAAAPyiGwzDrxe2WXS3fhGRd3z6EqCZCe5gZvVACTVTxuZR+HbxvXRWSukVn74FaEFoDosqEUzvLuLMAyN6EcA3PgML0OrouXPnvlOv1+9HxK39AOp2rquPjOnW7uWvu84ntwCtDk9PT+9MkuRONQ8PEW/tF1TzfOcfGjVgv8BVPtoEaAczMzMzVq/X7wKAjwPARkTcyMwb1d8AoOr0+rFxg0rQus4lPkYEyAsoXm+PQBTAHmsna4oCOBkWe42KAthj7WRNUQAnw2KvUVEAe6ydrCkK4GRY7DUqCmCPtZM1RQGcDIu9RkUB7LF2sqYogJNhsdeoKIA91k7WFAVwMiz2GhUFsMfayZqiAE6GxV6jogD2WDtZ0/8AYutMtcfM9cIAAAAASUVORK5CYII=); background-size: 100% 100%; } video{ height: auto; } .img-box { margin: 25px 0; white-space: initial; } .video-holder { padding-left: 116px; } .video-holder .video-cover { width: 110px; height: 100%; } .slim-mobile-video-card { display: inline-block; text-align: left; color: #999; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; position: relative; } .slim-mobile-video-card:first-child { padding-right: 5px; } .slim-mobile-video-card .video-cover { width: 100%; padding-top: 62.5%; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; position: relative; font-size: 0; border: solid #e7e7e7; border-width: 1px 1px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-mobile-video-card .video-cover .cover-default { width: 100%; top: 0; left: 0; position: absolute; padding-top: 62.5%; background-size: 30%; } .slim-mobile-video-card .video-cover .video-cover-img { width: 100%; top: 0; left: 0; position: absolute; padding-top: 62.5%; display: inline-block; background-size: cover; background-position: 50%; vertical-align: top; } .slim-mobile-video-card .video-cover .icon-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 32px; } .slim-mobile-video-card .video-cover .info-mask { padding-top: 25%; width: 100%; position: absolute; bottom: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient( -180deg, transparent, #000); /*opacity: .4;*/ } .slim-mobile-video-card .video-cover .info-mask .col { color: #fff; line-height: 19px; height: 19px; width: 100%; padding: 0 5px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-mobile-video-card .video-cover .info-mask .col .iconfont { float: left; font-size: 14px; display: inline-block; vertical-align: top; width: 14px; margin-right: 3px; padding-top: 0.5px; } .slim-mobile-video-card .video-cover .info-mask .col .data { float: left; /*min-width: 40px;*/ font-size: 10px; display: inline-block; vertical-align: top; } .slim-mobile-video-card .video-cover .info-mask .col .duration { position: absolute; right: 6px; display: inline-block; font-size: 10px; border-radius: 2px; vertical-align: top; } .slim-mobile-video-card .video-info { width: 100%; height: 77px; vertical-align: top; border: solid #e7e7e7; border-width: 0 1px 1px; padding: 8px 10px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(240, 5%, 96%, .3); -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-mobile-video-card .video-info .title { width: 100%; height: 38px; line-height: 19px; font-size: 13px !important; overflow: hidden; margin-bottom: 6px; color: #505050; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; } .slim-mobile-video-card .video-info .partition { line-height: 17px; height: 17px; font-size: 0; } /* 文章*/ .article-card-root.mobile { height: auto; overflow: hidden; } .article-card-root.mobile .article-card-wrap .title { max-height: 44px; line-height: 17px; font-size: 14px; color: #212121; padding-top: 10px; margin: 0 10px 10px; text-align: left; overflow: hidden; } .article-card-root.mobile .article-card-wrap .cover-default { height: 100px; background-size: 44px; } .article-card-root.mobile .article-card-wrap .cover-default.single-mode { width: 100%; position: relative; } .article-holder .article-card-root.mobile .article-card-wrap .pic { background-size: cover; width: 100%; height: 100px; top: 37px; background-position: 50%; } .live-card-holder .cover-box { width: 110px; } .container[data-v-2b23c6bf] { position: fixed; left: 50%; top: calc(50% + 15px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: calc(100vh - 56px); margin: 0 auto; width: 1143px; max-width: 1143px; 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: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #4fa5d9; } #link-message-container[data-v-2b23c6bf] { width: 100%; } .container[data-v-2b23c6bf] { height: calc(100vh - 56px); margin: 0 auto; max-width: 1143px; 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: stretch; -ms-flex-align: stretch; align-items: stretch; } .space-left[data-v-2b23c6bf] { width: 140px; min-width: 140px; background-color: rgba(255,255,255,0.8); } .side-bar[data-v-2b23c6bf] { width: 100%; font-size: 14px; font-weight: 700; color: #666; } .title[data-v-2b23c6bf] { height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; } .side-bar .icon[data-v-2b23c6bf] { width: 14px; height: 16px; margin-right: 10px; } .list[data-v-2b23c6bf] { margin: 0; padding: 0 0 0 20px; } .item[data-v-2b23c6bf] { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #6b757b; } .item[data-v-2b23c6bf]::before { width: 10px; height: 20px; text-align: center; } .list li[data-v-2b23c6bf]::before { content: "\25CF"; line-height: 20px; } .item a[data-v-2b23c6bf] { padding-left: 10px; line-height: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #6b757b; } .notify[data-v-2b23c6bf] { text-align: center; color: #fff; position: absolute; -webkit-transition: width 200ms, height 200ms, top 200ms, right 200ms; transition: width 200ms, height 200ms, top 200ms, right 200ms; } .notify-number[data-v-2b23c6bf] { background-color: #fb7299; line-height: 16px; height: 16px; font-size: 12px; border-radius: 10px; width: 28px; top: 12px; right: 11px; } .item[data-v-2b23c6bf]:hover, .item.active[data-v-2b23c6bf], .item .active[data-v-2b23c6bf]{ color: #2faee3; } .divided-line[data-v-2b23c6bf] { border-top: 1px solid #fff; margin: 10px 0; } .setting[data-v-2b23c6bf] { padding-left: 20px; position: relative; } .setting a[data-v-2b23c6bf] { padding-left: 0; } .space-right[data-v-2b23c6bf] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: rgba(255,255,255,0.5); } .space-right .space-right-top[data-v-2b23c6bf] { padding: 10px 10px 0; z-index: 11; } .space-right .space-right-top .title[data-v-2b23c6bf] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .space-right .space-right-top[data-v-c4cbeb72] { padding: 10px 10px 0; z-index: 11; } .space-right .space-right-top .title[data-v-c4cbeb72] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .space-right .space-right-bottom[data-v-c4cbeb72] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .card[data-v-c4cbeb72] { padding: 24px 16px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); margin-bottom: 10px; border-radius: 4px; } .router-view[data-v-c4cbeb72] { height: calc(100vh - 130px); overflow: auto; } .reply-item[data-v-c4cbeb72] { padding-top: 24px; padding-bottom: 24px; position: relative; cursor: pointer; } .reply-item[data-v-c4cbeb72]:first-child { padding-top: 0; } .basic-list-item[data-v-c4cbeb72] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .left-box[data-v-c4cbeb72] { width: 60px; height: 46px; -ms-flex-negative: 0; flex-shrink: 0; } .avatar[data-v-c4cbeb72] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-c4cbeb72] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .line-1[data-v-c4cbeb72] { color: #505050; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .line-1 .name-field[data-v-c4cbeb72] { color: #222; margin-right: 8px; font-weight: bold; } .line-2[data-v-c4cbeb72] { margin-bottom: 10px; margin-right: 14px; font-size: 14px; color: #222; } .content-list[data-v-c4cbeb72] { line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; max-height: 2.571428571428572em; } .text[data-v-c4cbeb72] { line-height: 19px; } .text[data-v-c4cbeb72] { word-break: break-word; } .at[data-v-c4cbeb72] { color: #1389bf; } .orginal-reply[data-v-c4cbeb72] { color: #999; border-left: 2px solid #e7e7e7; margin: 8px 0 10px; padding-left: 4px; font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.666666666666667em; } .line-3[data-v-c4cbeb72] { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 12px; line-height: 22px; } .time[data-v-c4cbeb72] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .basic-list-item .time-span[data-v-c4cbeb72] { margin: 0 15px 0 0; } .action-button[data-v-c4cbeb72] { cursor: pointer; margin-right: 14px; color: inherit; border: none; background: none; } .action-button[data-v-c4cbeb72]:hover, .action-button.active[data-v-c4cbeb72]{ color: #4fa5d9; } .reply-item .del-button[data-v-c4cbeb72] { display: none; } .reply-item:hover .del-button[data-v-c4cbeb72]{ display: inline-block; } .right-box-top[data-v-c4cbeb72] { min-width: 60px; margin: -7px 0; } .text-box[data-v-c4cbeb72] { width: 60px; height: 60px; color: #999; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .reply-box[data-v-c4cbeb72] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; } .left-box[data-v-c4cbeb72] { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .my-avatar[data-v-c4cbeb72] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-c4cbeb72] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reply-textarea[data-v-c4cbeb72] { width: 100%; height: 65px; resize: none; background-color: #f4f5f7; border: 1px solid #e9eaec; overflow: auto; border-radius: 4px; color: #555; padding: 5px 10px; font-size: 12px; outline: none; } .right-box[data-v-c4cbeb72] { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .send-button[data-v-c4cbeb72] { width: 70px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00a1d6; border-radius: 4px; color: #fff; cursor: pointer; border: none; } .divider[data-v-c4cbeb72] { display: block; width: calc(100% - 60px); height: 1px; border-bottom: 1px solid #e5e9ef; position: relative; left: 60px; top: 24px; } .nothing[data-v-c4cbeb72] { width: 100%; height: 256px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-c4cbeb72] { color: #333; font-weight: 700; } .time[data-v-c4cbeb72] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .link[data-v-c4cbeb72] { color: #1389bf; cursor: pointer; } .space-right .space-right-top[data-v-c66f74e2] { padding: 10px 10px 0; z-index: 11; } .space-right .space-right-top .title[data-v-c66f74e2] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .space-right .space-right-bottom[data-v-c66f74e2] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .card[data-v-c66f74e2] { padding: 24px 16px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); margin-bottom: 10px; border-radius: 4px; } .router-view[data-v-c66f74e2] { height: calc(100vh - 130px); overflow: auto; } .reply-item[data-v-c66f74e2] { padding-top: 24px; padding-bottom: 24px; position: relative; cursor: pointer; } .reply-item[data-v-c66f74e2]:first-child { padding-top: 0; } .basic-list-item[data-v-c66f74e2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .left-box[data-v-c66f74e2] { width: 60px; height: 46px; -ms-flex-negative: 0; flex-shrink: 0; } .avatar[data-v-c66f74e2] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAC0ALQDAREAAhEBAxEB/8QAHAABAAMAAwEBAAAAAAAAAAAAAAUGBwECBAMJ/8QASBAAAQMCAgQHDQUHAgcAAAAAAQACAwQFBhEHEiExEyJBUWGR0RQVFjZVcXSBk5ShsdIyQlJUwVZicnOCkrMjQyQmM0VThLL/xAAYAQEBAQEBAAAAAAAAAAAAAAAAAQIDBP/EAB8RAQEAAgMAAwEBAAAAAAAAAAABAhESITEiMlFBQv/aAAwDAQACEQMRAD8A/RVetyEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQdBPAZTAJmGRozLA4awHmRHdFEBAQEHSKeGcF0EzJADkSxwOR5tiI7oogICAgICAgICAgICAgICDFrxT3rDd+fNNLIypEhljnB/6gJ39PSPUteuF3K0nCWLKbEdNwcmrFWxD/Uj5HfvN6Pks2OuOW1gRoQN20oM5xvjgzGSz2ab/T2tnnaftc7Wnm5zyqyOWWW+o76MLXco5pro8ujo5I+Da0/7rs946Bt29KUwl9aGo6iAgICAgICAgICAgIOHvZGwySPDWtGZcTkAEEPNjPDFO8xyXiEkHI6oLh1gFNM8o+fhzhXyuz2b+xDlEdfb5gfEFE6jrLowEbY5BG/WjdzjZ8E7S3Gs0jqJrXX8Pb6vjwSHg5mZgOyO/I8h5itOXjTLLpEs1XRNddqgUlS3ivbquLXdIyB2dCmnWZz+pDw5wr5XZ7N/YovKKnjPHja2N1ssczuAcMpZwCC8fhGe0DnVkYyy31Fdw1S2Oet4W/1zYKeLI6mq4mU82wbBzq1ma320yPGuEYY2xRXSNjGANa0RPAA5tyy68o7eHOFfK7PZv7EOUe633+y3V2pQXKGZ+WeoHZO6jtTSyyveiiAgICAgICAgIOHOaxpe9wa1ozJO4BBmdxuF2x9eHWq1yGKgiOZJ2N1R993PnyBXxytud1Es7R3he307X3S6TNPLI6VkbT5gR+qbXhJ6+Hgpo8Gzv+PfI+xN1OOP648FdHf7QN98j7E3Tjj+ngro7/aBvvkfYm6ccf08FtHf7QD3yPsTdXjj+uwwlo+O0X4e+R9ibqccf08EtH3l4e+R9ibpxx/TwS0fD/vw98j7E3Tjj+ngno98vj3yPsTdOOP65ZhHR/I4MZfQ5x3AVke34JunHH9dLvo2ZDB3bh2tlMsY12se4Eu/hcMsim1uH4kcC4rmuzH2q6O/42nGxx2GRo2HPpHKli45b6q3KNiAgICAgICAgr2Pa59BhmpMZIdOWwAjkDt/wBSM53URei2BjLPV1OqNaSo1S7lya0bPiVazh4k7Jbaa8R+EF2gZUz1JcYWyDWbDFmQ1rQdm7aTzlRZN91L957R5Ko/YN7Ea1DvPaPJVH7BvYhqHee0eSqP2DexDUO89o8lUfsG9iGod57R5Ko/YN7ENQ7z2jyVR+wb2Iah3ntHkqj9g3sQ1DvPaPJVH7BvYhqOr7JZpGlj7TRlrhkRwDexDUR1oidZr3NYonuNFJB3VTNcSeC42q5gPNmQR50SdXSk3SY2bSKZ4QGN7pjJA3ZPA1uvMq/xzvWTVFHYQEBAQEBAQEFT0m+LbfSWfJyRjPxxo0blhl5/FUSH4NVph4mcLZeD1Bl/4QpVx8SiNCAgICAgICAgipMvCmD0CT/IxGf8ATPccDLGpPOYD8AtRzy+zV1l2EBAQEBAQEBBU9Jvi230lnyckYz8ddGhPgzJnyVEn/wAtVqYeJnChzw5bzzwhStY+JVGnlr7rbbXHwlwrYYAd2u7InzDeUS2T1W6nSbh+GZscMdTOzPjPawAAdGZBKumecWuCeKphZUQPD45Gh7XDcQdyjXruiq/ijGFLhl8EL6d1RLNm4sa/V1W8+7n+SSbZyy4vhbdImHa4hk0slG88kzeL/cMx15JpJnKskE8FTGJqeZksbtzmODgfWEa9d0VESnLFdMOegl/yMRn/AEz7G5Jxs8czoAP7Wqzxzy+zWFHYQEBAQEBAQEFT0m+LbfSWfJyRjPxxo2GWGHnnnkPwCtMPEvhPxbt/8hqlXHxUMYY6u1NcZ7TbMqZkB1HSaub3Hoz3BWRjLK70pQbcLrVEgT1dRIdu97z+qrHdW2xaNK+r1Z7zL3LEdvBNyMh8/I34qbbmFvrSKOkgoaWKjpmlsULAxgJzyAUdJ0+qKgcT4QocStZJJK6CpiaWslaM8xzEcoSXTOWPJnl4wLf7SS8U3dUI/wByDjZedu8LW3O42I213q62OfhKCqkhOfGYdrXedp2IzLY1rCV8qMQWgV9VTCGQSGM6ueq/IDjDPk25epZrtjdx2m8bKX0Cb/IxD+s/xwAMakjlMB+AWo55fZq6y7CAgICAgICAgqek3xbb6Sz5OSMZ+ONHGzCzv50nyCtMPEvhPxbt38hqlXHxzcMLWG6Vnd9fQNlm1Q0kucAQN2YB2psuMvb30lDR0MfBUVLFAz8MbA0fBF1p9kV84KmnqWudTzslDHFjixwOThvBy5UQhqqapLxT1EcvBO1H6jgdV3MctxQ24gqqapMgp52SGJ5jk1XZ6rhvB6UH1RXir7JaLnn3fboJifvOZxusbUSyV6KWlpqKBlLSQMhiYMmsYMgEPEZN420voE3+RiJ/VBxz46ex+QWo55fZqyy7CAgICAgICAgqek3xbb6Sz5OSMZ+OdHLf+Vh+9NJ+itMPEthQauHLe3mhAUq4+JVGhAQVmfDN2oKueowvc4qSOrOtNBMzWYH/AIm78j0JtjjZ48lPgu82hp7xX/gnVEYbVGVmes/bxm8289qu042eVP2Cw01gozTQSPlfI4ySyvPGkeeVRqTSSRoQEERK3PFdM7P7NBL8ZGIz/VCx2MsZtPOIStRzy+zVFl2EBAQEBAQEBBVNJjScN5jkqGE9RVjGfjro0l4TDb4xvjqHt6wD+qUw8TGFXB2HqHnbHqnoIJBHWpVx8SqNCAgICAgICAgiHvDsWxRt2llveXdGcjcvkUZ/0oGNHGoxwImbS18EY8+Q7VqeOeX2assuwgICAgICAgIPBfrYLxaKq3HIOlZxCeRw2t+ICJZuaUXR7e4rPV1NhuZEBlkzYX7MpBsLT58h1K1zwuuquRttyt88stllpzDO4yPpp8w1rzvLHN3Z7yMiM1G9WeBmxXnsobXl6Q/6EPkcNiv8hbPeX/QnR8jhsWeT7X7y/wChOj5HDYs/IWv3l/0J0fJ2EuKeWitg/wDYf9CHZwuKPyds9u/6UOzhcU/krZ7w/wClDtxwuKvyVs94k+hDtwJcWO2dxWtmf3uHkdl6tUZofJxBFT4fpqq73mubJPLk6ect1RkPssYOYcg3klDzuqRhqCbFWMpb3JDq08MnDuzGwZbGN8+wdRV8Yx+V209R1EBAQEBAQEBAQVbFmBqe/PNdRSNp6zLJxI4knn5j0qysZY78VUWTSNbwKWnkrODZ9ngqkFvq2p0xrKORQ6TCcg+4+uoH1J0ayfCvGkG2U7quuq66KFmWbzUgjbu3FXovKPLbbljS7yPittxrp3xjWc1s+0Dn2lOknK+PZURaRqWCSpqJ7iyKJpe9xn2ADed6nS/KPFbrrjK7Tmmt1zrp5WtLy1s5zy59p6Qr0ktvj3S0+kiCJ8001xYyNpc5xqNgA3nep0uskbR33FdfUspKS71sk0hyY3hyMzzbSqm7UsaDSaNvCXH3kfUp0usnHcOkz8dy94H1J0ayfSDBmL79Mw3yrkiib96eXXcB0NB39Sbi8bfWhWez0VjomUNDHqsbtc4/ae7lJKjpJp7UUQEBAQEBAQEBAQEBBnOlC7l89PZYn8WMcNKB+I/ZHVmfWrHLO/xWcK3c2S+U9Y52URdwcv8AAdh6t/qVrON1WiaRLgKXDb4mP41W9sQy5R9o/AfFZjpnelDwLWdx4noyTk2YmE/1DIfHJarnjdVddJN67htLbZE/KWtOTst4jG/rOQ61I6Z3U0y6KWSCVk0Ty18bg5rhvBG4quTcMP3aO92inuLMg6RuUgH3XjY4day7y7m0giiAgICAgICAgICAgICAg6yyxwRPmlcGsjaXOJ5ABmSiMKu9wkutzqbjJnnPIXAczeQeoZBacLd3byIJi8Ygmu9rttDMSXUTHMcT97cGn+0BFt3EZSVDqSqhqmfahkbIPODmiJDFF6dfbzPXAnggeDhB5GDd17T60i27u0UiLxowvPAVs1mlfxKgcJFnyPA2j1j5KVvC96aUo6iAgICAgICAgICAgICAgrGkO6d78PSQMdlJWOEI/h3u+Ay9aRjO6jJFpyEBAQEBB6LdWy26vp6+E8eCRrx05HchLpu1NURVdPFVQu1o5mB7TzgjMLLv6+iKICAgICAgICAgICAgIMs0m3Luq9x0DHZso4wCP33bT8NVWOOd3VQVZEBAQEBAQato2ubq2xGjkOb6J+oP4DtH6j1KV1wvS2KNiAgICAgICAgICAgIOskjIo3SyHJrAXOPMAiMIuda+43Gprnk5zyuf5gTsHUtOF7eZAQEBAQEBBa9G9y7jv8A3I92UdYws/qG0fqPWpWsLqtXUdhAQEBAQEBAQEBAQEEViuV8GG7jJGcncA4Z+fZ+qRnLxiS04iAgICAgICD22SV8N4oZYzk5tRGQf6glJ63VZegQEBAQEBB//9k=); } .center-box[data-v-c66f74e2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .line-1[data-v-c66f74e2] { color: #505050; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .line-1 .name-field[data-v-c66f74e2] { color: #222; margin-right: 8px; font-weight: bold; } .line-2[data-v-c66f74e2] { margin-bottom: 10px; margin-right: 14px; font-size: 14px; color: #222; } .content-list[data-v-c66f74e2] { line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; max-height: 2.571428571428572em; } .text[data-v-c66f74e2] { line-height: 19px; } .text[data-v-c66f74e2] { word-break: break-word; } .at[data-v-c66f74e2] { color: #1389bf; } .orginal-reply[data-v-c66f74e2] { color: #999; border-left: 2px solid #e7e7e7; margin: 8px 0 10px; padding-left: 4px; font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.666666666666667em; } .line-3[data-v-c66f74e2] { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 12px; line-height: 22px; } .time[data-v-c66f74e2] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .basic-list-item .time-span[data-v-c66f74e2] { margin: 0 15px 0 0; } .action-button[data-v-c66f74e2] { cursor: pointer; margin-right: 14px; color: inherit; border: none; background: none; } .action-button[data-v-c66f74e2]:hover, .action-button.active[data-v-c66f74e2]{ color: #4fa5d9; } .reply-item .del-button[data-v-c66f74e2] { display: none; } .reply-item:hover .del-button[data-v-c66f74e2]{ display: inline-block; } .right-box-top[data-v-c66f74e2] { min-width: 60px; margin: -7px 0; } .text-box[data-v-c66f74e2] { width: 60px; height: 60px; color: #999; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .reply-box[data-v-c66f74e2] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; } .left-box[data-v-c66f74e2] { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .my-avatar[data-v-c66f74e2] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-c66f74e2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reply-textarea[data-v-c66f74e2] { width: 100%; height: 65px; resize: none; background-color: #f4f5f7; border: 1px solid #e9eaec; overflow: auto; border-radius: 4px; color: #555; padding: 5px 10px; font-size: 12px; outline: none; } .right-box[data-v-c66f74e2] { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .send-button[data-v-c66f74e2] { width: 70px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00a1d6; border-radius: 4px; color: #fff; cursor: pointer; border: none; } .divider[data-v-c66f74e2] { display: block; width: calc(100% - 60px); height: 1px; border-bottom: 1px solid #e5e9ef; position: relative; left: 60px; top: 24px; } .nothing[data-v-c66f74e2] { width: 100%; height: 256px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-c66f74e2] { color: #333; font-weight: 700; } .time[data-v-c66f74e2] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .link[data-v-c66f74e2] { color: #1389bf; cursor: pointer; } .space-right .space-right-top[data-v-62eb67dc] { padding: 10px 10px 0; z-index: 11; } .space-right .space-right-top .title[data-v-62eb67dc] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .space-right .space-right-bottom[data-v-62eb67dc] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .card[data-v-62eb67dc] { padding: 24px 16px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); margin-bottom: 10px; border-radius: 4px; } .router-view[data-v-62eb67dc] { height: calc(100vh - 130px); overflow: auto; } .reply-item[data-v-62eb67dc] { padding-top: 24px; padding-bottom: 24px; position: relative; cursor: pointer; } .reply-item[data-v-62eb67dc]:first-child { padding-top: 0; } .basic-list-item[data-v-62eb67dc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .left-box[data-v-62eb67dc] { width: 60px; height: 46px; -ms-flex-negative: 0; flex-shrink: 0; } .avatar[data-v-62eb67dc] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-62eb67dc] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .line-1[data-v-62eb67dc] { color: #505050; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .line-1 .name-field[data-v-62eb67dc] { color: #222; margin-right: 8px; font-weight: bold; } .line-2[data-v-62eb67dc] { margin-bottom: 10px; margin-right: 14px; font-size: 14px; color: #222; } .content-list[data-v-62eb67dc] { line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; max-height: 2.571428571428572em; } .text[data-v-62eb67dc] { line-height: 19px; } .text[data-v-62eb67dc] { word-break: break-word; } .at[data-v-62eb67dc] { color: #1389bf; } .orginal-reply[data-v-62eb67dc] { color: #999; border-left: 2px solid #e7e7e7; margin: 8px 0 10px; padding-left: 4px; font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.666666666666667em; } .line-3[data-v-62eb67dc] { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 12px; line-height: 22px; } .time[data-v-62eb67dc] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .basic-list-item .time-span[data-v-62eb67dc] { margin: 0 15px 0 0; } .action-button[data-v-62eb67dc] { cursor: pointer; margin-right: 14px; color: inherit; border: none; background: none; } .action-button[data-v-62eb67dc]:hover, .action-button.active[data-v-62eb67dc]{ color: #4fa5d9; } .reply-item .del-button[data-v-62eb67dc] { display: none; } .reply-item:hover .del-button[data-v-62eb67dc]{ display: inline-block; } .right-box-top[data-v-62eb67dc] { min-width: 60px; margin: -7px 0; } .text-box[data-v-62eb67dc] { width: 60px; height: 60px; color: #999; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .reply-box[data-v-62eb67dc] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; } .left-box[data-v-62eb67dc] { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .my-avatar[data-v-62eb67dc] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-62eb67dc] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reply-textarea[data-v-62eb67dc] { width: 100%; height: 65px; resize: none; background-color: #f4f5f7; border: 1px solid #e9eaec; overflow: auto; border-radius: 4px; color: #555; padding: 5px 10px; font-size: 12px; outline: none; } .right-box[data-v-62eb67dc] { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .send-button[data-v-62eb67dc] { width: 70px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00a1d6; border-radius: 4px; color: #fff; cursor: pointer; border: none; } .divider[data-v-62eb67dc] { display: block; width: calc(100% - 60px); height: 1px; border-bottom: 1px solid #e5e9ef; position: relative; left: 60px; top: 24px; } .nothing[data-v-62eb67dc] { width: 100%; height: 256px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-62eb67dc] { color: #333; font-weight: 700; } .time[data-v-62eb67dc] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .link[data-v-62eb67dc] { color: #1389bf; cursor: pointer; } .space-right-top[data-v-b7a9d2b4] { padding: 10px 10px 0; z-index: 11; } .space-right-top .title[data-v-b7a9d2b4] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .ps[data-v-b7a9d2b4] { overflow: hidden !important; overflow-anchor: none; -ms-touch-action: auto; touch-action: auto; } .space-right-bottom[data-v-b7a9d2b4] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .config[data-v-b7a9d2b4] { -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); margin-bottom: 10px; border-radius: 4px; background-color: #fff; width: 100%; min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #333; font-size: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .config-item[data-v-b7a9d2b4] { position: relative; width: 100%; padding: 5px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .config .config-item[data-v-b7a9d2b4] { position: relative; width: 100%; padding: 24px 16px; } .config .text[data-v-b7a9d2b4] { line-height: 19px; } .tip[data-v-b7a9d2b4] { color: #999; } .config .radio-list[data-v-b7a9d2b4] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .space-right .space-right-top[data-v-12928608] { padding: 10px 10px 0; z-index: 11; } .space-right .space-right-top .title[data-v-12928608] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .space-right .space-right-bottom[data-v-12928608] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .card[data-v-12928608] { padding: 24px 16px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); margin-bottom: 10px; border-radius: 4px; } .router-view[data-v-12928608] { height: calc(100vh - 130px); overflow: auto; } .reply-item[data-v-12928608] { padding-top: 24px; padding-bottom: 24px; position: relative; cursor: pointer; } .reply-item[data-v-12928608]:first-child { padding-top: 0; } .basic-list-item[data-v-12928608] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .left-box[data-v-12928608] { width: 60px; height: 46px; -ms-flex-negative: 0; flex-shrink: 0; } .avatar[data-v-12928608] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-12928608] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .line-1[data-v-12928608] { color: #505050; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .line-1 .name-field[data-v-12928608] { color: #222; margin-right: 8px; font-weight: bold; } .line-2[data-v-12928608] { margin-bottom: 10px; margin-right: 14px; font-size: 14px; color: #222; } .content-list[data-v-12928608] { line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; max-height: 2.571428571428572em; } .text[data-v-12928608] { line-height: 19px; } .text[data-v-12928608] { word-break: break-word; } .at[data-v-12928608] { color: #1389bf; } .orginal-reply[data-v-12928608] { color: #999; border-left: 2px solid #e7e7e7; margin: 8px 0 10px; padding-left: 4px; font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.666666666666667em; } .line-3[data-v-12928608] { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 12px; line-height: 22px; } .time[data-v-12928608] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .basic-list-item .time-span[data-v-12928608] { margin: 0 15px 0 0; } .action-button[data-v-12928608] { cursor: pointer; margin-right: 14px; color: inherit; border: none; background: none; } .action-button[data-v-12928608]:hover, .action-button.active[data-v-12928608]{ color: #4fa5d9; } .reply-item .del-button[data-v-12928608] { display: none; } .reply-item:hover .del-button[data-v-12928608]{ display: inline-block; } .right-box-top[data-v-12928608] { min-width: 60px; margin: -7px 0; } .text-box[data-v-12928608] { width: 60px; height: 60px; color: #999; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 15px; max-height: 4.285714285714286em; } .reply-box[data-v-12928608] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 20px; } .left-box[data-v-12928608] { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .my-avatar[data-v-12928608] { display: block; width: 46px; height: 46px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); } .center-box[data-v-12928608] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reply-textarea[data-v-12928608] { width: 100%; height: 65px; resize: none; background-color: #f4f5f7; border: 1px solid #e9eaec; overflow: auto; border-radius: 4px; color: #555; padding: 5px 10px; font-size: 12px; outline: none; } .right-box[data-v-12928608] { width: 80px; -ms-flex-negative: 0; flex-shrink: 0; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .send-button[data-v-12928608] { width: 70px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00a1d6; border-radius: 4px; color: #fff; cursor: pointer; border: none; } .divider[data-v-12928608] { display: block; width: calc(100% - 60px); height: 1px; border-bottom: 1px solid #e5e9ef; position: relative; left: 60px; top: 24px; } .nothing[data-v-12928608] { width: 100%; height: 256px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title[data-v-12928608] { color: #333; font-weight: 700; } .time[data-v-12928608] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .link[data-v-12928608] { color: #1389bf; cursor: pointer; } .space-right-top[data-v-f9140584] { padding: 10px 10px 0; z-index: 11; } .space-right-top .title[data-v-f9140584] { height: 42px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); -ms-flex-negative: 0; flex-shrink: 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; padding: 0 16px; font-size: 15px; color: #666; border-radius: 4px; } .ps[data-v-f9140584] { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .space-right .space-right-bottom[data-v-f9140584] { padding: 10px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: calc(100% - 66px); overflow: hidden; } .d[data-v-f9140584] { height: calc(100vh - 128px); } .i-im[data-v-f9140584] { font-size: 12px; color: #666; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); box-shadow: 0 2px 4px 0 rgba(121,146,185,0.54); border-radius: 4px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .i-im .left[data-v-f9140584] { width: 240px; border-right: 1px solid #e9eaec; position: relative; } .i-im .left .title[data-v-f9140584] { padding-left: 24px; line-height: 35px; height: 36px; border-bottom: 1px solid #e9eaec; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .i-im .left .list-container[data-v-f9140584] { height: calc(100% - 36px); position: relative; overflow: auto; } .list-item[data-v-f9140584] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 19px 24px; position: relative; overflow: hidden; cursor: pointer; } .active[data-v-f9140584] { background-color: #e4e5e6; } .list-item .avatar[data-v-f9140584] { display: block; width: 40px; height: 40px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); margin-right: 8px; position: relative; } .verify-box[data-v-f9140584] { width: 14px; height: 14px; position: absolute; bottom: 18px; left: 51px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-item .name-box[data-v-f9140584] { 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; } .list-item .last-word[data-v-f9140584], .list-item .name[data-v-f9140584] { overflow: hidden; width: 155px; white-space: nowrap; text-overflow: ellipsis; } .list-item .name[data-v-f9140584] { color: #333; font-size: 14px; min-height: 16px; line-height: 1; } .list-item .last-word[data-v-f9140584] { color: #999; padding: 8px 0; margin-bottom: -6px; } .list-item .close[data-v-f9140584] { position: absolute; top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: 300ms; transition: 300ms; font-size: 12px; color: #999; } .i-im .right[data-v-f9140584] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dialog[data-v-f9140584] { 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: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .title[data-v-f9140584] { height: 36px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e9eaec; position: relative; text-align: center; color: #333; } .is-black[data-v-f9140584], .is-limit[data-v-f9140584] { position: absolute; top: 36px; left: 0; z-index: 2; width: 100%; height: 32px; line-height: 32px; background-color: #fff; color: #fb7299; text-align: left; padding: 0 17px; } .title span[data-v-f9140584] { font-size: 14px; } .action-menu[data-v-f9140584] { position: absolute; top: 26px; right: 10px; z-index: 2; } .action-menu .menu-list[data-v-f9140584] { position: absolute; top: 35px; left: calc(-54px + 50%); background: #fff; border: 1px solid #e9eaec; -webkit-box-shadow: 0 6px 12px 0 rgba(106,115,133,0.22); box-shadow: 0 6px 12px 0 rgba(106,115,133,0.22); border-radius: 4px; padding: 4px 0; text-align: center; z-index: 2; width: 106px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .btn[data-v-f9140584] { cursor: pointer; } .action-menu .menu-list a[data-v-f9140584] { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #333; word-break: keep-all; } .action-menu .menu-list a[data-v-f9140584]:last-child { margin-bottom: 0; } .action-menu .menu-list a .name[data-v-f9140584] { display: block; padding-top: 4px; line-height: 17px; } .action-menu .menu-list a .tips[data-v-f9140584] { display: block; font-size: 12px; line-height: 15px; color: #99a2aa; } .action-menu a.bp-icon-font[data-v-f9140584] { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #999; } .message-list[data-v-f9140584] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow-x: hidden; overflow-y: scroll; background-color: #f4f5f7; } .msg-more[data-v-f9140584] { padding: 16px 0 0; text-align: center; color: #23ade5; min-height: 38px; } .load-more[data-v-f9140584] { cursor: pointer; } .icon[data-v-f9140584] { display: inline-block; width: 16px; height: 12px; margin-right: 3px; } .no-more[data-v-f9140584] { color: #999; } .error[data-v-f9140584] { color: #999; } .error .btn[data-v-f9140584] { color: #1389bf; cursor: pointer; } .msg-time[data-v-f9140584] { padding: 16px 0 16px; text-align: center; } .time[data-v-f9140584] { color: #999; font-size: 12px; line-height: 22px; margin: 0 10px; } .msg-item[data-v-f9140584] { min-height: 48px; padding: 0 16px 16px; overflow: hidden; position: relative; } .avatar[data-v-f9140584] { display: block; width: 30px; height: 30px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,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); float: left; } .msg-item .avatar[data-v-f9140584], .msg-item .message[data-v-f9140584] { float: left; } .is-me .avatar[data-v-f9140584] { float: right; } .message[data-v-f9140584] { float: left; max-width: 480px; margin: 0 10px; position: relative; overflow: hidden; color: #333; } .is-me .message[data-v-f9140584] { position: relative; float: right; color: #fff; } .message .message-content[data-v-f9140584] { line-height: 1.5; font-size: 14px; min-height: 37px; padding: 8px 16px; word-wrap: break-word; word-break: break-word; border-radius: 0 16px 16px 16px; overflow: hidden; background: #fff; } .message .message-content.is-me[data-v-f9140584] { background: #80b9f2; border-radius: 16px 0 16px 16px; } .message .message-content.not-img[data-v-f9140584] { position: relative; z-index: 1; } .dynamic-link[data-v-f9140584] { color: #5090cc; padding: 0 5px; text-decoration: underline; } .dynamic-link i[data-v-f9140584] { display: inline-block; vertical-align: text-top; } .send-box[data-v-f9140584] { height: 162px; border-top: 1px solid #d8d8d8; border-bottom-right-radius: 4px; background-color: #f4f5f7; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 16px; position: relative; z-index: 2; } .row[data-v-f9140584] { height: 48px; 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; } .space-margin[data-v-f9140584] { margin-right: 16px; } .image-upload-btn[data-v-f9140584] { display: block; width: 22px; height: 21px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAAXNSR0IArs4c6QAAAjFJREFUOBG1lUtrU0EUgHMfSX5AkEINSOmii4JuigihFERpoIgrsykEal6bLgQ34h8oXZUiCnlgaRZSshErhZQWAn24sEUFoSRIQQlEEZJNaRpoHn7n0gupN2mTWx04mTkz53znzJm5E8Vx1pLJ5P1mszmpKMqgOddP32q1SqqqrkcikQ3xU+UnHo8vAs0CHRPdThNfYQhL/JVEInGPaOuapk2Fw+GsHajpk0ql/I1GY43M/SpQP9G2rwoVuDCEJSVVGUhNS2ZU6YnsQx4Q1ChV+1oP45IwLY6UJsB2dpBVDnSuB1BHEwuYLNsPsH3cEdBt0gLGMI4cIL8Q2xnrOJ9rsVjskInRc5M2lE4Z28BYXf4b2FIKa2zrDLdlgFszyUHfZPUU+ezxeN4HAoET07ovcC6X0wuFwvN6vf4MwE/kI3dWo58pl8uvuKqP+wYLNJ/Pr+B4m0/2EYe8ZkIymYxWqVRm2UWGta8E+yZvxRsx8Hq9M8Vi8Snbm0YdQRrIF2TZ7Xa/rtVq84wfOp3OCT7dH4wtjQdoCv93LGwZYBQducHENfp5HqRPRHeh+5BZMpDaDZGNLxqN7jHu2oB/YPHUqDGPxh2U3y6X61YoFDpq89pNp9Mvq9XqAvCly6Dih9136XWg0l9ni3f/gsq8IxgMHtNFDaW3n0F2va/quv6WLToIMNybX3creY+BjpN1VhGzs1dfarmNWurueuGKZCrQF5TsiQEW83/xnyeZAt0U3h+pCu2ZMB0nRQAAAABJRU5ErkJggg==) no-repeat; background-size: 22px; } .emoji-container[data-v-f9140584] { position: relative; } .emoji-container .emotion-btn-box[data-v-f9140584] { display: block; width: 24px; height: 24px; cursor: pointer; border: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB5UlEQVR4AWIYMDBz5kzH2bNnOxGhzmbOnDnWJFswa9asSYDWygCigSgO41YAJQAoWSMgAIQASQoUQJbEZAGM0aRERQAEuAFgAkIpAVXDUAzAKLBEQWptcf0+Hp6zd3fPGp+z//u+7/9/9+67Q/wWBMGoi1Or1UbgvMI99W5QrVYnEHfYxV7M9LvisIPJ1MaaCtMVpiojvpcBOAb7EajWgfcgrjTSxppD2kT0jqANrsEleKZ2wfXchmrgRRzDbUsrD9c9L4FPCBthGA753lJppJWHvKLm03Tvcl0c9OmTB149edqHdULh6r8ecXnJ0y7cgLJ9FvwvehgW7XsvL3nahAaEgtVgntoHOGOSMZex1sQRVxpLX5Cns4HJwZTqoAUWouaqmbWGuKp5NdCPFK8y5Rfr9T4N6loTR/+9Guj1QC0wQSr1e2xV05rhBNKkbsD/I4SPYCbpgMWB/8T1MHUDIj/MhBmPkGWk8T4DQ55TCEFoA82P4zXt1wCzHOu/Mo2ghyabtoGSV4kJ0pYMLfOuguXiy0ueduGAwm3CYeYw3TapzSYk+06e9pbGKX5zXRv0PSQP5UOe0QnXdXAs7CR+ONyfz4rxyLu2tgxaJjxN0EiJpjRGu5T44SCVs5oCFFIiL02/xP8BToUvO6m2Rg4AAAAASUVORK5CYII=) center/24px no-repeat; } .input-box[data-v-f9140584] { position: relative; } .core-style[data-v-f9140584] { width: 100%; min-height: 22px; max-height: 300px; letter-spacing: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: pre-wrap; overflow-x: hidden; overflow-y: auto; color: #222; background-color: transparent; font-size: 14px; vertical-align: baseline; outline: none; line-height: normal; border-radius: 4px; word-break: break-word; word-wrap: break-word; border: none; } .indicator[data-v-f9140584] { color: #c0c0c0; position: absolute; right: 5px; bottom: 0; padding: 1px; font-size: 12px; } .row.right[data-v-f9140584] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 46px; } .btn-box[data-v-f9140584] { cursor: pointer; margin: 0; position: relative; width: 88px; height: 30px; text-align: center; border: 1px solid #e7e7e7; } .send-btn[data-v-f9140584] { background-color: #fff; border-radius: 4px; } .send-btn.active[data-v-f9140584] { background-color: #1389bf; border-color: #1389bf; color: #fff; -webkit-transition: 200ms; transition: 200ms; } .emoji-container .bp-emoji-box[data-v-f9140584] { position: absolute; top: -255px !important; left: -10px !important; } .static-popup[data-v-f9140584] { display: inline-block; position: relative; border: 1px solid #e5e9ef; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17); opacity: 1; margin-top: 0; z-index: 20; } .common-font[data-v-f9140584] { font-size: 14px; } .close-btn[data-v-f9140584] { position: absolute; top: 15px; right: 15px; font-size: 14px; color: #999; cursor: pointer; } .title-emoji[data-v-f9140584] { padding: 15px; font-size: 14px; color: #222; text-align: left; } .emoji-page[data-v-f9140584] { position: relative; height: 200px; padding: 0 15px; overflow: auto; } .emoji-list[data-v-f9140584] { list-style: none; padding: 0; margin: 0 0 0 -12px; } .emoji[data-v-f9140584] { margin: 0; width: 38px; height: 38px; padding: 3px; margin-left: 12px; margin-bottom: 12px; line-height: 38px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 12px; background-color: #fff; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .notify[data-v-f9140584] { text-align: center; color: #fff; position: absolute; -webkit-transition: width 200ms, height 200ms, top 200ms, right 200ms; transition: width 200ms, height 200ms, top 200ms, right 200ms; } .notify-number[data-v-f9140584] { background-color: #fb7299; line-height: 16px; height: 16px; font-size: 12px; border-radius: 10px; width: 28px; top: 12px; right: 11px; } .i-dyn-home--member[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; min-height: 150vh; background-color: #d1e9fb; padding-top: 10px; } aside[data-v-d50efbb4] { -ms-flex-negative: 0; flex-shrink: 0; } aside.left[data-v-d50efbb4] { width: 244px; } aside section[data-v-d50efbb4] { width: 100%; margin-bottom: 8px; } .i-dyn-my-info[data-v-d50efbb4] { overflow: hidden; } .i-dyn-my-info[data-v-d50efbb4], .i-dyn-my-info--skeleton[data-v-d50efbb4] { position: relative; background-color: #fff; border-radius: 4px; width: 100%; height: 188px; } .i-dyn-my-info__header[data-v-d50efbb4] { height: 64px; width: 100%; } .i-awesome-img[data-v-d50efbb4] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/background.9e3bd25.jpg); } .i-dyn-my-info__content[data-v-d50efbb4] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: calc(100% - 64px); position: relative; padding: 10px 26px; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .i-dyn-my-info__face[data-v-d50efbb4] { position: absolute; width: 56px; height: 56px; left: 16px; top: -16px; border-radius: 50%; overflow: hidden; cursor: pointer; } .i-ellipsis[data-v-d50efbb4] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-my-info__name[data-v-d50efbb4] { padding-left: 54px; font-size: 13px; -webkit-line-clamp: 1; cursor: pointer; } .i-dyn-my-info__stat__item[data-v-d50efbb4], .i-dyn-my-info__stats[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .i-dyn-my-info__stat__item[data-v-d50efbb4] { width: 33.33333%; height: 46px; -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; cursor: pointer; } .i-dyn-my-info__stat__item__count[data-v-d50efbb4] { font-weight: 700; line-height: 19px; font-size: 14px; color: #222; } .i-dyn-my-info__stat__item__label[data-v-d50efbb4] { font-size: 12px; color: #99a2aa; } /* 右侧 */ aside.right[data-v-d50efbb4] { width: 268px; } .i-dyn-banner[data-v-d50efbb4] { padding: 12px 16px 16px; border-radius: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } .i-dyn-banner__title[data-v-d50efbb4] { font-size: 14px; margin-bottom: 8px; } .i-dyn-banner__img[data-v-d50efbb4] { overflow: hidden; width: 100%; height: 100px; border-radius: 4px; background: #fff 50%/cover no-repeat; } .i-dyn-banner__img.clickable[data-v-d50efbb4] { cursor: pointer; } aside section.sticky[data-v-d50efbb4] { position: sticky; top: 8px; } .topic-panel[data-v-d50efbb4] { background: #fff; border-radius: 4px; font-style: normal; padding: 16px 16px 1px; } .topic-panel__nav[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } .topic-panel__nav-title[data-v-d50efbb4] { color: #222; font-size: 16px; font-weight: 500; line-height: 22px; } .relevant-topic[data-v-d50efbb4] { cursor: pointer; margin-bottom: 12px; margin-left: 25px; padding-right: 12px; position: relative; } .relevant-topic[data-v-d50efbb4]:not(:last-child) { margin-bottom: 24px; } .relevant-topic[data-v-d50efbb4]:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4yODggMS41OTNhLjYzMy42MzMgMCAwMC0uMDEtLjI3N2MtLjExOC0uNDY0LS41ODgtLjc5LTEuMTE3LS43NWEuNzkuNzkgMCAwMC0uMjkuMDc2LjcxNy43MTcgMCAwMC0uMTk2LjEzOWMtLjAyNi4wMjUtLjA0OC4wNTMtLjA3LjA4TDExLjYuODY2bC0uMDcxLjA4Ny0uMTQxLjE3NmMtLjE4Ny4yMzUtLjM3LjQ3My0uNTQ1LjcxNWExNy43MzQgMTcuNzM0IDAgMDAtLjc0NSAxLjExMmwtLjM4Ny0uMDA0YTgxLjgzNyA4MS44MzcgMCAwMC0yLjEyNS4wMSAxMy45MjUgMTMuOTI1IDAgMDAtLjI0LS4zNzkgMjAuNzc1IDIwLjc3NSAwIDAwLTEuMDU1LTEuNDU0bC0uMTQtLjE3Nkw2LjA4Ljg2NiA2LjA3OC44NjNhLjcxNC43MTQgMCAwMC0uMjY4LS4yMi43ODkuNzg5IDAgMDAtLjI5LS4wNzdjLS41MTMtLjA0LS45OTUuMjczLTEuMTE2Ljc1YS42MzMuNjMzIDAgMDAuMTMzLjU3OGwuMDA0LjAwNi4wNjguMDg5LjEzOC4xNzhhMjIuMDcgMjIuMDcgMCAwMC43MTYuODY4IDYzLjgxIDYzLjgxIDAgMDAtMS40OTQuMDkzbC0uNDEuMDMyLS4yMDQuMDE3LS4xMTYuMDEzYTEuOTE4IDEuOTE4IDAgMDAtLjA4LjAxMWwtLjAzNS4wMDZBMi44NDUgMi44NDUgMCAwMC43NjcgNS43NTJhNDUuNDY0IDQ1LjQ2NCAwIDAwLS4xOTUgMy4yODYgNDAuMiA0MC4yIDAgMDAuMDY1IDMuMjk0Yy4wMTYuMjc0LjAzNS41NDcuMDU1LjgybC4wMzQuNDExLjAxNy4yMDUuMDAzLjAyNi4wMDMuMDI5LjAwNi4wNThjLjAwMy4wMzIuMDA4LjA2NC4wMTMuMDk1YTIuODY5IDIuODY5IDAgMDAxLjY0OCAyLjE3M2MuMjg3LjEzLjU5NS4yMTQuOTA3LjI0M2wuMDQxLjAwNC4wMTMuMDAxLjA1MS4wMDUuMTAzLjAwOC4yMDUuMDE3LjQxLjAzMmE2OC43NjUgNjguNzY1IDAgMDA5LjAzLjA0OWMuMjcyLS4wMTguNTQ2LS4wMzYuODE5LS4wNTdsLjQxLS4wMzQuMjA1LS4wMTguMTE3LS4wMTIuMDgyLS4wMTMuMDM0LS4wMDVhMi44NjkgMi44NjkgMCAwMDIuMzIyLTIuMjI5bC4wMTMtLjA1OC4wMS0uMDU4YTIuOTM2IDIuOTM2IDAgMDAuMDMtLjIyOGMuMTEyLTEuMDkxLjE4Ny0yLjE4OC4yMTEtMy4yODhhMzQuODQ2IDM0Ljg0NiAwIDAwLS4wOS0zLjNjLS4wMTktLjI3My0uMDQtLjU0Ny0uMDY2LS44MmwtLjA0LS40MS0uMDItLjIwNS0uMDA2LS4wNTEtLjAwNy0uMDU3YTMuMDg0IDMuMDg0IDAgMDEtLjAwNC0uMDNjLS4wMDQtLjAyOS0uMDA3LS4wNTctLjAxMy0uMDg1YTIuODc0IDIuODc0IDAgMDAtMS42NDQtMi4xNCAyLjgyNiAyLjgyNiAwIDAwLS45NDQtLjI0NGgtLjAxMWwtLjA1Mi0uMDA1LS4xMDItLjAwOS0uMjA1LS4wMTYtLjQxLS4wM2E1OC4wODYgNTguMDg2IDAgMDAtMS41OC0uMDlsLjEzLS4xNWMuMTk1LS4yMy4zODQtLjQ2My41Ny0uN2wuMTM3LS4xNzcuMDY4LS4wOS4wMDYtLjAwN2MuMDItLjAyNy4wNDItLjA1NC4wNi0uMDg0YS42MzEuNjMxIDAgMDAuMDgyLS4yMTV6bS0yLjYyNSAzLjY0OGMuMDY3LS40MDQuNDMzLS42NzUuODE5LS42MDVoLjAwNGMuMzg4LjA3NC42NDcuNDYyLjU4Ljg2OUwxMS44IDcuMTEzaDEuNDNjLjQyNiAwIC43Ny4zNjEuNzcuODA2IDAgLjQ0Ni0uMzQ0LjgwNy0uNzcuODA3aC0xLjY5N2wtLjMyIDEuOTM1aDEuNTU2Yy40MjUgMCAuNzcuMzYyLjc3LjgwNyAwIC40NDUtLjM0NS44MDYtLjc3LjgwNmgtMS44MjJsLS4yODcgMS43MzVjLS4wNjcuNDA0LS40MzMuNjc1LS44MTkuNjA1aC0uMDA0Yy0uMzg4LS4wNzQtLjY0Ny0uNDYyLS41OC0uODY5bC4yNDQtMS40N0g3LjYyNGwtLjI4NyAxLjczNGMtLjA2Ny40MDQtLjQzMy42NzUtLjgxOS42MDVoLS4wMDRjLS4zODgtLjA3NC0uNjQ3LS40NjItLjU4LS44NjlsLjI0My0xLjQ3SDQuNzdjLS40MjUgMC0uNzY5LS4zNjItLjc2OS0uODA3IDAtLjQ0NS4zNDQtLjgwNy43Ny0uODA3aDEuNjc0bC4zMi0xLjkzNUg1LjIzYy0uNDI1IDAtLjc3LS4zNjEtLjc3LS44MDcgMC0uNDQ1LjM0NS0uODA2Ljc3LS44MDZoMS44bC4zMDktMS44NzJjLjA2Ny0uNDA0LjQzMy0uNjc1LjgxOS0uNjA1aC4wMDRjLjM4OC4wNzQuNjQ3LjQ2Mi41OC44NjlsLS4yNjYgMS42MDhoMS44NzdsLjMwOS0xLjg3MnptLS44OTYgNS40MmwuMzItMS45MzVIOC4yMWwtLjMyIDEuOTM1aDEuODc3eiIgZmlsbD0iIzAwOEFDNSIvPjwvc3ZnPg==); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; content: ""; height: 16px; left: -24px; position: absolute; top: 2px; width: 16px; } .relevant-topic__title[data-v-d50efbb4] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #18191c; display: -webkit-box; font-size: 14px; line-height: 20px; overflow: hidden; position: relative; text-overflow: ellipsis; } .relevant-topic__exposed[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9499a0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 17px; margin: 4px 0; } .relevant-topic__exposed img[data-v-d50efbb4] { border-radius: 2px; height: 16px; margin-left: 4px; } /*中间*/ main[data-v-d50efbb4] { margin: 0 8px; width: 632px; } main section[data-v-d50efbb4] { width: 100%; margin-bottom: 8px; } .i-dyn-publishing[data-v-d50efbb4] { background-color: #fff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 632px; padding: 16px; position: relative; width: 100%; } .i-dyn-publishing__topic[data-v-d50efbb4] { height: 32px; } .i-topic-selector[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-style: normal; height: 24px; position: relative; width: 100%; } .i-topic-selector__bulletin[data-v-d50efbb4], .i-topic-selector__desk[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .i-topic-search[data-v-d50efbb4] { -ms-flex-negative: 0; flex-shrink: 0; height: 24px; position: relative; width: 96px; } .i-topic-search__popover[data-v-d50efbb4] { background-color: #f6f7f8; border: 1px solid #f6f7f8; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; width: 100%; z-index: 11; } .i-topic-search__input[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; height: 22px; padding: 0 10px 0 8px; -webkit-transition: all .3s; transition: all .3s; width: 100%; } .i-topic-search__input__prefix[data-v-d50efbb4] { color: #c9ccd0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; margin-right: 4px; } .i-topic-search__input__text[data-v-d50efbb4] { color: #9499a0; cursor: text; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-topic-search__input__inner[data-v-d50efbb4] { background-color: inherit; border: none; height: 20px; outline: none; width: 56px; } .i-topic-search__result[data-v-d50efbb4] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; padding: 0 8px; } .i-topic-search__empty[data-v-d50efbb4], .i-topic-search__loading[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9499a0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .i-topic-selector__rcmd[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: calc(100% - 96px); padding-left: 8px; } .i-topic-selector__rcmd__default[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .i-dyn-publishing__input[data-v-d50efbb4] { margin-bottom: 12px; position: relative; } .i-rich-textarea__inner[data-v-d50efbb4] { font-size: 14px; line-height: 22px; min-height: 22px; outline: none; } .i-rich-textarea__inner.empty[data-v-d50efbb4]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); /*font-style: italic;*/ left: 15px; pointer-events: none; position: absolute; right: 15px; } .i-dyn-publishing__datetime[data-v-d50efbb4] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 54px; } .i-dyn-publishing-timing-setting[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f7fa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; height: 42px; padding: 0 6px; } .i-dyn-publishing-timing-setting__label[data-v-d50efbb4] { color: #6d757a; font-size: 13px; padding: 0 6px; } .i-date-time-picker[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; } .i-time-picker[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .i-date-time-picker .i-time-picker[data-v-d50efbb4] { margin-left: 12px; } .i-time-picker__child[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-picker[data-v-d50efbb4] { display: inline-block; position: relative; width: 100%; } .i-time-picker__child__picker[data-v-d50efbb4] { width: 60px; } .i-time-picker__child__unit[data-v-d50efbb4] { color: #6d757a; font-size: 12px; margin-left: 6px; z-index: 1; } .i-dyn-publishing__control[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .i-dyn-publishing__tools[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .i-dyn-publishing__tools__item[data-v-d50efbb4] { background-repeat: no-repeat; background-size: contain; cursor: pointer; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 24px; } .i-dyn-publishing__tools__item.emoji[data-v-d50efbb4] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB5UlEQVR4AWIYMDBz5kzH2bNnOxGhzmbOnDnWJFswa9asSYDWygCigSgO41YAJQAoWSMgAIQASQoUQJbEZAGM0aRERQAEuAFgAkIpAVXDUAzAKLBEQWptcf0+Hp6zd3fPGp+z//u+7/9/9+67Q/wWBMGoi1Or1UbgvMI99W5QrVYnEHfYxV7M9LvisIPJ1MaaCtMVpiojvpcBOAb7EajWgfcgrjTSxppD2kT0jqANrsEleKZ2wfXchmrgRRzDbUsrD9c9L4FPCBthGA753lJppJWHvKLm03Tvcl0c9OmTB149edqHdULh6r8ecXnJ0y7cgLJ9FvwvehgW7XsvL3nahAaEgtVgntoHOGOSMZex1sQRVxpLX5Cns4HJwZTqoAUWouaqmbWGuKp5NdCPFK8y5Rfr9T4N6loTR/+9Guj1QC0wQSr1e2xV05rhBNKkbsD/I4SPYCbpgMWB/8T1MHUDIj/MhBmPkGWk8T4DQ55TCEFoA82P4zXt1wCzHOu/Mo2ghyabtoGSV4kJ0pYMLfOuguXiy0ueduGAwm3CYeYw3TapzSYk+06e9pbGKX5zXRv0PSQP5UOe0QnXdXAs7CR+ONyfz4rxyLu2tgxaJjxN0EiJpjRGu5T44SCVs5oCFFIiL02/xP8BToUvO6m2Rg4AAAAASUVORK5CYII=) center/24px no-repeat; } .i-dyn-publishing__tools__item.emoji.active[data-v-d50efbb4], .i-dyn-publishing__tools__item.emoji[data-v-d50efbb4]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB4UExURUdwTACh1gCh1gC05ACi2ACi1wCh1wCh1wCh1wCk2QCi1wCi1wCh1gCs3gCh1gCi2ACi2AD//wCm2QDI/wCl3ACj1wCh1wCh1wCj1wCh1wCh1wCi1wCi1wCi1wCi1wCi2ACi1wCk2ACh1gCh1gCi1wCi2ACj1wCh1jY15qMAAAAndFJOUwD0+Qdj7ZqozTCRxuIN/iVYAR0CFDix1kaJuGp7g6JAcSq/6l9RTY5z6pcAAALKSURBVHja5dfJmqowEIbhAgSUeRKcFWn7u/87PFmwQAIS2ZxFv2v4k0pB8kT+lOpp3UqZ43jNsRQjAfCQOR7wEiMe4MYyrU2AsxjZo1xlWg3YhZipAauaH+QouvnpBzLlCbiVmLrNzD8/oFzEWGEDt4mgLRA5Yi4AklbGMpSNmHB+g3obuRaK5Y7ZKK4bhf7xXn5sfG1hyvUKmZH6Cd+wg+n2Zf1sorD2P6u3Xf/oTjT5FZTwXIiJ9tKg2JmMHVGaXzGVl+cOSLKpxt4c+UYVAtZ7da0NXOU7ueMDUSwDJ+AmX3O2o/HvwNaR7xUuWMX7P32QNS5vu0qVwFNWcTqIRHo/wI+sEwCt9HxIKlnnMDwpQmik5xy9dvlt/yE9Z7iZRnCS3hWshTLLYzLojQu+9Gy4DWvmFsu8ImR4tDUQSg/wpFdtgaRp58vqUPxcelvY6kGK48F8eeU1AeyHyFyQtjF5juiKJ0q0F6MgSRuUpp0pq65kIWhcXjZdVi6mQcqPhfb/XbSyDILik36m1ihB+VXQPUKJChk6WChhah7kBAmKX8m7NESxzrlh0K5BcTPRlBcb5VQsBM0+rA+yHOT005chvexbuRS0mVjQqUbcl4JeYF9K+ST2IEkX12gTGGxswcGga2b+S9Cv578LdquCXowlVrEmyEf3WBMUoPtZE7RHY8Wfg5LpxT4xdllY7A5q0aUd70JHdBGcBqGhTNi57zmx6HIbvEENXTmZ1C3lSAFcB+c9e5kSB1YfE51LmfIAXsP+HGVanAX1sz4eSpn2BDuWXh6BW8kae94adQUCWSMEfgfz78C+y/cejBp+BtxUvnVIxm0qT9ppbCCz9C7FDWCrFpuLjyj16JU8jYCkeZWmMedu5iutQlDc2/m13322zx4nm9n7lBPYfMd6zF5qV15pdeklTMxSTptqaRXbe7b5LLunjkguf8U/hcSfLz9ZeyAAAAAASUVORK5CYII=); } .i-dyn-publishing__tools__item.pic[data-v-d50efbb4] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAAXNSR0IArs4c6QAAAjFJREFUOBG1lUtrU0EUgHMfSX5AkEINSOmii4JuigihFERpoIgrsykEal6bLgQ34h8oXZUiCnlgaRZSshErhZQWAn24sEUFoSRIQQlEEZJNaRpoHn7n0gupN2mTWx04mTkz53znzJm5E8Vx1pLJ5P1mszmpKMqgOddP32q1SqqqrkcikQ3xU+UnHo8vAs0CHRPdThNfYQhL/JVEInGPaOuapk2Fw+GsHajpk0ql/I1GY43M/SpQP9G2rwoVuDCEJSVVGUhNS2ZU6YnsQx4Q1ChV+1oP45IwLY6UJsB2dpBVDnSuB1BHEwuYLNsPsH3cEdBt0gLGMI4cIL8Q2xnrOJ9rsVjskInRc5M2lE4Z28BYXf4b2FIKa2zrDLdlgFszyUHfZPUU+ezxeN4HAoET07ovcC6X0wuFwvN6vf4MwE/kI3dWo58pl8uvuKqP+wYLNJ/Pr+B4m0/2EYe8ZkIymYxWqVRm2UWGta8E+yZvxRsx8Hq9M8Vi8Snbm0YdQRrIF2TZ7Xa/rtVq84wfOp3OCT7dH4wtjQdoCv93LGwZYBQducHENfp5HqRPRHeh+5BZMpDaDZGNLxqN7jHu2oB/YPHUqDGPxh2U3y6X61YoFDpq89pNp9Mvq9XqAvCly6Dih9136XWg0l9ni3f/gsq8IxgMHtNFDaW3n0F2va/quv6WLToIMNybX3creY+BjpN1VhGzs1dfarmNWurueuGKZCrQF5TsiQEW83/xnyeZAt0U3h+pCu2ZMB0nRQAAAABJRU5ErkJggg==) center/24px no-repeat; } .i-dyn-publishing__tools__item.pic.active[data-v-d50efbb4], .i-dyn-publishing__tools__item.pic[data-v-d50efbb4]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURUdwTACh1wCh1gCh1wCh1gCh1gCi1wCh1gCi1gCh1wCh1wCk2gDK/wCm2QC24QCh1gCh1wCp3gCk2ACj2ACi1wCi1wCs2gCi1wCi2ACh1gCi2ACi1wCi2ACh1hDsh6IAAAAddFJOUwCQ8MD9fW304mLMJQMbCNbpETA7oK0NgVPdRnhbHgg6BgAAAf5JREFUeNrt19mOpCAYQOFfpFFx35eq8/6vOSHdjrG1JyVeTDqp7w4vTgIERXn7T5rJfLzMTI2cGsaZi+ZxkIOpwkM1yTcfeBplx+DMgUleZoIZx+xWWQORkYtMBOhGNiFQpXJZGoMOt3EDsIiHBaCR1Qh04qUDxt3MWvHSAtvcZqAQLwUwy0pBJJ4iUNvgXij6IVSYPgyW+6GmxOmym6Gi5NPjZsjwSevhXqhj1d4Lhayme6GAVXov1GhwtL27/SM4UXo3JM8KCFPxDm3Str55RDbv0Dv0G0JDa8YgGJMmuxOqTaj5orrWN5QHETu29QllRnHQFZdDdYgT9aatsyxfRotj84uhdAaozCB/tS5N3FwKpRVAUMjOUwGRfi20darl+LzEOQ+lSRfacrbdY8nk01ACcypHtf0hlE2WlaYKUnF6IM5FTkunoaZkR9PnIgmgGjmXVychE4FThmFoNTiRSaN/fnTb42J/4PRTLU7RPmIc1wmuHFoD6LKVTZaU4MzFhdDp5SoLcBa5Fto6m0lBLxdDfXZ65oP69VAFoGrxoaGSlQVIxEcOWFn1QCheEqCX1XPd48vqGHhuQwUEvj9HatjGD1wpk4uG7vuFvLAAZZJfmtYzBrDFbvFjcKL4ZQo4ecHkFi/2MIniobhMPQo5qpO+VPplquyTWt5+tT+B6G3MrNSpzAAAAABJRU5ErkJggg==); } .i-dyn-publishing__tools__item.at[data-v-d50efbb4] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUdwTJmZmZ2dnZmZmZ6enpmZmZmZmdDQ0KWlpZmZmZqampmZmZmZmZycnJmZmZubm5mZmZqampubm5mZmZqampmZmZmZmZmZmZqampqampqampmZmZmZmRFIR04AAAAcdFJOUwBxGPYQ5PsCB+97s9sg0yiSVzK/h8idp2ZEOk4/Lq5JAAADhUlEQVR42uVY24KrIAwsKIii4gXFS///O88JtFUCtHb3cfO2FMJkMolkb3/ZirxRg2ry4hc+8l3LNrs7y1pTbT/xpnR7D6w0+3e+xNLeE8aq/HpIVXk6yUtWs5KfYBFxjd2FPY/U87LSwq02K5Hlc327ws302D0SGtyxmsyhrD5S1budWdckwtZugxTvw5rdhd0bQqlxgN9xLqTboz6gtlxNIglHOHr0x/ib2kaX2idGy05/ISO0tTcmfjU2s+qa1CymNfobsX6uyrYBnlhs98ZBtOpyU9jh3i5CEGDl6+26SSA0VFsFF5AIUNLJyehePO4rjuBAmTPa7lZNQCmpX0VP/rsoDK+VdzfHZTQDQTQU3mEg5cXDIKC4KwQImF4QHHP3bbKClT4dtX+oA/ACyxMskx2pZtdYZu6rkMLfyjsEMZBI2WWaPnpU9sS1nzaNOLYeGBIII6xtR/aenuhJSwSoQ8WBErnZTDVI+LB23jXAZWeVlrhuRAup3TwpO56kt40DROTY6wlLRJ4a1lC6W0Dgo5bBhhq1m9U6WoMy6X2KqoAh3JeUdZQjHXvAJ8gq/p0VuF7uEf35EEqsKxbtELYcQ0fEv+p8fwMLW+jInUqHRiFpWJ9cBB0LuQ/JVsAITnSL/Tic4D6Z/gGT2FkysO0h1wVE26QRmSjXFXaPlYw5wkWdXsVKznHwMuYo51ik2Heoo/loBqj8BkQ/WprQXdoiRry2YYF0OLuAQCMdsSBnYEXQ6ImHGnmmcEbhbz1OSTG6Ro8PUqSzDtcCHAua8RIKlKC0ZqjPIkSF9TMWSGsotry0nzH/kAebSouQxspoxbmelHOz24dca2F7D/Fsi6q2LTwiwaQm2tQuqkHbZ3F+y3uTPZZuga2YuHxCg8Nwo/Y4Z5D0AzC2Cb+/cul99hvH+GFZ4sm+ho/Lvn5NEr07pPlrHElPNibyYBu0GSfZHZOVIrMxjM2ruCWf0LR0T8jfW2+DoF+daaIjZYXmgs9G+CHtoJ7Gy5iEQe0IvdHYcDGsyaqApueCcBhJT0jZnkjdhKa1JBx5f49ezGj8TU6RH/kk/BBz3FRXXppr1/JRF1UT81I9q7n9mJR8ftVY1w/iGXSz9VqyV7EtCE7UhnPll6yuWZn5/9nQ+bVZ7L8rfk9au3wjf0qmmBM+ku8LO++7kR3htGO3AGU/NEHVMKiGituftX8Ewn/2FuKfUQAAAABJRU5ErkJggg==); } .i-dyn-publishing__tools__item.at.active[data-v-d50efbb4], .i-dyn-publishing__tools__item.at[data-v-d50efbb4]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACKUExURUdwTAC59wCq3QCl2gCh1gCh1gCh1wCh1gCh1gD//wCm3ACh1gCv5ACh1gCi1wDS/wCh1wCh1gCl2wCi1wCh1gCi1gCk2gCj2ACh1wCi1wCk2ACi1wCh1wCk2QCi2ACi1wCk2wCh1wCi1wCi1wCi1wCi1wCh1wCi1wCi1wCi1wCh1wCi1wCj1wCh1ubNttIAAAAtdFJOUwAFDiHj9If77wEX/gncnwKQ0hJ996csROlzM26vJzrZHLbBzHhTxmeXX7xXTYBLq10AAAPpSURBVHja5VjZtqIwEGQHQZRFFtnBBVzy/783p5NR6ASUe+dx6o2QVKq7K41R+p+xCZoyi5tg/w8cwdMo/ANhOPhRWP2GLTZ8h/CwiufPuLa9TxwyCy0MVtMoYUpGmJZWa5Y5kXWU12X39qapd33SbNhok+SF9RrPVvCUV0LhXHObfycn0YGpPH9N1U0nAH1QFyppMKpi+5FmP7ANvQ8JbSIC6JRPxWoJ4F5+Vv2gubpul3lYeoxv8W9Ul0a3NE++0+w8pO+wT3THhbc0djded3pqKGwy++5IedbatkzB5XMJr0wwbSmtxQUkeTOJdqHsibQeUOGD6LYQAstnhB694hoZD/nvfmOlVHDmTmLAo5GQ0nP9PvRwUuXIdGO0t8kfox0kiB+8WGSCeyD1SIOsEULOnO1NMTAlIhgnGQxb4HS4eJEH4mWc/Y512NbLw4E1lsHELrThOUaetgRBcktpDJs99YeXrqc0ooPYeE9Y+AzSNpBWY/VeTA3n4ft0VSEUsnKAZ+qSnPFo01kZTJp2IYgsQYH5UNoKDWmsoaExEyRiYh31hH7GngYBhGjMBwU41FaYUOMqbhICSIRj8kD9Aye/giUX/rwTQIB9jIWfoKr8e43vfwqZ8R+WALlG/QPyKnYIXTyOYJIj2sqZJkSFvatZouMnogbsiL5tUHtZaOkjPTLgDWVR4wt9Er9nIHwrieVHNqp5wTuB6ImnAfYQ7Wj/mFcUzeb6LOYaJFj75RzdsYOXR3PkZLFqxRxRYGIXAzo6Efso5vw48ERQSpLhRu9wC6/cXgZVjLHxxQPi8dUduO/4Zcw+GiPOBgkSGj2o9ifPNkFnBqDUhC+J3MF+W8FqNuczjz/mvEyPUFsjwHZHrqy6ipszp2hDeTquRYRcbIpOf5HhRUh208JzCs9CHRO+1Z5KRvM8AUftj7KDUCcgupp1rb+fCO+ogNbIjahmUcVgCjNUJOUSHdhQJgmg/bifBnclCGks2XS5mULRR8E8YF2qTJkK9NlXWcZH6PgnO5ZkYAvW75vEgxnRMF8j1vLNJpr5wZYZUXdqvaf8boHnXRRp2pDI0iJsi2Z05a3y08sLWMC1pZ+gqeaknem9QJbW42gia+Pz1K3WJO9Qh+KPs6OtzJNKnXaY3TdwqUMua3huFp37XCgd3cXxgq9ymF2xehz3muuvYhzI13zmzL3uY9ErpaevutcmKWFUoSqJiM9Xh1D42der2OAQhnq4Za/utlWrh9Gm727QrzFc1pI3HF2rXS3VyRSWoUjrkBUmWYTfb6X1sPOTQ0SY3bGUforg4t3TMRz/PvSQsl9iC39DlaoNDP8p/gBrzsvAWZ8UPAAAAABJRU5ErkJggg==); } .i-dyn-publishing__tools__item.poll[data-v-d50efbb4] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTJmZmZubm5mZmaCgoJmZmZmZmZubm5mZmZmZmZqampqampubm5mZmUgFfecAAAANdFJOUwCMQOQKqX8pmPoUOVLiCEAUAAAAzklEQVR42u3UoQrCYBiF4U+YIEveiE0xCQOTTTB7CSajDKx2g9G7MO0SLBMxyLkXEQYnbLyLKm7pgA+m9//iF75kd8naTHqQTucWtJWkKZt09kY3/quBNFlJe0QL3bNkrSOiXOOIuR6ICi0j+noiGmkY0VP5R8h5EHIegJwHIecByHkAch6IrlUeiDbOA1D1Q4c+iVwsIRcLyMUScrGAXCwgFwvIBw2QDxog7w51SGXt0hUNu3Yz8+btlmH7VcD2+4Ltlwrbbx62rwfsL/xevIbIKGgJ0LwAAAAASUVORK5CYII=); } .i-dyn-publishing__tools__item.poll.active[data-v-d50efbb4], .i-dyn-publishing__tools__item.poll[data-v-d50efbb4]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTACn2QCh1gCh1wCl2QCh1wCu3QCi1gCj1wCh1wCi1gCt2QCn2QCi2ACi1wCi1gCk1gCh1wCh1gCh1vE3c1oAAAATdFJOUwAU+ucpgAyMQKnhBx06mpc4c1KgUxA3AAAA9ElEQVR42u2WwQ6DIBBEUSmKBLD1//+1bGxq4xywQ09198JmEl42e5gdo/WDCnZZbGjGdLlfS/W5a+PYeX3VbJvmKZw3qWWmLITB+0HezHOC7Mc7Y5yXPQV+QzKPk87JTPyWogy0tTLSQoOm8nvc2rG0k4L+C4R2QYPQLlgQ2gULQrsgQWgXPMiBXZCgB9gFCbqDXZCg2+GDghR0MRA6Kg1CR2VB6KgsCB2VBKGjsiAMYCQIAxgJwgBGglBXkIIUdHnQIbFF8J2KXs2Q9qReTbXhrF69CulTTxUd7xSp4+Xkdbzlu542PdX1PV3EaIP5Vtc6X08ftlK3z14VNAAAAABJRU5ErkJggg==); } .i-dyn-publishing__tools__item.timing-setting[data-v-d50efbb4] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTJqampmZmZycnKOjo5mZmZmZmZmZmaOjo5mZmb6+vpmZmZmZmZqampmZmZ6enpqampqampmZmZqampmZmZmZmZmZmfrjfBcAAAAWdFJOUwBJjBkJf+j3DqICzOVfriVnOrgqc8CotPiwAAACAElEQVR42uVYXZODIAwsAvJlrVbl///Uu/R6lxGoizrTh+s+tcAsyUJC4uUzce3iCt31IJGJCcxBojYlag8SidB940Fn6FcQp5SyRNTw//9BpIR2oXtoFJwW6qAlw2KS018Gu5tmciYWYNy0i+bWx5fob/XSaPNrQD+LSVorJzH3f4O6UiwZnvfYCbWW3j3vepA1PGP7QzP4fM4Pz8mxIuRNbn7utoGJQEfCXW54fo8EDeyJhMZvrfFNJGzaNBo2G7lvNnSSbWmBus7pkCCm9qX/KhRNJk3GkgRBbQndZPTF0WZD8Juh8/J1acSTnaYcLT1Nydp8JGnbvhjvbCwiYiFKucDRQah6IkVH7ArrydRhT6odSApbHG79HiLfFrde2FBMxGIsmcfkmdhHJMg3VRyERHhzzbcCECU3Txf8nfcSzQVdA1mJiXI9QjLW0TXFRHkwdIWiSu4lknnx5Wm1fU1kGGFaT/l6ogRLkQi7plKiLnENis1Ta7hEbHD8DNuH3jG0TY4fXEgMvpA4RBgwRHDQMnDQ8iAA2pwTGwBMbJxqAVCq5eQPAJM/P0cA6DniBxIAPpD8ZAPAJ5uLCABURHBZA8FlDSq0MLjQwqUfrDVbeboYHUAxeqI8Pl+wn28h3tPU1LdZb238cCv6zuYYt+tnPiAY+sbCHxBOwPvLR+MLHXZLB/rKpe4AAAAASUVORK5CYII=); } .i-dyn-publishing__tools__item.timing-setting.active[data-v-d50efbb4], .i-dyn-publishing__tools__item.timing-setting[data-v-d50efbb4]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABRUExURUdwTACh1wCi1wCi1wCi1wCh1gC34QCn4ACh1gCh1gCh1gCi1wCh1gCj2AC2/wCj2wCi1wCi2QCh2ACi1wCj1wCi1gCh1gCm2wCh1wCi3ACh1t0oBfQAAAAadFJOUwDmjcxipAgN+fTprkwaAyd9Q3CCN7jAK5sWd2DsegAAAiVJREFUeNrtmN2SgyAMhVUQsCj+1m15/wfdSW03I0WPtDO92N3vqqP1GJIQErO/icz9ily+KFT5gOpFoZMPOL0o1IucuNlCP0SfvYMmoSJjfoWQ6rtSLD4SZderFy2Rs/ErzCx1ssxXaXwEU34lybTWb2Lb464ZH9ZUdqjbRuumrQdbPawaDzqrEfc8vtRqpV9f7rkumiM6U77IDC57wg2LVD5hHWlua+r0Riy72woNLASjJ87XbJPr2RMjsMcThct2cIUn5K5/DJuNlm+mnXiRK00fZoMcwmd6Uso3Y6dE1GTyyRRzgVB7ji6e5KOuLXYc3hqKlztWRhzZaeK7xVL+XI/Woyvlk43ud3qgO17YOroeqwUl7Qt9XEhTiMvIdcMRw0LEQF7ST86TZJBLEXKn6Ktn7/0lrfhfvPdzFqBoZXWaUE1rU2HSU+xVmpCiDOgjwbSp55qlhIkEf0gVGiIJINhFQChwkgiuUaFuU4VaKiaRpqpJFWoizRf9W28LmeoHMa1vJQgFzFEhvDTlA/JgadDZfGtNGTgbhJ/RVtiSGXUQfpCQAE5IsEUQvEXApkXwpkVlBMNlBBc2BhU2hkstAJRapw2IGyj+4DhiwHEEDkgGHJDoyGbAkY2aCAY0EaitYUBbgxstBjdaTJMvrR8AtH7pzegH2uOkhv1TIwQPNTI21Egw1CSPWR8d/PAo+tHhGI/r6bjHB4SKvrEsHxBc9s8bfAOBJVgadXnoNAAAAABJRU5ErkJggg==); } .i-popover[data-v-d50efbb4] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 7px; pointer-events: all; } .i-popover[data-v-d50efbb4], .i-popover__arrow[data-v-d50efbb4] { background-color: #fff; position: absolute; } .i-popover[data-v-d50efbb4], .i-popover__arrow[data-v-d50efbb4] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-d50efbb4] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-emoji[data-v-d50efbb4] { color: #222; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; font-size: 12px; text-align: left; } .i-emoji__content[data-v-d50efbb4] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 236px; padding: 12px 12px 0; overflow-y: auto; } .i-emoji__list[data-v-d50efbb4] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; margin: 0; padding: 0; } .i-emoji__list__item[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-emoji__list__item.small img[data-v-d50efbb4] { height: 32px; margin: 7px; width: 32px; } .i-dyn-publishing__tools__item[data-v-d50efbb4]:not(:first-child) { margin-left: 20px; } .i-pics-uploader[data-v-d50efbb4] { min-height: 143px; width: 100%; } .i-pics-uploader__header[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; } .i-pics-uploader div[data-v-d50efbb4] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-pics-uploader__title[data-v-d50efbb4] { color: #222; font-size: 14px; } .i-pics-uploader__desc[data-v-d50efbb4] { color: silver; font-size: 12px; margin-left: 10px; } .i-pics-uploader__close[data-v-d50efbb4] { color: #999; cursor: pointer; } .i-pics-uploader__content[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px 0 5px; } .i-pics-uploader__add[data-v-d50efbb4] { border: 2px dashed #cbcbcb; cursor: pointer; height: 80px; margin-bottom: 10px; margin-left: 10px; position: relative; -webkit-transition: border-color .3s; transition: border-color .3s; width: 80px; } .i-pics-uploader__add i[data-v-d50efbb4] { font-size: 32px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #cbcbcb; } .i-pics-uploader__item[data-v-d50efbb4] { background-color: #f0f0f0; cursor: move; height: 80px; margin-bottom: 10px; margin-left: 10px; position: relative; width: 80px; } .i-pics-uploader__item__remove[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0,0,0,.6); color: #fff; cursor: pointer; display: none; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; top: 0; width: 20px; z-index: 2; } .i-pics-uploader__item:hover .i-pics-uploader__item__remove[data-v-d50efbb4] { display: block; } .i-pics-uploader-item-preview[data-v-d50efbb4] { height: 100%; position: relative; width: 100%; } .i-pics-uploader-item-preview__pic[data-v-d50efbb4] { background-position: 50%; background-size: cover; height: 100%; width: 100%; } .i-popover-modal[data-v-d50efbb4] { -webkit-font-smoothing: antialiased; } .i-create-poll[data-v-d50efbb4] { padding: 20px; } .i-create-poll__sec[data-v-d50efbb4] { -ms-flex-wrap: wrap; flex-wrap: wrap; } .i-create-poll__opt__title[data-v-d50efbb4] { color: #212121; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; line-height: 22px; margin-bottom: 8px; width: 82px; } .i-input[data-v-d50efbb4] { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; overflow: hidden; position: relative; width: 100%; } .i-input[data-v-d50efbb4]:before { border: 1px solid #e5e9ef; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; height: 200%; left: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 200%; } .i-input__inner[data-v-d50efbb4] { background-color: #fff; background-image: none; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #200; cursor: text; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: inherit; outline: none; width: 100%; } .i-input input.i-input__inner[data-v-d50efbb4] { height: 36px; line-height: 36px; padding: 0 10px; } .i-input.i-input--suffix input.i-input__inner[data-v-d50efbb4] { padding-right: 52px; } .i-input__suffix[data-v-d50efbb4] { bottom: 0; height: 100%; pointer-events: none; position: absolute; right: 0; width: 36px; } .i-input__count[data-v-d50efbb4] { bottom: 9px; color: #99a2aa; font-size: 14px; position: absolute; right: 10px; } .i-create-poll__add--description[data-v-d50efbb4] { margin: 8px 0; } .i-create-poll-add[data-v-d50efbb4] { background-color: transparent; border: none; color: #00a1d6; cursor: pointer; font-size: 14px; outline: none; } .i-create-poll-add__text[data-v-d50efbb4] { display: inline-block; vertical-align: middle; } .i-input textarea.i-input__inner[data-v-d50efbb4] { height: 60px; line-height: normal; padding: 10px; resize: none; } .i-create-poll__opt.flex[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .i-create-poll__opt.flex .i-create-poll__opt__title[data-v-d50efbb4] { margin-bottom: 0; } .i-radio-group[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .i-create-poll__sec[data-v-d50efbb4]:not(:first-child) { margin-top: 30px; } .i-create-poll-choice[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; margin-bottom: 6px; } .i-create-poll-choice .i-input[data-v-d50efbb4] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .i-create-poll-choice__delete[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #00a1d6; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; height: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -8px; width: 36px; } .i-select[data-v-d50efbb4] { display: inline-block; height: 36px; position: relative; width: 170px; } .i-popover-modal__footer[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 15px 20px; position: relative; } .i-popover-modal__button[data-v-d50efbb4] { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #505050; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 30px; margin-left: 10px; min-width: 90px; padding: 0 5px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-popover-modal__button.confirm[data-v-d50efbb4]:not(.disabled) { background-color: #00a1d6; color: #fff; } .i-popover-modal__button[data-v-d50efbb4]:before { -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid #e8ecf1; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; height: 200%; left: 0; position: absolute; top: 0; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 200%; z-index: -1; } .i-popover-modal__footer[data-v-d50efbb4]:after { border-bottom: 1px solid #e7e7e7; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; top: 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; z-index: 1; } .i-dyn-publishing__headquarters[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .i-dyn-publishing__hint[data-v-d50efbb4] { color: #99a2aa; font-size: 14px; margin-right: 20px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-dyn-publishing__action[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00a1d6; border-radius: 4px; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 70px; } /*g关注列表*/ .i-dyn-up-list[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 632px; } .i-dyn-home--member .i-dyn-up-list[data-v-d50efbb4] { width: 100%; } .i-dyn-up-list__next[data-v-d50efbb4], .i-dyn-up-list__prev[data-v-d50efbb4] { background-position: 50%; background-repeat: no-repeat; background-size: 12px; cursor: pointer; height: 28px; width: 28px; } .i-dyn-up-list__prev[data-v-d50efbb4] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuS4iuS4gOS4qiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDkyIDQ5MiI+PHBhdGggZD0iTTE5OC42MDggMjQ2LjEwNEwzODIuNjY0IDYyLjA0YzUuMDY4LTUuMDU2IDcuODU2LTExLjgxNiA3Ljg1Ni0xOS4wMjQgMC03LjIxMi0yLjc4OC0xMy45NjgtNy44NTYtMTkuMDMybC0xNi4xMjgtMTYuMTJDMzYxLjQ3NiAyLjc5MiAzNTQuNzEyIDAgMzQ3LjUwNCAwcy0xMy45NjQgMi43OTItMTkuMDI4IDcuODY0TDEwOS4zMjggMjI3LjAwOGMtNS4wODQgNS4wOC03Ljg2OCAxMS44NjgtNy44NDggMTkuMDg0LS4wMiA3LjI0OCAyLjc2IDE0LjAyOCA3Ljg0OCAxOS4xMTJsMjE4Ljk0NCAyMTguOTMyYzUuMDY0IDUuMDcyIDExLjgyIDcuODY0IDE5LjAzMiA3Ljg2NCA3LjIwOCAwIDEzLjk2NC0yLjc5MiAxOS4wMzItNy44NjRsMTYuMTI0LTE2LjEyYzEwLjQ5Mi0xMC40OTIgMTAuNDkyLTI3LjU3MiAwLTM4LjA2TDE5OC42MDggMjQ2LjEwNHoiIGZpbGw9IiM5OWEyYWEiLz48L3N2Zz4=); } .i-dyn-up-list__prev.disabled[data-v-d50efbb4] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuS4iuS4gOS4qiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDkyIDQ5MiI+PHBhdGggZD0iTTE5OC42MDggMjQ2LjEwNEwzODIuNjY0IDYyLjA0YzUuMDY4LTUuMDU2IDcuODU2LTExLjgxNiA3Ljg1Ni0xOS4wMjQgMC03LjIxMi0yLjc4OC0xMy45NjgtNy44NTYtMTkuMDMybC0xNi4xMjgtMTYuMTJDMzYxLjQ3NiAyLjc5MiAzNTQuNzEyIDAgMzQ3LjUwNCAwcy0xMy45NjQgMi43OTItMTkuMDI4IDcuODY0TDEwOS4zMjggMjI3LjAwOGMtNS4wODQgNS4wOC03Ljg2OCAxMS44NjgtNy44NDggMTkuMDg0LS4wMiA3LjI0OCAyLjc2IDE0LjAyOCA3Ljg0OCAxOS4xMTJsMjE4Ljk0NCAyMTguOTMyYzUuMDY0IDUuMDcyIDExLjgyIDcuODY0IDE5LjAzMiA3Ljg2NCA3LjIwOCAwIDEzLjk2NC0yLjc5MiAxOS4wMzItNy44NjRsMTYuMTI0LTE2LjEyYzEwLjQ5Mi0xMC40OTIgMTAuNDkyLTI3LjU3MiAwLTM4LjA2TDE5OC42MDggMjQ2LjEwNHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); cursor: not-allowed; } .i-dyn-up-list__window[data-v-d50efbb4] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 16px 0; } .i-dyn-up-list__content[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; } .i-dyn-up-list__item[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; height: 80px; margin: 0 5px; width: 62px; } .i-dyn-up-list__item__face[data-v-d50efbb4] { border: 2px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; -ms-flex-negative: 0; flex-shrink: 0; height: 36px; margin: 1px; position: relative; width: 36px; } .i-dyn-up-list__item.active .i-dyn-up-list__item__face[data-v-d50efbb4] { -webkit-box-shadow: 0 0 0 1px #00a1d6; box-shadow: 0 0 0 1px #00a1d6; } .i-dyn-up-list__item__face.all[data-v-d50efbb4] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #b9e9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .i-dyn-up-list__item__face.all img[data-v-d50efbb4] { height: 22px; width: 22px; } .i-dyn-up-list__item__face__img[data-v-d50efbb4] { border-radius: 50%; } .i-dyn-up-list__item__name[data-v-d50efbb4] { -webkit-line-clamp: 2; color: #6d757a; font-size: 12px; letter-spacing: 0; line-height: 16px; margin-top: 5px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-dyn-up-list__item.active .i-dyn-up-list__item__name[data-v-d50efbb4] { color: #00a1d6; } .i-dyn-up-list__next[data-v-d50efbb4] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuS4i+S4gOS4qiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDkyIDQ5MiI+PHBhdGggZD0iTTM4Mi42NzggMjI2LjgwNEwxNjMuNzMgNy44NkMxNTguNjY2IDIuNzkyIDE1MS45MDYgMCAxNDQuNjk4IDBzLTEzLjk2OCAyLjc5Mi0xOS4wMzIgNy44NmwtMTYuMTI0IDE2LjEyYy0xMC40OTIgMTAuNTA0LTEwLjQ5MiAyNy41NzYgMCAzOC4wNjRMMjkzLjM5OCAyNDUuOWwtMTg0LjA2IDE4NC4wNmMtNS4wNjQgNS4wNjgtNy44NiAxMS44MjQtNy44NiAxOS4wMjggMCA3LjIxMiAyLjc5NiAxMy45NjggNy44NiAxOS4wNGwxNi4xMjQgMTYuMTE2YzUuMDY4IDUuMDY4IDExLjgyNCA3Ljg2IDE5LjAzMiA3Ljg2czEzLjk2OC0yLjc5MiAxOS4wMzItNy44NkwzODIuNjc4IDI2NWM1LjA3Ni01LjA4NCA3Ljg2NC0xMS44NzIgNy44NDgtMTkuMDg4LjAxNi03LjI0NC0yLjc3Mi0xNC4wMjgtNy44NDgtMTkuMTA4eiIgZmlsbD0iIzk5YTJhYSIvPjwvc3ZnPg==); } .i-dyn-up-list__next.disabled[data-v-d50efbb4] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuS4i+S4gOS4qiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDkyIDQ5MiI+PHBhdGggZD0iTTM4Mi42NzggMjI2LjgwNEwxNjMuNzMgNy44NkMxNTguNjY2IDIuNzkyIDE1MS45MDYgMCAxNDQuNjk4IDBzLTEzLjk2OCAyLjc5Mi0xOS4wMzIgNy44NmwtMTYuMTI0IDE2LjEyYy0xMC40OTIgMTAuNTA0LTEwLjQ5MiAyNy41NzYgMCAzOC4wNjRMMjkzLjM5OCAyNDUuOWwtMTg0LjA2IDE4NC4wNmMtNS4wNjQgNS4wNjgtNy44NiAxMS44MjQtNy44NiAxOS4wMjggMCA3LjIxMiAyLjc5NiAxMy45NjggNy44NiAxOS4wNGwxNi4xMjQgMTYuMTE2YzUuMDY4IDUuMDY4IDExLjgyNCA3Ljg2IDE5LjAzMiA3Ljg2czEzLjk2OC0yLjc5MiAxOS4wMzItNy44NkwzODIuNjc4IDI2NWM1LjA3Ni01LjA4NCA3Ljg2NC0xMS44NzIgNy44NDgtMTkuMDg4LjAxNi03LjI0NC0yLjc3Mi0xNC4wMjgtNy44NDgtMTkuMTA4eiIgZmlsbD0iI2NjZDBkNyIvPjwvc3ZnPg==); cursor: not-allowed; } .at-panel[data-v-d50efbb4] { position: absolute; top: 28px; left: 10px; z-index: 10; width: 219px; border: 1px solid #E3E5E7; border-radius: 6px; font-size: 12px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); } .at-panel .panel-title[data-v-d50efbb4] { width: 100%; height: 41px; padding: 12px; color: #61666d; } .at-panel .at-list-container[data-v-d50efbb4] { max-height: 280px; overflow-x: hidden; overflow-y: scroll; height: 160px; } .at-panel .at-list-container .at-list-ground .ground-name[data-v-d50efbb4] { padding: 0 12px; color: #61666d; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-d50efbb4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; padding: 0 12px; margin: 4px 0; cursor: pointer; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-avatar[data-v-d50efbb4] { margin-right: 8px; } .i-avatar[data-v-d50efbb4] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar-face[data-v-d50efbb4] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-d50efbb4] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-d50efbb4] { border-radius: 50%; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name[data-v-d50efbb4] { color: #18191c; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan[data-v-d50efbb4] { color: #9499a0; } .i-input__prefix[data-v-d50efbb4], .i-input__suffix[data-v-d50efbb4] { color: #c0c4cc; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; -webkit-transition: all .3s; transition: all .3s; } .i-create-poll-choice__img[data-v-d50efbb4] { background: transparent url(data:image/png;base64,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) 50%/26px no-repeat; cursor: pointer; height: 36px; position: relative; width: 36px; } .i-create-poll-choice__img[data-v-d50efbb4]:before { background-color: #fbfbfb; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2; } .i-create-poll-choice__img__src[data-v-d50efbb4] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .i-create-poll-choice__img[data-v-d50efbb4]:after { border-right: 1px solid #e8ecf1; content: ""; height: 100%; position: absolute; right: -1px; top: 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 1px; z-index: 1; } .i-dyn-list-tabs[data-v-10010248] { background-color: #fff; border-radius: 4px; height: 48px; position: relative; width: 100%; } .i-dyn-list-tabs__list[data-v-10010248] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .i-dyn-list-tabs__item[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d757a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 20px; min-width: 56px; position: relative; } .i-dyn-list-tabs__item.active[data-v-10010248], .i-dyn-list-tabs__item[data-v-10010248]:hover { color: #00a1d6; } main section>div[data-v-10010248]:not(:first-child) { margin-top: 8px; } .i-dyn-list__notification[data-v-10010248] { background: #fcf9d7; border-radius: 4px; color: #e3b43d; cursor: pointer; font-size: 12px; height: 36px; letter-spacing: 0; line-height: 36px; margin-bottom: 8px; position: relative; text-align: center; } .i-dyn-list__item[data-v-10010248] { margin-bottom: 8px; } .i-dyn-item[data-v-10010248] { background-color: #fff; border-radius: 4px; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; letter-spacing: 0; min-width: 632px; position: relative; } .i-dyn-item[data-v-10010248], .i-dyn-item div[data-v-10010248] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-dyn-item__main[data-v-10010248] { padding: 0 12px 0 88px; position: relative; } .i-dyn-item__avatar[data-v-10010248] { height: 48px; left: 24px; position: absolute; top: 24px; width: 48px; } .b-avatar[data-v-10010248] { position: relative; pointer-events: none; } .i-dyn-item__header[data-v-10010248] { height: 73px; padding-top: 27px; } .i-dyn-title[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .i-dyn-title__text[data-v-10010248] { color: #222; cursor: pointer; font-size: 16px; } .i-dyn-item__desc[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .i-dyn-time[data-v-10010248] { color: #99a2aa; cursor: pointer; font-size: 12px; height: 22px; line-height: 22px; -webkit-transition: color .3s ease; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-item__ornament[data-v-10010248] { position: absolute; right: 48px; top: 18px; } .i-dyn-item__more[data-v-10010248] { position: absolute; right: 16px; top: 30px; } .i-dyn-more__btn[data-v-10010248] { cursor: pointer; position: absolute; } .i-dyn-more__btn.tp[data-v-10010248] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTIwIDguODlhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA4Ljg5em0wIDE1LjU2QTQuNDQgNC40NCAwIDExMjQuNDQgMjAgNC40NCA0LjQ0IDAgMDEyMCAyNC40NHpNMjAgNDBhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA0MHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); height: 16px; right: 0; top: 3px; width: 16px; } .i-dyn-more__btn:hover .i-popover[data-v-10010248] { display: block!important; } .i-popover[data-v-10010248] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 5px; pointer-events: all; } .i-popover[data-v-10010248], .i-popover__arrow[data-v-10010248] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-10010248] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-dyn-more__menu__item[data-v-10010248] { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .i-dyn-item__body[data-v-10010248] { margin-top: 10px; } .i-dyn-content[data-v-10010248] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; width: 532px; } .i-dyn-content__orig__topic[data-v-10010248] { margin-bottom: 4px; } .i-dyn-topic[data-v-10010248] { height: 20px; } .i-dyn-topic__card[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; } .i-dyn-topic__text[data-v-10010248] { color: #008ac5; font-size: 14px; height: 100%; line-height: 22px; } .i-dyn-content__orig__desc[data-v-10010248] { cursor: pointer; padding-right: 10px; } .i-rich-text[data-v-10010248] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content[data-v-10010248] { color: #222; } .i-dyn-content__orig__major[data-v-10010248] { width: 520px; } .i-dyn-content__orig__major.gap[data-v-10010248] { margin-top: 10px; } .i-dyn-card-video[data-v-10010248] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 129px; overflow: hidden; } .i-dyn-card-video__header[data-v-10010248] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; width: 203px; } .i-dyn-card-video__badge[data-v-10010248] { background-color: #fb7299; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; line-height: 18px; min-width: 32px; padding: 0 5px; pointer-events: none; position: absolute; right: 8px; text-align: center; top: 8px; z-index: 10; } .i-dyn-card-video__cover[data-v-10010248] { height: 100%; position: relative; width: 100%; } .i-awesome-img[data-v-10010248] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/logo.943fc92.png); } .i-dyn-card-video__duration[data-v-10010248] { bottom: 8px; color: #fff; font-size: 12px; left: 8px; pointer-events: none; position: absolute; } .i-dyn-card-video__mark[data-v-10010248] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 8px; height: 22px; position: absolute; right: 10px; width: 22px; } .i-dyn-card-video__mark__tip[data-v-10010248] { background: rgba(0,0,0,.7); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; left: 50%; line-height: 12px; padding: 6px 8px; position: absolute; top: -27px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .i-dyn-card-video__body[data-v-10010248] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 9px 12px 6px 16px; } .i-ellipsis[data-v-10010248] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-card-video__title[data-v-10010248] { -webkit-line-clamp: 2; color: #212121; font-size: 14px; -webkit-transition: color .2s; transition: color .2s; } .i-dyn-card-video__desc[data-v-10010248] { color: #2c3e50; -webkit-line-clamp: 2; } .i-dyn-card-video__stat[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 18px; line-height: 18px; } .i-dyn-card-video__stat__item[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 72px; } .i-dyn-card-video__stat__item i[data-v-10010248] { display: inline-block; height: 14px; margin-right: 4px; width: 14px; } /*音频*/ .i-dyn-card-music[data-v-10010248] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; border: 1px solid #e5e9ef; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 80px; overflow: hidden; } .i-dyn-card-music__left[data-v-10010248] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 80px; } .i-dyn-card-music__cover[data-v-10010248] { height: 100%; } .i-dyn-card-music__right[data-v-10010248] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0 15px; } .i-dyn-card-music__title[data-v-10010248] { font-size: 14px; margin-top: 16px; -webkit-transition: color .3s; transition: color .3s; } .i-dyn-card-music__label[data-v-10010248], .i-dyn-card-music__title[data-v-10010248] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .i-dyn-card-music__label[data-v-10010248] { color: #99a2aa; font-size: 12px; margin-top: 8px; } /*文章*/ .dyn-card-opus__title[data-v-10010248] { -webkit-line-clamp: 2; color: #18191c; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 25px; } .dyn-card-opus__summary[data-v-10010248] { cursor: pointer; } .dyn-card-opus__summary .i-rich-text[data-v-10010248] { pointer-events: none; } .i-rich-text[data-v-10010248] { font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content.folded[data-v-10010248] { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; max-height: 88px; overflow: hidden; text-overflow: ellipsis; } .i-rich-text__content.line--4[data-v-10010248] { -webkit-line-clamp: 4; max-height: 88px; } .i-rich-text__action[data-v-10010248] { color: #178bcf; cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dyn-card-opus__pics[data-v-10010248] { margin-top: 12px; } .i-album[data-v-10010248] { width: 518px; } .i-album__preview__picture[data-v-10010248] { position: relative; } .one .i-album__preview__picture[data-v-10010248]{ width: 240px; height: 262px; } .i-album__preview__picture__img[data-v-10010248] { border-radius: 4px; /*cursor: zoom-in;*/ height: 100%; width: 100%; } .i-dyn-item__footer[data-v-10010248] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; } .i-dyn-item__action[data-v-10010248] { position: relative; } .i-dyn-action[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 92px; } .i-dyn-action.active[data-v-10010248] { color: #00a1d6; } .i-dyn-action i[data-v-10010248] { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 16px; margin-right: 4px; width: 20px; } .i-dyn-content__orig.reference[data-v-10010248] { background-color: #f4f5f7; border-radius: 4px; margin-left: -12px; margin-top: 8px; padding: 8px 12px; } .dyn-orig-author[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; width: 100%; } .dyn-orig-author__left[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dyn-orig-author__face[data-v-10010248] { cursor: pointer; height: 24px; margin-right: 8px; width: 24px; } .dyn-orig-author__face__img[data-v-10010248] { border-radius: 50%; height: 100%; width: 100%; } .dyn-orig-author__name[data-v-10010248] { color: #00a1d6; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; } .dyn-orig-author__right[data-v-10010248] { -ms-flex-negative: 0; flex-shrink: 0; } .i-dyn-item__interaction[data-v-10010248] { margin-top: 12px; } .i-dyn-interaction[data-v-10010248] { position: relative; width: 532px; } .i-dyn-interaction[data-v-10010248]:before { background-color: #e7e7e7; border-radius: 1px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .i-dyn-interaction__item[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 36px; position: relative; } .i-dyn-interaction__item__icon[data-v-10010248] { height: 12px; left: 12px; position: absolute; top: 4px; width: 12px; } .i-dyn-interaction__item__desc .i-rich-text[data-v-10010248] { font-size: 13px; line-height: 21px; } .i-dyn-interaction__item__desc .i-rich-text__content[data-v-10010248] { color: #99a2aa; } .i-rich-text-link[data-v-10010248], .i-rich-text-module[data-v-10010248], .i-rich-text-topic[data-v-10010248] { color: #178bcf; cursor: pointer; } .i-album__preview.grid9[data-v-10010248] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248] { height: 104px; width: 104px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:first-child, .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(2) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(3) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(4), .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(5) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(6) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(7), .i-album__preview.grid9 .i-album__preview__picture[data-v-10010248]:nth-child(8) { margin-right: 4px; } .i-album__watch__control[data-v-10010248] { background: #f4f5f7; border-radius: 4px 4px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; } .i-album__watch__control__option[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__control__option i[data-v-10010248] { background-repeat: no-repeat; height: 14px; margin-right: 6px; width: 14px; } .i-album__watch__content[data-v-10010248] { background: #f4f5f7; position: relative; text-align: center; width: 100%; } .i-album__watch__content img[data-v-10010248] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__content__next[data-v-10010248], .i-album__watch__content__prev[data-v-10010248] { height: 100%; position: absolute; top: 0; width: 33%; } .i-album__watch__content__prev[data-v-10010248] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=),pointer; left: 0; } .i-album__watch__content__next[data-v-10010248] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==),pointer; right: 0; } .i-album__watch__track[data-v-10010248] { margin-top: 6px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__track__activeitemborder[data-v-10010248] { border: 1px solid #fb7299; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 58px; left: 0; position: absolute; top: 0; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); -webkit-transition: left .18s cubic-bezier(.22,.58,.12,.98); transition: left .18s cubic-bezier(.22,.58,.12,.98); width: 58px; } .i-album__watch__track__slider[data-v-10010248] { overflow: hidden; width: 100%; } .i-album__watch__track__list[data-v-10010248] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .18s cubic-bezier(.22,.58,.12,.98); transition: all .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item[data-v-10010248] { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; height: 54px; position: relative; width: 54px; } .i-album__watch__track__item[data-v-10010248]:not(:last-child) { margin-right: 4px; } .i-album__watch__track__item img[data-v-10010248] { border-radius: 4px; height: 100%; opacity: .5; -webkit-transition: opacity .18s cubic-bezier(.22,.58,.12,.98); transition: opacity .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item.active img[data-v-10010248], .i-album__watch__track__item:hover img[data-v-10010248] { opacity: 1; } .dyn-vote[data-v-10010248] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; overflow: hidden; } .dyn-vote__header[data-v-10010248] { -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .dyn-vote__cover[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOSI+PHBhdGggZD0iTTMuMyAyOC4zQzEuNSAyOC4zIDAgMjYuOSAwIDI1VjEwLjFjMC0xLjggMS41LTMuMyAzLjMtMy4zczMuMyAxLjUgMy4zIDMuM1YyNWMuMSAxLjktMS40IDMuMy0zLjMgMy4zek0zLjMgOGMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xczIuMS0xIDIuMS0yLjFWMTAuMUM1LjUgOC45IDQuNSA4IDMuMyA4ek0xNCAyOC40Yy0xLjggMC0zLjMtMS41LTMuMy0zLjNWMy4zQzEwLjcgMS41IDEyLjIgMCAxNCAwczMuMyAxLjUgMy4zIDMuM1YyNWMwIDEuOS0xLjUgMy40LTMuMyAzLjR6bTAtMjcuMmMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xIDEuMiAwIDIuMS0xIDIuMS0yLjFWMy4zYzAtMS4xLS45LTIuMS0yLjEtMi4xem0xMC43IDI3LjJjLTEuOCAwLTMuMy0xLjUtMy4zLTMuM3YtNi44YzAtMS44IDEuNS0zLjMgMy4zLTMuM3MzLjMgMS41IDMuMyAzLjNWMjVjMCAxLjktMS41IDMuNC0zLjMgMy40em0wLTEyLjNjLTEuMiAwLTIuMSAxLTIuMSAyLjFWMjVjMCAxLjIgMSAyLjEgMi4xIDIuMXMyLjEtMSAyLjEtMi4xdi02LjhjMC0xLjItMS0yLjEtMi4xLTIuMXoiIGZpbGw9IiMwMGExZDYiLz48L3N2Zz4=) 50%/28px no-repeat #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .dyn-vote__body[data-v-10010248] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dyn-vote__detail[data-v-10010248] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 15px; } .dyn-vote__detail__title[data-v-10010248] { color: #222; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dyn-vote__detail__desc[data-v-10010248] { color: #99a2aa; font-size: 12px; } .dyn-vote__action[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; } .dyn-vote__action button[data-v-10010248] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 13px; height: 28px; outline: none; width: 54px; } .i-dyn-list-loading[data-v-10010248] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .i-dyn-list-no-more[data-v-10010248] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #99a2aa; font-size: 14px; height: 130px; padding-top: 44px; position: relative; text-align: center; width: 100%; } .bb-comment[data-v-10010248] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-10010248]{ margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-10010248] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-10010248] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-10010248] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-10010248], .comment-bilibili-fold ul[data-v-10010248] { margin: 0; padding: 0; list-style: none; } .bb-comment .comment-header .tabs-order li[data-v-10010248] { background-color: transparent; border-radius: 0; border: 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 20px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 10px; } .bb-comment .comment-header .tabs-order li.on[data-v-10010248] { color: #00a1d6; } .bb-comment .clearfix[data-v-10010248]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .song-img[data-v-10010248] { position: absolute; width: 80px; height: 80px; background-color: #e0e0e0; border-radius: 4px; } .song-img span[data-v-10010248] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .reply-box[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reply-box .box-normal[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; /*height: 80px;*/ -webkit-transition: 0.2s; transition: 0.2s; } .reply-box.box-active .box-normal[data-v-0d5f6071] { height: 65px; } .reply-box .box-normal .reply-box-avatar[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 50px; } .avatar[data-v-0d5f6071] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .avatar-img[src=""][data-v-0d5f6071], .avatar-img[data-v-0d5f6071]:not([src]) { opacity: 0; } .avatar .avatar-size-60[data-v-0d5f6071], .avatar .avatar-size-50[data-v-0d5f6071], .avatar .avatar-size-48[data-v-0d5f6071] { width: 18px; height: 18px; bottom: -1px; } .reply-box .box-normal .reply-box-warp[data-v-0d5f6071] { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(100% - 200px); } .reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-0d5f6071] { width: 100%; height: 100%; padding: 5px 10px; border: 1px solid #f1f2f3; border-radius: 6px; background-color: #f1f2f3; font-family: inherit; line-height: 38px; color: #18191c; resize: none; outline: none; } .reply-box .box-normal .reply-box-warp .reply-box-textarea.focus[data-v-0d5f6071], .reply-box .box-normal .reply-box-warp .reply-box-textarea[data-v-0d5f6071]:hover { background-color: #fff; border-color: #c9ccd0; } .reply-box.box-active .box-normal .reply-box-warp .reply-box-textarea.send-active[data-v-0d5f6071] { line-height: normal; } .reply-box.disabled .box-normal .reply-box-warp .disable-mask[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 50px; border-radius: 6px; font-size: 12px; color: #9499a0; background-color: #f1f2f3; } .reply-box.disabled .box-normal .reply-box-warp .disable-mask .login-btn[data-v-0d5f6071] { padding: 4px 9px; margin: 0 3px; border-radius: 4px; color: #fff; background-color: #00a1d6; } .reply-box .box-normal .reply-box-send[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-preferred-size: 70px; flex-basis: 70px; margin-left: 10px; border-radius: 4px; cursor: pointer; height: 50px; } .reply-box.disabled .box-normal .reply-box-send[data-v-0d5f6071] { cursor: not-allowed; } .reply-box .box-normal .reply-box-send .send-text[data-v-0d5f6071] { position: absolute; z-index: 1; font-size: 16px; color: #fff; } .reply-box.disabled .box-normal .reply-box-send .send-text[data-v-0d5f6071] { color: #9499a0; } .reply-box .box-normal .reply-box-send[data-v-0d5f6071]::after { content: ''; position: absolute; /*opacity: 0.5;*/ width: 100%; height: 100%; border-radius: 4px; background-color: #00a1d6; } .reply-box.disabled .box-normal .reply-box-send[data-v-0d5f6071]::after { opacity: 1; background-color: #f1f2f3; } .reply-box.box-active .box-normal .reply-box-send.send-active[data-v-0d5f6071]::after { opacity: 1; } /*评论*/ .reply-list[data-v-0d5f6071] { margin-top: 14px; padding-bottom: 20px; } .reply-item[data-v-0d5f6071] { position: relative; padding: 10px 0 0 80px; } .reply-item .root-reply-avatar[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; width: 80px; cursor: pointer; } .avatar-face[data-v-0d5f6071] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; } .avatar-img[data-v-0d5f6071] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .avatar-img-radius[data-v-0d5f6071] { border-radius: 50%; } .reply-item .content-warp[data-v-0d5f6071] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding-bottom: 14px; border-bottom: 1px solid #e3e5e7; } .reply-item .content-warp .reply-decorate[data-v-0d5f6071] { position: absolute; top: 0; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateY(-15px); transform: translateY(-15px); } .reply-item .content-warp .reply-decorate .user-sailing[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reply-item .content-warp .reply-decorate .user-sailing .user-sailing-img[data-v-0d5f6071] { height: 48px; } .reply-item .content-warp .user-info[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .reply-item .content-warp .user-info .user-name[data-v-0d5f6071] { font-weight: 500; margin-right: 5px; color: #61666d; cursor: pointer; } .reply-item .content-warp .user-info .user-name[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-item .content-warp .user-info .user-level[data-v-0d5f6071] { width: 22px; height: 22px; margin-right: 5px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reply-item .content-warp .root-reply[data-v-0d5f6071] { position: relative; font-size: 15px; line-height: 24px; } .reply-item .content-warp .root-reply .reply-content[data-v-0d5f6071] { overflow: hidden; word-wrap: break-word; word-break: break-word; /*white-space: pre-wrap;*/ vertical-align: baseline; max-height: 240px; } .reply-item .content-warp .root-reply .reply-content.all-content[data-v-0d5f6071] { max-height: inherit; } .reply-item .content-warp .root-reply .comment-more[data-v-0d5f6071]{ display: block; color: #00a1d6; cursor: pointer; } .reply-item .content-warp .root-reply .reply-content .emoji-large[data-v-0d5f6071] { width: 50px; height: 50px; vertical-align: text-bottom; } .reply-item .content-warp .root-reply .reply-info[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 13px; color: #9499a0; } .reply-item .content-warp .root-reply .reply-info .reply-time[data-v-0d5f6071] { margin-right: 20px; } .reply-item .content-warp .root-reply .reply-info .reply-like[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 19px; cursor: pointer; } .reply-item .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-0d5f6071] { margin-right: 5px; color: #9499a0; } .reply-item .content-warp .root-reply .reply-info .reply-like .like-icon.like[data-v-0d5f6071], .reply-item .content-warp .root-reply .reply-info .reply-like .like-icon[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-item .content-warp .root-reply .reply-info .reply-dislike[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 19px; } .reply-item .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-0d5f6071] { color: #9499a0; cursor: pointer; margin-right: 5px; } .reply-item .content-warp .root-reply .reply-info .reply-dislike .dislike-icon.dislike[data-v-0d5f6071], .reply-item .content-warp .root-reply .reply-info .reply-dislike .dislike-icon[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-item .content-warp .root-reply .reply-info .reply-btn[data-v-0d5f6071] { cursor: pointer; } .reply-item .content-warp .root-reply .reply-info .reply-btn[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-item .content-warp .root-reply .reply-info .reply-operation-warp[data-v-0d5f6071] { position: absolute; right: 20px; opacity: 0; } .reply-item:hover .content-warp .root-reply .reply-info .reply-operation-warp[data-v-0d5f6071] { opacity: 1; } .reply-operation[data-v-0d5f6071] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .reply-operation .operation-icon[data-v-0d5f6071] { color: #9499a0; cursor: pointer; } .reply-operation .operation-icon[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-operation .operation-list[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 25px; right: 0; z-index: 10; width: 120px; padding: 10px 0px; border-radius: 4px; font-size: 14px; color: #18191c; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); opacity: 1; } .reply-operation .operation-list .operation-option[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; padding: 0 15px; cursor: pointer; } .reply-operation .operation-list .operation-option[data-v-0d5f6071]:hover { color: #00a1d6; } .reply-item .content-warp .root-reply .reply-tag-list[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 14px; } .sub-reply-item[data-v-0d5f6071] { position: relative; padding: 8px 0 8px 34px; font-size: 15px; line-height: 24px; } .sub-reply-item .sub-user-info[data-v-0d5f6071] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 9px; line-height: 24px; vertical-align: baseline; white-space: nowrap; } .sub-reply-item .sub-user-info .sub-reply-avatar[data-v-0d5f6071] { position: absolute; left: 0; cursor: pointer; } .avatar-right-icon[data-v-0d5f6071] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .avatar .avatar-size-30[data-v-0d5f6071], .avatar .avatar-size-24[data-v-0d5f6071] { width: 12px; height: 12px; bottom: -1px; } .sub-reply-item .sub-user-info .sub-user-name[data-v-0d5f6071] { font-weight: 500; margin-right: 5px; color: #61666d; cursor: pointer; font-size: 13px; line-height: 24px; } .sub-reply-item .sub-user-info .sub-user-name[data-v-0d5f6071]:hover { color: #00a1d6; } .sub-reply-item .sub-user-info .sub-user-level[data-v-0d5f6071] { width: 22px; height: 22px; cursor: pointer; } .sub-reply-item .user-link[data-v-0d5f6071] { color: #00a1d6; cursor: pointer; } .sub-reply-item .sub-reply-content[data-v-0d5f6071] { overflow: hidden; word-wrap: break-word; word-break: break-word; /*white-space: pre-wrap;*/ line-height: 24px; vertical-align: baseline; max-height: 240px; } .sub-reply-item .sub-reply-content.all-content[data-v-0d5f6071] { max-height: inherit; } .sub-reply-item .comment-more[data-v-0d5f6071]{ display: block; color: #00a1d6; cursor: pointer; } .sub-reply-item .sub-reply-content p[data-v-0d5f6071] { display: inline-block; } .sub-reply-item .sub-reply-content .emoji-small[data-v-0d5f6071] { vertical-align: text-bottom; width: 20px; height: 20px; } .sub-reply-item .sub-reply-info[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 13px; color: #9499a0; } .sub-reply-item .sub-reply-info .sub-reply-time[data-v-0d5f6071] { margin-right: 20px; } .sub-reply-item .sub-reply-info .sub-reply-like[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 19px; cursor: pointer; } .sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-0d5f6071] { margin-right: 5px; color: #9499a0; } .sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon[data-v-0d5f6071]:hover, .sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon.like[data-v-0d5f6071]{ color: #00a1d6; } .sub-reply-item .sub-reply-info .sub-reply-dislike[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 19px; } .sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-0d5f6071] { color: #9499a0; cursor: pointer; margin-right: 5px; } .sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon[data-v-0d5f6071]:hover, .sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon.dislike[data-v-0d5f6071] { color: #00a1d6; } .sub-reply-item .sub-reply-info .sub-reply-btn[data-v-0d5f6071] { cursor: pointer; } .sub-reply-item .sub-reply-info .sub-reply-operation-warp[data-v-0d5f6071] { position: absolute; right: 40px; opacity: 0; } .sub-reply-list .view-more[data-v-0d5f6071] { font-size: 13px; color: #9499a0; } .sub-reply-list .view-more .view-more-default .view-more-btn[data-v-0d5f6071] { cursor: pointer; } .sub-reply-item:hover .sub-reply-info .sub-reply-operation-warp[data-v-0d5f6071] { opacity: 1; } .reply-list .reply-end-mark[data-v-0d5f6071] { /*height: 100px;*/ } .reply-warp .fixed-reply-box[data-v-0d5f6071] { position: fixed; bottom: 0; /*left: 26px;*/ z-index: 10; width: 668px; } .reply-warp .fixed-reply-box .reply-box-shadow[data-v-0d5f6071] { position: absolute; top: -10px; z-index: 1; width: 100%; height: 36px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.08); -webkit-filter: blur(10px); filter: blur(10px); } .reply-box[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reply-box.fixed-box[data-v-0d5f6071] { position: relative; z-index: 2; padding: 15px 0; border-top: 0.5px solid #e3e5e7; background-color: #fff; } .reply-box.fixed-box .box-normal[data-v-0d5f6071] { height: 40px; } .reply-box.fixed-box .box-normal .reply-box-avatar[data-v-0d5f6071] { height: 40px; } .reply-box.fixed-box .box-normal .reply-box-warp .reply-box-textarea[data-v-0d5f6071] { line-height: 28px; } /*举报*/ .report-box[data-v-0d5f6071] { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; } .report-dialog[data-v-0d5f6071] { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; color: #000000; font-size: 14px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #fff; border-radius: 8px; padding: 32px 24px 24px; border: 1px solid #e3e5e7; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .report-box .close[data-v-0d5f6071] { position: absolute; font-size: 22px; right: 24px; top: 20px; cursor: pointer; } .vui_dialog--title[data-v-0d5f6071] { line-height: 22px; color: #000000; font-weight: 600; font-size: 16px; margin-bottom: 24px; } .report-dialog .report-dialog-content[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; border-top: 0.5px solid #c9ccd0; } .report-dialog .report-dialog-content .report-reason-warp[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } .report-dialog .report-dialog-content .report-reason-warp .report-reason-type[data-v-0d5f6071] { margin-bottom: 15px; font-size: 12px; text-align: left; color: #9499a0; } .report-dialog .report-dialog-content .report-reason-warp .report-reason-list[data-v-0d5f6071] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; white-space: nowrap; } .report-dialog .report-dialog-content .report-reason-warp .report-reason-list .report-reason-item[data-v-0d5f6071] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 25%; margin-bottom: 16px; color: #606266; } .vui_dialog--footer[data-v-0d5f6071] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; margin-top: 24px; height: 32px; } .vui_button[data-v-0d5f6071] { height: 34px; padding: 0 5px; border-radius: 5px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button[data-v-0d5f6071], .vui_button[data-v-0d5f6071]:focus { color: #000000; background: #fff; border: 1px solid #e3e5e7; } .vui_dialog--btn[data-v-0d5f6071] { height: 32px; width: 130px; margin-right: 12px; } .vui_dialog--btn-cancel[data-v-0d5f6071] { color: #000000; border: 1px solid #e3e5e7; } .vui_button--blue[data-v-0d5f6071], .vui_button--blue[data-v-0d5f6071]:focus { color: #fff; background: #00aeec; border: 1px solid #00aeec; } .report-dialog .custom-reason[data-v-0d5f6071] { width: 470px; } .report-dialog .custom-reason .custom-reason-textarea[data-v-0d5f6071] { width: 100%; height: 70px; padding: 8px; margin-top: 8px; border: 1px solid #c9ccd0; border-radius: 4px; outline: none; resize: none; } .btncontainer[data-v-77bfc8d5] { display: grid; width: 100%; } #textarea[data-v-77bfc8d5]:disabled { background-color: white; } #textarea[data-v-77bfc8d5] { width: 100%; /*height: 200px;*/ background: transparent; outline: none; border: solid 1px gray; border-radius: 5px; resize: none; font-size: 13px; } .btncontainer.comment #textarea[data-v-77bfc8d5] { width: 100%; min-height: 50px; padding: 5px 10px; border: 1px solid #f1f2f3; border-radius: 6px; background-color: #f1f2f3; font-family: inherit; line-height: 20px !important; color: #18191c; resize: none; outline: none; overflow: auto; } .btncontainer.comment #textarea.focus[data-v-77bfc8d5], .btncontainer.comment #textarea[data-v-77bfc8d5]:hover { background-color: #fff; border-color: #c9ccd0; } #textarea.empty[data-v-77bfc8d5]:before { color: rgba(0,0,0,.6); content: attr(data-placeholder); /*font-style: italic;*/ left: 15px; pointer-events: none; position: absolute; right: 15px; } .totest[data-v-77bfc8d5], .tohome[data-v-77bfc8d5] { font-size: 12px; height: 30px; width: 80px; border: 1px solid gray; border-radius: 10px; margin-top: 10px; text-align: center; line-height: 30px; margin-left: 10px; } .text[data-v-77bfc8d5] { width: 200px; height: 200px; } .item[data-v-77bfc8d5] { border-bottom: 1px solid gray; height: 20px; line-height: 20px; cursor: pointer; } .box-expand[data-v-77bfc8d5] { color: gray; padding-top: 5px; } .box-expand .at-btn[data-v-77bfc8d5] { position: relative; display: inline-block; } .box-expand .at-btn i[data-v-77bfc8d5] { width: 16px; height: 16px; border: solid 1px gainsboro; border-radius: 3px; padding: 2px 5px; cursor: pointer; } .at-panel[data-v-77bfc8d5] { position: absolute; top: 28px; left: 10px; z-index: 10; width: 219px; border: 1px solid #E3E5E7; border-radius: 6px; font-size: 12px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); } .at-panel .panel-title[data-v-77bfc8d5] { width: 100%; height: 41px; padding: 12px; color: #61666d; } .at-panel .at-list-container[data-v-77bfc8d5] { max-height: 280px; overflow-x: hidden; overflow-y: scroll; height: 160px; } .at-panel .at-list-container .at-list-ground .ground-name[data-v-77bfc8d5] { padding: 0 12px; color: #61666d; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item[data-v-77bfc8d5] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 52px; padding: 0 12px; margin: 4px 0; cursor: pointer; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-avatar[data-v-77bfc8d5] { margin-right: 8px; } .i-avatar[data-v-77bfc8d5] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar-face[data-v-77bfc8d5] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-77bfc8d5] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-77bfc8d5] { border-radius: 50%; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-name[data-v-77bfc8d5] { color: #18191c; } .at-panel .at-list-container .at-list-ground .at-user-list .at-user-item .user-info .user-fan[data-v-77bfc8d5] { color: #9499a0; } .vote-backdrop[data-v-74ffc94f] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3); z-index: 10; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vote-backdrop .extension-wrapper[data-v-74ffc94f] { width: 560px; height: 550px; border-radius: 4px; overflow: hidden; position: relative; } .vote-backdrop .extension-wrapper .title-box[data-v-74ffc94f] { width: 100%; height: 55px; border-bottom: 1px solid #e8ecf1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; background-color: #fff; position: relative; } .vote-backdrop .extension-wrapper .title-box .title-text[data-v-74ffc94f] { font-size: 20px; } .vote-backdrop .extension-wrapper .title-box .vote-close-button[data-v-74ffc94f] { width: 55px; height: 55px; line-height: 55px; text-align: center; position: absolute; right: 0; top: 0; color: #99a2aa; cursor: pointer; } .group[data-v-74ffc94f] { width: 100%; max-width: 600px; margin: 0 auto; background-color: #f4f4f4; height: 450px;; overflow: auto; position: relative; } .row[data-v-74ffc94f] { background-color: #fff; padding: 12px; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-align: left; min-height: 44px; position: relative; } .main-info[data-v-74ffc94f] { min-height: 0 !important; padding: 0 12px !important; } .row[data-v-74ffc94f] { padding: 12px 32px; } .main-info[data-v-74ffc94f] { padding: 0 32px !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vote-info-wrapper[data-v-74ffc94f] { width: 100%; margin: 12px 0 34px; } .vote-title-wrapper[data-v-74ffc94f] { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 8px; } .vote-title-wrapper .left-column[data-v-74ffc94f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .vote-title[data-v-74ffc94f] { font-size: 20px; color: #212121; line-height: 26px; font-weight: bold; margin: 0 12px 12px 0; word-break: break-all; word-wrap: break-word; } .vote-creator[data-v-74ffc94f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #505050; cursor: pointer; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vote-user-face[data-v-74ffc94f] { width: 28px; height: 28px; border-radius: 50%; background: #f4f4f4 center/cover no-repeat; } .vote-user-name[data-v-74ffc94f] { margin-right: 4px; -ms-flex-negative: 0; flex-shrink: 0; } .vote-user-name[data-v-74ffc94f] { color: #3f3f3f; } .vote-user-face[data-v-74ffc94f], .vote-user-text[data-v-74ffc94f] { margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } .vote-user-text[data-v-74ffc94f], .vote-left-time[data-v-74ffc94f] { color: #adadad; word-break: keep-all; word-wrap: break-word; } .vote-user-text[data-v-74ffc94f] { margin-right: -28px; } .vote-user-text[data-v-74ffc94f], .vote-left-time[data-v-74ffc94f] { color: #adadad; word-break: keep-all; word-wrap: break-word; } .vote-left-time[data-v-74ffc94f] { margin-left: 36px; } .vote-number[data-v-74ffc94f] { height: 76px; border: 1px solid #e7e7e7; border-radius: 50%; text-align: center; 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: center; -ms-flex-align: center; align-items: center; } .vote-title-wrapper .vote-number[data-v-74ffc94f] { width: 76px; } .joined-number[data-v-74ffc94f] { font-size: 18px; color: #fb7299; letter-spacing: -0.28px; line-height: 18px; } .joined-number[data-v-74ffc94f] { color: #00a1d6; } .joined-text[data-v-74ffc94f] { font-size: 10px; color: #757575; line-height: 10px; margin-top: 4px; } .vote-options[data-v-74ffc94f] { width: 100%; } .desc-title-wrapper[data-v-74ffc94f] { width: 100%; margin-bottom: 12px; 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; } .desc-title[data-v-74ffc94f] { font-size: 16px; color: #1e1e1e; font-weight: bold; } .choice-count-text[data-v-74ffc94f] { font-size: 13px; color: #757575; } .options-list[data-v-74ffc94f] { width: 100%; margin-bottom: 18px; } .options-list.image[data-v-74ffc94f] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .options-list.image[data-v-74ffc94f] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .option-li[data-v-74ffc94f] { width: 100%; border: 1px solid #dcdcdc; border-radius: 4px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; overflow: hidden; } .image .option-li[data-v-74ffc94f] { margin-right: 4px; width: calc(25% - 4px); display: block; } .image-voted[data-v-74ffc94f]{ padding-left: 60px; min-height: 60px; } .option-li.is-max[data-v-74ffc94f] { border-color: #8dd0ff; } .image-box-voted[data-v-74ffc94f] { width: 60px; height: 60px; background: #f4f4f4 center/cover no-repeat; position: absolute; left: -1px; top: -1px; border: 1px solid #e7e7e7; border-right: none; border-radius: 4px 0 0 4px; } .is-max .image-box-voted[data-v-74ffc94f] { border-color: #8dd0ff4f; } .percentage-bar[data-v-74ffc94f] { height: 100%; position: absolute; top: 0; left: 0; background-color: #e8edf473; } .image-voted .percentage-bar[data-v-74ffc94f] { height: 58px; } .is-max .percentage-bar[data-v-74ffc94f] { background-color: #8dd0ff4f; } .option-content-wrapper[data-v-74ffc94f] { min-height: 44px; padding: 4px 13px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .image .option-content-wrapper[data-v-74ffc94f] { width: 100%; padding: 170px 0 0; } .image .option-content-wrapper[data-v-74ffc94f] { padding-top: 118px; } .image-box[data-v-74ffc94f] { width: calc(100% + 2px); height: 170px; background: #f4f4f4 center/cover no-repeat; position: absolute; top: -1px; left: -1px; border: 1px solid #dcdcdc; border-radius: 4px 4px 0 0; z-index: 1; } .image-box[data-v-74ffc94f] { height: 120px; width: 120px; } .desc[data-v-74ffc94f] { font-size: 14px; color: #212121; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; z-index: 2; } .image .desc[data-v-74ffc94f] { font-size: 13px; color: #757575; line-height: 17px; padding: 12px; } .option-text[data-v-74ffc94f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; word-break: break-all; line-height: 1.3; } .option-text.voted[data-v-74ffc94f] { font-weight: bold; font-size: 13px; } .is-max .option-text[data-v-74ffc94f] { color: #000; } .vote-percentage[data-v-74ffc94f] { color: #757575; font-size: 14px; } .checkbox.image-checkbox[data-v-74ffc94f] { position: absolute; top: 4px; right: 4px; z-index: 2; } .is-max .vote-percentage[data-v-74ffc94f] { color: #212121; font-weight: bold; } .button-wrapper[data-v-74ffc94f] { text-align: center; margin: 0 0 20px; /*padding-top: 14px;*/ cursor: pointer; } .row .clear[data-v-74ffc94f] { clear: both; } .my-followee-wrapper[data-v-74ffc94f] { position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; height: 55px; } .row[data-v-74ffc94f]:first-child::before, .row.top-border[data-v-74ffc94f]::before, .tip + .row[data-v-74ffc94f]::before { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #e7e7e7; position: absolute; bottom: -1px; left: 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1; top: -1px; } .my-followee[data-v-74ffc94f] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .button-wrapper[data-v-74ffc94f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .button-wrapper.center[data-v-74ffc94f] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .submit-button[data-v-74ffc94f] { background-color: #fb7299; border-radius: 4px; width: 136px; line-height: 30px; color: #fff; display: inline-block; position: relative; cursor: pointer; border: none; } .disabled[data-v-74ffc94f] { background-color: #e5e9ef !important; color: #b8c0cc; pointer-events: none; } .submit-button[data-v-74ffc94f] { background-color: #00a1d6; } .i-dyn-list-tabs[data-v-77499b2c] { background-color: #fff; border-radius: 4px; height: 48px; position: relative; width: 100%; } .i-dyn-list-tabs__list[data-v-77499b2c] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .i-dyn-list-tabs__item[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d757a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 20px; min-width: 56px; position: relative; } .i-dyn-list-tabs__item.active[data-v-77499b2c], .i-dyn-list-tabs__item[data-v-77499b2c]:hover { color: #00a1d6; } main section>div[data-v-77499b2c]:not(:first-child) { margin-top: 8px; } .i-dyn-list__notification[data-v-77499b2c] { background: #fcf9d7; border-radius: 4px; color: #e3b43d; cursor: pointer; font-size: 12px; height: 36px; letter-spacing: 0; line-height: 36px; margin-bottom: 8px; position: relative; text-align: center; } .i-dyn-list__item[data-v-77499b2c] { margin-bottom: 8px; } .i-dyn-item[data-v-77499b2c] { background-color: #fff; border-radius: 4px; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; letter-spacing: 0; min-width: 632px; position: relative; } .i-dyn-item[data-v-77499b2c], .i-dyn-item div[data-v-77499b2c] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-dyn-item__main[data-v-77499b2c] { padding: 0 12px 0 88px; position: relative; } .i-dyn-item__avatar[data-v-77499b2c] { height: 48px; left: 24px; position: absolute; top: 24px; width: 48px; } .b-avatar[data-v-77499b2c] { position: relative; pointer-events: none; } .i-dyn-item__header[data-v-77499b2c] { height: 73px; padding-top: 27px; } .i-dyn-title[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .i-dyn-title__text[data-v-77499b2c] { color: #222; cursor: pointer; font-size: 16px; } .i-dyn-item__desc[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .i-dyn-time[data-v-77499b2c] { color: #99a2aa; cursor: pointer; font-size: 12px; height: 22px; line-height: 22px; -webkit-transition: color .3s ease; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-item__ornament[data-v-77499b2c] { position: absolute; right: 48px; top: 18px; } .i-dyn-item__more[data-v-77499b2c] { position: absolute; right: 16px; top: 30px; } .i-dyn-more__btn[data-v-77499b2c] { cursor: pointer; position: absolute; } .i-dyn-more__btn.tp[data-v-77499b2c] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTIwIDguODlhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA4Ljg5em0wIDE1LjU2QTQuNDQgNC40NCAwIDExMjQuNDQgMjAgNC40NCA0LjQ0IDAgMDEyMCAyNC40NHpNMjAgNDBhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA0MHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); height: 16px; right: 0; top: 3px; width: 16px; } .i-dyn-more__btn:hover .i-popover[data-v-77499b2c] { display: block!important; } .i-popover[data-v-77499b2c] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 5px; pointer-events: all; } .i-popover[data-v-77499b2c], .i-popover__arrow[data-v-77499b2c] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-77499b2c] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-dyn-more__menu__item[data-v-77499b2c] { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .i-dyn-item__body[data-v-77499b2c] { margin-top: 10px; } .i-dyn-content[data-v-77499b2c] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; width: 532px; } .i-dyn-content__orig__topic[data-v-77499b2c] { margin-bottom: 4px; } .i-dyn-topic[data-v-77499b2c] { height: 20px; } .i-dyn-topic__card[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; } .i-dyn-topic__text[data-v-77499b2c] { color: #008ac5; font-size: 14px; height: 100%; line-height: 22px; } .i-dyn-content__orig__desc[data-v-77499b2c] { cursor: pointer; padding-right: 10px; } .i-rich-text[data-v-77499b2c] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content[data-v-77499b2c] { color: #222; } .i-dyn-content__orig__major[data-v-77499b2c] { width: 520px; } .i-dyn-content__orig__major.gap[data-v-77499b2c] { margin-top: 10px; } .i-dyn-card-video[data-v-77499b2c] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 129px; overflow: hidden; } .i-dyn-card-video__header[data-v-77499b2c] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; width: 203px; } .i-dyn-card-video__badge[data-v-77499b2c] { background-color: #fb7299; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; line-height: 18px; min-width: 32px; padding: 0 5px; pointer-events: none; position: absolute; right: 8px; text-align: center; top: 8px; z-index: 10; } .i-dyn-card-video__cover[data-v-77499b2c] { height: 100%; position: relative; width: 100%; } .i-awesome-img[data-v-77499b2c] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/logo.943fc92.png); } .i-dyn-card-video__duration[data-v-77499b2c] { bottom: 8px; color: #fff; font-size: 12px; left: 8px; pointer-events: none; position: absolute; } .i-dyn-card-video__mark[data-v-77499b2c] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 8px; height: 22px; position: absolute; right: 10px; width: 22px; } .i-dyn-card-video__mark__tip[data-v-77499b2c] { background: rgba(0,0,0,.7); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; left: 50%; line-height: 12px; padding: 6px 8px; position: absolute; top: -27px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .i-dyn-card-video__body[data-v-77499b2c] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 9px 12px 6px 16px; } .i-ellipsis[data-v-77499b2c] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-card-video__title[data-v-77499b2c] { -webkit-line-clamp: 2; color: #212121; font-size: 14px; -webkit-transition: color .2s; transition: color .2s; } .i-dyn-card-video__desc[data-v-77499b2c] { color: #2c3e50; -webkit-line-clamp: 2; } .i-dyn-card-video__stat[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 18px; line-height: 18px; } .i-dyn-card-video__stat__item[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 72px; } .i-dyn-card-video__stat__item i[data-v-77499b2c] { display: inline-block; height: 14px; margin-right: 4px; width: 14px; } /*音频*/ .i-dyn-card-music[data-v-77499b2c] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; border: 1px solid #e5e9ef; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 80px; overflow: hidden; } .i-dyn-card-music__left[data-v-77499b2c] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 80px; } .i-dyn-card-music__cover[data-v-77499b2c] { height: 100%; } .i-dyn-card-music__right[data-v-77499b2c] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0 15px; } .i-dyn-card-music__title[data-v-77499b2c] { font-size: 14px; margin-top: 16px; -webkit-transition: color .3s; transition: color .3s; } .i-dyn-card-music__label[data-v-77499b2c], .i-dyn-card-music__title[data-v-77499b2c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .i-dyn-card-music__label[data-v-77499b2c] { color: #99a2aa; font-size: 12px; margin-top: 8px; } /*文章*/ .dyn-card-opus__title[data-v-77499b2c] { -webkit-line-clamp: 2; color: #18191c; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 25px; } .dyn-card-opus__summary[data-v-77499b2c] { cursor: pointer; } .dyn-card-opus__summary .i-rich-text[data-v-77499b2c] { pointer-events: none; } .i-rich-text[data-v-77499b2c] { font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content.folded[data-v-77499b2c] { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; max-height: 88px; overflow: hidden; text-overflow: ellipsis; } .i-rich-text__content.line--4[data-v-77499b2c] { -webkit-line-clamp: 4; max-height: 88px; } .i-rich-text__action[data-v-77499b2c] { color: #178bcf; cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dyn-card-opus__pics[data-v-77499b2c] { margin-top: 12px; } .i-album[data-v-77499b2c] { width: 518px; } .i-album__preview__picture[data-v-77499b2c] { position: relative; } .one .i-album__preview__picture[data-v-77499b2c]{ width: 240px; height: 262px; } .i-album__preview__picture__img[data-v-77499b2c] { border-radius: 4px; /*cursor: zoom-in;*/ height: 100%; width: 100%; } .i-dyn-item__footer[data-v-77499b2c] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; } .i-dyn-item__action[data-v-77499b2c] { position: relative; } .i-dyn-action[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 92px; } .i-dyn-action.active[data-v-77499b2c] { color: #00a1d6; } .i-dyn-action i[data-v-77499b2c] { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 16px; margin-right: 4px; width: 20px; } .i-dyn-content__orig.reference[data-v-77499b2c] { background-color: #f4f5f7; border-radius: 4px; margin-left: -12px; margin-top: 8px; padding: 8px 12px; } .dyn-orig-author[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; width: 100%; } .dyn-orig-author__left[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dyn-orig-author__face[data-v-77499b2c] { cursor: pointer; height: 24px; margin-right: 8px; width: 24px; } .dyn-orig-author__face__img[data-v-77499b2c] { border-radius: 50%; height: 100%; width: 100%; } .dyn-orig-author__name[data-v-77499b2c] { color: #00a1d6; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; } .dyn-orig-author__right[data-v-77499b2c] { -ms-flex-negative: 0; flex-shrink: 0; } .i-dyn-item__interaction[data-v-77499b2c] { margin-top: 12px; } .i-dyn-interaction[data-v-77499b2c] { position: relative; width: 532px; } .i-dyn-interaction[data-v-77499b2c]:before { background-color: #e7e7e7; border-radius: 1px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .i-dyn-interaction__item[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 36px; position: relative; } .i-dyn-interaction__item__icon[data-v-77499b2c] { height: 12px; left: 12px; position: absolute; top: 4px; width: 12px; } .i-dyn-interaction__item__desc .i-rich-text[data-v-77499b2c] { font-size: 13px; line-height: 21px; } .i-dyn-interaction__item__desc .i-rich-text__content[data-v-77499b2c] { color: #99a2aa; } .i-rich-text-link[data-v-77499b2c], .i-rich-text-module[data-v-77499b2c], .i-rich-text-topic[data-v-77499b2c] { color: #178bcf; cursor: pointer; } .i-album__preview.grid9[data-v-77499b2c] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c] { height: 104px; width: 104px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:first-child, .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(2) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(3) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(4), .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(5) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(6) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(7), .i-album__preview.grid9 .i-album__preview__picture[data-v-77499b2c]:nth-child(8) { margin-right: 4px; } .i-album__watch__control[data-v-77499b2c] { background: #f4f5f7; border-radius: 4px 4px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; } .i-album__watch__control__option[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__control__option i[data-v-77499b2c] { background-repeat: no-repeat; height: 14px; margin-right: 6px; width: 14px; } .i-album__watch__content[data-v-77499b2c] { background: #f4f5f7; position: relative; text-align: center; width: 100%; } .i-album__watch__content img[data-v-77499b2c] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__content__next[data-v-77499b2c], .i-album__watch__content__prev[data-v-77499b2c] { height: 100%; position: absolute; top: 0; width: 33%; } .i-album__watch__content__prev[data-v-77499b2c] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=),pointer; left: 0; } .i-album__watch__content__next[data-v-77499b2c] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==),pointer; right: 0; } .i-album__watch__track[data-v-77499b2c] { margin-top: 6px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__track__activeitemborder[data-v-77499b2c] { border: 1px solid #fb7299; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 58px; left: 0; position: absolute; top: 0; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); -webkit-transition: left .18s cubic-bezier(.22,.58,.12,.98); transition: left .18s cubic-bezier(.22,.58,.12,.98); width: 58px; } .i-album__watch__track__slider[data-v-77499b2c] { overflow: hidden; width: 100%; } .i-album__watch__track__list[data-v-77499b2c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .18s cubic-bezier(.22,.58,.12,.98); transition: all .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item[data-v-77499b2c] { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; height: 54px; position: relative; width: 54px; } .i-album__watch__track__item[data-v-77499b2c]:not(:last-child) { margin-right: 4px; } .i-album__watch__track__item img[data-v-77499b2c] { border-radius: 4px; height: 100%; opacity: .5; -webkit-transition: opacity .18s cubic-bezier(.22,.58,.12,.98); transition: opacity .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item.active img[data-v-77499b2c], .i-album__watch__track__item:hover img[data-v-77499b2c] { opacity: 1; } .dyn-vote[data-v-77499b2c] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; overflow: hidden; } .dyn-vote__header[data-v-77499b2c] { -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .dyn-vote__cover[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOSI+PHBhdGggZD0iTTMuMyAyOC4zQzEuNSAyOC4zIDAgMjYuOSAwIDI1VjEwLjFjMC0xLjggMS41LTMuMyAzLjMtMy4zczMuMyAxLjUgMy4zIDMuM1YyNWMuMSAxLjktMS40IDMuMy0zLjMgMy4zek0zLjMgOGMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xczIuMS0xIDIuMS0yLjFWMTAuMUM1LjUgOC45IDQuNSA4IDMuMyA4ek0xNCAyOC40Yy0xLjggMC0zLjMtMS41LTMuMy0zLjNWMy4zQzEwLjcgMS41IDEyLjIgMCAxNCAwczMuMyAxLjUgMy4zIDMuM1YyNWMwIDEuOS0xLjUgMy40LTMuMyAzLjR6bTAtMjcuMmMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xIDEuMiAwIDIuMS0xIDIuMS0yLjFWMy4zYzAtMS4xLS45LTIuMS0yLjEtMi4xem0xMC43IDI3LjJjLTEuOCAwLTMuMy0xLjUtMy4zLTMuM3YtNi44YzAtMS44IDEuNS0zLjMgMy4zLTMuM3MzLjMgMS41IDMuMyAzLjNWMjVjMCAxLjktMS41IDMuNC0zLjMgMy40em0wLTEyLjNjLTEuMiAwLTIuMSAxLTIuMSAyLjFWMjVjMCAxLjIgMSAyLjEgMi4xIDIuMXMyLjEtMSAyLjEtMi4xdi02LjhjMC0xLjItMS0yLjEtMi4xLTIuMXoiIGZpbGw9IiMwMGExZDYiLz48L3N2Zz4=) 50%/28px no-repeat #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .dyn-vote__body[data-v-77499b2c] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dyn-vote__detail[data-v-77499b2c] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 15px; } .dyn-vote__detail__title[data-v-77499b2c] { color: #222; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dyn-vote__detail__desc[data-v-77499b2c] { color: #99a2aa; font-size: 12px; } .dyn-vote__action[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; } .dyn-vote__action button[data-v-77499b2c] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 13px; height: 28px; outline: none; width: 54px; } .i-dyn-list-loading[data-v-77499b2c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .i-dyn-list-no-more[data-v-77499b2c] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #99a2aa; font-size: 14px; height: 130px; padding-top: 44px; position: relative; text-align: center; width: 100%; } .bb-comment[data-v-77499b2c] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-77499b2c]{ margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-77499b2c] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-77499b2c] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-77499b2c] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-77499b2c], .comment-bilibili-fold ul[data-v-77499b2c] { margin: 0; padding: 0; list-style: none; } .bb-comment .comment-header .tabs-order li[data-v-77499b2c] { background-color: transparent; border-radius: 0; border: 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 20px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 10px; } .bb-comment .comment-header .tabs-order li.on[data-v-77499b2c] { color: #00a1d6; } .bb-comment .clearfix[data-v-77499b2c]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .song-img[data-v-77499b2c] { position: absolute; width: 80px; height: 80px; background-color: #e0e0e0; border-radius: 4px; } .song-img span[data-v-77499b2c] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .i-dyn-home--member[data-v-de565a3e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; min-height: 100vh; background-color: #d3e8e8; padding-top: 10px; } .content[data-v-de565a3e] { margin: 0 auto; width: 632px; } .i-dyn-forward[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; width: 100%; } .i-dyn-forward__list[data-v-de565a3e], .i-dyn-forward__publish[data-v-de565a3e] { padding-left: 64px; } .i-dyn-forward-publishing[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 0 10px 40px; position: relative; } .i-dyn-forward__list[data-v-de565a3e], .i-dyn-forward__publish[data-v-de565a3e] { padding-left: 64px; } .i-dyn-forward-publishing__user[data-v-de565a3e] { border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; height: 32px; left: 0; overflow: hidden; position: absolute; top: 12px; width: 32px; } .i-dyn-forward-publishing__user img[data-v-de565a3e] { height: 100%; width: 100%; } .i-dyn-forward-publishing__editor[data-v-de565a3e] { /*border: 1px solid #e5e9ef;*/ border-radius: 4px; /*min-height: 72px;*/ position: relative; width: 100%; } .i-dyn-forward-publishing__bar[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 26px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6px; width: 100%; } .i-dyn-forward-publishing__emoji[data-v-de565a3e] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 1px 10px 0 rgba(106,115,133,.25); box-shadow: 0 1px 10px 0 rgba(106,115,133,.25); color: #99a2aa; cursor: pointer; font-size: 12px; height: 26px; line-height: 23px; padding: 0; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 68px; } .i-dyn-forward-publishing__emoji i[data-v-de565a3e] { background-image: url(data:image/png;base64,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); background-position: -408px -24px; background-repeat: no-repeat; display: inline-block; height: 16px; line-height: 1; margin-right: 5px; pointer-events: none; vertical-align: middle; width: 16px; } .i-dyn-forward-publishing__emoji span[data-v-de565a3e] { display: inline-block; font-size: 12px; line-height: 1; pointer-events: none; vertical-align: middle; } .i-popover[data-v-de565a3e] { border: 1px solid #e5e9ef; color: #222; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 10px; margin-top: 7px; pointer-events: all; } .i-popover__arrow[data-v-de565a3e] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-emoji[data-v-de565a3e] { color: #222; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; font-size: 12px; text-align: left; } .i-emoji__content[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 236px; padding: 12px 12px 0; } .i-emoji__list[data-v-de565a3e] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; margin: 0; padding: 0; } .i-emoji__list__item[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-emoji__list__item.small img[data-v-de565a3e] { height: 32px; margin: 8px; width: 32px; } .i-dyn-forward-publishing__action__count[data-v-de565a3e] { color: #99a2aa; margin-right: 8px; } .i-dyn-forward-publishing__action__btn[data-v-de565a3e] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 12px; height: 26px; line-height: 26px; outline: none; padding: 0; -webkit-transition: opacity .2s; transition: opacity .2s; width: 56px; } .b-img[data-v-de565a3e] { background-color: #f1f2f3; position: relative; } .b-img__inner[data-v-de565a3e] { width: 100%; height: 100%; display: inline-block; vertical-align: middle; } .i-dyn-forward__item[data-v-de565a3e], .i-dyn-forward__more[data-v-de565a3e] { border-top: 1px solid #ebeef2; } .i-dyn-forward-item[data-v-de565a3e] { padding: 12px 0 10px 40px; position: relative; } .i-dyn-forward-item__face[data-v-de565a3e] { border-radius: 50%; cursor: pointer; height: 32px; left: 0; overflow: hidden; position: absolute; top: 12px; width: 32px; } .i-dyn-forward-item__face img[data-v-de565a3e] { height: 100%; width: 100%; } .i-dyn-forward-item__uname[data-v-de565a3e] { color: #6d757a; cursor: pointer; font-weight: 700; line-height: 18px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-forward-item__content[data-v-de565a3e] { padding: 6px 0 8px; } .i-dyn-forward-item__time[data-v-de565a3e] { color: #98a2aa; } .i-dyn-forward-item__action[data-v-de565a3e] { bottom: 10px; color: #23ade6; cursor: pointer; position: absolute; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-dyn-forward__more[data-v-de565a3e] { color: #999; cursor: pointer; font-size: 14px; height: 44px; line-height: 44px; text-align: center; width: 100%; } .i-dyn-forward__more.disabled[data-v-de565a3e] { cursor: not-allowed; } .i-dyn-list-tabs[data-v-de565a3e] { background-color: #fff; border-radius: 4px; height: 48px; position: relative; width: 100%; } .i-dyn-list-tabs__list[data-v-de565a3e] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .i-dyn-list-tabs__item[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d757a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 20px; min-width: 56px; position: relative; } .i-dyn-list-tabs__item.active[data-v-de565a3e], .i-dyn-list-tabs__item[data-v-de565a3e]:hover { color: #00a1d6; } main section>div[data-v-de565a3e]:not(:first-child) { margin-top: 8px; } .i-dyn-list__notification[data-v-de565a3e] { background: #fcf9d7; border-radius: 4px; color: #e3b43d; cursor: pointer; font-size: 12px; height: 36px; letter-spacing: 0; line-height: 36px; margin-bottom: 8px; position: relative; text-align: center; } .i-dyn-list__item[data-v-de565a3e] { margin-bottom: 8px; } .i-dyn-item[data-v-de565a3e] { background-color: #fff; border-radius: 4px; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; letter-spacing: 0; min-width: 632px; position: relative; } .i-dyn-item[data-v-de565a3e], .i-dyn-item div[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-dyn-item__main[data-v-de565a3e] { padding: 0 12px 0 88px; position: relative; } .i-dyn-item__avatar[data-v-de565a3e] { height: 48px; left: 24px; position: absolute; top: 24px; width: 48px; } .b-avatar[data-v-de565a3e] { position: relative; pointer-events: none; } .i-dyn-item__header[data-v-de565a3e] { height: 73px; padding-top: 27px; } .i-dyn-title[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .i-dyn-title__text[data-v-de565a3e] { color: #222; cursor: pointer; font-size: 16px; } .i-dyn-item__desc[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .i-dyn-time[data-v-de565a3e] { color: #99a2aa; cursor: pointer; font-size: 12px; height: 22px; line-height: 22px; -webkit-transition: color .3s ease; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-item__ornament[data-v-de565a3e] { position: absolute; right: 48px; top: 18px; } .i-dyn-item__more[data-v-de565a3e] { position: absolute; right: 16px; top: 30px; } .i-dyn-more__btn[data-v-de565a3e] { cursor: pointer; position: absolute; } .i-dyn-more__btn.tp[data-v-de565a3e] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTIwIDguODlhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA4Ljg5em0wIDE1LjU2QTQuNDQgNC40NCAwIDExMjQuNDQgMjAgNC40NCA0LjQ0IDAgMDEyMCAyNC40NHpNMjAgNDBhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA0MHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); height: 16px; right: 0; top: 3px; width: 16px; } .i-dyn-more__btn:hover .i-popover[data-v-de565a3e] { display: block!important; } .i-popover[data-v-de565a3e] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 5px; pointer-events: all; } .i-popover[data-v-de565a3e], .i-popover__arrow[data-v-de565a3e] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-de565a3e] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-dyn-more__menu__item[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .i-dyn-item__body[data-v-de565a3e] { margin-top: 10px; } .i-dyn-content[data-v-de565a3e] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; width: 532px; } .i-dyn-content__orig__topic[data-v-de565a3e] { margin-bottom: 4px; } .i-dyn-topic[data-v-de565a3e] { height: 20px; } .i-dyn-topic__card[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; } .i-dyn-topic__text[data-v-de565a3e] { color: #008ac5; font-size: 14px; height: 100%; line-height: 22px; } .i-dyn-content__orig__desc[data-v-de565a3e] { cursor: pointer; padding-right: 10px; } .i-rich-text[data-v-de565a3e] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content[data-v-de565a3e] { color: #222; } .i-dyn-content__orig__major[data-v-de565a3e] { width: 520px; } .i-dyn-content__orig__major.gap[data-v-de565a3e] { margin-top: 10px; } .i-dyn-card-video[data-v-de565a3e] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 129px; overflow: hidden; } .i-dyn-card-video__header[data-v-de565a3e] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; width: 203px; } .i-dyn-card-video__badge[data-v-de565a3e] { background-color: #fb7299; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; line-height: 18px; min-width: 32px; padding: 0 5px; pointer-events: none; position: absolute; right: 8px; text-align: center; top: 8px; z-index: 10; } .i-dyn-card-video__cover[data-v-de565a3e] { height: 100%; position: relative; width: 100%; } .i-awesome-img[data-v-de565a3e] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/logo.943fc92.png); } .i-dyn-card-video__duration[data-v-de565a3e] { bottom: 8px; color: #fff; font-size: 12px; left: 8px; pointer-events: none; position: absolute; } .i-dyn-card-video__mark[data-v-de565a3e] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 8px; height: 22px; position: absolute; right: 10px; width: 22px; } .i-dyn-card-video__mark__tip[data-v-de565a3e] { background: rgba(0,0,0,.7); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; left: 50%; line-height: 12px; padding: 6px 8px; position: absolute; top: -27px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .i-dyn-card-video__body[data-v-de565a3e] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 9px 12px 6px 16px; } .i-ellipsis[data-v-de565a3e] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-card-video__title[data-v-de565a3e] { -webkit-line-clamp: 2; color: #212121; font-size: 14px; -webkit-transition: color .2s; transition: color .2s; } .i-dyn-card-video__desc[data-v-de565a3e] { color: #2c3e50; -webkit-line-clamp: 2; } .i-dyn-card-video__stat[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 18px; line-height: 18px; } .i-dyn-card-video__stat__item[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 72px; } .i-dyn-card-video__stat__item i[data-v-de565a3e] { display: inline-block; height: 14px; margin-right: 4px; width: 14px; } /*音频*/ .i-dyn-card-music[data-v-de565a3e] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; border: 1px solid #e5e9ef; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 80px; overflow: hidden; } .i-dyn-card-music__left[data-v-de565a3e] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 80px; } .i-dyn-card-music__cover[data-v-de565a3e] { height: 100%; } .i-dyn-card-music__right[data-v-de565a3e] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0 15px; } .i-dyn-card-music__title[data-v-de565a3e] { font-size: 14px; margin-top: 16px; -webkit-transition: color .3s; transition: color .3s; } .i-dyn-card-music__label[data-v-de565a3e], .i-dyn-card-music__title[data-v-de565a3e] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .i-dyn-card-music__label[data-v-de565a3e] { color: #99a2aa; font-size: 12px; margin-top: 8px; } /*文章*/ .dyn-card-opus__title[data-v-de565a3e] { -webkit-line-clamp: 2; color: #18191c; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 25px; } .dyn-card-opus__summary[data-v-de565a3e] { cursor: pointer; } .dyn-card-opus__summary .i-rich-text[data-v-de565a3e] { pointer-events: none; } .i-rich-text[data-v-de565a3e] { font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content.folded[data-v-de565a3e] { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; max-height: 88px; overflow: hidden; text-overflow: ellipsis; } .i-rich-text__content.line--4[data-v-de565a3e] { -webkit-line-clamp: 4; max-height: 88px; } .i-rich-text__action[data-v-de565a3e] { color: #178bcf; cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dyn-card-opus__pics[data-v-de565a3e] { margin-top: 12px; } .i-album[data-v-de565a3e] { width: 518px; } .i-album__preview__picture[data-v-de565a3e] { position: relative; } .one .i-album__preview__picture[data-v-de565a3e]{ width: 240px; height: 262px; } .i-album__preview__picture__img[data-v-de565a3e] { border-radius: 4px; /*cursor: zoom-in;*/ height: 100%; width: 100%; } .i-dyn-item__footer[data-v-de565a3e] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; } .i-dyn-item__action[data-v-de565a3e] { position: relative; } .i-dyn-action[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 92px; } .i-dyn-action.active[data-v-de565a3e] { color: #00a1d6; } .i-dyn-action i[data-v-de565a3e] { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 16px; margin-right: 4px; width: 20px; } .i-dyn-content__orig.reference[data-v-de565a3e] { background-color: #f4f5f7; border-radius: 4px; margin-left: -12px; margin-top: 8px; padding: 8px 12px; } .dyn-orig-author[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; width: 100%; } .dyn-orig-author__left[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dyn-orig-author__face[data-v-de565a3e] { cursor: pointer; height: 24px; margin-right: 8px; width: 24px; } .dyn-orig-author__face__img[data-v-de565a3e] { border-radius: 50%; height: 100%; width: 100%; } .dyn-orig-author__name[data-v-de565a3e] { color: #00a1d6; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; } .dyn-orig-author__right[data-v-de565a3e] { -ms-flex-negative: 0; flex-shrink: 0; } .i-dyn-item__interaction[data-v-de565a3e] { margin-top: 12px; } .i-dyn-interaction[data-v-de565a3e] { position: relative; width: 532px; } .i-dyn-interaction[data-v-de565a3e]:before { background-color: #e7e7e7; border-radius: 1px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .i-dyn-interaction__item[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 36px; position: relative; } .i-dyn-interaction__item__icon[data-v-de565a3e] { height: 12px; left: 12px; position: absolute; top: 4px; width: 12px; } .i-dyn-interaction__item__desc .i-rich-text[data-v-de565a3e] { font-size: 13px; line-height: 21px; } .i-dyn-interaction__item__desc .i-rich-text__content[data-v-de565a3e] { color: #99a2aa; } .i-rich-text-link[data-v-de565a3e], .i-rich-text-module[data-v-de565a3e], .i-rich-text-topic[data-v-de565a3e] { color: #178bcf; cursor: pointer; } .i-album__preview.grid9[data-v-de565a3e] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e] { height: 104px; width: 104px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:first-child, .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(2) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(3) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(4), .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(5) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(6) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(7), .i-album__preview.grid9 .i-album__preview__picture[data-v-de565a3e]:nth-child(8) { margin-right: 4px; } .i-album__watch__control[data-v-de565a3e] { background: #f4f5f7; border-radius: 4px 4px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; } .i-album__watch__control__option[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__control__option i[data-v-de565a3e] { background-repeat: no-repeat; height: 14px; margin-right: 6px; width: 14px; } .i-album__watch__content[data-v-de565a3e] { background: #f4f5f7; position: relative; text-align: center; width: 100%; } .i-album__watch__content img[data-v-de565a3e] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__content__next[data-v-de565a3e], .i-album__watch__content__prev[data-v-de565a3e] { height: 100%; position: absolute; top: 0; width: 33%; } .i-album__watch__content__prev[data-v-de565a3e] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=),pointer; left: 0; } .i-album__watch__content__next[data-v-de565a3e] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==),pointer; right: 0; } .i-album__watch__track[data-v-de565a3e] { margin-top: 6px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__track__activeitemborder[data-v-de565a3e] { border: 1px solid #fb7299; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 58px; left: 0; position: absolute; top: 0; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); -webkit-transition: left .18s cubic-bezier(.22,.58,.12,.98); transition: left .18s cubic-bezier(.22,.58,.12,.98); width: 58px; } .i-album__watch__track__slider[data-v-de565a3e] { overflow: hidden; width: 100%; } .i-album__watch__track__list[data-v-de565a3e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .18s cubic-bezier(.22,.58,.12,.98); transition: all .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item[data-v-de565a3e] { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; height: 54px; position: relative; width: 54px; } .i-album__watch__track__item[data-v-de565a3e]:not(:last-child) { margin-right: 4px; } .i-album__watch__track__item img[data-v-de565a3e] { border-radius: 4px; height: 100%; opacity: .5; -webkit-transition: opacity .18s cubic-bezier(.22,.58,.12,.98); transition: opacity .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item.active img[data-v-de565a3e], .i-album__watch__track__item:hover img[data-v-de565a3e] { opacity: 1; } .dyn-vote[data-v-de565a3e] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; overflow: hidden; } .dyn-vote__header[data-v-de565a3e] { -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .dyn-vote__cover[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOSI+PHBhdGggZD0iTTMuMyAyOC4zQzEuNSAyOC4zIDAgMjYuOSAwIDI1VjEwLjFjMC0xLjggMS41LTMuMyAzLjMtMy4zczMuMyAxLjUgMy4zIDMuM1YyNWMuMSAxLjktMS40IDMuMy0zLjMgMy4zek0zLjMgOGMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xczIuMS0xIDIuMS0yLjFWMTAuMUM1LjUgOC45IDQuNSA4IDMuMyA4ek0xNCAyOC40Yy0xLjggMC0zLjMtMS41LTMuMy0zLjNWMy4zQzEwLjcgMS41IDEyLjIgMCAxNCAwczMuMyAxLjUgMy4zIDMuM1YyNWMwIDEuOS0xLjUgMy40LTMuMyAzLjR6bTAtMjcuMmMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xIDEuMiAwIDIuMS0xIDIuMS0yLjFWMy4zYzAtMS4xLS45LTIuMS0yLjEtMi4xem0xMC43IDI3LjJjLTEuOCAwLTMuMy0xLjUtMy4zLTMuM3YtNi44YzAtMS44IDEuNS0zLjMgMy4zLTMuM3MzLjMgMS41IDMuMyAzLjNWMjVjMCAxLjktMS41IDMuNC0zLjMgMy40em0wLTEyLjNjLTEuMiAwLTIuMSAxLTIuMSAyLjFWMjVjMCAxLjIgMSAyLjEgMi4xIDIuMXMyLjEtMSAyLjEtMi4xdi02LjhjMC0xLjItMS0yLjEtMi4xLTIuMXoiIGZpbGw9IiMwMGExZDYiLz48L3N2Zz4=) 50%/28px no-repeat #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .dyn-vote__body[data-v-de565a3e] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dyn-vote__detail[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 15px; } .dyn-vote__detail__title[data-v-de565a3e] { color: #222; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dyn-vote__detail__desc[data-v-de565a3e] { color: #99a2aa; font-size: 12px; } .dyn-vote__action[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; } .dyn-vote__action button[data-v-de565a3e] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 13px; height: 28px; outline: none; width: 54px; } .i-dyn-list-loading[data-v-de565a3e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .i-dyn-list-no-more[data-v-de565a3e] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #99a2aa; font-size: 14px; height: 130px; padding-top: 44px; position: relative; text-align: center; width: 100%; } .bb-comment[data-v-de565a3e] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-de565a3e]{ margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-de565a3e] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-de565a3e] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-de565a3e] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-de565a3e], .comment-bilibili-fold ul[data-v-de565a3e] { margin: 0; padding: 0; list-style: none; } .bb-comment .comment-header .tabs-order li[data-v-de565a3e] { background-color: transparent; border-radius: 0; border: 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 20px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 10px; } .bb-comment .comment-header .tabs-order li.on[data-v-de565a3e] { color: #00a1d6; } .bb-comment .clearfix[data-v-de565a3e]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .song-img[data-v-de565a3e] { position: absolute; width: 80px; height: 80px; background-color: #e0e0e0; border-radius: 4px; } .song-img span[data-v-de565a3e] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .home[data-v-07c72660] { width: 100%; height: 100%; } .banner[data-v-07c72660] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-07c72660] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-07c72660], .left-menu-mobile[data-v-07c72660] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-07c72660] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-07c72660] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-07c72660] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-07c72660] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-07c72660] { color: rgb(0, 161, 214)!important; } .item i[data-v-07c72660] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-07c72660] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-07c72660] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-07c72660] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-07c72660] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-07c72660] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-07c72660] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-07c72660]{ max-width: 100%; max-height: 100%; } .home[data-v-0178e098] { width: 100%; height: 100%; } .banner[data-v-0178e098] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0178e098] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0178e098], .left-menu-mobile[data-v-0178e098] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0178e098] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0178e098] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0178e098] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0178e098] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0178e098] { color: rgb(0, 161, 214)!important; } .item i[data-v-0178e098] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0178e098] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0178e098] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0178e098] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0178e098] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0178e098] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0178e098] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0178e098]{ max-width: 100%; max-height: 100%; } .home[data-v-4790502e] { width: 100%; height: 100%; } .banner[data-v-4790502e] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-4790502e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-4790502e], .left-menu-mobile[data-v-4790502e] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-4790502e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-4790502e] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-4790502e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-4790502e] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-4790502e] { color: rgb(0, 161, 214)!important; } .item i[data-v-4790502e] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-4790502e] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-4790502e] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-4790502e] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-4790502e] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-4790502e] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-4790502e] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-4790502e]{ max-width: 100%; max-height: 100%; } .home[data-v-00c5f87f] { width: 100%; height: 100%; } .banner[data-v-00c5f87f] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-00c5f87f] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-00c5f87f], .left-menu-mobile[data-v-00c5f87f] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-00c5f87f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-00c5f87f] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-00c5f87f] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-00c5f87f] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-00c5f87f] { color: rgb(0, 161, 214)!important; } .item i[data-v-00c5f87f] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-00c5f87f] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-00c5f87f] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-00c5f87f] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-00c5f87f] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-00c5f87f] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-00c5f87f] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-00c5f87f]{ max-width: 100%; max-height: 100%; } .home[data-v-042a5ca1] { width: 100%; height: 100%; } .banner[data-v-042a5ca1] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-042a5ca1] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-042a5ca1], .left-menu-mobile[data-v-042a5ca1] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-042a5ca1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-042a5ca1] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-042a5ca1] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-042a5ca1] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-042a5ca1] { color: rgb(0, 161, 214)!important; } .item i[data-v-042a5ca1] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-042a5ca1] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-042a5ca1] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-042a5ca1] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-042a5ca1] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-042a5ca1] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-042a5ca1] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-042a5ca1]{ max-width: 100%; max-height: 100%; } .home[data-v-26d01644] { width: 100%; height: 100%; } .banner[data-v-26d01644] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-26d01644] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-26d01644], .left-menu-mobile[data-v-26d01644] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-26d01644] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-26d01644] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-26d01644] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-26d01644] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-26d01644] { color: rgb(0, 161, 214)!important; } .item i[data-v-26d01644] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-26d01644] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-26d01644] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-26d01644] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-26d01644] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-26d01644] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-26d01644] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-26d01644]{ max-width: 100%; max-height: 100%; } .home[data-v-5944a84d] { width: 100%; height: 100%; } .banner[data-v-5944a84d] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5944a84d] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5944a84d], .left-menu-mobile[data-v-5944a84d] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5944a84d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5944a84d] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5944a84d] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5944a84d] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5944a84d] { color: rgb(0, 161, 214)!important; } .item i[data-v-5944a84d] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5944a84d] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5944a84d] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5944a84d] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5944a84d] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5944a84d] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5944a84d] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5944a84d]{ max-width: 100%; max-height: 100%; } .home[data-v-5c1f655a] { width: 100%; height: 100%; } .banner[data-v-5c1f655a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5c1f655a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5c1f655a], .left-menu-mobile[data-v-5c1f655a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5c1f655a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5c1f655a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5c1f655a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5c1f655a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5c1f655a] { color: rgb(0, 161, 214)!important; } .item i[data-v-5c1f655a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5c1f655a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5c1f655a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5c1f655a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5c1f655a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5c1f655a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5c1f655a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5c1f655a]{ max-width: 100%; max-height: 100%; } .home[data-v-60d2542e] { width: 100%; height: 100%; } .banner[data-v-60d2542e] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-60d2542e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-60d2542e], .left-menu-mobile[data-v-60d2542e] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-60d2542e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-60d2542e] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-60d2542e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-60d2542e] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-60d2542e] { color: rgb(0, 161, 214)!important; } .item i[data-v-60d2542e] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-60d2542e] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-60d2542e] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-60d2542e] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-60d2542e] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-60d2542e] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-60d2542e] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-60d2542e]{ max-width: 100%; max-height: 100%; } .home[data-v-aa0979ac] { width: 100%; height: 100%; } .banner[data-v-aa0979ac] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-aa0979ac] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-aa0979ac], .left-menu-mobile[data-v-aa0979ac] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-aa0979ac] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-aa0979ac] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-aa0979ac] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-aa0979ac] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-aa0979ac] { color: rgb(0, 161, 214)!important; } .item i[data-v-aa0979ac] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-aa0979ac] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-aa0979ac] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-aa0979ac] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-aa0979ac] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-aa0979ac] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-aa0979ac] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-aa0979ac]{ max-width: 100%; max-height: 100%; } .home[data-v-f5000c6a] { width: 100%; height: 100%; } .banner[data-v-f5000c6a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-f5000c6a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-f5000c6a], .left-menu-mobile[data-v-f5000c6a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-f5000c6a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-f5000c6a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-f5000c6a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-f5000c6a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-f5000c6a] { color: rgb(0, 161, 214)!important; } .item i[data-v-f5000c6a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-f5000c6a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-f5000c6a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-f5000c6a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-f5000c6a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-f5000c6a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-f5000c6a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-f5000c6a]{ max-width: 100%; max-height: 100%; } .home[data-v-0b68ac90] { width: 100%; height: 100%; } .banner[data-v-0b68ac90] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0b68ac90] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0b68ac90], .left-menu-mobile[data-v-0b68ac90] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0b68ac90] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0b68ac90] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0b68ac90] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0b68ac90] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0b68ac90] { color: rgb(0, 161, 214)!important; } .item i[data-v-0b68ac90] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0b68ac90] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0b68ac90] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0b68ac90] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0b68ac90] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0b68ac90] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0b68ac90] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0b68ac90]{ max-width: 100%; max-height: 100%; } .home[data-v-02c42942] { width: 100%; height: 100%; } .banner[data-v-02c42942] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-02c42942] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-02c42942], .left-menu-mobile[data-v-02c42942] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-02c42942] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-02c42942] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-02c42942] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-02c42942] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-02c42942] { color: rgb(0, 161, 214)!important; } .item i[data-v-02c42942] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-02c42942] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-02c42942] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-02c42942] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-02c42942] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-02c42942] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-02c42942] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-02c42942]{ max-width: 100%; max-height: 100%; } .home[data-v-70ce5369] { width: 100%; height: 100%; } .banner[data-v-70ce5369] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-70ce5369] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-70ce5369], .left-menu-mobile[data-v-70ce5369] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-70ce5369] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-70ce5369] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-70ce5369] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-70ce5369] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-70ce5369] { color: rgb(0, 161, 214)!important; } .item i[data-v-70ce5369] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-70ce5369] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-70ce5369] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-70ce5369] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-70ce5369] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-70ce5369] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-70ce5369] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-70ce5369]{ max-width: 100%; max-height: 100%; } .home[data-v-251f03ca] { width: 100%; height: 100%; } .banner[data-v-251f03ca] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-251f03ca] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-251f03ca], .left-menu-mobile[data-v-251f03ca] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-251f03ca] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-251f03ca] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-251f03ca] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-251f03ca] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-251f03ca] { color: rgb(0, 161, 214)!important; } .item i[data-v-251f03ca] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-251f03ca] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-251f03ca] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-251f03ca] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-251f03ca] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-251f03ca] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-251f03ca] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-251f03ca]{ max-width: 100%; max-height: 100%; } .home[data-v-402cf50d] { width: 100%; height: 100%; } .banner[data-v-402cf50d] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-402cf50d] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-402cf50d], .left-menu-mobile[data-v-402cf50d] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-402cf50d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-402cf50d] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-402cf50d] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-402cf50d] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-402cf50d] { color: rgb(0, 161, 214)!important; } .item i[data-v-402cf50d] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-402cf50d] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-402cf50d] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-402cf50d] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-402cf50d] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-402cf50d] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-402cf50d] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-402cf50d]{ max-width: 100%; max-height: 100%; } .home[data-v-0f45271e] { width: 100%; height: 100%; } .banner[data-v-0f45271e] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0f45271e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0f45271e], .left-menu-mobile[data-v-0f45271e] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0f45271e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0f45271e] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0f45271e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0f45271e] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0f45271e] { color: rgb(0, 161, 214)!important; } .item i[data-v-0f45271e] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0f45271e] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0f45271e] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0f45271e] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0f45271e] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0f45271e] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0f45271e] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0f45271e]{ max-width: 100%; max-height: 100%; } .home[data-v-876cae26] { width: 100%; height: 100%; } .banner[data-v-876cae26] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-876cae26] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-876cae26], .left-menu-mobile[data-v-876cae26] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-876cae26] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-876cae26] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-876cae26] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-876cae26] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-876cae26] { color: rgb(0, 161, 214)!important; } .item i[data-v-876cae26] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-876cae26] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-876cae26] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-876cae26] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-876cae26] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-876cae26] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-876cae26] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-876cae26]{ max-width: 100%; max-height: 100%; } .home[data-v-31ce6480] { width: 100%; height: 100%; } .banner[data-v-31ce6480] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-31ce6480] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-31ce6480], .left-menu-mobile[data-v-31ce6480] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-31ce6480] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-31ce6480] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-31ce6480] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-31ce6480] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-31ce6480] { color: rgb(0, 161, 214)!important; } .item i[data-v-31ce6480] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-31ce6480] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-31ce6480] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-31ce6480] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-31ce6480] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-31ce6480] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-31ce6480] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-31ce6480]{ max-width: 100%; max-height: 100%; } .home[data-v-4cb3d6bd] { width: 100%; height: 100%; } .banner[data-v-4cb3d6bd] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-4cb3d6bd] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-4cb3d6bd], .left-menu-mobile[data-v-4cb3d6bd] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-4cb3d6bd] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-4cb3d6bd] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-4cb3d6bd] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-4cb3d6bd] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-4cb3d6bd] { color: rgb(0, 161, 214)!important; } .item i[data-v-4cb3d6bd] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-4cb3d6bd] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-4cb3d6bd] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-4cb3d6bd] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-4cb3d6bd] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-4cb3d6bd] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-4cb3d6bd] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-4cb3d6bd]{ max-width: 100%; max-height: 100%; } .home[data-v-f1895796] { width: 100%; height: 100%; } .banner[data-v-f1895796] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-f1895796] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-f1895796], .left-menu-mobile[data-v-f1895796] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-f1895796] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-f1895796] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-f1895796] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-f1895796] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-f1895796] { color: rgb(0, 161, 214)!important; } .item i[data-v-f1895796] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-f1895796] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-f1895796] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-f1895796] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-f1895796] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-f1895796] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-f1895796] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-f1895796]{ max-width: 100%; max-height: 100%; } .home[data-v-0557cf20] { width: 100%; height: 100%; } .banner[data-v-0557cf20] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0557cf20] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0557cf20], .left-menu-mobile[data-v-0557cf20] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0557cf20] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0557cf20] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0557cf20] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0557cf20] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0557cf20] { color: rgb(0, 161, 214)!important; } .item i[data-v-0557cf20] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0557cf20] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0557cf20] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0557cf20] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0557cf20] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0557cf20] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0557cf20] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0557cf20]{ max-width: 100%; max-height: 100%; } .home[data-v-b37b25cc] { width: 100%; height: 100%; } .banner[data-v-b37b25cc] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-b37b25cc] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-b37b25cc], .left-menu-mobile[data-v-b37b25cc] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-b37b25cc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-b37b25cc] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-b37b25cc] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-b37b25cc] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-b37b25cc] { color: rgb(0, 161, 214)!important; } .item i[data-v-b37b25cc] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-b37b25cc] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-b37b25cc] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-b37b25cc] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-b37b25cc] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-b37b25cc] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-b37b25cc] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-b37b25cc]{ max-width: 100%; max-height: 100%; } .home[data-v-0b338b94] { width: 100%; height: 100%; } .banner[data-v-0b338b94] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0b338b94] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0b338b94], .left-menu-mobile[data-v-0b338b94] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0b338b94] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0b338b94] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0b338b94] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0b338b94] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0b338b94] { color: rgb(0, 161, 214)!important; } .item i[data-v-0b338b94] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0b338b94] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0b338b94] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0b338b94] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0b338b94] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0b338b94] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0b338b94] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0b338b94]{ max-width: 100%; max-height: 100%; } .home[data-v-5862978d] { width: 100%; height: 100%; } .banner[data-v-5862978d] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5862978d] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5862978d], .left-menu-mobile[data-v-5862978d] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5862978d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5862978d] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5862978d] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5862978d] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5862978d] { color: rgb(0, 161, 214)!important; } .item i[data-v-5862978d] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5862978d] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5862978d] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5862978d] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5862978d] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5862978d] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5862978d] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5862978d]{ max-width: 100%; max-height: 100%; } .home[data-v-cbff82d0] { width: 100%; height: 100%; } .banner[data-v-cbff82d0] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-cbff82d0] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-cbff82d0], .left-menu-mobile[data-v-cbff82d0] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-cbff82d0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-cbff82d0] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-cbff82d0] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-cbff82d0] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-cbff82d0] { color: rgb(0, 161, 214)!important; } .item i[data-v-cbff82d0] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-cbff82d0] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-cbff82d0] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-cbff82d0] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-cbff82d0] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-cbff82d0] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-cbff82d0] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-cbff82d0]{ max-width: 100%; max-height: 100%; } .home[data-v-32a181fa] { width: 100%; height: 100%; } .banner[data-v-32a181fa] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-32a181fa] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-32a181fa], .left-menu-mobile[data-v-32a181fa] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-32a181fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-32a181fa] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-32a181fa] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-32a181fa] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-32a181fa] { color: rgb(0, 161, 214)!important; } .item i[data-v-32a181fa] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-32a181fa] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-32a181fa] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-32a181fa] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-32a181fa] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-32a181fa] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-32a181fa] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-32a181fa]{ max-width: 100%; max-height: 100%; } .home[data-v-346e591a] { width: 100%; height: 100%; } .banner[data-v-346e591a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-346e591a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-346e591a], .left-menu-mobile[data-v-346e591a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-346e591a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-346e591a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-346e591a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-346e591a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-346e591a] { color: rgb(0, 161, 214)!important; } .item i[data-v-346e591a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-346e591a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-346e591a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-346e591a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-346e591a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-346e591a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-346e591a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-346e591a]{ max-width: 100%; max-height: 100%; } .home[data-v-0209ba00] { width: 100%; height: 100%; } .banner[data-v-0209ba00] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0209ba00] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0209ba00], .left-menu-mobile[data-v-0209ba00] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0209ba00] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0209ba00] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0209ba00] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0209ba00] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0209ba00] { color: rgb(0, 161, 214)!important; } .item i[data-v-0209ba00] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0209ba00] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0209ba00] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0209ba00] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0209ba00] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0209ba00] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0209ba00] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0209ba00]{ max-width: 100%; max-height: 100%; } .home[data-v-3fb6a187] { width: 100%; height: 100%; } .banner[data-v-3fb6a187] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-3fb6a187] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-3fb6a187], .left-menu-mobile[data-v-3fb6a187] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-3fb6a187] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-3fb6a187] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-3fb6a187] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-3fb6a187] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-3fb6a187] { color: rgb(0, 161, 214)!important; } .item i[data-v-3fb6a187] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-3fb6a187] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-3fb6a187] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-3fb6a187] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-3fb6a187] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-3fb6a187] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-3fb6a187] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-3fb6a187]{ max-width: 100%; max-height: 100%; } .home[data-v-34a0be4a] { width: 100%; height: 100%; } .banner[data-v-34a0be4a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-34a0be4a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-34a0be4a], .left-menu-mobile[data-v-34a0be4a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-34a0be4a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-34a0be4a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-34a0be4a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-34a0be4a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-34a0be4a] { color: rgb(0, 161, 214)!important; } .item i[data-v-34a0be4a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-34a0be4a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-34a0be4a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-34a0be4a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-34a0be4a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-34a0be4a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-34a0be4a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-34a0be4a]{ max-width: 100%; max-height: 100%; } .home[data-v-bfdf3e74] { width: 100%; height: 100%; } .banner[data-v-bfdf3e74] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-bfdf3e74] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-bfdf3e74], .left-menu-mobile[data-v-bfdf3e74] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-bfdf3e74] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-bfdf3e74] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-bfdf3e74] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-bfdf3e74] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-bfdf3e74] { color: rgb(0, 161, 214)!important; } .item i[data-v-bfdf3e74] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-bfdf3e74] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-bfdf3e74] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-bfdf3e74] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-bfdf3e74] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-bfdf3e74] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-bfdf3e74] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-bfdf3e74]{ max-width: 100%; max-height: 100%; } .home[data-v-5695dd59] { width: 100%; height: 100%; } .banner[data-v-5695dd59] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5695dd59] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5695dd59], .left-menu-mobile[data-v-5695dd59] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5695dd59] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5695dd59] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5695dd59] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5695dd59] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5695dd59] { color: rgb(0, 161, 214)!important; } .item i[data-v-5695dd59] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5695dd59] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5695dd59] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5695dd59] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5695dd59] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5695dd59] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5695dd59] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5695dd59]{ max-width: 100%; max-height: 100%; } .home[data-v-2a5c1803] { width: 100%; height: 100%; } .banner[data-v-2a5c1803] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-2a5c1803] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-2a5c1803], .left-menu-mobile[data-v-2a5c1803] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-2a5c1803] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-2a5c1803] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-2a5c1803] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-2a5c1803] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-2a5c1803] { color: rgb(0, 161, 214)!important; } .item i[data-v-2a5c1803] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-2a5c1803] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-2a5c1803] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-2a5c1803] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-2a5c1803] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-2a5c1803] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-2a5c1803] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-2a5c1803]{ max-width: 100%; max-height: 100%; } .home[data-v-d68f0e96] { width: 100%; height: 100%; } .banner[data-v-d68f0e96] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-d68f0e96] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-d68f0e96], .left-menu-mobile[data-v-d68f0e96] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-d68f0e96] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-d68f0e96] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-d68f0e96] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-d68f0e96] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-d68f0e96] { color: rgb(0, 161, 214)!important; } .item i[data-v-d68f0e96] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-d68f0e96] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-d68f0e96] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-d68f0e96] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-d68f0e96] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-d68f0e96] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-d68f0e96] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-d68f0e96]{ max-width: 100%; max-height: 100%; } .home[data-v-285feb20] { width: 100%; height: 100%; } .banner[data-v-285feb20] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-285feb20] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-285feb20], .left-menu-mobile[data-v-285feb20] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-285feb20] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-285feb20] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-285feb20] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-285feb20] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-285feb20] { color: rgb(0, 161, 214)!important; } .item i[data-v-285feb20] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-285feb20] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-285feb20] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-285feb20] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-285feb20] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-285feb20] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-285feb20] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-285feb20]{ max-width: 100%; max-height: 100%; } .home[data-v-f02c3152] { width: 100%; height: 100%; } .banner[data-v-f02c3152] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-f02c3152] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-f02c3152], .left-menu-mobile[data-v-f02c3152] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-f02c3152] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-f02c3152] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-f02c3152] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-f02c3152] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-f02c3152] { color: rgb(0, 161, 214)!important; } .item i[data-v-f02c3152] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-f02c3152] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-f02c3152] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-f02c3152] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-f02c3152] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-f02c3152] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-f02c3152] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-f02c3152]{ max-width: 100%; max-height: 100%; } .home[data-v-06e7955a] { width: 100%; height: 100%; } .banner[data-v-06e7955a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-06e7955a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-06e7955a], .left-menu-mobile[data-v-06e7955a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-06e7955a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-06e7955a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-06e7955a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-06e7955a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-06e7955a] { color: rgb(0, 161, 214)!important; } .item i[data-v-06e7955a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-06e7955a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-06e7955a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-06e7955a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-06e7955a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-06e7955a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-06e7955a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-06e7955a]{ max-width: 100%; max-height: 100%; } .home[data-v-27281e2f] { width: 100%; height: 100%; } .banner[data-v-27281e2f] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-27281e2f] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-27281e2f], .left-menu-mobile[data-v-27281e2f] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-27281e2f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-27281e2f] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-27281e2f] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-27281e2f] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-27281e2f] { color: rgb(0, 161, 214)!important; } .item i[data-v-27281e2f] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-27281e2f] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-27281e2f] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-27281e2f] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-27281e2f] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-27281e2f] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-27281e2f] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-27281e2f]{ max-width: 100%; max-height: 100%; } .home[data-v-a95c38d2] { width: 100%; height: 100%; } .banner[data-v-a95c38d2] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-a95c38d2] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-a95c38d2], .left-menu-mobile[data-v-a95c38d2] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-a95c38d2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-a95c38d2] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-a95c38d2] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-a95c38d2] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-a95c38d2] { color: rgb(0, 161, 214)!important; } .item i[data-v-a95c38d2] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-a95c38d2] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-a95c38d2] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-a95c38d2] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-a95c38d2] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-a95c38d2] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-a95c38d2] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-a95c38d2]{ max-width: 100%; max-height: 100%; } .home[data-v-24446ee1] { width: 100%; height: 100%; } .banner[data-v-24446ee1] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-24446ee1] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-24446ee1], .left-menu-mobile[data-v-24446ee1] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-24446ee1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-24446ee1] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-24446ee1] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-24446ee1] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-24446ee1] { color: rgb(0, 161, 214)!important; } .item i[data-v-24446ee1] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-24446ee1] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-24446ee1] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-24446ee1] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-24446ee1] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-24446ee1] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-24446ee1] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-24446ee1]{ max-width: 100%; max-height: 100%; } .home[data-v-8ae5a94a] { width: 100%; height: 100%; } .banner[data-v-8ae5a94a] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-8ae5a94a] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-8ae5a94a], .left-menu-mobile[data-v-8ae5a94a] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-8ae5a94a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-8ae5a94a] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-8ae5a94a] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-8ae5a94a] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-8ae5a94a] { color: rgb(0, 161, 214)!important; } .item i[data-v-8ae5a94a] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-8ae5a94a] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-8ae5a94a] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-8ae5a94a] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-8ae5a94a] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-8ae5a94a] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-8ae5a94a] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-8ae5a94a]{ max-width: 100%; max-height: 100%; } .home[data-v-3abf2826] { width: 100%; height: 100%; } .banner[data-v-3abf2826] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-3abf2826] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-3abf2826], .left-menu-mobile[data-v-3abf2826] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-3abf2826] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-3abf2826] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-3abf2826] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-3abf2826] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-3abf2826] { color: rgb(0, 161, 214)!important; } .item i[data-v-3abf2826] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-3abf2826] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-3abf2826] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-3abf2826] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-3abf2826] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-3abf2826] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-3abf2826] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-3abf2826]{ max-width: 100%; max-height: 100%; } .home[data-v-63fa004e] { width: 100%; height: 100%; } .banner[data-v-63fa004e] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-63fa004e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-63fa004e], .left-menu-mobile[data-v-63fa004e] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-63fa004e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-63fa004e] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-63fa004e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-63fa004e] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-63fa004e] { color: rgb(0, 161, 214)!important; } .item i[data-v-63fa004e] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-63fa004e] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-63fa004e] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-63fa004e] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-63fa004e] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-63fa004e] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-63fa004e] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-63fa004e]{ max-width: 100%; max-height: 100%; } .home[data-v-0f70591d] { width: 100%; height: 100%; } .banner[data-v-0f70591d] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0f70591d] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0f70591d], .left-menu-mobile[data-v-0f70591d] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0f70591d] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0f70591d] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0f70591d] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0f70591d] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0f70591d] { color: rgb(0, 161, 214)!important; } .item i[data-v-0f70591d] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0f70591d] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0f70591d] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0f70591d] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0f70591d] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0f70591d] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0f70591d] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0f70591d]{ max-width: 100%; max-height: 100%; } .home[data-v-00cf3444] { width: 100%; height: 100%; } .banner[data-v-00cf3444] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-00cf3444] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-00cf3444], .left-menu-mobile[data-v-00cf3444] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-00cf3444] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-00cf3444] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-00cf3444] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-00cf3444] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-00cf3444] { color: rgb(0, 161, 214)!important; } .item i[data-v-00cf3444] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-00cf3444] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-00cf3444] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-00cf3444] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-00cf3444] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-00cf3444] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-00cf3444] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-00cf3444]{ max-width: 100%; max-height: 100%; } .home[data-v-5914d0e6] { width: 100%; height: 100%; } .banner[data-v-5914d0e6] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5914d0e6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5914d0e6], .left-menu-mobile[data-v-5914d0e6] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5914d0e6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5914d0e6] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5914d0e6] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5914d0e6] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5914d0e6] { color: rgb(0, 161, 214)!important; } .item i[data-v-5914d0e6] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5914d0e6] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5914d0e6] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5914d0e6] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5914d0e6] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5914d0e6] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5914d0e6] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5914d0e6]{ max-width: 100%; max-height: 100%; } .home[data-v-0d8aaf3b] { width: 100%; height: 100%; } .banner[data-v-0d8aaf3b] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-0d8aaf3b] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-0d8aaf3b], .left-menu-mobile[data-v-0d8aaf3b] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-0d8aaf3b] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-0d8aaf3b] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-0d8aaf3b] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-0d8aaf3b] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-0d8aaf3b] { color: rgb(0, 161, 214)!important; } .item i[data-v-0d8aaf3b] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-0d8aaf3b] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-0d8aaf3b] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-0d8aaf3b] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-0d8aaf3b] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-0d8aaf3b] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-0d8aaf3b] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-0d8aaf3b]{ max-width: 100%; max-height: 100%; } .home[data-v-27228585] { width: 100%; height: 100%; } .banner[data-v-27228585] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-27228585] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-27228585], .left-menu-mobile[data-v-27228585] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-27228585] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-27228585] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-27228585] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-27228585] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-27228585] { color: rgb(0, 161, 214)!important; } .item i[data-v-27228585] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-27228585] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-27228585] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-27228585] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-27228585] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-27228585] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-27228585] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-27228585]{ max-width: 100%; max-height: 100%; } .home[data-v-4867ed52] { width: 100%; height: 100%; } .banner[data-v-4867ed52] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-4867ed52] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-4867ed52], .left-menu-mobile[data-v-4867ed52] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-4867ed52] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-4867ed52] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-4867ed52] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-4867ed52] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-4867ed52] { color: rgb(0, 161, 214)!important; } .item i[data-v-4867ed52] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-4867ed52] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-4867ed52] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-4867ed52] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-4867ed52] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-4867ed52] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-4867ed52] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-4867ed52]{ max-width: 100%; max-height: 100%; } .home[data-v-c5365d9c] { width: 100%; height: 100%; } .banner[data-v-c5365d9c] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-c5365d9c] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-c5365d9c], .left-menu-mobile[data-v-c5365d9c] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-c5365d9c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-c5365d9c] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-c5365d9c] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-c5365d9c] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-c5365d9c] { color: rgb(0, 161, 214)!important; } .item i[data-v-c5365d9c] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-c5365d9c] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-c5365d9c] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-c5365d9c] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-c5365d9c] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-c5365d9c] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-c5365d9c] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-c5365d9c]{ max-width: 100%; max-height: 100%; } .home[data-v-6eca173e] { width: 100%; height: 100%; } .banner[data-v-6eca173e] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-6eca173e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-6eca173e], .left-menu-mobile[data-v-6eca173e] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-6eca173e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-6eca173e] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-6eca173e] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-6eca173e] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-6eca173e] { color: rgb(0, 161, 214)!important; } .item i[data-v-6eca173e] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-6eca173e] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-6eca173e] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-6eca173e] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-6eca173e] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-6eca173e] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-6eca173e] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-6eca173e]{ max-width: 100%; max-height: 100%; } .home[data-v-5bca3d11] { width: 100%; height: 100%; } .banner[data-v-5bca3d11] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-5bca3d11] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-5bca3d11], .left-menu-mobile[data-v-5bca3d11] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-5bca3d11] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-5bca3d11] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-5bca3d11] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-5bca3d11] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-5bca3d11] { color: rgb(0, 161, 214)!important; } .item i[data-v-5bca3d11] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-5bca3d11] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-5bca3d11] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-5bca3d11] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-5bca3d11] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-5bca3d11] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-5bca3d11] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-5bca3d11]{ max-width: 100%; max-height: 100%; } .home[data-v-2b0caf86] { width: 100%; height: 100%; } .banner[data-v-2b0caf86] { width: 100%; height: 183px; background: url(/static/img/logo.943fc92.png) repeat; background-size: 100% 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home main[data-v-2b0caf86] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; padding: 20px 10px; } .home main[data-v-2b0caf86], .left-menu-mobile[data-v-2b0caf86] { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .MenuBox[data-v-2b0caf86] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #dee5eb; border-radius: 5px; margin-right: 60px; overflow-y: auto; background: #fff; max-height: 900px; overflow-x: hidden; } .MenuBox .box[data-v-2b0caf86] { padding: 0 10px; width: 180px; } .MenuBox .item[data-v-2b0caf86] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #FFF; color: #303133; cursor: pointer; border-bottom: 1px solid #EBEEF5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: 0; position: relative; } .container[data-v-2b0caf86] { width: 65%; overflow: auto; max-height: 900px; } .is-active[data-v-2b0caf86] { color: rgb(0, 161, 214)!important; } .item i[data-v-2b0caf86] { position: absolute; right: 5px; transition: transform .3s,-webkit-transform .3s; } i.active[data-v-2b0caf86] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } header[data-v-2b0caf86] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00a1d6; font-size: 16px; padding: 28px 20px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fff; } .collapseItem[data-v-2b0caf86] { border: 1px solid #e5e9ef; border-radius: 4px; margin-top: 13px; padding: 0 20px; } .collapseItem .context[data-v-2b0caf86] { padding: 0 30px; font-size: 14px; } .container .collapseItem .questionTitle[data-v-2b0caf86] { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .container .collapseItem .titleNumber[data-v-2b0caf86] { color: #00a1d6; margin-right: 10px; font-weight: 700; pointer-events: none; width: 20px; font-size: 14px; } img[data-v-2b0caf86]{ max-width: 100%; max-height: 100%; } .plat-section-outter-box[data-v-3f217f90] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: block; } .plat-section-space[data-v-3f217f90] { position: relative; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .wrapper[data-v-8b1cdcd6] { position: relative; } .container[data-v-8b1cdcd6] { width: 970px; margin: 0 auto; position: relative; } .clearfix[data-v-8b1cdcd6] { zoom: 1; overflow: hidden; } .subtitle-new[data-v-8b1cdcd6] { display: block; padding: 0 0 0 16px; font-size: 15px; color: #555; font-weight: 700; height: 30px; line-height: 24px; border-bottom: 4px solid #eee; clear: both; } .subtitle-new span[data-v-8b1cdcd6] { border-radius: 10px; border: solid 3px #fc7e9f; margin-right: 5px; } .inner-box[data-v-8b1cdcd6] { background: url(//activity.hdslb.com/zzjs/aboutUs/img/abu_oth.png) no-repeat; margin: 20px 10px; width: 300px; height: 109px; position: relative; text-align: center; line-height: 18px; padding-top: 33px; font-size: 14px; float: left; } .inner-box[data-v-8b1cdcd6] { width: 300px; height: 142px; padding: 33px 35px 0; } .inner-box-title[data-v-8b1cdcd6] { text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; color: white; font-weight: bold; font-size: 14px; line-height: 33px; height: 33px; } .act-rich-style-init2[data-v-54555d77] { font-size: 14px; margin: 0 auto .5rem; min-height: 100vh; position: relative; padding: 0 100px; } .act-rich-style-init2 .rich-head-title[data-v-54555d77] { } .act-rich-style-init2 .act-rich-render-content[data-v-54555d77] { -webkit-transition: height .4s; transition: height .4s; overflow: hidden; padding-top: 20px; } a[data-v-54555d77]{ cursor: pointer; color: #00a6e7; } .act-rich-style-init2[data-v-18b64b99] { font-size: 14px; margin: 0 auto .5rem; min-height: 100vh; position: relative; padding: 0 100px; } .act-rich-style-init2 .act-rich-render-content[data-v-18b64b99] { -webkit-transition: height .4s; transition: height .4s; overflow: hidden; padding-top: 20px; } a[data-v-18b64b99]{ cursor: pointer; color: #00a6e7; } .inBox[data-v-0e783017] { padding: 0 8%; margin: 20px 0; color: gray; } table.jobs tbody tr[data-v-0e783017] { cursor: pointer; } table.jobs th[data-v-0e783017], table.jobs td[data-v-0e783017] { padding: 15px 0 !important; } .js-jobs > td[data-v-0e783017] { width: 24%; } table.jobs tbody tr.jobs-details[data-v-0e783017] { cursor: default; background: #f7f7f7; } .hide[data-v-0e783017] { display: none; } table.jobs th[data-v-0e783017], table.jobs td[data-v-0e783017] { padding: 15px 0 !important; } .top-header[data-v-244bdf4e][data-v-db875fde] { width: 100%; height: 106px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABWCAYAAADlqUfFAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAbSURBVCiRY2RYcOM/AwMDAxMDFIwyRhkjjQEAc4gDI5wD87YAAAAASUVORK5CYII=) repeat-x; z-index: 10; } .top-img[data-v-244bdf4e][data-v-db875fde] { width: 980px; height: 106px; margin: 0 auto; background: url(/static/img/logo.943fc92.png) no-repeat; } .security_content[data-v-db875fde] { overflow: hidden; width: 980px; height: 100%; margin: 10px auto 100px; border: 1px solid #e1e2e5; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); background: #fafafa; border-radius: 4px; } .security-left[data-v-db875fde] { float: left; width: 150px; height: 100%; overflow: hidden; } .security-title[data-v-db875fde] { display: block; width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #99a2aa; cursor: default; } .security-title[data-v-db875fde], .security-ul[data-v-db875fde] { border-bottom: 1px solid #e1e2e5; } .security-list[data-v-db875fde] { width: 150px; height: 48px; line-height: 48px; cursor: pointer; } .security-left .on[data-v-db875fde] { background-color: #00a1d7!important; } .security-icon[data-v-db875fde] { vertical-align: middle; display: inline-block; width: 18px; height: 36px; margin-left: 16px; } .security-nav-name[data-v-db875fde] { margin-left: 12px; font-size: 14px; color: #222; } .security-left .on .security-nav-name[data-v-db875fde] { color: #fff; } .security-list-jump[data-v-db875fde] { width: 150px; height: 43px; border-bottom: 1px solid #e1e2e5; position: relative; } .security-list-link[data-v-db875fde], .security-list-link-jump[data-v-db875fde] { display: block; height: 100%; } .security-list-link-jump[data-v-db875fde] { color: #222; font-size: 16px; text-align: center; line-height: 43px; } .security-list-jump-icon[data-v-db875fde] { display: inline-block; font-size: 12px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 14px; } .security-right[data-v-db875fde] { float: left; width: 825px; border-left: 1px solid #ddd; background: #fff; min-height: 890px!important; } .secuity-right-home[data-v-7dc2ba88] { padding: 50px 20px 0; width: 789px; } .index-info[data-v-7dc2ba88] { border-bottom: 1px solid #e5e9ef; padding-bottom: 40px; position: relative; } .home-head[data-v-7dc2ba88] { display: inline-block; vertical-align: top; position: relative; cursor: pointer; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; } .home-head img[data-v-7dc2ba88] { width: 100%; height: 100%; } .gotoSpace[data-v-7dc2ba88] { position: absolute; text-align: center; width: 64px; height: 64px; top: 0; left: 0; background-color: rgba(0,0,0,.66); font-size: 12px; color: #fff; border-radius: 64px; line-height: 64px; cursor: pointer; display: none; } .home-right[data-v-7dc2ba88] { display: inline-block; margin-left: 16px; width: 640px; } .home-top-msg-name[data-v-7dc2ba88] { display: inline-block; font-size: 18px; font-weight: 700; color: #222; margin-right: 8px; cursor: default; } .home-user-spec[data-v-7dc2ba88], .home-userstatus[data-v-7dc2ba88] { font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 4px; } .home-userstatus[data-v-7dc2ba88] { border: 1px solid #99a2aa; margin: 0 8px; color: #99a2aa; border-radius: 4px; cursor: default; } .home-top-level[data-v-7dc2ba88] { position: relative; } .home-top-level-all[data-v-7dc2ba88] { display: inline-block; width: 684px; margin-top: 10px; } .home-top-progress-wrap[data-v-7dc2ba88] { display: inline-block; position: relative; } .home-top-level-head[data-v-7dc2ba88] { width: 48px; height: 24px; font-weight: 700; color: #fff; padding-left: 10px; font-size: 12px; line-height: 24px; cursor: default; display: inline-block; /*background: url() no-repeat;*/ } .home-top-level-up[data-v-7dc2ba88] { width: 280px; height: 24px; line-height: 24px; background-color: #e5e9ef; margin-left: -15px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; position: relative; text-indent: -9999px; text-align: center; } .home-top-level-upgo[data-v-7dc2ba88] { position: absolute; top: 0; left: 0; background-color: #ff905a; width: 0; height: 24px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; transition-delay: .3s; border-radius: 0 4px 4px 0; } .home-top-level-mask-warp[data-v-7dc2ba88] { position: absolute; width: 260px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; top: 33px; left: -15px; z-index: 999; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; font-size: 12px; color: #6d757a; line-height: 24px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); display: none; } .home-level-mask-icon[data-v-7dc2ba88] { position: absolute; width: 20px; height: 20px; top: -19px; left: 24px; /*background: url() -23px -850px no-repeat;*/ z-index: 10; } .home-level-mask-top[data-v-7dc2ba88] { display: inline-block; width: 326px; height: 10px; position: absolute; top: -10px; left: 15px; background: transparent; } .home-level-tips[data-v-7dc2ba88] { font-size: 18px; color: #222; } .home-top-level-mask-warp a[data-v-7dc2ba88] { font-size: 12px; color: #00a1d6; float: right; } .home-top-level-number[data-v-7dc2ba88] { height: 24px; color: #99a2aa; margin-left: 8px; font-size: 12px; line-height: 24px; cursor: default; } .now-num[data-v-7dc2ba88] { color: #222; } .num-icon[data-v-7dc2ba88] { margin: 0 2px; } .home-to-update[data-v-7dc2ba88] { right: 90px; line-height: 20px; font-size: 12px; } .home-to-space[data-v-7dc2ba88], .home-to-update[data-v-7dc2ba88] { position: absolute; top: 8px; width: 70px; height: 22px; display: inline-block; border-radius: 4px; border: 1px solid #ced3db; color: #6d757a; text-align: center; cursor: pointer; line-height: 24px; } .home-to-space[data-v-7dc2ba88] { right: 0; padding-right: 10px; } .m-arrow[data-v-7dc2ba88] { position: absolute; width: 18px; height: 22px; top: 2px; } .home-top-bp[data-v-7dc2ba88] { margin-top: 15px; } .curren-b[data-v-7dc2ba88] { width: 20px; margin-right: 8px; /*background: url() no-repeat;*/ } .curren-b[data-v-7dc2ba88], .curren-b-num[data-v-7dc2ba88] { display: inline-block; height: 20px; } .curren-b-num[data-v-7dc2ba88] { margin-right: 12px; line-height: 20px; font-size: 14px; color: #222; cursor: default; vertical-align: top; } .coin-link[data-v-7dc2ba88] { display: inline-block; margin-right: 8px; font-size: 20px; color: #00a1d6; } .loading-icon-box[data-v-7dc2ba88] { width: 789px; height: 150px; position: relative; } .loading-icon[data-v-7dc2ba88] { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); /*background: url() no-repeat;*/ background-size: 100% 100%; } .home-daily-task-warp[data-v-7dc2ba88] { padding: 36px 0; border-bottom: 1px solid #e5e9ef; position: relative; } .home-daily-task-icon[data-v-7dc2ba88] { display: inline-block; width: 30px; height: 30px; /*background: url() no-repeat;*/ background-position: -145px -18px; margin-right: 6px; margin-left: 10px; } .home-dialy-task-title[data-v-7dc2ba88] { font-size: 20px; color: #222; margin-right: 6px; vertical-align: top; } .home-dialy-task-tips[data-v-7dc2ba88] { display: block; font-size: 12px; color: #99a2aa; margin-right: 6px; position: absolute; top: 42px; left: 140px; } .home-dialy-exp-item[data-v-7dc2ba88] { display: inline-block; width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 0 0; position: relative; } .home-dialy-exp-icon[data-v-7dc2ba88] { width: 72px; height: 72px; border-radius: 72px; /*background: url() no-repeat;*/ text-align: center; line-height: 72px; color: #fff; margin: 0 auto; border: 1px solid; background-color: #00a1d6; } .home-dialy-exp-icon.position-ok[data-v-7dc2ba88]{ background-color: #5DC1A5; } .home-dialiy-exp-i[data-v-7dc2ba88] { color: #fff; font-size: 24px; font-weight: 700; font-style: normal; } .home-dialiy-exp-i-2[data-v-7dc2ba88] { color: #fff; font-size: 12px; } .re-exp-info[data-v-7dc2ba88] { font-size: 14px; color: #222; margin-top: 16px; width: 100%; text-align: center; } .re-exp-none[data-v-7dc2ba88] { font-size: 12px; color: #99a2aa; margin-top: 16px; width: 100%; text-align: center; } .re-exp-getexp[data-v-7dc2ba88] { width: 80px; height: 20px; border-radius: 4px; background-color: #8a95a8; color: #fff; text-align: center; line-height: 19px; margin: 15px auto 0; } .h-line[data-v-7dc2ba88] { display: inline-block; position: absolute; top: 54px; right: 0; width: 1px; height: 74px; border-left: 1px solid #e5e9ef; } .home-mp[data-v-7dc2ba88] { padding: 36px 0 30px; border-bottom: 1px solid #e5e9ef; position: relative; } .home-mp-icon[data-v-7dc2ba88] { display: inline-block; width: 30px; height: 30px; /*background: url() no-repeat;*/ margin-right: 6px; margin-left: 10px; background-position: -145px -82px; } .h-reward-info[data-v-7dc2ba88] { font-size: 20px; color: #222; margin-right: 6px; vertical-align: top; } .h-mp-space[data-v-7dc2ba88] { top: 38px; width: 102px; padding: 0 10px; border-radius: 4px; border: 1px solid #ced3db; color: #6d757a; line-height: 20px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .h-mp-space[data-v-7dc2ba88], .h-mp-space .m-arrow[data-v-7dc2ba88] { right: 0; height: 22px; display: inline-block; position: absolute; } .h-content-list[data-v-7dc2ba88] { width: 100%; margin-top: 10px; overflow: hidden; padding-bottom: 4px; } .h-mp-none[data-v-7dc2ba88] { width: 228px; margin: 15px auto 0; } .h-none-icon[data-v-7dc2ba88] { display: inline-block; width: 90px; height: 48px; /*background: url() no-repeat;*/ } .h-none-info[data-v-7dc2ba88] { display: inline-block; vertical-align: top; } .h-none-info[data-v-7dc2ba88], .h-none-msg[data-v-7dc2ba88] { font-size: 12px; color: #99a2aa; } .h-none-btn[data-v-7dc2ba88] { cursor: pointer; border-radius: 4px; width: 102px; height: 24px; line-height: 24px; background-color: #22a1d6; color: #fff; margin: 8px 0 0 8px; display: inline-block; text-align: center; text-decoration: none; } .home-safe[data-v-7dc2ba88] { padding: 36px 0 34px; display: inline-block; position: relative; } .h-reward-icon[data-v-7dc2ba88] { display: inline-block; width: 30px; height: 30px; /*background: url() no-repeat;*/ background-position: -145px -146px; margin-right: 6px; margin-left: 10px; } .h-reward-info[data-v-7dc2ba88] { font-size: 20px; color: #222; margin-right: 6px; vertical-align: top; } .go-secuirty[data-v-7dc2ba88] { top: 38px; width: 102px; padding: 0 10px; border-radius: 4px; border: 1px solid #ced3db; color: #6d757a; line-height: 20px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .go-secuirty[data-v-7dc2ba88], .go-secuirty .m-arrow[data-v-7dc2ba88] { position: absolute; right: 0; height: 22px; display: inline-block; } .h-content-safe[data-v-7dc2ba88] { width: 100%; overflow: hidden; } .h-safe-list[data-v-7dc2ba88] { width: 350px; display: inline-block; margin: 24px 22px 10px 0; } .h-safe-icon[data-v-7dc2ba88] { font-size: 60px; border-radius: 60px; /*background: url() no-repeat;*/ display: inline-block; color: #adb8c7; } .h-safe-icon.ok[data-v-7dc2ba88] { color: #00a1d6; } .h-safe-msg[data-v-7dc2ba88] { margin-left: 16px; display: inline-block; vertical-align: top; } .h-safe-title[data-v-7dc2ba88] { font-size: 16px; color: #222; margin-bottom: 8px; } .h-safe-desc[data-v-7dc2ba88] { font-size: 12px; color: #99a2aa; margin-bottom: 8px; } .h-safe-btn[data-v-7dc2ba88] { cursor: pointer; background-color: #22a1d6; color: #fff; border-radius: 4px; text-align: center; display: inline-block; width: 70px; height: 24px; line-height: 24px; } .h-safe-nobtn[data-v-7dc2ba88] { cursor: default; background-color: #e5e9ef; color: #abb4c1; border-radius: 4px; text-align: center; width: 70px; } .h-safe-a[data-v-7dc2ba88], .h-safe-nobtn[data-v-7dc2ba88] { display: inline-block; height: 24px; line-height: 24px; } .h-safe-a[data-v-7dc2ba88] { color: #00a1d6; margin-left: 10px; cursor: pointer; } .security-right-title[data-v-74d60613] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-74d60613] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-74d60613] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .big-name-warp[data-v-74d60613] { margin: 0 20px; padding: 30px 0 20px; border-bottom: 1px solid #e5e9ef; } .big-head[data-v-74d60613] { display: inline-block; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; } .big-head img[data-v-74d60613] { width: 100%; height: 100%; } .big-name-left[data-v-74d60613] { position: relative; vertical-align: top; display: inline-block; width: 720px; margin-left: 12px; } .big-name-top[data-v-74d60613], .big-nane-bottom[data-v-74d60613] { width: 420px; margin-top: 5px; } .big-name-top[data-v-74d60613] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .big-user-name[data-v-74d60613] { font-size: 16px; color: #222; line-height: 16px; vertical-align: text-bottom; font-weight: 700; } .big-nane-bottom[data-v-74d60613] { margin-top: 10px; } .big-nane-bottom p[data-v-74d60613] { font-size: 12px; color: #99a2aa; line-height: 12px; } .big-member-btn[data-v-74d60613] { background: #00a1d6; border-radius: 4px; font-size: 14px; color: #fff; cursor: pointer; line-height: 14px; padding: 9px 8px; position: absolute; top: 8px; /*right: 136px;*/ right: 30px; } .voucher-tips-show[data-v-74d60613] { position: absolute; top: -20px; left: -130px; display: block; width: 120px; height: 56px; /*background: url() no-repeat;*/ background-size: 100% 100%; } .big-gift-btn-home[data-v-74d60613] { display: block; border: 1px solid #ccd0d7; border-radius: 4px; background: #fff; font-size: 14px; color: #6d757a; cursor: pointer; line-height: 14px; padding: 8px 28px; position: absolute; top: 8px; right: 40px; } .big-more-tool-btn[data-v-74d60613] { position: absolute; right: 0; top: 10px; width: 22px; height: 40px; border: 1px solid #fff; border-radius: 3px; cursor: pointer; margin-top: 1px; } .big-more-tool-item[data-v-74d60613] { width: 4px; height: 4px; border-radius: 50%; background: #ccd0d7; display: block; margin: 2px auto 0; } .big-more-item-list[data-v-74d60613] { border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); border: 1px solid #ccd0d4; position: absolute; right: -5px; margin-top: 15px; display: none; } .big-more-tool-btn:hover .big-more-item-list[data-v-74d60613] { display: block; } .big-more-item-item[data-v-74d60613], .big-more-item-list[data-v-74d60613] { width: 95px; color: #222; background: #fff; text-align: center; cursor: pointer; z-index: 100; } .big-more-item-txt[data-v-74d60613] { padding: 9px 0; display: inline-block; width: 100%; } .big-banner-warp[data-v-74d60613] { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 20px 0; width: 789px; height: 233px; border-radius: 4px; overflow: hidden; } .swiper-container[data-v-74d60613] { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .sipwer-link[data-v-74d60613], .swiper-container[data-v-74d60613] { width: 100%; height: 100%; } .big-privilege-warp[data-v-74d60613] { position: relative; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #e5e9ef; } .big-privilege-title[data-v-74d60613] { position: relative; font-size: 20px; color: #222; vertical-align: top; margin-bottom: 18px; } .right-more-btn[data-v-74d60613] { display: inline-block; position: absolute; top: 3px; right: 0; height: 22px; width: 40px; padding-right: 10px; border: 1px solid #ced3db; text-align: center; border-radius: 4px; line-height: 23px; color: #6d757a; cursor: pointer; font-size: 12px; } .m-arrow[data-v-74d60613] { position: absolute; width: 18px; height: 22px; right: 0; } .big-privilege-content[data-v-74d60613] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .big-privilege-item[data-v-74d60613] { display: inline-block; width: 85px; } .privilege[data-v-74d60613] { display: inline-block; margin-left: 4.5px; width: 76px; height: 76px; position: relative; } .privilege img[data-v-74d60613] { width: 100%; height: 100%; } .privilege-text[data-v-74d60613] { text-align: center; font-size: 14px; color: #222; line-height: 14px; } .big-watch-wrapper[data-v-74d60613] { position: relative; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #e5e9ef; } .big-watch-title[data-v-74d60613] { position: relative; font-size: 20px; color: #222; vertical-align: top; margin-bottom: 18px; } .member-list-flex-warp[data-v-74d60613] { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .member-list-item[data-v-74d60613] { display: inline-block; width: 142px; margin-right: 20px; } .member-list-img[data-v-74d60613] { display: inline-block; position: relative; width: 142px; height: 190px; background: #e5e9ef; margin-bottom: 10px; border-radius: 4px; overflow: hidden; } .member-list-video-num[data-v-74d60613] { -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.4))); background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.4)); border-radius: 0 0 4px 4px; width: 100%; height: 44px; line-height: 44px; left: 0; padding: 0 9px; bottom: 0; } .member-list-exclusive-icon[data-v-74d60613], .member-list-video-num[data-v-74d60613] { display: block; font-size: 12px; color: #fff; position: absolute; } .text-nowrap[data-v-74d60613] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .member-list-item-text[data-v-74d60613] { font-size: 14px; color: #222; line-height: 16px; text-align: left; } .member-list-item-subtext[data-v-74d60613] { text-align: left; margin-top: 8px; font-size: 12px; color: #99a2aa; line-height: 12px; } .big-pendant-warp[data-v-74d60613] { position: relative; margin: 0 20px; padding: 20px 0; border-bottom: 1px solid #e5e9ef; } .big-pendant-list[data-v-74d60613] { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-pack: distribute; justify-content: space-around; } .big-pendant-link[data-v-74d60613] { display: inline-block; width: 100px; position: relative; } .big-user-avatar[data-v-74d60613] { border-radius: 24px; display: block; width: 48px; height: 48px; margin-top: 25px; margin-bottom: 30px; margin-left: 26px; } .big-user-pendant[data-v-74d60613] { position: absolute; width: 88px; height: 96px; left: 50%; top: 0; -webkit-transform: translate(-50%); transform: translate(-50%); } .big-pendant-test[data-v-74d60613] { font-size: 14px; color: #222; line-height: 14px; } .bottom-help[data-v-74d60613] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 12px; font-size: 12px; } .bottom-help a[data-v-74d60613] { display: block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #00a1d6; } .carousel-item[data-v-74d60613] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; overflow: hidden; } .carousel-item img[data-v-74d60613] { width: 100%; height: 100%; } .index-carousel .el-carousel__indicators--horizontal { right: 1%; -webkit-transform: translateX(0)!important; transform: translateX(0)!important; left: auto!important; } .index-carousel .el-carousel__button { width: 10px!important; height: 10px!important; border-radius: 50%; border: 2px solid transparent!important; opacity: 1!important; background: #fff; color: #fff; } .index-carousel .el-carousel__indicator:focus-visible { outline: none; } .index-carousel .el-carousel__indicator:hover .el-carousel__button { border: 2px solid #fff; background-color: #00a1d6; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 1; } .index-carousel .el-carousel__indicator.is-active button { border-width: 0; border-color: transparent; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAABUlJREFUWAmtVwtMnEUQnitX7g6R1wFtOajSqlBrQULbtJioqK2PiMZEqjatj7S1NmpTGmNUImlr1BhL2hhpmphokzaKtVFBkZooxhCLWNtw+CQtUMSjCKXAyd1x3Mtvfm7/7uX+w5/HJN/t7uzszOz+M7tzBtJJoVDIANHVQBmwClgURjLaYWAIaAdagJMGg6ED7ewJhpOAfUA/MB06BeFNwLypvOBdaRIWxmGiAngZSBNC4JN92EsXxnx00eOn0YkApcTHkS3BSMVWM2UlzBeiom1DZydOpFkw5FbTARhhg7XAOiHcOuih984NU8PfY9Q/HhDsqLYw1UTP56fRxtwkshjVzfOCPcDrcCQkL4pyAMbzIfAVkMuCf4566aWzA1TXO8ZD3WQ1xcGRVKpckU7GeaqZj6BgM5xQd6DOsGYYz0DTCijGa7tHacupi+QORDjNorrp9gUJdPw2G2WYjWLNUXSeECehOgDjZkw0AWtZ8jX7IFXZL3F31pSD+KgrzaEixEiYdsOBA9yXHdiLcRUzj5wfoaew87kkm8VI9rJcsk6exAR0r4YTdiVKsHsbGC+wwbNDHnq6ZW6Ns14HMmbrFb3xYL3NfBGmvPsEZuw6/Q/5ND65EWe1/foUOrxmIe1alkaWOPXweJku+hyBfKxrVMiuw8ZvNYa//SPMre/9l5oHPEJAbdnUl3fk0N22RJW3aUkSlTReoImgypqyY0ImvLLCShuuSZLltvEJcK4rmo+cV72ThagkwxJhnCeLrRZ6IPvqCLlYg1JkQju+f1VhBsVPnhy7/S7wLOfGg7zQ7Q/S133auc45rUWx+EI2HeuqV2bS40tTBItbvhm3IwB/4gE7cAN3fh4aj5nvzQNuGhz3y7lMLl+QTsZwmPU9uTSZ9hdniqhnlgvYAxyEcT9ahfgTZHHP4fYpDK2fYXzoe7/ppR8H3eQNBMl+eZzKmnqpx6XqUZflJcXTd+sX0we3ZMnGGyCwHIb3y8Z5EZ+A4kCfO1oZCwg6A6NrG3vEULOtRJC9WpBOpjiRXOSE4BYYPaG5AEyWHOdJ8wzSitfJ9AXSrO2yV2ZxyG9Api2SmXKfHXAwwxb9jMpyuvrtI14lNZ9r7ScnnukwlaP9A07sANSjEZPM6ONBbmLUOy5kptVyftV0DNOyui460cNfQCGumg4BP8CJgknW5C87cJq7BXjHs/FozBX14eot/95B93+LYEXxEqY1aM/AibcA5eZlBz7lSQQKPbRY38XC8nqpwTFGy+s7qfq3IQoElTued/ki8CucWK9c6Oh0g3FtB4qPm+q7yK/xFug1OJXczTjl90uy5Gf5gAiKg7wwL9lEO/JSp9Ixq7nfsUGJOPuqhQMcIOd4ci/u6yVzFJCsT6Y3izLl3R/CZ3coDqDDUaLUA6m4vxvuzKGU+cI3WcXM+/dkXUUVN6rFNX/yfaxNtQIn6jF+g5n5+BSNd+XQQrP2I8Qy06HNeLo/K81WAh3reLMbYU95eiOqCgQjjz8G+PKgPrwPDyOVWlCSz4S4iKleuYB2ooAJE99Oj8H4J4IR4QAz4QSXSzXAVh4H8UektttJVW2D1Hkln3kqJnHx8Sj+F+zGkRekqoUoBx1Xw8flhVEOiEk48gz67wDKFelHDjf1u4jve64bely+iGooAW9JUZqZ7stOpG0o3aQynFVygJfDuJ0HuglOXAd8COAgIikYDIYueXyhTqdXaQMYa5ATvErAotuoliAUFAI1wF+AHmqHUAWQrqVP5sX8BLKQ3IfSQoxXAfzEMvjJHQH4X8wvQAuOWnng0P9f+g8mO0+PDltmygAAAABJRU5ErkJggg==); background-size: cover; background-repeat: no-repeat; -webkit-transform: scale(1.5); transform: scale(1.5); width: 15px!important; height: 15px!important; } .index-carousel .el-carousel__indicator.is-active:hover .el-carousel__button { border: none; -webkit-transform: scale(1.5); transform: scale(1.5); background-color: transparent; } /* 支付*/ .i-pay-plugin-box[data-v-1a52a2c0] { position: fixed; z-index: 100; background-color: rgb(0 0 0 / 40%); top: 0; left: 0; width: 100%; height: 100%; } .i-pay-box-wrapper[data-v-1a52a2c0] { position: relative; background: #fff; border-radius: 4px; width: 720px; height: 520px; overflow: hidden; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pay-plugin-header-wrapper[data-v-1a52a2c0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 720px; height: 97px; padding: 22px 30px; background: url(/static/img/pay-plugin-header.57219a7.png) no-repeat; background-size: 100% 100%; } .pay-plugin-header-img[data-v-1a52a2c0] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ffffff; overflow: hidden; } .pay-plugin-header-img img[data-v-1a52a2c0] { width: 100%; height: 100%; } .pay-plugin-header-left[data-v-1a52a2c0] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 12px; } .pay-plugin-header-name[data-v-1a52a2c0] { font-size: 16px; color: #ffffff; } .pay-plugin-header-info[data-v-1a52a2c0] { opacity: 0.6; font-size: 14px; color: #ffffff; } .pay-plugin-header-close[data-v-1a52a2c0] { display: block; width: 14px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAQhJREFUSA3FllEKwjAQRFPv4IV6Z8EDVD2A3sIvwf84W9oS02UzuwQNLJrszJsm0mBK/xg55xNqQh175wsTdUWdNzYmEibjjuoWKqyFiY88lYFlo0toFbZnNgXb47W/0CxaaGS6GW5DER72RowRT/GsKXkAHu1XSD1hQIym5ppzC2j1TGirqYG1tRbH1VcC5GWWsX+pXWRDDHh5I4XCDgb/v61ldw/ZFoYc43qkstbtwp93KcAiYP7NtLUuR2KBrV4onAEyGircA/Jo1fAIIOKZw8NGuN1et0E5H5pBC5WQeqnJagpqIjE3mWj+7G/iepe+8dA31DgMw5PYACVZWCPEF9SLMvUWfQA0wyUExBZGlAAAAABJRU5ErkJggg==) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 30px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 10; } .pay-plugin-tab-wrapper[data-v-1a52a2c0] { width: 720px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pay-plugin-tab-item[data-v-1a52a2c0] { cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #f4f5f7; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pay-plugin-item-active[data-v-1a52a2c0] { background: #ffffff; } .pay-plugin-tab-item-txt[data-v-1a52a2c0] { font-size: 16px; color: #99a2aa; } .pay-plugin-item-active .pay-plugin-tab-item-txt[data-v-1a52a2c0] { color: #00a1d6; } .pay-plugin-tab-item-txt-info[data-v-1a52a2c0] { font-size: 12px; color: #99a2aa; } .pay-plugin-item-active .pay-plugin-tab-item-txt-info[data-v-1a52a2c0] { color: #6d757a; } .pay-plugin-price-list-wrapper[data-v-1a52a2c0] { position: relative; margin: 0 30px; } .pay-plugin-price-list-outside[data-v-1a52a2c0] { width: 660px; padding-top: 30px; overflow: hidden; } .pay-plugin-price-list-con[data-v-1a52a2c0] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pay-plugin-price-item-active[data-v-1a52a2c0] { position: relative; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 118px; background: #ffffff; padding: 16px 0; border-radius: 4px; 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; border: 1px solid transparent; margin-right: 12px; } .pay-plugin-price-item[data-v-1a52a2c0] { position: relative; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 118px; background: #ffffff; padding: 16px 0; border: 1px solid #ccd0d7; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .pay-plugin-price-item-active-border[data-v-1a52a2c0] { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -1px; left: -1px; cursor: pointer; width: 100px; height: 118px; padding: 16px 0; border: 2px solid #00a1d6; border-radius: 4px; z-index: 10; } .pay-plugin-price-icon[data-v-1a52a2c0] { border: 2px solid #ffffff; position: absolute; top: -12px; right: -2px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 6px; background: #f25d8e; border-radius: 100px; font-size: 12px; color: #ffffff; line-height: 16px; z-index: 20; } .pay-plugin-price-name[data-v-1a52a2c0] { width: 100px; font-size: 14px; color: #282828; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pay-plugin-price-num[data-v-1a52a2c0] { margin-top: 8px; font-weight: bold; font-size: 24px; color: #00a1d6; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pay-plugin-price-og-num[data-v-1a52a2c0] { font-size: 14px; color: #6d757a; letter-spacing: 0; text-align: center; text-decoration: line-through; } .pay-plugin-price-no-data[data-v-1a52a2c0] { font-size: 16px; color: #99a2aa; } .pay-plugin-qr-wrapper[data-v-1a52a2c0] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 660px; height: 154px; margin-top: 10px; margin-left: 30px; background: #ffffff; border-radius: 4px; border: 1px solid #e5e9ef; display: -webkit-box; display: -ms-flexbox; display: flex; } .pay-plugin-qr-left[data-v-1a52a2c0] { width: 100px; height: 100%; background: #f4f5f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay-plugin-qr-item[data-v-1a52a2c0] { cursor: pointer; width: 100px; height: 40px; font-size: 12px; color: #6d757a; text-align: center; line-height: 40px; vertical-align: bottom; } .pay-plugin-qr-item-active[data-v-1a52a2c0] { cursor: default; background: #ffffff; color: #00a1d6; } .pay-plugin-qr-item[data-v-1a52a2c0]:hover { color: #00a1d6; } .pay-plugin-qr-right[data-v-1a52a2c0] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pay-plugin-qr-code-wrapper[data-v-1a52a2c0] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 110px; height: 110px; border: 1px solid #e5e9ef; overflow: hidden; } .qrcode-fail[data-v-1a52a2c0] { width: 110px; height: 110px; background: url(/static/img/code_fail.f41d4f5.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .pay-plugin-qr-code-right[data-v-1a52a2c0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 20px; } .pay-plugin-qr-code-num[data-v-1a52a2c0] { font-weight: bold; font-size: 28px; color: #00a1d6; letter-spacing: 0; margin-bottom: 8px; } .pay-plugin-qr-code-txt[data-v-1a52a2c0] { width: 200px; font-size: 12px; color: #6d757a; } .toast-warp[data-v-1a52a2c0] { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; } .pay-plugin-rule-wrapper[data-v-1a52a2c0] { width: 100%; position: absolute; bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pay-plugin-rule-txt[data-v-1a52a2c0] { cursor: pointer; font-size: 12px; color: #99a2aa; } .pay-plugin-rule-txt a[data-v-1a52a2c0] { font-size: 12px; color: #99a2aa; } .security-right-title[data-v-2a460b67] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-2a460b67] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-2a460b67] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .user-setting-warp[data-v-2a460b67] { padding: 20px 20px 0; position: relative; } .el-form-item[data-v-2a460b67] { margin-bottom: 22px; } .user-local[data-v-2a460b67], .user-my-aim[data-v-2a460b67], .user-my-btn[data-v-2a460b67], .user-my-date[data-v-2a460b67], .user-my-love[data-v-2a460b67], .user-my-school[data-v-2a460b67], .user-my-sex[data-v-2a460b67], .user-my-sign[data-v-2a460b67], .user-nick-name[data-v-2a460b67], .user-nick-rel-name[data-v-2a460b67] { float: left; width: 789px; } .user-nick-name .el-input[data-v-2a460b67], .user-nick-name .el-input__inner[data-v-2a460b67] { float: left; width: 225px; height: 30px; margin-right: 40px; } .user-my-sign .el-textarea[data-v-2a460b67], .user-my-sign .el-textarea .el-textarea__inner[data-v-2a460b67] { float: left; width: 618px; height: 88px; resize: none; } .user-my-sex .el-radio__label[data-v-2a460b67] { margin-right: 20px; padding: 5px 8px; border: 1px solid #bfcbd9; border-radius: 5px!important; background: #f4f4f4; color: #717171; } .user-setting-warp .el-radio-button__orig-radio:checked+.el-radio-button__inner[data-v-2a460b67] { background-color: #22a1d6!important; border-color: #22a1d6!important; } .user-setting-warp .padding-dom[data-v-2a460b67] { width: 789px; height: 39px; border-bottom: 1px solid #e5e9ef; margin-bottom: 40px; } .user-my-btn-warp[data-v-2a460b67] { float: left; width: 789px; height: 36px; position: relative; } .security-right-title[data-v-d3e56da6] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-d3e56da6] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-d3e56da6] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .security-right-bottom[data-v-d3e56da6] { padding: 0 20px; } .face-tool[data-v-d3e56da6] { padding: 20px 0; } .tool-container[data-v-d3e56da6] { width: 200px; height: 200px; border: 1px solid #e5e9ef; border-radius: 50%; position: relative; margin: 0 auto; } .tool-change-face[data-v-d3e56da6] { background: #00a1d6; border: 1px solid #00a1d6; position: absolute; left: -27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tool-change-face[data-v-d3e56da6], .tool-uninstall-pendant[data-v-d3e56da6] { width: 54px; height: 54px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; } .tool-change-face span[data-v-d3e56da6] { color: #fff; } .tool-change-face span[data-v-d3e56da6], .tool-uninstall-pendant span[data-v-d3e56da6] { width: 2em; font-size: 14px; line-height: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .tool-face-box[data-v-d3e56da6] { width: 168px; height: 168px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .tool-face-box[data-v-d3e56da6] { width: 168px; height: 168px; position: relative; } .tool-face-box[data-v-d3e56da6] { width: 168px; height: 168px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .tool-user-face[data-v-d3e56da6] { width: 96px; height: 96px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .face[data-v-d3e56da6] { width: 168px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; } .tool-uninstall-pendant[data-v-d3e56da6] { cursor: pointer; background: #fff; border: 1px solid #ccd0d7; position: absolute; right: -27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tool-uninstall-pendant.disable[data-v-d3e56da6] { cursor: not-allowed; } .tool-uninstall-pendant span[data-v-d3e56da6] { color: #6d757a; } .tool-uninstall-pendant.disable span[data-v-d3e56da6] { color: #eee; } .face-nav[data-v-d3e56da6] { margin: 0 auto; border-bottom: 1px solid #e5e9ef; } .face-nav>div[data-v-d3e56da6] { padding: 6px 0; float: left; margin-right: 25px; line-height: 20px; } .face-nav>.active[data-v-d3e56da6] { padding: 6px 0 5px; border-bottom: 1px solid #00a1d6; position: relative; } .face-nav>div a[data-v-d3e56da6] { color: #000; font-size: 14px; } .face-nav>.active a[data-v-d3e56da6] { color: #00a1d6; } .face-container[data-v-c52e4c2a] { padding-top: 10px; } .vip-description[data-v-c52e4c2a] { color: #aaa; font-weight: 400; font-size: 12px; line-height: 18px; margin: 20px 0; } .pendant-list li[data-v-c52e4c2a] { width: 158px; height: 158px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; float: left; margin-right: 36px; margin-bottom: 30px; cursor: pointer; } .pendant-list li .pendant-box[data-v-c52e4c2a] { width: 84px; height: 84px; position: relative; margin: 12px auto 0; } .pendant-list li .pendant-box img[data=face][data-v-c52e4c2a] { border-radius: 50%; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; } .pendant-list li .pendant-box img[data=pendant][data-v-c52e4c2a] { width: 84px; height: 84px; position: relative; z-index: 1; } .pendant-list li .pendant-name[data-v-c52e4c2a] { font-size: 14px; color: #000; line-height: 20px; padding: 0 12px; text-align: center; margin-top: 8px; } .pendant-mask[data-v-c52e4c2a] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.3); z-index: 10; } .pendant-box-one[data-v-c52e4c2a] { width: 370px; height: 304px; background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pendant-pay-close[data-v-c52e4c2a] { font-size: 20px; position: absolute; right: 8px; top: 8px; cursor: pointer; } .pendant-header[data-v-c52e4c2a] { padding-top: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; background: #f2f6fa; } .pay-pendant-box[data-v-c52e4c2a] { width: 168px; height: 168px; position: relative; margin: -55px auto 0; } .pay-pendant-box .pay-face[data-v-c52e4c2a] { width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; margin: -48px 0 0 -48px; border-radius: 50%; background-color: white; } .pay-pendant-box .pay-pendant[data-v-c52e4c2a] { width: 168px; height: 168px; position: relative; z-index: 1; } .pendant-name[data-v-c52e4c2a] { font-size: 20px; color: #222; padding: 0 12px; font-weight: 400; text-align: center; } .pendant-main[data-v-c52e4c2a] { padding: 0 40px; } .pendant-info[data-v-c52e4c2a] { padding: 24px 0; } .pendant-info p[data-v-c52e4c2a] { font-size: 14px; color: #212121; text-align: center; padding: 5px 0; font-weight: 700; } .pendant-main .pendant-btn[data-v-c52e4c2a] { width: 120px; height: 32px; padding: 7px 6px; font-size: 14px; line-height: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; text-align: center; background: #00a1d6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .face-container[data-v-01c11676] { padding-top: 10px; } .pendant-vip-box[data-v-01c11676] { margin-top: 20px; position: relative; min-height: 250px; } .no-data[data-v-01c11676] { background: url(/static/img/nodata02.5e00b2e.png); background-size: 200px 200px; content: ""; width: 200px; height: 200px; display: block; position: relative; margin: 30px auto; } .no-data p[data-v-01c11676] { font-size: 14px; color: #a3aec9; text-align: center; position: absolute; bottom: 12px; line-height: 18px; width: 100%; } .pendant-list li[data-v-01c11676] { width: 158px; height: 158px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; float: left; margin-right: 36px; margin-bottom: 30px; cursor: pointer; } .pendant-list li .pendant-box[data-v-01c11676] { width: 84px; height: 84px; position: relative; margin: 12px auto 0; } .pendant-list .active[data-v-01c11676] { border: 1px solid #00a1d6; } .pendant-list li .pendant-box img[data=face][data-v-01c11676] { border-radius: 50%; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; } .pendant-list li .pendant-box img[data=pendant][data-v-01c11676] { width: 84px; height: 84px; position: relative; z-index: 1; } .pendant-list li .pendant-name[data-v-01c11676] { font-size: 14px; color: #000; line-height: 20px; padding: 0 12px; text-align: center; margin-top: 8px; } .pendant-mask[data-v-01c11676] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.3); z-index: 10; } .pendant-box-one[data-v-01c11676] { width: 370px; height: 304px; background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pendant-pay-close[data-v-01c11676] { font-size: 20px; position: absolute; right: 8px; top: 8px; cursor: pointer; } .pendant-header[data-v-01c11676] { padding-top: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; background: #f2f6fa; } .pay-pendant-box[data-v-01c11676] { width: 168px; height: 168px; position: relative; margin: -55px auto 0; } .pay-pendant-box .pay-face[data-v-01c11676] { width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; margin: -48px 0 0 -48px; border-radius: 50%; background-color: white; } .pay-pendant-box .pay-pendant[data-v-01c11676] { width: 168px; height: 168px; position: relative; z-index: 1; } .pendant-name[data-v-01c11676] { font-size: 20px; color: #222; padding: 0 12px; font-weight: 400; text-align: center; } .pendant-main[data-v-01c11676] { padding: 0 40px; } .pendant-info[data-v-01c11676] { padding: 24px 0; } .pendant-info p[data-v-01c11676] { font-size: 14px; color: #212121; text-align: center; padding: 5px 0; font-weight: 700; } .pendant-main .pendant-btn[data-v-01c11676] { width: 120px; height: 32px; padding: 7px 6px; font-size: 14px; line-height: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; text-align: center; background: #00a1d6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .face-container[data-v-ed095b6e] { padding-top: 10px; } .pendant-vip-box[data-v-ed095b6e] { margin-top: 20px; position: relative; min-height: 250px; } .no-data[data-v-ed095b6e] { background: url(/static/img/nodata02.5e00b2e.png); background-size: 200px 200px; content: ""; width: 200px; height: 200px; display: block; position: relative; margin: 30px auto; } .no-data p[data-v-ed095b6e] { font-size: 14px; color: #a3aec9; text-align: center; position: absolute; bottom: 12px; line-height: 18px; width: 100%; } .pendant-list li[data-v-ed095b6e] { width: 158px; height: 158px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; float: left; margin-right: 36px; margin-bottom: 30px; cursor: pointer; } .pendant-list li .pendant-box[data-v-ed095b6e] { width: 84px; height: 84px; position: relative; margin: 12px auto 0; } .pendant-list .active[data-v-ed095b6e] { border: 1px solid #00a1d6; } .pendant-list li .pendant-box img[data=face][data-v-ed095b6e] { border-radius: 50%; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; } .pendant-list li .pendant-box img[data=pendant][data-v-ed095b6e] { width: 84px; height: 84px; position: relative; z-index: 1; } .pendant-list li .pendant-name[data-v-ed095b6e] { font-size: 14px; color: #000; line-height: 20px; padding: 0 12px; text-align: center; margin-top: 8px; } .pendant-mask[data-v-ed095b6e] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.3); z-index: 10; } .pendant-box-one[data-v-ed095b6e] { width: 370px; height: 304px; background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pendant-pay-close[data-v-ed095b6e] { font-size: 20px; position: absolute; right: 8px; top: 8px; cursor: pointer; } .pendant-header[data-v-ed095b6e] { padding-top: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; background: #f2f6fa; } .pay-pendant-box[data-v-ed095b6e] { width: 168px; height: 168px; position: relative; margin: -55px auto 0; } .pay-pendant-box .pay-face[data-v-ed095b6e] { width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; margin: -48px 0 0 -48px; border-radius: 50%; background-color: white; } .pay-pendant-box .pay-pendant[data-v-ed095b6e] { width: 168px; height: 168px; position: relative; z-index: 1; } .pendant-name[data-v-ed095b6e] { font-size: 20px; color: #222; padding: 0 12px; font-weight: 400; text-align: center; } .pendant-main[data-v-ed095b6e] { padding: 0 40px; } .pendant-info[data-v-ed095b6e] { padding: 24px 0; } .pendant-info p[data-v-ed095b6e] { font-size: 14px; color: #212121; text-align: center; padding: 5px 0; font-weight: 700; } .pendant-main .pendant-btn[data-v-ed095b6e] { width: 120px; height: 32px; padding: 7px 6px; font-size: 14px; line-height: 18px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; text-align: center; background: #00a1d6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container[data-v-499146ce] { float: left; width: 829px; border-left: 1px solid #ddd; min-height: 850px; background: #fff; } .container .upload-box[data-v-499146ce] { position: relative; } .cropper-modal .modal[data-v-499146ce] { width: 830px; text-align: center; } .modal-head[data-v-499146ce] { position: relative; text-align: center; padding: 0 20px; border-bottom: 1px solid #e5e9ef; } .head-wrap[data-v-499146ce] { position: relative; font-size: 14px; color: #222; height: 50px; line-height: 50px; text-align: left; } .modal-head a[data-v-499146ce] { color: #6d757a; } .modal-content[data-v-499146ce] { padding: 80px 20px 56px; display: inline-block; } .img-clip-wrap[data-v-499146ce] { height: 182px; float: left; position: relative; margin-right: 40px; } .container-bg[data-v-499146ce] { width: 180px; height: 180px; /*background-color: #000;*/ border-radius: 4px; border: 1px solid #e5e9ef; } .img-container[data-v-499146ce] { position: relative; height: 0; margin: auto; } .img-container img[data-v-499146ce] { position: relative; width: 100%; height: 100%; } .img-container .shadow-box[data-v-499146ce] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1; } .crop-wrap[data-v-499146ce] { width: 100%; height: 100%; z-index: 10; cursor: crosshair; } .crop-box[data-v-499146ce], .crop-wrap[data-v-499146ce] { position: absolute; top: 0; left: 0; } .first-change-lb[data-v-499146ce] { cursor: pointer; background: #f1f2f5; width: 178px; height: 84px; position: absolute; top: 0; left: 0; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-transition: all .6s ease; transition: all .6s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; } .first-change-lb_img[data-v-499146ce] { font-size: 32px; color: #505050; } .first-change-lb span[data-v-499146ce] { display: block; font-size: 14px; color: #5a6267; line-height: 20px; letter-spacing: 0; margin-left: 6px; } .reset-img[data-v-499146ce] { position: absolute; bottom: -28px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); } .reset-img label[data-v-499146ce] { font-size: 12px; color: #6d757a; cursor: pointer; } .reset-img label i[data-v-499146ce] { display: inline-block; width: 18px; height: 18px; vertical-align: bottom; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/account/assets/icons_m_2.png);*/ background-position: -23px -1303px; cursor: pointer; } #file_input[data-v-499146ce] { display: none; } .border-line[data-v-499146ce] { height: 182px; width: 1px; background: #e5e9ef; float: left; } .img-preview-wrap[data-v-499146ce] { margin-left: 40px; float: left; } .pre-container[data-v-499146ce] { width: 160px; height: 160px; overflow: hidden; border-radius: 50%; border: 1px solid #e6eaf0; background-size: cover; } .pre-container img[data-v-499146ce] { position: relative; width: 100%; height: 100%; border-radius: 4px; } .pre-info[data-v-499146ce] { margin-top: 20px; font-size: 12px; color: #99a2aa; } .descript[data-v-499146ce] { line-height: 16px; color: #99a2aa; } .modal-footer[data-v-499146ce] { text-align: center; margin-top: 40px; } .modal-btn[data-v-499146ce] { display: inline-block; width: 140px; height: 40px; font-size: 14px; line-height: 32px; border-radius: 4px; cursor: pointer; text-decoration: none; } .btn-confirm[data-v-499146ce] { border: 1px solid #00a1d6; color: #fff; background-color: #00a1d6; } .btn-confirm.disabled[data-v-499146ce] { background: #f4f5f7; border-color: #f4f5f7; color: #ccd0d7; cursor: auto; } .pay-cneter-con[data-v-7e34fb6f] { width: 1140px; margin: 0 auto; padding-bottom: 30px; position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .pay-left-nav[data-v-7e34fb6f] { width: 220px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .nav-user-info-wp[data-v-7e34fb6f] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 113px; border: 1px solid #c9ced2; border-radius: 4px; margin-bottom: 10px; background: #fff; padding: 12px; } .nav-user-top[data-v-7e34fb6f] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .nav-user-top .nav-user-top-img[data-v-7e34fb6f] { width: 44px; height: 44px; overflow: hidden; border-radius: 50%; margin-right: 14px; } .nav-user-top .nav-user-top-img img[data-v-7e34fb6f] { width: 100%; height: 100%; } .nav-user-top .nav-user-top-name[data-v-7e34fb6f] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 12px; color: #2e3133; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nav-user-pay-info[data-v-7e34fb6f] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-top: 14px; } .nav-user-pay-info[data-v-7e34fb6f], .nav-user-pay-info .nav-user-pay-bcoin[data-v-7e34fb6f] { -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-user-pay-info[data-v-7e34fb6f], .nav-user-pay-info .nav-user-pay-bcoin[data-v-7e34fb6f] { -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-user-pay-info .nav-user-pay-bcoin[data-v-7e34fb6f], .nav-user-pay-info .nav-user-pay-shell[data-v-7e34fb6f] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; color: #9f9f9f; font-size: 14px; } .nav-user-pay-info .nav-user-pay-bcoin span[data-v-7e34fb6f], .nav-user-pay-info .nav-user-pay-shell span[data-v-7e34fb6f] { color: #282a2b; padding-left: 3px; } .left-nav-wp[data-v-7e34fb6f] { width: 100%; border: 1px solid #c9ced2; border-radius: 4px; background: #fff; } .left-nav-title[data-v-7e34fb6f], .left-nav-wp[data-v-7e34fb6f] { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; } .left-nav-title[data-v-7e34fb6f] { padding: 0 12px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 42px; border-bottom: 1px solid #f2f2f2; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .left-nav-title-icon-bcoin[data-v-7e34fb6f] { margin-right: 15px; font-size: 23px; color: #efc21c; font-weight: bold; } .left-nav-title-txt[data-v-7e34fb6f] { font-weight: 700; } .left-nav-link-item[data-v-7e34fb6f] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; padding-left: 50px; font-size: 14px; color: #282a2b; cursor: pointer; line-height: 42px; } .left-nav-link-item.on[data-v-7e34fb6f] { border-left: 2px solid #1598d0; background: #eef2f5; -webkit-box-sizing: border-box; box-sizing: border-box; color: #00a1d6; padding-left: 48px; } .pay-center-right[data-v-7e34fb6f] { width: 100%; } .pay-bcoin-index-wp[data-v-7e34fb6f] { width: 100%; border: 1px solid #ccd0d7; border-radius: 4px; } .pay-bcoin-index-title[data-v-7e34fb6f] { padding: 12px 28px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: relative; background: #eef2f4; border-bottom: 1px solid #ccd0d7; } .pay-bcoin-index-icon[data-v-7e34fb6f] { font-size: 23px; color: #efc21c; font-weight: bold; } .pay-bcoin-txt[data-v-7e34fb6f] { font-size: 16px; color: #6c818c; cursor: default; margin-left: 12px; } .pay-bcoin-help[data-v-7e34fb6f] { text-decoration: none; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: absolute; top: 12px; right: 28px; } .pay-bcoin-help-icon[data-v-7e34fb6f] { font-size: 24px; color: #ccdade; } .pay-bcoin-help-txt[data-v-7e34fb6f] { text-decoration: none; font-size: 14px; color: #879196; } .pay-bcoin-index-content[data-v-146ed7db] { padding: 15px 12px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: #fff; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .pay-bcoin-index-name[data-v-146ed7db] { font-size: 14px; color: #99a2aa; } .pay-bcoin-index-box[data-v-146ed7db] { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 13px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; position: relative; padding-bottom: 16px; border-bottom: 1px solid #e7ecf1; } .pay-bcoin-num[data-v-146ed7db] { font-size: 50px; color: #01b5e7; font-weight: 700; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; } .pay-bcoin-num[data-v-146ed7db]:after { content: "B\5E01"; font-size: 16px; margin-left: 4px; color: #01b5e7; font-weight: 400; } .pay-bcoin-btn[data-v-146ed7db] { text-decoration: none; line-height: 45px; text-align: center; color: #fff; letter-spacing: 0; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 140px; height: 45px; float: right; background: #02a7e3; border-radius: 4px; font-size: 18px; position: absolute; top: 0; right: 0; } .pay-cneter-con[data-v-146ed7db]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .pay-bcoin-recharge-content[data-v-c8f48708] { padding: 15px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: #fff; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .pay-bcoin-recharge-content-title[data-v-c8f48708] { font-size: 14px; color: #99a2aa; margin-bottom: 13px; } .pay-rechange-panel-box[data-v-c8f48708] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap; } .pay-rechange-item[data-v-c8f48708] { padding: 12px 0; width: 200px; -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; } .pay-rechange-item[data-v-c8f48708], .pay-recharge-diy-wp[data-v-c8f48708] { color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7ecf1; border-radius: 4px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; margin-bottom: 16px; cursor: pointer; } .pay-rechange-item-num[data-v-c8f48708] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .pay-rechange-item-num-title-1[data-v-c8f48708] { font-size: 24px; } .pay-rechange-item-num-title-2[data-v-c8f48708] { margin-left: 5px; font-size: 14px; } .pay-rechange-item-bottom[data-v-c8f48708] { margin-top: 12px; font-size: 14px; color: #757575; } .pay-recharge-diy-wp[data-v-c8f48708] { position: relative; padding: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pay-recharge-diy-static[data-v-c8f48708] { font-size: 14px; color: #999; } .pay-rechange-item-selected[data-v-c8f48708] { border: 1px solid #02a7e3; color: #02a7e3; cursor: default; } .pay-recharge-diy-input[data-v-c8f48708] { margin-top: -15px; } .pay-recharge-diy-input input[data-v-c8f48708] { width: 100%; height: 33px; padding: 0; margin: 0; line-height: 33px; font-size: 24px; color: #222; letter-spacing: 0; border: 0; outline: unset; } .pay-recharge-tips[data-v-c8f48708] { position: absolute; left: 12px; bottom: 12px; width: 100%; font-size: 14px; color: #999; letter-spacing: 0; } .pay-plugin-qr-wrapper[data-v-c8f48708] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 154px; margin-top: 10px; background: #ffffff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pay-plugin-qr-left[data-v-c8f48708] { width: 100px; height: 100%; background: #f4f5f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay-plugin-qr-item[data-v-c8f48708] { cursor: pointer; width: 100px; height: 40px; font-size: 12px; color: #6d757a; text-align: center; line-height: 40px; vertical-align: bottom; } .pay-plugin-qr-item-active[data-v-c8f48708] { cursor: default; background: #ffffff; color: #00a1d6; } .pay-plugin-qr-item[data-v-c8f48708]:hover { color: #00a1d6; } .pay-plugin-qr-right[data-v-c8f48708] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pay-plugin-qr-code-wrapper[data-v-c8f48708] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 110px; height: 110px; border: 1px solid #e5e9ef; overflow: hidden; } .qrcode-fail[data-v-c8f48708] { width: 110px; height: 110px; background: url(/static/img/code_fail.f41d4f5.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .pay-plugin-qr-code-right[data-v-c8f48708] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 20px; } .pay-plugin-qr-code-num[data-v-c8f48708] { font-weight: bold; font-size: 28px; color: #00a1d6; letter-spacing: 0; margin-bottom: 8px; } .pay-plugin-qr-code-txt[data-v-c8f48708] { width: 200px; font-size: 12px; color: #6d757a; } .toast-warp[data-v-c8f48708] { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; } .pay-plugin-rule-wrapper[data-v-c8f48708] { width: 100%; margin-top: 20px; bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pay-plugin-rule-txt[data-v-c8f48708] { cursor: pointer; font-size: 12px; color: #99a2aa; } .pay-plugin-rule-txt a[data-v-c8f48708] { font-size: 12px; color: #99a2aa; } .pay-bcoin-record-content[data-v-9835b21a] { padding: 15px 12px; background: #fff; } .pay-tab-wp[data-v-9835b21a] { display: -ms-flexbox; display: -webkit-box; display: flex; } .pay-tab-item[data-v-9835b21a] { width: 74px; height: 34px; font-size: 14px; cursor: pointer; color: #02a7e3; margin-right: 10px; text-align: center; line-height: 30px; } .pay-tab-item-selected[data-v-9835b21a] { background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9Ijc0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDc0IDM0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ni4yICg0NDQ5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJ3ZWIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNy3mlLbpk7blj7At5pSv5LuY5pa55byPLWNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY2NS4wMDAwMDAsIC0xOTYuMDAwMDAwKSIgZmlsbD0iIzAyQTdFMyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjUuMDAwMDAwLCAxOTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzguOTcwNTYyNywyOSBMNzAsMjkgQzcyLjIwOTEzOSwyOSA3NCwyNy4yMDkxMzkgNzQsMjUgTDc0LDQgQzc0LDEuNzkwODYxIDcyLjIwOTEzOSwtNC4wNTgxMjI1MWUtMTYgNzAsMCBMNCwwIEw0LDAgQzEuNzkwODYxLDQuMDU4MTIyNTFlLTE2IC0yLjcwNTQxNWUtMTYsMS43OTA4NjEgMCw0IEwwLDQgTDAsMjUgQzIuNzA1NDE1ZS0xNiwyNy4yMDkxMzkgMS43OTA4NjEsMjkgNCwyOSBMMzAuMzQzMTQ1OCwyOSBMMzQuNjU2ODU0MiwzMy4zMTM3MDg1IEwzOC45NzA1NjI3LDI5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat; color: #fff; } .bcoin-recored-pay-wp[data-v-9835b21a] { margin-top: 20px; } .part-title[data-v-9835b21a] { font-size: 14px; margin-right: 16px; color: #999; line-height: 40px; } .lineto[data-v-9835b21a], .part-title[data-v-9835b21a] { display: inline-block; } .lineto[data-v-9835b21a] { width: 10px; height: 1px; margin: 20px 7px 5px; background-color: #e7ecf1; } .container[data-v-204b0fe2] { width: 980px; margin: 0 auto; } .res-box[data-v-204b0fe2] { position: relative; width: 100%; height: 300px; margin: 40px auto 20px; } .safe-logo[data-v-204b0fe2] { position: relative; width: 400px; height: 220px; margin: 0 auto; } .safe-logo.normal[data-v-204b0fe2] { background: url(/static/img/logo_normal.79d580e.png) no-repeat; } .safe-logo .safe-score[data-v-204b0fe2] { position: relative; margin: 0 auto; font-size: 48px; font-weight: 700; color: #fff; text-align: center; top: 60px; } .safe-logo .safe-score-tips[data-v-204b0fe2] { position: absolute; font-size: 12px; color: #fff; left: 165px; top: 125px; } .safe-tips[data-v-204b0fe2] { position: relative; margin: 10px auto 0; } .safe-tips p[data-v-204b0fe2] { font-size: 16px; color: #222; text-align: center; } .nav-list[data-v-204b0fe2] { padding: 0 20px; } .nav-list li[data-v-204b0fe2] { min-height: 80px; border-top: 1px solid #e5e9ef; } .nav-list li .list-title[data-v-204b0fe2] { width: 45%; padding: 30px 10px 30px 20px; } .nav-list li .nav-container>div[data-v-204b0fe2] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-list li .list-title .list-title-text[data-v-204b0fe2] { min-height: 20px; position: relative; padding-left: 28px; } .nav-list li .list-title .list-title-text span[data-v-204b0fe2] { position: absolute; width: 18px; height: 18px; top: 1px; left: 0; } .nav-list li .list-title .list-title-text .warning[data-v-204b0fe2] { color: #ed6969; } .nav-list li .list-title .list-title-text .normal[data-v-204b0fe2] { color: #f0a957; } .nav-list li .list-title .list-title-text .safe[data-v-204b0fe2] { color: #48bd85; } .nav-list li .list-title .list-title-text p[data-v-204b0fe2] { line-height: 20px; font-size: 14px; color: #222; } .nav-list li .list-description[data-v-204b0fe2] { width: 35%; padding: 30px 10px; } .nav-list li .list-description p[data-v-204b0fe2] { min-height: 20px; line-height: 20px; font-size: 12px; color: #6d757a; } .nav-list li .list-description .text-warning[data-v-204b0fe2] { color: #fb7299; } .nav-list li .list-link[data-v-204b0fe2] { width: 20%; padding: 30px 10px 30px 20px; } .weichatBing[data-v-204b0fe2] { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 999; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box !important; } .container[data-v-fb5f84a2] { width: 980px; margin: 0 auto; } .breadcrumb-box[data-v-fb5f84a2], .container[data-v-fb5f84a2] { padding-top: 24px; } .steps-box[data-v-fb5f84a2] { text-align: center; } .steps-list[data-v-fb5f84a2] { display: inline-block; } .float-left[data-v-fb5f84a2] { float: left; } .steps-icon[data-v-fb5f84a2] { background-color: #fff; width: 20px; height: 20px; color: #ccd0d7; font-weight: 700; border-radius: 50%; line-height: 20px; border: 2px solid #ccd0d7; margin: 0 10px; text-align: center; } .steps-list>.active .steps-icon[data-v-fb5f84a2] { color: #f25d8e; border-color: #f25d8e; } .steps-title[data-v-fb5f84a2] { font-size: 18px; color: #99a2aa; margin-right: 10px; } .steps-list>.active .steps-title[data-v-fb5f84a2] { color: #f25d8e; } .steps-line[data-v-fb5f84a2] { border-top: 1px solid #e5e9ef; } .steps-list .steps-line[data-v-fb5f84a2] { height: 1px; background: #e5e9ef; width: 60px; margin-top: 11px; } .form-desc[data-v-fb5f84a2], .form-group[data-v-fb5f84a2] { width: 350px; margin: 0 auto; } .select-group[data-v-fb5f84a2] { width: 100%; display: inline-table; } .select-group .select-title[data-v-fb5f84a2] { background-color: #f5f7fa; color: #909399; position: relative; border: 1px solid #dcdfe6; border-right: none; border-radius: 4px 0 0 4px; padding: 0 20px; width: 4em; white-space: nowrap; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; font-size: 14px; display: table-cell; vertical-align: middle; } .form-message[data-v-fb5f84a2] { min-height: 30px; line-height: 30px; font-size: 14px; color: #e40c0c; } .result-title[data-v-fb5f84a2] { font-size: 24px; color: #222; margin: 0 auto 20px; text-align: center; } .result-img[data-v-fb5f84a2] { display: block; margin: 0 auto 30px; } .result-button[data-v-fb5f84a2] { display: block; width: 160px; margin: 0 auto; height: 40px; font-size: 14px; } .select-header[data-v-09957438] { width: 100%; text-align: center; font-size: 18px; color: #222; margin: 20px 0 30px; } .select-main[data-v-09957438] { width: 976px; border: 1px solid #e1e2e5; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); border-radius: 4px; padding-left: 40px; } .select-list>li[data-v-09957438], .select-main[data-v-09957438] { -webkit-box-sizing: border-box; box-sizing: border-box; } .select-list>li[data-v-09957438] { width: 100%; height: 150px; padding: 40px 50px 0 0; border-bottom: 1px solid #e5e9ef; position: relative; } .select-list>li .select-icon[data-v-09957438] { display: inline-block; width: 72px; height: 72px; font-size: 72px; color: #00a1d6; } .select-list>li .select-info[data-v-09957438] { display: inline-block; height: 72px; vertical-align: top; margin-left: 20px; } .select-list>li .select-info p[data-v-09957438] { font-size: 18px; color: #222; margin: 8px 0 12px; } .select-list>li .select-info span[data-v-09957438] { font-size: 12px; color: #6d757a; } .select-list>li .select-btn[data-v-09957438] { display: block; width: 126px; height: 44px; color: #fff; line-height: 44px; margin-top: 14px; background-color: #00a1d6; font-size: 14px; text-align: center; border-radius: 4px; float: right; } .select-list>li .contact-email[data-v-09957438] { position: absolute; font-size: 12px; } .container[data-v-46bad95e] { width: 980px; margin: 0 auto; } .breadcrumb-box[data-v-46bad95e], .container[data-v-46bad95e] { padding-top: 24px; } .steps-box[data-v-46bad95e] { text-align: center; } .steps-list[data-v-46bad95e] { display: inline-block; } .float-left[data-v-46bad95e] { float: left; } .steps-icon[data-v-46bad95e] { background-color: #fff; width: 20px; height: 20px; color: #ccd0d7; font-weight: 700; border-radius: 50%; line-height: 20px; border: 2px solid #ccd0d7; margin: 0 10px; text-align: center; } .steps-list>.active .steps-icon[data-v-46bad95e] { color: #f25d8e; border-color: #f25d8e; } .steps-title[data-v-46bad95e] { font-size: 18px; color: #99a2aa; margin-right: 10px; } .steps-list>.active .steps-title[data-v-46bad95e] { color: #f25d8e; } .steps-line[data-v-46bad95e] { border-top: 1px solid #e5e9ef; } .steps-list .steps-line[data-v-46bad95e] { height: 1px; background: #e5e9ef; width: 60px; margin-top: 11px; } .form-desc[data-v-46bad95e], .form-group[data-v-46bad95e] { width: 350px; margin: 0 auto; } .select-group[data-v-46bad95e] { width: 100%; display: inline-table; } .select-group .select-title[data-v-46bad95e] { background-color: #f5f7fa; color: #909399; position: relative; border: 1px solid #dcdfe6; border-right: none; border-radius: 4px 0 0 4px; padding: 0 20px; width: 4em; white-space: nowrap; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; font-size: 14px; display: table-cell; vertical-align: middle; } .form-message[data-v-46bad95e] { min-height: 30px; line-height: 30px; font-size: 14px; color: #e40c0c; } .result-title[data-v-46bad95e] { font-size: 24px; color: #222; margin: 0 auto 20px; text-align: center; } .result-img[data-v-46bad95e] { display: block; margin: 0 auto 30px; } .result-button[data-v-46bad95e] { display: block; width: 160px; margin: 0 auto; height: 40px; font-size: 14px; } .container[data-v-16083242] { width: 980px; margin: 0 auto; } .breadcrumb-box[data-v-16083242], .container[data-v-16083242] { padding-top: 24px; } .steps-box[data-v-16083242] { text-align: center; } .steps-list[data-v-16083242] { display: inline-block; } .float-left[data-v-16083242] { float: left; } .steps-icon[data-v-16083242] { background-color: #fff; width: 20px; height: 20px; color: #ccd0d7; font-weight: 700; border-radius: 50%; line-height: 20px; border: 2px solid #ccd0d7; margin: 0 10px; text-align: center; } .steps-list>.active .steps-icon[data-v-16083242] { color: #f25d8e; border-color: #f25d8e; } .steps-title[data-v-16083242] { font-size: 18px; color: #99a2aa; margin-right: 10px; } .steps-list>.active .steps-title[data-v-16083242] { color: #f25d8e; } .steps-line[data-v-16083242] { border-top: 1px solid #e5e9ef; } .steps-list .steps-line[data-v-16083242] { height: 1px; background: #e5e9ef; width: 60px; margin-top: 11px; } .form-desc[data-v-16083242], .form-group[data-v-16083242] { width: 350px; margin: 0 auto; } .select-group[data-v-16083242] { width: 100%; display: inline-table; } .select-group .select-title[data-v-16083242] { background-color: #f5f7fa; color: #909399; position: relative; border: 1px solid #dcdfe6; border-right: none; border-radius: 4px 0 0 4px; padding: 0 20px; width: 4em; white-space: nowrap; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; font-size: 14px; display: table-cell; vertical-align: middle; } .form-message[data-v-16083242] { min-height: 30px; line-height: 30px; font-size: 14px; color: #e40c0c; } .result-title[data-v-16083242] { font-size: 24px; color: #222; margin: 0 auto 20px; text-align: center; } .result-img[data-v-16083242] { display: block; margin: 0 auto 30px; } .result-button[data-v-16083242] { display: block; width: 160px; margin: 0 auto; height: 40px; font-size: 14px; } .container[data-v-5fbca7d0] { width: 980px; margin: 0 auto; } .breadcrumb-box[data-v-5fbca7d0], .container[data-v-5fbca7d0] { padding-top: 24px; } .steps-box[data-v-5fbca7d0] { text-align: center; } .steps-list[data-v-5fbca7d0] { display: inline-block; } .float-left[data-v-5fbca7d0] { float: left; } .steps-icon[data-v-5fbca7d0] { background-color: #fff; width: 20px; height: 20px; color: #ccd0d7; font-weight: 700; border-radius: 50%; line-height: 20px; border: 2px solid #ccd0d7; margin: 0 10px; text-align: center; } .steps-list>.active .steps-icon[data-v-5fbca7d0] { color: #f25d8e; border-color: #f25d8e; } .steps-title[data-v-5fbca7d0] { font-size: 18px; color: #99a2aa; margin-right: 10px; } .steps-list>.active .steps-title[data-v-5fbca7d0] { color: #f25d8e; } .steps-line[data-v-5fbca7d0] { border-top: 1px solid #e5e9ef; } .steps-list .steps-line[data-v-5fbca7d0] { height: 1px; background: #e5e9ef; width: 60px; margin-top: 11px; } .form-desc[data-v-5fbca7d0], .form-group[data-v-5fbca7d0] { width: 350px; margin: 0 auto; } .select-group[data-v-5fbca7d0] { width: 100%; display: inline-table; } .select-group .select-title[data-v-5fbca7d0] { background-color: #f5f7fa; color: #909399; position: relative; border: 1px solid #dcdfe6; border-right: none; border-radius: 4px 0 0 4px; padding: 0 20px; width: 4em; white-space: nowrap; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; font-size: 14px; display: table-cell; vertical-align: middle; } .form-message[data-v-5fbca7d0] { min-height: 30px; line-height: 30px; font-size: 14px; color: #e40c0c; } .result-title[data-v-5fbca7d0] { font-size: 24px; color: #222; margin: 0 auto 20px; text-align: center; } .result-img[data-v-5fbca7d0] { display: block; margin: 0 auto 30px; } .result-button[data-v-5fbca7d0] { display: block; width: 160px; margin: 0 auto; height: 40px; font-size: 14px; } .security-right[data-v-7748accd] { float: left; width: 829px; border-left: 1px solid #ddd; background: #fff; min-height: 890px!important; } .security-right-title[data-v-7748accd] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-7748accd] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-7748accd] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .secuirty-rught-title-sub[data-v-7748accd] { float: left; font-size: 12px; line-height: 50px; margin-left: 10px; color: #878787; } .black-list-warp[data-v-7748accd] { padding: 20px 20px 0; } .black-list[data-v-7748accd] { width: 100%; height: 80px; border-bottom: 1px solid #ddd; } .black-img[data-v-7748accd], .black-list[data-v-7748accd] { position: relative; float: left; margin-bottom: 20px; } .black-img[data-v-7748accd] { width: 60px; height: 60px; margin-left: 12px; margin-right: 12px; border-radius: 30px; overflow: hidden; } .black-img img[data-v-7748accd] { width: 100%; height: 100%; } .black-info[data-v-7748accd] { position: relative; float: left; margin-top: 10px; } .black-name[data-v-7748accd] { font-size: 16px; line-height: 16px; color: #222; } .black-name[data-v-7748accd], .black-time[data-v-7748accd] { display: block; position: relative; } .black-time[data-v-7748accd] { font-size: 12px; line-height: 12px; color: #6d757a; margin-top: 15px; } .black-time em[data-v-7748accd] { margin-left: 5px; font-style: normal; } .black-btn[data-v-7748accd] { position: relative; float: right; width: 80px; height: 32px; font-size: 14px; line-height: 32px; font-weight: 700; text-align: center; border-radius: 4px; border: 1px solid #ddd; margin-top: 15px; cursor: pointer; } .paging-warp-exp[data-v-7748accd] { position: relative; height: 40px; padding-bottom: 20px; text-align: center; } .no-data[data-v-7748accd] { width: 100%; height: 350px; position: relative; } .no-data-img[data-v-7748accd] { top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 256px; height: 256px; background: url(/static/img/nodata02.5e00b2e.png) no-repeat; } .no-data-img[data-v-7748accd], .no-data-txt[data-v-7748accd] { position: absolute; left: 50%; } .no-data-txt[data-v-7748accd] { color: #6d757a; font-size: 14px; text-align: center; -webkit-transform: translate(-50%); transform: translate(-50%); bottom: 60px; } .security-right[data-v-05613c1d] { float: left; width: 829px; border-left: 1px solid #ddd; background: #fff; min-height: 890px!important; } .security-right-title[data-v-05613c1d] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-05613c1d] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-05613c1d] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .coin-nav[data-v-05613c1d] { height: 50px; border-bottom: 1px solid #ddd; line-height: 50px; } .coin-nav-item[data-v-05613c1d] { float: left; font-size: 14px; text-align: center; margin-left: 38px!important; min-width: 56px; color: #222; cursor: pointer; } .coin-nav .on[data-v-05613c1d] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .coin-content[data-v-05613c1d] { padding: 24px 20px; } .coin-inner[data-v-05613c1d] { background-color: #fff; overflow: auto; min-height: 600px; } .coin-index-left[data-v-05613c1d] { float: left; width: 370px; padding-bottom: 10px; } .coin-index-title[data-v-05613c1d] { width: 370px; height: 70px; } .coin-rest-p[data-v-05613c1d] { color: #222; font-size: 18px; font-weight: 700; margin-bottom: 24px; } .coin-num[data-v-05613c1d] { margin-left: 20px; color: #00a1d7; } .coin-rest-info[data-v-05613c1d] { color: #222; font-weight: 700; } .coin-rest-info-inco[data-v-05613c1d] { color: #aaa; font-weight: 400; margin-left: 15px; } .table-wrapper[data-v-05613c1d] { border: 1px solid #ddd; border-radius: 2px; margin: 10px auto 20px; overflow: hidden; } .table-normal[data-v-05613c1d] { border-collapse: collapse; width: 100%; height: 100%; table-layout: fixed; } .table_1[data-v-05613c1d] { width: 36%; } .table-normal thead tr td[data-v-05613c1d] { text-align: center; background: #f5f5f5; height: 42px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 700; } .table-normal thead tr td[data-v-05613c1d]:first-child { border-left: none; } .table_2[data-v-05613c1d] { width: 21%; } .table_3[data-v-05613c1d] { width: 43%; } .table-normal tbody tr[data-v-05613c1d] { border-top: 1px solid #ddd; } .table-normal tbody tr[data-v-05613c1d]:nth-child(odd) { background: #fff; } .table-normal tbody tr[data-v-05613c1d]:first-child { border: none; } .table-normal tbody tr td[data-v-05613c1d] { text-align: center; height: 40px; line-height: 40px; border-left: 1px solid #ddd; } .table-normal tbody tr td[data-v-05613c1d]:first-child { border-left: none; } .coin-left-nodata[data-v-05613c1d] { width: 368px; color: #99a2aa; text-align: center; line-height: 40px; font-size: 18px; padding-top: 30px; padding-bottom: 30px; } .get-coin-more[data-v-05613c1d] { background: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; color: #555; display: block; -webkit-transition: all .2s ease; transition: all .2s ease; text-align: center; line-height: 32px; } .coin-index-right[data-v-05613c1d] { float: left; margin-left: 40px; width: 370px; padding: 24px 0 10px; } .coin-index-right-title[data-v-05613c1d] { color: #222; font-weight: 700; margin: 24px 0 20px; } .out-link[data-v-05613c1d] { float: right; font-weight: 400; color: #00a1d6; cursor: pointer; } .coin-text-p[data-v-05613c1d] { color: #6d757a; line-height: 24px; } .coin-text-p .coin-i[data-v-05613c1d] { background: #00a1d7; border-radius: 6px; display: inline-block; width: 6px; height: 6px; margin: -3px 5px 0 0; vertical-align: middle; } .coin-record .coin-title[data-v-05613c1d] { color: #222; font-weight: 700; margin-bottom: 20px; } .coin-record .coin-title-info[data-v-05613c1d] { color: #aaa; font-weight: 400; margin-left: 15px; } .security-right[data-v-dce338c0] { float: left; width: 829px; border-left: 1px solid #ddd; background: #fff; min-height: 890px!important; } .security-right-title[data-v-dce338c0] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; } .security-right-title-icon[data-v-dce338c0] { float: left; width: 4px; height: 16px; margin-top: 18px; background-color: #00a1d6; border-radius: 4px; } .security-right-title-text[data-v-dce338c0] { float: left; margin: 15px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .record-nav[data-v-dce338c0] { height: 50px; border-bottom: 1px solid #ddd; line-height: 50px; } .record-nav-item[data-v-dce338c0] { float: left; font-size: 14px; text-align: center; margin-left: 38px!important; min-width: 56px; color: #222; cursor: pointer; } .record-nav .on[data-v-dce338c0] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .record-content[data-v-dce338c0] { padding: 20px 39px 0; } .main-content-title[data-v-dce338c0] { margin: 5px 0; height: 24px; line-height: 24px; border-bottom: 1px solid #ddd; } .main-content-title span.t[data-v-dce338c0] { font-size: 14px; font-weight: 700; color: #666; margin-right: 10px; } .main-content-title span.i[data-v-dce338c0] { color: #888; } .record-group[data-v-dce338c0] { margin-top: 20px; color: #717171; } .noHover-link[data-v-dce338c0] { outline: 0; color: #00a1d6; text-decoration: none; } .record-login-descript[data-v-dce338c0] { padding-bottom: 10px; margin-top: 20px; } .record-login-descript>p[data-v-dce338c0] { float: left; line-height: 20px; } .record-login-descript>p[data-v-dce338c0]:first-child { margin-right: 10px; } .record-login-descript>p>span[data-v-dce338c0] { display: block; } .table-wrapper[data-v-dce338c0] { border: 1px solid #ddd; border-radius: 2px; margin: 10px auto 20px; overflow: hidden; } .table-normal[data-v-dce338c0] { border-collapse: collapse; width: 100%; height: 100%; table-layout: fixed; } .table-normal thead tr td[data-v-dce338c0] { text-align: center; background: #f5f5f5; height: 42px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 700; } .table-styleW thead tr td[data-v-dce338c0] { border-left: none!important; } .table-normal thead tr td[data-v-dce338c0]:first-child { border-left: none; } .table-normal tbody tr[data-v-dce338c0] { border-top: 1px solid #ddd; } .table-normal tbody tr[data-v-dce338c0]:first-child { border: none; } .table-normal tbody tr[data-v-dce338c0]:nth-child(odd) { background: #fff; } .table-normal tbody tr td[data-v-dce338c0] { text-align: center; height: 40px; line-height: 40px; border-left: 1px solid #ddd; } .table-styleW tbody tr td[data-v-dce338c0] { border-left: none!important; } .table-normal tbody tr td[data-v-dce338c0]:first-child { border-left: none; } .record-exp-title[data-v-dce338c0] { margin: 5px 0; height: 24px; line-height: 24px; border-bottom: 1px solid #ddd; } .record-exp-title .t[data-v-dce338c0] { font-size: 14px; font-weight: 700; color: #666; margin-right: 10px; } .record-exp-title .i[data-v-dce338c0] { color: #888; } .record-exp-title .s[data-v-dce338c0] { outline: 0; color: #00a1d6; text-decoration: none; } .record-exp-title .viphelp[data-v-dce338c0] { float: right; margin-right: 20px; cursor: pointer; } .record-exp-table-wrapper[data-v-dce338c0] { border: 1px solid #ddd; border-radius: 2px; margin: 10px auto 20px; overflow: hidden; } .record-exp-table-wrapper .table-normal[data-v-dce338c0] { border-collapse: collapse; width: 100%; height: 100%; table-layout: fixed; } .indentify-page[data-v-8eeed350] { width: 980px; min-height: 928px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; padding-bottom: 100px; } .identify-component .identify-head[data-v-8eeed350] { height: 50px; padding-left: 30px; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .identify-component .identify-head[data-v-8eeed350]:before { display: block; content: " "; width: 4px; height: 16px; background-color: #00a1d6; border-radius: 4px; } .identify-component .identify-head p[data-v-8eeed350] { margin: 1px 0 0 5px; color: #00a1d6; font-size: 14px; cursor: default; } .identify-tips[data-v-8eeed350] { background: #f4f4f4; padding-bottom: 30px; } .identify-tips .content[data-v-8eeed350] { width: 730px; margin: 0 auto; padding: 20px 20px 0; } .identify-tips .content h1[data-v-8eeed350] { color: #00a1d6; font-size: 18px; font-weight: 400; margin: 5px 0 20px; } .identify-tips .content .tips-box[data-v-8eeed350] { color: #717171; margin-bottom: 10px; } .identify-tips .content .tips-box p[data-v-8eeed350] { line-height: 24px; } .identify-tips .content .tips-box p[data-v-8eeed350]:first-child { margin-bottom: 8px; } .identify-tips .content .tips-box .icon_tip[data-v-8eeed350] { display: inline-block; color: #fb7299; font-size: 20px; margin: 1px 10px 0 0; vertical-align: bottom; } .identify-component .identify-content .identify-container[data-v-8eeed350] { width: 740px; margin: 0 auto; } .identify-component .identify-content .identify-container .identify-form p[data-v-8eeed350] { color: #222; font-weight: 700; margin-top: 20px; } .be-row[data-v-8eeed350] { width: 100%; padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .be-row label[data-v-8eeed350] { min-width: 68px; color: #6d757a; } .be-row input[data-v-8eeed350] { width: 210px; height: 26px; font-size: 14px; color: #717171; padding-right: 12px; padding-left: 10px; border: 1px solid #dfdfdf; } .be-row select[data-v-8eeed350] { width: 170px; height: 28px; border: 1px solid #dfdfdf; border-radius: 3px; color: #717171; } .identify-component .identify-content .identify-container .identify-upload[data-v-8eeed350] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .upload-content[data-v-8eeed350] { width: 227px; } .upload-content .upload-img[data-v-8eeed350] { width: 100%; height: 130px; border-radius: 12px; position: relative; overflow: hidden; } .upload-content .upload-img label[data-v-8eeed350], .upload-content .upload-img label[data-v-8eeed350]:hover:after { display: block; width: 100%; height: 100%; position: relative; } .upload-content .upload-img label input[data-v-8eeed350] { display: none; } .upload-content .upload-text[data-v-8eeed350] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; } .upload-content .upload-text label[data-v-8eeed350] { text-align: center; border: 1px solid #ccd0d7; color: #717171; border-radius: 4px; cursor: pointer; height: 30px; line-height: 30px; width: 60px; } .be-capture.sms-btn[data-v-8eeed350] { height: 28px; font-size: 12px; text-align: center; line-height: 28px; background: #00a1d6; border-color: #00a1d6; border-radius: 4px; color: #fff; margin: 0 8px; cursor: pointer; } .be-capture span[data-v-8eeed350] { width: 90px; margin: inherit; } .identify-component .identify-footer[data-v-8eeed350] { width: 100%; height: 118px; margin-top: 50px; border-top: 1px solid #ddd; } .identify-component .identify-footer .upload-button[data-v-8eeed350] { width: 133px; height: 40px; border-radius: 5px; background: #00a1d6; color: #fff; margin: 40px auto 0; text-align: center; line-height: 40px; cursor: pointer; } .disabled[data-v-8eeed350] { cursor: not-allowed!important; background-color: gainsboro!important; } .history-wrap[data-v-388b8abb] { min-height: 460px; padding: 30px 0 0; margin: 0 auto; font-size: 12px; } .history-wrap[data-v-388b8abb], .history-wrap .b-head[data-v-388b8abb] { position: relative; } .newlist_info[data-v-388b8abb] { position: relative; } .history-wrap .clearfix[data-v-388b8abb] { overflow: hidden; } .b-head[data-v-388b8abb] { height: 30px; margin-bottom: 10px; } .history-wrap .b-head-c[data-v-388b8abb] { float: left; } .history-wrap .b-icon-history[data-v-388b8abb] { width: 28px; height: 28px; font-size: 28px; color: #f45a8d; display: inline-block; margin-right: 8px; vertical-align: middle; } .history-wrap .b-head .b-head-t[data-v-388b8abb] { vertical-align: middle; display: inline-block; font-size: 18px; line-height: 24px; color: #222; } .b-types[data-v-388b8abb] { position: absolute; left: 150px; color: rgba(30, 30, 30, 0.71); } .b-types span[data-v-388b8abb] { font-size: 18px; margin-right: 5px; cursor: pointer; } .b-types span.active[data-v-388b8abb]{ color: #00a1d6; } .b-head-search[data-v-388b8abb] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; padding: 0 5px; width: 188px; height: 30px; border: 1px solid #ccd0d7; right: 212px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-head-search .search-icon[data-v-388b8abb] { display: inline-block; font-size: 24px; } .b-head-search .b-head-search_input[data-v-388b8abb] { width: 120px; height: 17px; line-height: 17px; border: none; outline: none; font-size: 12px; } .b-head-search .search-cancel[data-v-388b8abb] { display: inline-block; font-size: 24px; opacity: 0; } .history-wrap .history-btn[data-v-388b8abb] { float: right; width: 188px; } .history-wrap a.btn[data-v-388b8abb] { outline: 0; color: #00a1d6; text-decoration: none; cursor: pointer; } .history-wrap .history-btn .btn[data-v-388b8abb] { border: 1px solid; display: inline-block; text-align: center; padding: 5px 8px; border-radius: 5px; margin-right: 20px; height: 28px; line-height: 18px; } .history-wrap .history-btn .cleanhsbtn[data-v-388b8abb] { margin-right: 0; } .history-list[data-v-388b8abb], .history-list .history-record[data-v-388b8abb] { display: block; position: relative; } .history-list .r-info[data-v-388b8abb] { border: 1px solid transparent; margin-left: 100px; background: #fff; padding: 10px 0; margin-right: 5px; position: relative; } .history-list .cover-contain[data-v-388b8abb] { float: left; position: relative; margin: 0 30px 0 0; } .history-list .r-info .preview[data-v-388b8abb] { cursor: pointer; overflow: hidden; display: block; text-align: center; float: left; width: 160px; height: 100px; position: relative; border-radius: 5px; } .lazy-img[data-v-388b8abb] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAYAAABPjLqRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDM2RTI2RkY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDM2RTI3MEY1RkMxMUUzODg4RUZDRjlGRDNDN0UwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0MzZFMjZERjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0MzZFMjZFRjVGQzExRTM4ODhFRkNGOUZEM0M3RTA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HLC+wQAABbxJREFUeNrsnF1oHFUUx+9u06StlZo2kGpptYso+JWPSlMNoZGqL2L7IFgQURREsFoRQepDRQhSrKA+iFWfRMQvRDFo86AWP1prW9JNFGOLJmptraLU2qS2sU3W/3H+a252Z+ZOdnZndmfmwJ/s7p25u/eXe++cc++ZSeVyOaXbyMiI8mEroVegS6Fd0B1SpQrO6qEXoNuhUehR6KWZVJDJZBzL0mX8oVLXWwQl1gl9Bl0cIKi3obug2dBC6EXoinI2sFzWBF1Y8NkS6JMAgM2DPoButim7uhph/QH9ZPN5pYEJqPeh623KZI7ZV42wJqFboRMBAsuDus6h/H7om2qEJbYXujEgYCZQ90HPl7Nx6QoMiz0BAPMCalu5G5au0DxSSWChgKokrEoBCw1UpWGVG1iooMTqDOUpaAXUJc4tdG6J3/M91O4A7FPoQw91XOlQh9gvUAc1UxtllPE51E93wx6GQ7gjkG6DNmseeRzsINQDvYawJ+dlGIon3ge9GjNQiu2Vdveh0zS59iwcsJjzSNwgOfWybvSwX4tgAdRcrhS0JZz+t6wsCADYqcJhuDUBVWRt5DLVs9CrWvF6Pyf2xIqD8Xb0roG867B5BqBOQ+MRgNAAzfFwXIp8bkkNDw+fjxc/Q7M8OJgPQbsj1GuugZ7x4J9NQEtlzlrrAZQ4bKsjBkqxPavZPjcTPmsFVreHMXtPRIaenY2zfTnDcd0Cq8Vw0D76HFH3qUwrqi1pxnxuNhSTq56pnZk0rwpu9ldMYJna2ZBWiXm2BFYCK4EVutUF+F0LGJjKaufr0FGf9d0NHefKwA+1DGuxBkaCdFmaXq6VH1JWXoIfe0pZ+QxKg5blgkCWvtNEtcHKFIBpJyzT0ocfWMs0UGLnKWsjQ9/M+Bv6WoOX5fvxoGGth+4lmAUlnL/C5z+o3cMx81TxJsZZ6FtoO7QpKFhNynlLyou1BgDLqb2yS1RSzlipV8N+n41tVtY2WNCw8rY/yGEoY3+yBNj/QF9x/pjlo7GSJDeb0JqqHdZJ6AB0mcsxsnk5UHCFGuK84de2qqm18SWcA/MXF9FSw/nZoK+GWQ3W7wQywCEqf2UXOqcqb0eoXu2zhYTWpl2pL1HWEvFvPD5QWM9BbxDaEVVddgz6iMrbOex9i8Lws76ssWhFpo5dSWyYBNIJrARWAitcq0tgebP5ykp7mp/Amvpep3BHMu86+dfp3HRcYEnUvxN60qasG9rI1xuV/W75Ezz/8qjDWsewSBIyHiawepZJb3pH+01pvu/k+3oev4nnD7C+yE6kHzMAz9/W9gh0p7LW0DtUcdpTo7KSNiSDR5alm7WyA6wvsj1rTFl58YPaZwJglQbqDHvQGb5PsVwHNch6xqI+Zx3l0HpaWYlxuslaVxeHWhff63aa53Uq/7tDNePPnOSc9Th7jQy3gwU9ToZeCyXLK8cZvI/G1fmThpvurhgsgJg4pbUS7pg2IufGhIWpnRMC67DhoItiAsvUzsMCy5Tx1sUJOMrWyHa62VCaoYOpe/ZEHFaPh2G4U2D1eqhsAx3FORGD1MB2bfBwbG/+dhTxaVZ6OOFP6AtlPcOh1m0RnVsvU8zeTCbTkfeztkDvehzbN8XQa9ii+1nvQTsST8rWdpDPtPsNl3HZozHhM23aacUQPDTNg+cHsj50KmH0nwmHdXlQReEOCmTtaE0YEX2Vmdzqu4Y8XGPD3Yz0X1ZlzsmsAZtgu68CqKI74FKGJ7NJCCApkXKb2fICx018rmbDl0vCyNmAG3yBsnK33FY6jhUMN1mpledLvAlIPzqdmPLxGDt5iJfpTirJNz0RMCxJ/rjWpfwxt4ikUo+xG+TYdgwPQgAl1mco315qxX5gyRq5PP9l0qZM0qofCGneeVZZaZx2Js/T6g8DlqLXfwNDIJkcJcdcnr23ij5bGDbGOXabNjd9Bz2orCe1lWz/CjAAUaBevr2x6hQAAAAASUVORK5CYII=) 50% no-repeat; width: 100%; height: 100%; display: inline-block; } .lazy-img img[data-v-388b8abb] { display: block; width: 100%; height: 100%; } .history-list .r-info .preview img[data-v-388b8abb] { margin: 0 auto; display: block; height: 100px; max-width: 160px; } .history-list .cover-contain .info[data-v-388b8abb] { position: absolute; left: 0; bottom: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAnCAYAAACIekNNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjA0NDQ0OTVFODcwMTFFNkJFRkNDMDE3QjU0RUMxMDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjA0NDQ0OTZFODcwMTFFNkJFRkNDMDE3QjU0RUMxMDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDFCM0IxQUU4NjIxMUU2QkVGQ0MwMTdCNTRFQzEwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDQ0NDQ5NEU4NzAxMUU2QkVGQ0MwMTdCNTRFQzEwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq5xXn4AAAaOSURBVHja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); width: 160px; height: 39px; cursor: pointer; } .history-list .cover-contain .progress-c[data-v-388b8abb] { position: absolute; left: 0; bottom: 0; width: 160px; height: 6px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #000; } .history-list .cover-contain .progress[data-v-388b8abb] { width: 80px; height: 6px; background-color: #ff74a5; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 4px; } .history-list .r-info .r-txt[data-v-388b8abb] { height: 100px; border-bottom: 1px solid #e5e9ef; float: left; } .history-list .r-info .title[data-v-388b8abb] { cursor: pointer; padding-top: 5.5px; display: block; font-size: 14px; margin-bottom: 10px; color: #222; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .history-list .r-info .r-txt a[data-v-388b8abb] { text-decoration: none; } .history-wrap p[data-v-388b8abb] { margin: 0; padding: 0; } .history-list .r-info .subtitle[data-v-388b8abb] { font-size: 12px; color: #6d757a; margin-bottom: 18px; height: 16px; padding-left: 3px; } .history-list .r-info .w-info[data-v-388b8abb] { float: left; line-height: 20px; } .history-list .r-info .w-info .time-wrap[data-v-388b8abb] { float: left; min-width: 300px; } .history-list .r-info .w-info .device[data-v-388b8abb] { font-size: 18px; color: #99a2aa; float: left; } .history-list .r-info .w-info .pro-txt[data-v-388b8abb] { color: #99a2aa; font-size: 12px; float: left; margin-left: 10px; } .history-list .r-info .w-info .pro-txt.progress[data-v-388b8abb] { margin-left: 6px; max-width: 177px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .history-list .r-info .w-info .userpic[data-v-388b8abb] { display: block; width: 20px; height: 20px; border-radius: 100%; float: left; margin-right: 10px; background-size: 100% 100%; cursor: pointer; } .history-list .r-info .w-info .userpic.lazy-img img[data-v-388b8abb] { border-radius: 100%; } .history-list .r-info .w-info .username[data-v-388b8abb] { float: left; color: #6d757a; padding-right: 10px; height: 12px; margin-top: 5px; line-height: 11px; font-size: 12px; cursor: pointer; } .history-list .r-info .w-info .name[data-v-388b8abb] { color: #99a2aa; font-size: 12px; float: left; padding-left: 10px; border-left: 1px solid #e5e9ef; } .history-list .r-info .history-delete[data-v-388b8abb] { vertical-align: top; margin-top: 7px; color: #99a2aa; position: absolute; padding-left: 16px; right: 0; top: 44px; cursor: pointer; } @media screen and (max-width: 1414px){ .history-wrap[data-v-388b8abb] { width: 980px; } .history-wrap .history-list .r-info .r-txt[data-v-388b8abb] { width: 585px; } .history-wrap .history-list .r-info .title[data-v-388b8abb] { width: 400px; } } @media screen and (min-width: 1415px){ .history-wrap[data-v-388b8abb] { width: 1160px; } } .search-layout[data-v-4f457475] { min-width: 1100px; max-width: 2560px; min-height: 500px; margin: 0 auto; background: #FFFFFF; width: 90%; } .search-layout .search-header .search-input[data-v-4f457475] { margin: 30px 0 20px; } .search-input-container[data-v-4f457475] { height: 48px; } .flex_center[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex_between[data-v-4f457475] { 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; } .search-input-container .search-input-wrap[data-v-4f457475] { position: relative; width: 640px; height: 48px; margin: 0 auto; padding: 5px; background: #F6F7F8; border: 1px solid #F1F2F3; border-radius: 6px; -webkit-transition: all .2s; transition: all .2s; } .search-input-container .search-input-wrap .search-icon[data-v-4f457475] { width: 20px; color: #00aeec; margin-left: 15px; margin-right: 10px; } .search-input-container .search-input-wrap .clear-icon[data-v-4f457475] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 115px; width: 20px; height: 20px; cursor: pointer; background: #FFFFFF; border-radius: 50%; opacity: 0; -webkit-transition: all .2s; transition: all .2s; } .search-input-container .search-input-wrap .search-input-el[data-v-4f457475] { width: calc(100% - 160px); height: 36px; font-size: 18px; color: #18191c; margin-right: 15px; border: none; outline: none; background: transparent; } .search-input-container .search-input-wrap .search-button[data-v-4f457475] { width: 100px; height: 40px; } .search-input-wrap .search-panel[data-v-4f457475] { position: absolute; left: 0; z-index: 9; width: 100%; max-height: 612px; overflow-y: auto; background: #ffffff; border: 1px solid #e3e5e7; border-top: none; border-radius: 0 0 8px 8px; padding: 13px 0 16px; -webkit-font-smoothing: antialiased; display: none; } .search-input-container .search-input-wrap .search-panel-popover[data-v-4f457475] { top: 52px; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1); box-shadow: 0 10px 30px rgba(0,0,0,.1); } .search-input-wrap .header[data-v-4f457475] { 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 16px; } .search-input-wrap .trending-item .trendings-rank[data-v-4f457475], .search-input-wrap .header .title[data-v-4f457475] { font-weight: 500; } .search-input-wrap .header .title[data-v-4f457475] { height: 24px; font-size: 16px; line-height: 24px; } .search-input-wrap .header .clear[data-v-4f457475] { font-size: 12px; line-height: 15px; height: 15px; color: #9499a0; cursor: pointer; } .search-input-wrap .histories-wrap[data-v-4f457475] { padding: 0 16px; overflow: hidden; } .search-input-wrap .histories[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; margin-right: -10px; margin-bottom: 4px; } .search-input-wrap .histories .history-item[data-v-4f457475] { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; padding: 7px 10px 8px; font-size: 12px; line-height: 15px; background: #f6f7f8; border-radius: 4px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .search-input-wrap .histories .history-item .history-text[data-v-4f457475] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 96px; } .search-input-wrap .histories .history-item .close[data-v-4f457475] { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 16px; height: 16px; top: -6px; right: -6px; padding: 2px; } .search-input-wrap .histories .history-item:hover .close[data-v-4f457475]{ display: block; } .search-input-wrap .histories .history-item .close i[data-v-4f457475] { font-size: 14px; fill: #ccc; } .search-input-wrap .history-fold-wrap[data-v-4f457475] { 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: 64px; margin: 0 auto 14px; } .search-input-wrap .fold-text[data-v-4f457475] { font-size: 12px; line-height: 15px; height: 15px; color: #9499a0; cursor: pointer; } .search-input-wrap .fold-icon[data-v-4f457475] { font-size: 12px; cursor: pointer; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 2px; } .search-input-wrap .trendings-double[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-input-wrap .trendings-double .trendings-col[data-v-4f457475] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search-input-wrap .trendings-double .trendings-col[data-v-4f457475]:first-child { margin-right: 10px; } .search-input-wrap .trending-item[data-v-4f457475] { -webkit-box-sizing: border-box; box-sizing: border-box; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding-left: 16px; } .search-input-wrap .trending-item .trendings-rank[data-v-4f457475] { width: 15px; min-width: 15px; height: 17px; line-height: 17px; text-align: center; font-size: 14px; margin-right: 7px; color: #9499a0; } .search-input-wrap .trending-item .trendings-rank.search-rank-top[data-v-4f457475] { color: #18191c; } .search-input-wrap .trending-item .trending-text[data-v-4f457475] { font-size: 14px; line-height: 17px; height: 17px; margin-right: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; } .search-input-wrap .trending-item .trending-mark[data-v-4f457475] { height: 14px; margin-right: 16px; } .search-input-wrap .suggestions[data-v-4f457475] { margin-top: -6px; margin-bottom: -6px; } .search-input-wrap .suggest-item[data-v-4f457475] { height: 32px; display: block; line-height: 32px; font-size: 14px; position: relative; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; padding: 0 16px; margin-bottom: 4px; } .search-input-wrap .suggest_high_light[data-v-4f457475] { color: #f25d8e; font-style: normal; } .mt_lg[data-v-4f457475] { margin-top: 20px!important; } .i_wrapper[data-v-4f457475] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 64px; } .vui_tabs--navbar[data-v-4f457475] { position: relative; } .vui_tabs--navbar .vui_tabs--nav[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; position: relative; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-link[data-v-4f457475] { padding: 10px 24px; font-size: 16px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_tabs--navbar .vui_tabs--nav.vui_tabs--nav-pl0 .vui_tabs--nav-item:first-child .vui_tabs--nav-link[data-v-4f457475] { padding-left: 0!important; } .vui_tabs--navbar .vui_tabs--nav-item:hover .vui_tabs--nav-text[data-v-4f457475], .vui_tabs--navbar .vui_tabs--nav-item-active .vui_tabs--nav-text[data-v-4f457475] { color: #00aeec!important; } .vui_tabs--navbar .vui_tabs--nav-item-active .vui_tabs--nav-text[data-v-4f457475]::after { content: ''; width: 32px; color: #00a1d6; display: block; border: solid 1px; position: absolute; bottom: 0; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text[data-v-4f457475] { color: #61666d; white-space: nowrap; margin-right: 4px; font-weight: 500; -webkit-transition: color .2s; transition: color .2s; } .vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-num[data-v-4f457475] { padding: 1px 6px; border-radius: 8px; font-size: 12px; color: #61666d; background: #f1f2f3; } .vui_tabs--navbar[data-v-4f457475]:after { content: ""; display: block; height: 4px; } .search-layout .search-header .search-line[data-v-4f457475] { margin-top: 3px; border: none; border-top: 1px solid #f1f2f3; } .flex_between[data-v-4f457475] { 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; } .search-layout .search-header .search-conditions .search-condition-row[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vui_button[data-v-4f457475] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button--text[data-v-4f457475], .vui_button--link[data-v-4f457475], .vui_button--tab[data-v-4f457475] { display: inline-block; height: 32px; padding: 0 15px; font-size: 14px; } .vui_button[data-v-4f457475], .vui_button[data-v-4f457475]:focus { color: #18191c; background: #ffffff; border: 1px solid #E3E5E7; } .vui_button--tab[data-v-4f457475], .vui_button--tab[data-v-4f457475]:focus { color: #61666d; background: #FFFFFF; border: none; } .vui_button--blue[data-v-4f457475], .vui_button--blue[data-v-4f457475]:focus { color: white; background: #00aeec; } .vui_button--blue[data-v-4f457475]:hover { color: white; background: #00aeec; } .mr_sm[data-v-4f457475] { margin-right: 10px!important; } .mt_sm[data-v-4f457475] { margin-top: 10px!important; } .vui_button[data-v-4f457475]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .vui_button[data-v-4f457475]:hover, .vui_button[data-v-4f457475]:active, .vui_button.vui_button--active[data-v-4f457475], .vui_button.vui_button--active[data-v-4f457475]:hover { color: #18191c; background: #e3e5e7; } .vui_button--tab[data-v-4f457475]:active, .vui_button--tab.vui_button--active[data-v-4f457475], .vui_button--tab.vui_button--active[data-v-4f457475]:hover { color: #00aeec; background: #dff6fd; border: none; } .i_button_more[data-v-4f457475] { padding: 0 10px!important; height: 34px!important; font-size: 14px!important; } .i_icon_more[data-v-4f457475] { width: 13px; height: 13px; margin-top: -3px; font-size: 13px; } .ov_hidden[data-v-4f457475] { overflow: hidden!important; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item[data-v-4f457475] { position: relative; } .invisible[data-v-4f457475] { visibility: hidden!important; } .pt_xs[data-v-4f457475] { padding-top: 5px!important; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item .search-sub-wrapper[data-v-4f457475] { position: absolute; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); bottom: -45px; z-index: 998; display: none; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item:hover .search-sub-wrapper[data-v-4f457475]{ opacity: 1; display: block; } .flex_row[data-v-4f457475], .flex_start[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item .search-sub-wrapper .search-sub-channel[data-v-4f457475] { padding: 10px 20px; background: #ffffff; border: 1px solid #e3e5e7; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 8px; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item .search-sub-wrapper .search-sub-channel .sub-channel-item[data-v-4f457475] { cursor: pointer; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item .search-sub-wrapper .search-sub-channel .sub-channel-item[data-v-4f457475]:not(:last-child) { margin-right: 10px; } .text_nowrap[data-v-4f457475] { white-space: nowrap!important; } .brand_blue[data-v-4f457475] { color: #00a1d6; } .search-layout .search-header .search-conditions .search-condition-row .search-channel-item .search-sub-wrapper .search-sub-channel .sub-channel-item a[data-v-4f457475] { -webkit-transition: color .2s; transition: color .2s; } .search-layout .side-buttons-container[data-v-4f457475] { left: 0; right: 0; bottom: 0; height: 0; z-index: 10; } .p_relative[data-v-4f457475] { position: relative!important; } .flex_col_end[data-v-4f457475] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -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; } .p_absolute[data-v-4f457475] { position: absolute!important; } .search-layout .side-buttons-container .side-buttons-wrapper .side-buttons[data-v-4f457475] { right: -50px; bottom: 40px; } .search-layout .side-buttons-container .side-buttons-wrapper .side-buttons button[data-v-4f457475] { width: 40px; height: auto; padding: 4px 0; margin-top: 6px; font-size: 12px; line-height: 1.25; } .search-content[data-v-59b7c8fc] { min-height: 200px; } .user-list[data-v-59b7c8fc] { padding-top: 0!important; } .search-page-all .search-all-list[data-v-59b7c8fc] { padding-top: 40px; } .search-page-all .search-all-list[data-v-59b7c8fc]:first-child { padding-top: 20px; } .b-user-video-card[data-v-59b7c8fc] { padding: 30px 0; } .i_wrapper[data-v-59b7c8fc] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 64px; } .p_relative[data-v-59b7c8fc] { position: relative!important; } .b-user-video-card .video-card-content .user-info[data-v-59b7c8fc] { height: 68px; } .flex_row[data-v-59b7c8fc], .flex_start[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_pointer[data-v-59b7c8fc] { cursor: pointer!important; } .p_relative[data-v-59b7c8fc] { position: relative!important; } .mr_md[data-v-59b7c8fc] { margin-right: 15px!important; } .search-user-avatar[data-v-59b7c8fc] { width: 86px; min-width: 86px; } .search-user-avatar.avatar-small[data-v-59b7c8fc] { margin: -9px 10px auto -9px!important; } .search-user-avatar .avatar-wrap[data-v-59b7c8fc] { width: 100%; height: 86px; } .search-user-avatar.avatar-small .avatar-wrap[data-v-59b7c8fc] { -webkit-transform: scale(.8); transform: scale(.8); } .i-avatar[data-v-59b7c8fc] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar-face[data-v-59b7c8fc] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-59b7c8fc] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-59b7c8fc] { border-radius: 50%; } .avatar-inner .i-avatar .i-avatar-img[data-v-59b7c8fc] { border: 1px solid #f1f2f3; } .i-avatar-icon-business[data-v-59b7c8fc] { /*background-image: url();*/ } .i-avatar-right-icon[data-v-59b7c8fc] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .b-user-video-card .video-card-content .user-info .info-card .user-content[data-v-59b7c8fc] { width: calc(100% - 68px - 15px); } .b_text[data-v-59b7c8fc] { color: #18191c; line-height: 1.25; } .mt_0[data-v-59b7c8fc] { margin-top: 0!important; } h1.b_text[data-v-59b7c8fc], h2.b_text[data-v-59b7c8fc], h3.b_text[data-v-59b7c8fc], h4.b_text[data-v-59b7c8fc], h5.b_text[data-v-59b7c8fc], h6.b_text[data-v-59b7c8fc] { margin: 15px 0 10px; font-weight: 700; } h2.b_text[data-v-59b7c8fc] { font-size: 18px; } h1.b_text[data-v-59b7c8fc], h2.b_text[data-v-59b7c8fc], h3.b_text[data-v-59b7c8fc], h4.b_text[data-v-59b7c8fc], h5.b_text[data-v-59b7c8fc], h6.b_text[data-v-59b7c8fc] { margin: 10px 0 5px; } .v_align_middle[data-v-59b7c8fc] { vertical-align: middle!important; } .i_card_title>a[data-v-59b7c8fc] { font-size: 16px; font-weight: 600; -webkit-transition: color .2s; transition: color .2s; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: text-top; } .d_inline_block[data-v-59b7c8fc] { display: inline-block!important; } .ml_md[data-v-59b7c8fc] { margin-left: 15px!important; } .vui_button[data-v-59b7c8fc] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button[data-v-59b7c8fc], .vui_button[data-v-59b7c8fc]:focus { color: #18191c; background: #ffffff; border: 1px solid #e3e5e7; } .vui_button--blue[data-v-59b7c8fc], .vui_button--blue[data-v-59b7c8fc]:focus { color: #ffffff; background: #00aeec; border: 1px solid #00aeec; } .vui_button--grey[data-v-59b7c8fc], .vui_button--grey[data-v-59b7c8fc]:focus { color: #61666d; background: #f6f7f8; border: 1px solid #f1f2f3; } .vui_button[data-v-59b7c8fc]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .b-user-video-card .video-card-content .user-info .info-card .user-content .i_card_title .user-actions button[data-v-59b7c8fc] { height: 32px; padding: 0; width: 100px; } .mt_sm[data-v-59b7c8fc] { margin-top: 10px!important; } .text_ellipsis[data-v-59b7c8fc] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text_ellipsis[data-v-59b7c8fc] { width: auto; max-width: 100%; } .b_text[data-v-59b7c8fc]:not(h1,h2,h3,h4,h5,h6) { margin: 10px 0; font-size: 14px; font-weight: 400; } .b_text[data-v-59b7c8fc]:not(h1,h2,h3,h4,h5,h6) { line-height: 1.35; margin: 5px 0; } .text3[data-v-59b7c8fc] { color: #9499a0!important; } .mt_md[data-v-59b7c8fc] { margin-top: 15px!important; } .row[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .col_1_5[data-v-59b7c8fc] { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col_xs_2[data-v-59b7c8fc] { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666666%; flex: 0 0 16.66666666%; max-width: 16.66666666%; } .col_3[data-v-59b7c8fc] { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col_xs_1_5[data-v-59b7c8fc] { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .mb_x40[data-v-59b7c8fc] { margin-bottom: 40px; } .row>.col[data-v-59b7c8fc], .row>[class*=col_][data-v-59b7c8fc] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .i-video-card[data-v-59b7c8fc] { position: relative; } .hide[data-v-59b7c8fc] { display: none!important; } .i-video-card__skeleton.hide[data-v-59b7c8fc] { display: block!important; } .i-video-card__skeleton[data-v-59b7c8fc] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .i-video-card__skeleton.hide[data-v-59b7c8fc] { visibility: hidden; } .i-video-card__skeleton--cover[data-v-59b7c8fc] { padding-top: 56.25%; border-radius: 6px; background-color: #f1f2f3; } .i-video-card__skeleton--info[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; } .i-video-card__skeleton--right[data-v-59b7c8fc] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .i-video-card__skeleton--text[data-v-59b7c8fc] { margin-bottom: 4px; width: 94%; height: calc(22px - 4px); background-color: #f1f2f3; border-radius: 4px; } .i-video-card__skeleton--text.short[data-v-59b7c8fc] { width: 72%; } .i-video-card__skeleton--light[data-v-59b7c8fc] { margin-top: 8px; width: 50%; height: 16px; background-color: #f1f2f3; border-radius: 4px; } .i-video-card__wrap[data-v-59b7c8fc] { position: absolute; top: 0; left: 0; width: 100%; background-color: #ffffff; z-index: 1; } .i-video-card .i-video-card__image[data-v-59b7c8fc] { position: relative; border-radius: 6px; z-index: 1; } .i-video-card .i-video-card__image--wrap[data-v-59b7c8fc] { padding-top: 56.25%; background-color: #f1f2f3; border-radius: inherit; } .i-watch-later[data-v-59b7c8fc] { 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: 8px; right: 8px; width: 22px; height: 22px; border-radius: 6px; cursor: pointer; /*background-color: rgba(33,33,33,.8);*/ z-index: 9; -webkit-transform: translateZ(0); transform: translateZ(0); display: none; } .i-video-card .i-video-card__image--wrap:hover .i-watch-later[data-v-59b7c8fc]{ display: -webkit-box; display: -ms-flexbox; display: flex; } .i-watch-later .i-watch-later__icon[data-v-59b7c8fc] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 22px; height: 22px; color: #fff; position: absolute; z-index: 9; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .i-watch-later .i-watch-later__tip[data-v-59b7c8fc] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; bottom: -6px; right: -10px; -webkit-transform: translateY(100%); transform: translateY(100%); font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: rgba(0,0,0,.8); white-space: nowrap; display: none; } .i-watch-later:hover .i-watch-later__tip[data-v-59b7c8fc]{ display: block; } .v-img[data-v-59b7c8fc] { position: relative; display: inline-block; line-height: 1; width: 100%; height: 100%; vertical-align: middle; background-color: #f1f2f3; } .i-video-card .i-video-card__cover[data-v-59b7c8fc] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 1; border-radius: 6px; overflow: hidden; } .v-img img[data-v-59b7c8fc] { display: block; width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; } .v-inline-player[data-v-59b7c8fc] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: inherit; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; overflow: hidden; } .i-video-card .i-video-card__mask[data-v-59b7c8fc] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; -webkit-transition: all .2s linear .2s; transition: all .2s linear .2s; pointer-events: none; } .i-video-card .i-video-card__image:hover .i-video-card__mask[data-v-59b7c8fc] { opacity: 0; visibility: hidden; } .i-video-card .i-video-card__stats[data-v-59b7c8fc] { 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; position: absolute; left: 0; bottom: 0; padding: 16px 8px 6px; width: 100%; height: 38px; font-size: 13px; line-height: 18px; color: #fff; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5))); background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; word-break: keep-all; opacity: 1; } .i-video-card .i-video-card__stats--left[data-v-59b7c8fc] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .i-video-card .i-video-card__stats--item[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .i-video-card .i-video-card__stats--icon[data-v-59b7c8fc] { margin-right: 2px; width: 18px; height: 18px; font-size: 18px; color: #fff; } .i-video-card .i-video-card__info[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; min-height: calc(22px * 2 + 16px + 4px); } .i-video-card .i-video-card__info--right[data-v-59b7c8fc] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .i-video-card .i-video-card__info--tit[data-v-59b7c8fc] { display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word!important; line-break: anywhere; -webkit-line-clamp: 2; padding-right: 16px; font-size: 14px; line-height: 22px; height: calc(2 * 22px); color: #18191c; -webkit-transition: color .2s linear; transition: color .2s linear; font-weight: 500; } .i-video-card .i-video-card__info--tit[data-v-59b7c8fc]:hover { color: #00a1d6; } .i-video-card .i-video-card__info--bottom[data-v-59b7c8fc] { margin-top: 4px; font-size: 13px; line-height: 16px; color: #9499a0; } .ml_0[data-v-59b7c8fc] { margin-left: 0!important; } .i-video-card .i-video-card__info--date[data-v-59b7c8fc] { margin-left: 4px; } .i-video-card .i-video-card__info--owner[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: color .2s linear; transition: color .2s linear; } .i-video-card .i-video-card__info--author[data-v-59b7c8fc] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word!important; line-break: anywhere; -webkit-line-clamp: 1; } .i-video-card .i-video-card__info--date[data-v-59b7c8fc] { margin-left: 4px; } .user-list .card-bottom[data-v-59b7c8fc] { border-bottom: 1px solid #f1f2f3; } .p_center[data-v-59b7c8fc] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .i_icon_more[data-v-59b7c8fc] { margin-top: -3px; font-size: 13px; } .search-page-all .search-all-list[data-v-59b7c8fc] { padding-top: 40px; } .flex_center[data-v-59b7c8fc] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .search-content[data-v-3a2728fa] { min-height: 200px; } .user-list[data-v-3a2728fa] { padding-top: 0!important; } .search-page-all .search-all-list[data-v-3a2728fa] { padding-top: 40px; } .search-page-all .search-all-list[data-v-3a2728fa]:first-child { padding-top: 20px; } .b-user-video-card[data-v-3a2728fa] { padding: 30px 0; } .i_wrapper[data-v-3a2728fa] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 64px; } .p_relative[data-v-3a2728fa] { position: relative!important; } .b-user-video-card .video-card-content .user-info[data-v-3a2728fa] { height: 68px; } .flex_row[data-v-3a2728fa], .flex_start[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_pointer[data-v-3a2728fa] { cursor: pointer!important; } .p_relative[data-v-3a2728fa] { position: relative!important; } .mr_md[data-v-3a2728fa] { margin-right: 15px!important; } .search-user-avatar[data-v-3a2728fa] { width: 86px; min-width: 86px; } .search-user-avatar.avatar-small[data-v-3a2728fa] { margin: -9px 10px auto -9px!important; } .search-user-avatar .avatar-wrap[data-v-3a2728fa] { width: 100%; height: 86px; } .search-user-avatar.avatar-small .avatar-wrap[data-v-3a2728fa] { -webkit-transform: scale(.8); transform: scale(.8); } .i-avatar[data-v-3a2728fa] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar-face[data-v-3a2728fa] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-3a2728fa] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-3a2728fa] { border-radius: 50%; } .avatar-inner .i-avatar .i-avatar-img[data-v-3a2728fa] { border: 1px solid #f1f2f3; } .i-avatar-icon-business[data-v-3a2728fa] { /*background-image: url();*/ } .i-avatar-right-icon[data-v-3a2728fa] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .b-user-video-card .video-card-content .user-info .info-card .user-content[data-v-3a2728fa] { width: calc(100% - 68px - 15px); } .b_text[data-v-3a2728fa] { color: #18191c; line-height: 1.25; } .mt_0[data-v-3a2728fa] { margin-top: 0!important; } h1.b_text[data-v-3a2728fa], h2.b_text[data-v-3a2728fa], h3.b_text[data-v-3a2728fa], h4.b_text[data-v-3a2728fa], h5.b_text[data-v-3a2728fa], h6.b_text[data-v-3a2728fa] { margin: 15px 0 10px; font-weight: 700; } h2.b_text[data-v-3a2728fa] { font-size: 18px; } h1.b_text[data-v-3a2728fa], h2.b_text[data-v-3a2728fa], h3.b_text[data-v-3a2728fa], h4.b_text[data-v-3a2728fa], h5.b_text[data-v-3a2728fa], h6.b_text[data-v-3a2728fa] { margin: 10px 0 5px; } .v_align_middle[data-v-3a2728fa] { vertical-align: middle!important; } .i_card_title>a[data-v-3a2728fa] { font-size: 16px; font-weight: 600; -webkit-transition: color .2s; transition: color .2s; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: text-top; } .d_inline_block[data-v-3a2728fa] { display: inline-block!important; } .ml_md[data-v-3a2728fa] { margin-left: 15px!important; } .vui_button[data-v-3a2728fa] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button[data-v-3a2728fa], .vui_button[data-v-3a2728fa]:focus { color: #18191c; background: #ffffff; border: 1px solid #e3e5e7; } .vui_button--blue[data-v-3a2728fa], .vui_button--blue[data-v-3a2728fa]:focus { color: #ffffff; background: #00aeec; border: 1px solid #00aeec; } .vui_button--grey[data-v-3a2728fa], .vui_button--grey[data-v-3a2728fa]:focus { color: #61666d; background: #f6f7f8; border: 1px solid #f1f2f3; } .vui_button[data-v-3a2728fa]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .b-user-video-card .video-card-content .user-info .info-card .user-content .i_card_title .user-actions button[data-v-3a2728fa] { height: 32px; padding: 0; width: 100px; } .mt_sm[data-v-3a2728fa] { margin-top: 10px!important; } .text_ellipsis[data-v-3a2728fa] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text_ellipsis[data-v-3a2728fa] { width: auto; max-width: 100%; } .b_text[data-v-3a2728fa]:not(h1,h2,h3,h4,h5,h6) { margin: 10px 0; font-size: 14px; font-weight: 400; } .b_text[data-v-3a2728fa]:not(h1,h2,h3,h4,h5,h6) { line-height: 1.35; margin: 5px 0; } .text3[data-v-3a2728fa] { color: #9499a0!important; } .mt_md[data-v-3a2728fa] { margin-top: 15px!important; } .row[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .col_1_5[data-v-3a2728fa] { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col_xs_2[data-v-3a2728fa] { -webkit-box-flex: 0; -ms-flex: 0 0 16.66666666%; flex: 0 0 16.66666666%; max-width: 16.66666666%; } .col_3[data-v-3a2728fa] { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col_xs_1_5[data-v-3a2728fa] { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .mb_x40[data-v-3a2728fa] { margin-bottom: 40px; } .row>.col[data-v-3a2728fa], .row>[class*=col_][data-v-3a2728fa] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .i-video-card[data-v-3a2728fa] { position: relative; } .hide[data-v-3a2728fa] { display: none!important; } .i-video-card__skeleton.hide[data-v-3a2728fa] { display: block!important; } .i-video-card__skeleton[data-v-3a2728fa] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .i-video-card__skeleton.hide[data-v-3a2728fa] { visibility: hidden; } .i-video-card__skeleton--cover[data-v-3a2728fa] { padding-top: 56.25%; border-radius: 6px; background-color: #f1f2f3; } .i-video-card__skeleton--info[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; } .i-video-card__skeleton--right[data-v-3a2728fa] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .i-video-card__skeleton--text[data-v-3a2728fa] { margin-bottom: 4px; width: 94%; height: calc(22px - 4px); background-color: #f1f2f3; border-radius: 4px; } .i-video-card__skeleton--text.short[data-v-3a2728fa] { width: 72%; } .i-video-card__skeleton--light[data-v-3a2728fa] { margin-top: 8px; width: 50%; height: 16px; background-color: #f1f2f3; border-radius: 4px; } .i-video-card__wrap[data-v-3a2728fa] { position: absolute; top: 0; left: 0; width: 100%; background-color: #ffffff; z-index: 1; } .i-video-card .i-video-card__image[data-v-3a2728fa] { position: relative; border-radius: 6px; z-index: 1; } .i-video-card .i-video-card__image--wrap[data-v-3a2728fa] { padding-top: 56.25%; background-color: #f1f2f3; border-radius: inherit; } .i-watch-later[data-v-3a2728fa] { 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: 8px; right: 8px; width: 22px; height: 22px; border-radius: 6px; cursor: pointer; /*background-color: rgba(33,33,33,.8);*/ z-index: 9; -webkit-transform: translateZ(0); transform: translateZ(0); display: none; } .i-video-card .i-video-card__image--wrap:hover .i-watch-later[data-v-3a2728fa]{ display: -webkit-box; display: -ms-flexbox; display: flex; } .i-watch-later .i-watch-later__icon[data-v-3a2728fa] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 22px; height: 22px; color: #fff; position: absolute; z-index: 9; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .i-watch-later .i-watch-later__tip[data-v-3a2728fa] { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; bottom: -6px; right: -10px; -webkit-transform: translateY(100%); transform: translateY(100%); font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: rgba(0,0,0,.8); white-space: nowrap; display: none; } .i-watch-later:hover .i-watch-later__tip[data-v-3a2728fa]{ display: block; } .v-img[data-v-3a2728fa] { position: relative; display: inline-block; line-height: 1; width: 100%; height: 100%; vertical-align: middle; background-color: #f1f2f3; } .i-video-card .i-video-card__cover[data-v-3a2728fa] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 1; border-radius: 6px; overflow: hidden; } .v-img img[data-v-3a2728fa] { display: block; width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; } .v-inline-player[data-v-3a2728fa] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: inherit; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; overflow: hidden; } .i-video-card .i-video-card__mask[data-v-3a2728fa] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; -webkit-transition: all .2s linear .2s; transition: all .2s linear .2s; pointer-events: none; } .i-video-card .i-video-card__image:hover .i-video-card__mask[data-v-3a2728fa] { opacity: 0; visibility: hidden; } .i-video-card .i-video-card__stats[data-v-3a2728fa] { 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; position: absolute; left: 0; bottom: 0; padding: 16px 8px 6px; width: 100%; height: 38px; font-size: 13px; line-height: 18px; color: #fff; background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5))); background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; word-break: keep-all; opacity: 1; } .i-video-card .i-video-card__stats--left[data-v-3a2728fa] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .i-video-card .i-video-card__stats--item[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; } .i-video-card .i-video-card__stats--icon[data-v-3a2728fa] { margin-right: 2px; width: 18px; height: 18px; font-size: 18px; color: #fff; } .i-video-card .i-video-card__info[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; min-height: calc(22px * 2 + 16px + 4px); } .i-video-card .i-video-card__info--right[data-v-3a2728fa] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .i-video-card .i-video-card__info--tit[data-v-3a2728fa] { display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word!important; line-break: anywhere; -webkit-line-clamp: 2; padding-right: 16px; font-size: 14px; line-height: 22px; height: calc(2 * 22px); color: #18191c; -webkit-transition: color .2s linear; transition: color .2s linear; font-weight: 500; } .i-video-card .i-video-card__info--tit[data-v-3a2728fa]:hover { color: #00a1d6; } .i-video-card .i-video-card__info--bottom[data-v-3a2728fa] { margin-top: 4px; font-size: 13px; line-height: 16px; color: #9499a0; } .ml_0[data-v-3a2728fa] { margin-left: 0!important; } .i-video-card .i-video-card__info--date[data-v-3a2728fa] { margin-left: 4px; } .i-video-card .i-video-card__info--owner[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: color .2s linear; transition: color .2s linear; } .i-video-card .i-video-card__info--author[data-v-3a2728fa] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word!important; line-break: anywhere; -webkit-line-clamp: 1; } .i-video-card .i-video-card__info--date[data-v-3a2728fa] { margin-left: 4px; } .user-list .card-bottom[data-v-3a2728fa] { border-bottom: 1px solid #f1f2f3; } .p_center[data-v-3a2728fa] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .i_icon_more[data-v-3a2728fa] { margin-top: -3px; font-size: 13px; } .search-page-all .search-all-list[data-v-3a2728fa] { padding-top: 40px; } .flex_center[data-v-3a2728fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .search-layout .search-content[data-v-11807d8a] { min-height: 200px; } .mt_xxl[data-v-11807d8a] { margin-top: 30px!important; } .i_page_container[data-v-11807d8a] { min-height: calc(100vh - 652px); padding-bottom: 30px; } .i_wrapper[data-v-11807d8a] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 56px; } .row[data-v-11807d8a] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .col_6[data-v-11807d8a] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .mb_x40[data-v-11807d8a] { margin-bottom: 40px; } .row>.col[data-v-11807d8a], .row>[class*=col_][data-v-11807d8a] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .media-card[data-v-11807d8a] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 16px; } .media-card-image[data-v-11807d8a] { position: relative; min-width: 148px; width: 148px; height: 198px; margin-right: 16px; border-radius: 6px; overflow: hidden; } .v-img[data-v-11807d8a] { position: relative; display: inline-block; line-height: 1; width: 100%; height: 100%; vertical-align: middle; background-color: #F1F2F3; } .v-img img[data-v-11807d8a] { display: block; width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; } .media-card-image-tag[data-v-11807d8a] { min-width: 40px; height: 22px; line-height: 22px; padding: 0 3px 0 5px; position: absolute; border-radius: 12px 0 0 12px; right: 0; top: 10px; text-align: right; } .media-card-image-follow[data-v-11807d8a] { position: absolute; opacity: 0; left: 0; top: 10px; -webkit-transition: all .2s linear; transition: all .2s linear; width: 30px; height: 30px; } .media-card-image-follow i[data-v-11807d8a] { color: #fff; font-size: 22px; margin: 10px 0 0 10px; } .media-card-image-play[data-v-11807d8a] { position: absolute; opacity: 0; right: 10px; bottom: 10px; color: #fff; -webkit-transition: all .2s linear; transition: all .2s linear; font-size: 44px; } .media-card-image:hover .media-card-image-follow[data-v-11807d8a], .media-card-image:hover .media-card-image-play[data-v-11807d8a] { opacity: 1; z-index: 2; } .media-card-image[data-v-11807d8a]:after { position: absolute; content: ""; left: 0; top: 0; bottom: 0; -webkit-transition: all .2s linear; transition: all .2s linear; right: 0; background: rgba(0,0,0,0); } .media-card-image[data-v-11807d8a]:hover:after { background: rgba(0,0,0,.5); } .media-card-content[data-v-11807d8a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; 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: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 645px; } .media-card-content-head-title[data-v-11807d8a] { margin-bottom: 8px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tag[data-v-11807d8a] { line-height: 16px; display: inline-block; white-space: nowrap; padding: 0 5px; font-size: 12px; text-align: center; border-radius: 4px; color: #9499a0; border: 1px solid #9499a0; } .tag-primary[data-v-11807d8a] { color: #00aeec; border: 1px solid #00aeec; } .media-card-content-head-title-tag[data-v-11807d8a] { margin-right: 6px; } .text_ellipsis[data-v-11807d8a] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text_ellipsis[data-v-11807d8a] { width: auto; max-width: 100%; } .media-card-content-head-title a[data-v-11807d8a] { font-weight: 600; font-size: 16px; } .media-card-content-head-text[data-v-11807d8a] { font-size: 13px; line-height: 18px; margin-bottom: 4px; color: #9499a0; } .media-card-content-head-staff[data-v-11807d8a], .media-card-content-head-label[data-v-11807d8a], .media-card-content-head-cv[data-v-11807d8a] { color: #61666d; } .media-card-content-head-text div[data-v-11807d8a] { width: 39px; display: inline-block; } .text_ellipsis_3l[data-v-11807d8a] { max-width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .media-card-content-head-text[data-v-11807d8a] { font-size: 13px; line-height: 18px; margin-bottom: 4px; color: #9499a0; } .media-card-content-head-text div[data-v-11807d8a] { width: 39px; display: inline-block; } .score[data-v-11807d8a] { line-height: 18px; font-size: 13px; } .media-card-content-footer-score[data-v-11807d8a] { margin-bottom: 8px; } .score-text[data-v-11807d8a] { color: #61666d; margin-right: 6px; } .score-value[data-v-11807d8a] { color: #ffa058; font-size: 20px; line-height: 17px; font-weight: 600; } .score-value span[data-v-11807d8a] { font-size: 13px; } .media-card-content-footer-btns[data-v-11807d8a] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 34px; overflow: hidden; } .vui_button[data-v-11807d8a] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button[data-v-11807d8a], .vui_button[data-v-11807d8a]:focus { color: #18192e; background: #ffffff; border: 1px solid #e3e5e7; } .vui_button--blue[data-v-11807d8a], .vui_button--blue[data-v-11807d8a]:focus { color: #ffffff; background: #00aeec; border: 1px solid #00aeec; } .pgc_btn_size[data-v-11807d8a] { font-size: 14px!important; min-width: 100px!important; height: 34px!important; } .vui_button[data-v-11807d8a]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .media-card-btn[data-v-11807d8a] { margin-right: 8px; } .media-footer[data-v-11807d8a] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .media-footer a[data-v-11807d8a] { margin-right: 8px; } .media-footer-btn[data-v-11807d8a] { padding: 0 4px; min-width: 34px; height: 34px; font-size: 14px; } .flex_center[data-v-11807d8a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .cs_pointer[data-v-11807d8a] { cursor: pointer!important; } .search-layout .search-content[data-v-3a497740] { min-height: 200px; } .mt_xxl[data-v-3a497740] { margin-top: 30px!important; } .i_page_container[data-v-3a497740] { min-height: calc(100vh - 652px); padding-bottom: 30px; } .i_wrapper[data-v-3a497740] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 56px; } .row[data-v-3a497740] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .col_6[data-v-3a497740] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .mb_x40[data-v-3a497740] { margin-bottom: 40px; } .row>.col[data-v-3a497740], .row>[class*=col_][data-v-3a497740] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .media-card[data-v-3a497740] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 16px; } .media-card-image[data-v-3a497740] { position: relative; min-width: 148px; width: 148px; height: 198px; margin-right: 16px; border-radius: 6px; overflow: hidden; } .v-img[data-v-3a497740] { position: relative; display: inline-block; line-height: 1; width: 100%; height: 100%; vertical-align: middle; background-color: #F1F2F3; } .v-img img[data-v-3a497740] { display: block; width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; } .media-card-image-tag[data-v-3a497740] { min-width: 40px; height: 22px; line-height: 22px; padding: 0 3px 0 5px; position: absolute; border-radius: 12px 0 0 12px; right: 0; top: 10px; text-align: right; } .media-card-image-follow[data-v-3a497740] { position: absolute; opacity: 0; left: 0; top: 10px; -webkit-transition: all .2s linear; transition: all .2s linear; width: 30px; height: 30px; } .media-card-image-follow i[data-v-3a497740] { color: #fff; font-size: 22px; margin: 10px 0 0 10px; } .media-card-image-play[data-v-3a497740] { position: absolute; opacity: 0; right: 10px; bottom: 10px; color: #fff; -webkit-transition: all .2s linear; transition: all .2s linear; font-size: 44px; } .media-card-image:hover .media-card-image-follow[data-v-3a497740], .media-card-image:hover .media-card-image-play[data-v-3a497740] { opacity: 1; z-index: 2; } .media-card-image[data-v-3a497740]:after { position: absolute; content: ""; left: 0; top: 0; bottom: 0; -webkit-transition: all .2s linear; transition: all .2s linear; right: 0; background: rgba(0,0,0,0); } .media-card-image[data-v-3a497740]:hover:after { background: rgba(0,0,0,.5); } .media-card-content[data-v-3a497740] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; 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: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 645px; } .media-card-content-head-title[data-v-3a497740] { margin-bottom: 8px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tag[data-v-3a497740] { line-height: 16px; display: inline-block; white-space: nowrap; padding: 0 5px; font-size: 12px; text-align: center; border-radius: 4px; color: #9499a0; border: 1px solid #9499a0; } .tag-primary[data-v-3a497740] { color: #00aeec; border: 1px solid #00aeec; } .media-card-content-head-title-tag[data-v-3a497740] { margin-right: 6px; } .text_ellipsis[data-v-3a497740] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text_ellipsis[data-v-3a497740] { width: auto; max-width: 100%; } .media-card-content-head-title a[data-v-3a497740] { font-weight: 600; font-size: 16px; } .media-card-content-head-text[data-v-3a497740] { font-size: 13px; line-height: 18px; margin-bottom: 4px; color: #9499a0; } .media-card-content-head-staff[data-v-3a497740], .media-card-content-head-label[data-v-3a497740], .media-card-content-head-cv[data-v-3a497740] { color: #61666d; } .media-card-content-head-text div[data-v-3a497740] { width: 39px; display: inline-block; } .text_ellipsis_3l[data-v-3a497740] { max-width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .media-card-content-head-text[data-v-3a497740] { font-size: 13px; line-height: 18px; margin-bottom: 4px; color: #9499a0; } .media-card-content-head-text div[data-v-3a497740] { width: 39px; display: inline-block; } .score[data-v-3a497740] { line-height: 18px; font-size: 13px; } .media-card-content-footer-score[data-v-3a497740] { margin-bottom: 8px; } .score-text[data-v-3a497740] { color: #61666d; margin-right: 6px; } .score-value[data-v-3a497740] { color: #ffa058; font-size: 20px; line-height: 17px; font-weight: 600; } .score-value span[data-v-3a497740] { font-size: 13px; } .media-card-content-footer-btns[data-v-3a497740] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 34px; overflow: hidden; } .vui_button[data-v-3a497740] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button[data-v-3a497740], .vui_button[data-v-3a497740]:focus { color: #18192e; background: #ffffff; border: 1px solid #e3e5e7; } .vui_button--blue[data-v-3a497740], .vui_button--blue[data-v-3a497740]:focus { color: #ffffff; background: #00aeec; border: 1px solid #00aeec; } .pgc_btn_size[data-v-3a497740] { font-size: 14px!important; min-width: 100px!important; height: 34px!important; } .vui_button[data-v-3a497740]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .media-card-btn[data-v-3a497740] { margin-right: 8px; } .media-footer[data-v-3a497740] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .media-footer a[data-v-3a497740] { margin-right: 8px; } .media-footer-btn[data-v-3a497740] { padding: 0 4px; min-width: 34px; height: 34px; font-size: 14px; } .flex_center[data-v-3a497740] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .cs_pointer[data-v-3a497740] { cursor: pointer!important; } .search-layout .search-content[data-v-1e7aa896] { min-height: 200px; } .i_wrapper[data-v-1e7aa896] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 56px; } .i_page_container[data-v-1e7aa896] { min-height: calc(100vh - 652px); padding-bottom: 30px; } .mt_lg[data-v-1e7aa896] { margin-top: 20px!important; } .flex_between[data-v-1e7aa896] { 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; } .mb_sm[data-v-1e7aa896] { margin-bottom: 10px!important; } .vui_button[data-v-1e7aa896] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button--text[data-v-1e7aa896], .vui_button--link[data-v-1e7aa896], .vui_button--tab[data-v-1e7aa896] { display: inline-block; height: 32px; padding: 0 15px; font-size: 14px; } .vui_button[data-v-1e7aa896], .vui_button[data-v-1e7aa896]:focus { color: #18192e; background: #ffffff; border: 1px solid #e3e5e7; cursor: pointer; } .vui_button--tab[data-v-1e7aa896], .vui_button--tab[data-v-1e7aa896]:focus { color: #61666d; background: #ffffff; border: none; } .mr_sm[data-v-1e7aa896] { margin-right: 10px!important; } .vui_button[data-v-1e7aa896]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .vui_button[data-v-1e7aa896]:hover, .vui_button[data-v-1e7aa896]:active, .vui_button.vui_button--active[data-v-1e7aa896], .vui_button.vui_button--active[data-v-1e7aa896]:hover { color: #18191d; background: #e3e5e7; } .vui_button--tab[data-v-1e7aa896]:active, .vui_button--tab.vui_button--active[data-v-1e7aa896], .vui_button--tab.vui_button--active[data-v-1e7aa896]:hover { color: #00aeec; background: #dff6fd; border: none; } .i_icon_more[data-v-1e7aa896] { width: 13px; height: 13px; margin-top: -3px; } .hide[data-v-1e7aa896] { display: none!important; } .ov_hidden[data-v-1e7aa896] { overflow: hidden!important; } .row[data-v-1e7aa896] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .col_6[data-v-1e7aa896] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .mb_x40[data-v-1e7aa896] { margin-bottom: 40px; } .row>.col[data-v-1e7aa896], .row>[class*=col_][data-v-1e7aa896] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .flex_row[data-v-1e7aa896], .flex_start[data-v-1e7aa896] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items_stretch[data-v-1e7aa896] { -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; align-items: stretch!important; } .bd_radius[data-v-1e7aa896] { border-radius: 6px!important; } .b-article-card .article-banner[data-v-1e7aa896] { width: 154px; height: 116px; margin-right: 12px; background: #f1f3f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABQVBMVEVHcEywucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucCwucBPO4j8AAAAanRSTlMAfyAQ+BoDAeaATRlHTLOy5d9w+eqhcRLQePHGNG8mfYz+ypGfpCgyYPDbfhEGoAK0vAR86OvcXXZegoersNnO8veV2IqjhAg7X4gWpulnBe2al5AJnqiJ9O6WCg9ljjMHmHquWPMt9VqsK1FL1AAAAa9JREFUSMfFlddW20AURY+NULFxwQXjig0BAknoLZX0RknvvSf7/z8gD4oU20h4vFYWOU+6d86eGd2ZNVfq0rva6lv1ae3ZyxeK0yuov+lN2c+hcy4OeA+s9owuLwErsSs4r4HLdlfiEbDyVPHEE+CWE8YzwP4DHaebwPUgaAOPbR2v28BF//MCcN+J8IycmbQYKGtyasT3N1wM5TYkaa6GsWpzkjPNEJp2NMZQGtMsQHGiMqB4Gp0oAsxqEaAgAxUAFmUBVEyACoAlAGQk33rSQDqTyOWTQZTM5xKZdByQziRyeQBOB47zAIRUHzAeHs5SAJwKU+MRQN9o7xzlCOCefyGzXmo0PN2Ul3X/7rIPSPZ4u+5Eysu6yf93DicIbG8bAx8/fZa+//jWkrzmmgHQ6PBrZwPcnS90PphsqQ2QmAJoG/2Dvb659VP6urXp2f+iShbAnon/LMA1XQGYMX41bqgMwKW7dwbN779L5eFfPqc+jL8uqbVg7l9oSdK8eX+YDztQcbD76m7Qgf6oBHBwtDwbAKWIulUBqkfzTYD1qB7dLJUKUT3z0H1YXQ6j3y5WXfLMh6k3AAAAAElFTkSuQmCC) no-repeat 50%; } .b-article-card .article-banner .cover-img[data-v-1e7aa896], .b-article-card .article-banner img[data-v-1e7aa896] { width: 100%; height: 116px; -o-object-fit: cover; object-fit: cover; } .pr_md[data-v-1e7aa896] { padding-right: 15px!important; } .search-article-card .article-content[data-v-1e7aa896] { max-width: 690px; } .b-article-card .article-content[data-v-1e7aa896] { width: calc(100% - 166px); } .b_text[data-v-1e7aa896] { color: #18191d; line-height: 1.25; } .mt_0[data-v-1e7aa896] { margin-top: 0!important; } h1.b_text[data-v-1e7aa896], h2.b_text[data-v-1e7aa896], h3.b_text[data-v-1e7aa896], h4.b_text[data-v-1e7aa896], h5.b_text[data-v-1e7aa896], h6.b_text[data-v-1e7aa896] { margin: 15px 0 10px; font-weight: 700; } h2.b_text[data-v-1e7aa896] { font-size: 18px; } h1.b_text[data-v-1e7aa896], h2.b_text[data-v-1e7aa896], h3.b_text[data-v-1e7aa896], h4.b_text[data-v-1e7aa896], h5.b_text[data-v-1e7aa896], h6.b_text[data-v-1e7aa896] { margin: 10px 0 5px; } .text1[data-v-1e7aa896] { color: #18191d!important; } .i_card_title>a[data-v-1e7aa896] { font-size: 16px; font-weight: 600; -webkit-transition: color .2s; transition: color .2s; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: text-top; } .text_ellipsis[data-v-1e7aa896] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .text_ellipsis[data-v-1e7aa896] { width: auto; max-width: 100%; } .b_text[data-v-1e7aa896]:not(h1,h2,h3,h4,h5,h6) { margin: 10px 0; font-size: 14px; font-weight: 400; } .b_text[data-v-1e7aa896]:not(h1,h2,h3,h4,h5,h6) { line-height: 1.35; margin: 5px 0; } .b-article-card .article-content .atc-info[data-v-1e7aa896], .b-article-card .article-content .atc-info>a[data-v-1e7aa896] { color: #61666d; } .text3[data-v-1e7aa896] { color: #9499a0!important; } .text_ellipsis_2l[data-v-1e7aa896] { max-width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fs_5[data-v-1e7aa896] { font-size: 13px!important; } .b-article-card .article-content .atc-desc[data-v-1e7aa896] { height: 32px; } .b-article-card .article-content .atc-author[data-v-1e7aa896] { height: 16px; overflow: hidden; margin-top: 14px; } .flex_inline[data-v-1e7aa896] { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .b-article-card .article-content .atc-author a[data-v-1e7aa896] { -webkit-transition: color .2s!important; transition: color .2s!important; } .mr_2[data-v-1e7aa896] { margin-right: 2px!important; } .b-article-card .article-content .atc-author a .author-icon[data-v-1e7aa896] { width: 18px; height: 18px; } .lh_xs[data-v-1e7aa896] { line-height: 1!important; } .flex_center[data-v-1e7aa896] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_pointer[data-v-1e7aa896] { cursor: pointer!important; } .search-layout .search-content[data-v-6ccad02e] { min-height: 200px; } .i_wrapper[data-v-6ccad02e] { width: 100%; max-width: 2200px; margin: 0 auto; padding: 0 56px; } .i_page_container[data-v-6ccad02e] { min-height: calc(100% - 652px); padding-bottom: 30px; } .mt_lg[data-v-6ccad02e] { margin-top: 20px!important; } .flex_between[data-v-6ccad02e] { 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; } .mb_sm[data-v-6ccad02e] { margin-bottom: 10px!important; } .vui_button[data-v-6ccad02e] { height: 34px; padding: 0 15px; border-radius: 6px; font-size: 14px; line-height: 1; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vui_button--text[data-v-6ccad02e], .vui_button--link[data-v-6ccad02e], .vui_button--tab[data-v-6ccad02e] { display: inline-block; height: 32px; padding: 0 15px; font-size: 14px; } .vui_button[data-v-6ccad02e], .vui_button[data-v-6ccad02e]:focus { color: #18192e; background: #ffffff; border: 1px solid #e3e5e7; cursor: pointer; } .vui_button--tab[data-v-6ccad02e], .vui_button--tab[data-v-6ccad02e]:focus { color: #61666d; background: #ffffff; border: none; } .mr_sm[data-v-6ccad02e] { margin-right: 10px!important; } .vui_button[data-v-6ccad02e]:not(.vui_button--no-transition) { transition-property: color,background-color,border,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; } .vui_button--blue[data-v-6ccad02e], .vui_button--blue[data-v-6ccad02e]:focus { color: #ffffff; background: #00aeec; border: 1px solid #00aeec; } .vui_button--grey[data-v-6ccad02e], .vui_button--grey[data-v-6ccad02e]:focus { color: #61666d; background: #f6f7f8; border: 1px solid #f1f2f3; } .vui_button[data-v-6ccad02e]:hover, .vui_button[data-v-6ccad02e]:active, .vui_button.vui_button--active[data-v-6ccad02e], .vui_button.vui_button--active[data-v-6ccad02e]:hover { color: #18191d; background: #e3e5e7; border: none; } .vui_button--tab[data-v-6ccad02e]:active, .vui_button--tab.vui_button--active[data-v-6ccad02e], .vui_button--tab.vui_button--active[data-v-6ccad02e]:hover { color: #00aeec; background: #dff6fd; border: none; } .i_button_more[data-v-6ccad02e] { padding: 0 10px!important; height: 34px!important; font-size: 14px!important; } .i_icon_more[data-v-6ccad02e] { width: 13px; height: 13px; margin-top: -3px; } .ov_hidden[data-v-6ccad02e] { overflow: hidden!important; } .hide[data-v-6ccad02e] { display: none!important; } .row[data-v-6ccad02e] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: calc(16px * .5 * -1); margin-right: calc(16px * .5 * -1); } .mt_x40[data-v-6ccad02e] { margin-top: 40px; } .col_6[data-v-6ccad02e] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row>.col[data-v-6ccad02e], .row>[class*=col_][data-v-6ccad02e] { position: relative; width: 100%; padding-right: calc(16px * .5); padding-left: calc(16px * .5); } .search-page-upuser .mb_x60[data-v-6ccad02e], .search-page-upuser .mb_x60[data-v-6ccad02e] { margin-bottom: 60px; } .flex_row[data-v-6ccad02e], .flex_start[data-v-6ccad02e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mr_md[data-v-6ccad02e] { margin-right: 15px!important; } .p_relative[data-v-6ccad02e] { position: relative!important; } .search-user-avatar[data-v-6ccad02e] { width: 86px; min-width: 86px; } .search-user-avatar .avatar-wrap[data-v-6ccad02e] { width: 100%; height: 86px; } .i-avatar[data-v-6ccad02e] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar *[data-v-6ccad02e] { margin: 0; padding: 0; } .i-avatar-face[data-v-6ccad02e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-6ccad02e] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-6ccad02e] { border-radius: 50%; } .avatar-inner .i-avatar .i-avatar-img[data-v-6ccad02e] { border: 1px solid #f1f2f3; } .i-avatar-right-icon[data-v-6ccad02e] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .pr_md[data-v-6ccad02e] { padding-right: 15px!important; } .b-user-info-card .user-content[data-v-6ccad02e] { width: calc(100% - 101px); } .b_text[data-v-6ccad02e] { color: #18191d; line-height: 1.25; } .mt_0[data-v-6ccad02e] { margin-top: 0!important; } h1.b_text[data-v-6ccad02e], h2.b_text[data-v-6ccad02e], h3.b_text[data-v-6ccad02e], h4.b_text[data-v-6ccad02e], h5.b_text[data-v-6ccad02e], h6.b_text[data-v-6ccad02e] { margin: 15px 0 10px; font-weight: 700; } h2.b_text[data-v-6ccad02e] { font-size: 18px; } h1.b_text[data-v-6ccad02e], h2.b_text[data-v-6ccad02e], h3.b_text[data-v-6ccad02e], h4.b_text[data-v-6ccad02e], h5.b_text[data-v-6ccad02e], h6.b_text[data-v-6ccad02e] { margin: 10px 0 5px; } .text1[data-v-6ccad02e] { color: #18191d!important; } .i_card_title>a[data-v-6ccad02e] { font-size: 16px; font-weight: 600; -webkit-transition: color .2s; transition: color .2s; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: text-top; } .b-user-info-card .user-content .i_card_title>a[data-v-6ccad02e] { max-width: calc(100% - 40px); } .ml_sm[data-v-6ccad02e] { margin-left: 10px!important; } .v_align_baseline[data-v-6ccad02e] { vertical-align: baseline!important; } .level-icon[data-v-6ccad02e] { width: 26px; height: 14px; } .text2[data-v-6ccad02e] { color: #61666d!important; } .text_ellipsis[data-v-6ccad02e] { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .fs_5[data-v-6ccad02e] { font-size: 13px!important; } .text_ellipsis[data-v-6ccad02e] { width: auto; max-width: 100%; } .b_text[data-v-6ccad02e]:not(h1,h2,h3,h4,h5,h6) { margin: 10px 0; font-size: 14px; font-weight: 400; } .b-user-info-card .user-content .user-actions button[data-v-6ccad02e] { height: 32px; padding: 0; width: 100px; } .flex_center[data-v-6ccad02e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_pointer[data-v-6ccad02e] { cursor: pointer!important; } .h[data-v-0cacfad9] { position: relative; z-index: 10; } .wrapper[data-v-0cacfad9] { width: 1101px; margin: 0 auto; position: relative; } .h .h-inner[data-v-0cacfad9] { background-image: url(/static/img/background.9e3bd25.jpg); /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAEElEQVR4AWP48vU7MqKUDwA7qkfh9iF73wAAAABJRU5ErkJggg==);*/ background-position: 50%; background-size: cover; -webkit-transition: background-image .2s ease,background-size 1s ease; transition: background-image .2s ease,background-size 1s ease; padding-top: 116px; position: relative; } .h .h-guest-hint[data-v-0cacfad9] { background: rgba(0,161,214,.9); color: #fff; font-size: 12px; line-height: 40px; text-align: center; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } .h .h-v-host[data-v-0cacfad9], .h body[role="2"] .h-unfollow[data-v-0cacfad9] { display: inline-block; } .h .h-v-host[data-v-0cacfad9] { background: #fff; border-radius: 4px; color: #222; cursor: pointer; line-height: 20px; margin-left: 22px; width: 56px; -webkit-transition: background .2s ease; transition: background .2s ease; } .h .h-gradient[data-v-0cacfad9] { position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAABdCAMAAADNEjtLAAABEVBMVEUDAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAAADAACnjvHuAAAAW3RSTlMBAgMEBQYHCAkKCwwNDxAREhQVFhgZGxweHyEiJCUnKSosLS8xMjQ2ODk7PT5AQkNFR0hKTE5PUVNUVldZW1xeX2FiZGVnaGprbG5vcHFzdHV2d3h5ent8fX5/XoZ4lgAAAPVJREFUeAHt1AERADAQAiDdrX/mDyKEIAAAjGkDsOk3AAIEECCAAAEECCBAAAECCBBAgAACBBAggAABBAggQAABAggQQIAAAgQQIIAAAQQIIEAAAQIIEECAAAIEECCAAAEECAgQQIAAAgQQIIAAAQQIIEAAAQIIEECAAAIEECCAAAEECCBAAAECCBBAgAACBBAggAABBAggQAABAggQQIAAAgQQIIAAAQECCBBAgAACBBAggAABBAggQAABAggQQIAAAgQQIIAAAQQIIEAAAQIIEECAAAIEECCAAAEECCBAAAECCBBAgAACBAQIIEAAAQIseAEYdZ9sAcJDX4ICAAAAAElFTkSuQmCC); background-repeat: repeat-x; } .h .h-user[data-v-0cacfad9] { position: relative; z-index: 1; } .h .h-info[data-v-0cacfad9] { margin-left: 20px; padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .h .avatar-container[data-v-0cacfad9] { position: relative; } .i-avatar[data-v-0cacfad9] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar[data-v-0cacfad9], .i-avatar *[data-v-0cacfad9] { margin: 0; padding: 0; } .i-avatar[data-v-0cacfad9] { background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; display: block; position: relative; } .i-avatar-face[data-v-0cacfad9] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-0cacfad9] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-0cacfad9] { border-radius: 50%; } .h .i-avatar-img[data-v-0cacfad9] { border: 2px solid hsla(0,0%,100%,.4); } .i-avatar-right-icon[data-v-0cacfad9] { right: 0; } .i-avatar-nft-icon[data-v-0cacfad9], .i-avatar-right-icon[data-v-0cacfad9] { width: 27.5%; height: 27.5%; position: absolute; bottom: -1px; background-size: cover; } .i-avatar-right-icon[data-v-0cacfad9] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .i-avatar .i-avatar-size-48[data-v-0cacfad9], .i-avatar .i-avatar-size-50[data-v-0cacfad9], .i-avatar .i-avatar-size-60[data-v-0cacfad9] { width: 18px; height: 18px; bottom: -1px; } .h .i-avatar-icon[data-v-0cacfad9], .h .i-avatar-nft-icon[data-v-0cacfad9] { z-index: 1; } .h .avatar-cover[data-v-0cacfad9] { position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: rgba(0,0,0,.6); font-size: 12px; color: #fff; line-height: 60px; text-align: center; opacity: 0; border-radius: 50%; -webkit-transition: opacity .2s; transition: opacity .2s; } .h .h-basic[data-v-0cacfad9] { color: #fff; font-size: 0; margin-left: 22px; } .h #h-name[data-v-0cacfad9] { display: inline-block; margin-right: 5px; font-weight: 700; line-height: 18px; font-size: 18px; vertical-align: middle; } #browser-version-tip #close-browser-tip[data-v-0cacfad9], .icon[data-v-0cacfad9] { display: inline-block; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .icon[data-v-0cacfad9] { vertical-align: middle; background-repeat: no-repeat; } .h #h-ceritification[data-v-0cacfad9] { background-position: -217px -792px; display: none; width: 11px; height: 18px; margin: 0 1px 0 6px; vertical-align: middle; } .h .gender[data-v-0cacfad9] { display: none; width: 21px; height: 18px; margin-right: 5px; vertical-align: middle; background-position: -212px -922px; } .h .m-level[data-v-0cacfad9] { display: inline-block; width: 25px; height: 14px; margin-right: 5px; } .h .m-level svg[data-v-0cacfad9] { width: 100%; height: 100%; } .h .h-vipType[data-v-0cacfad9] { display: inline-block; height: 16px; line-height: 16px; border-radius: 4px; font-size: 12px; color: #fff; padding: 0 5px; background-color: #f45a8d; vertical-align: middle; margin-right: 5px; cursor: pointer; } .h .h-vipType.disable[data-v-0cacfad9] { background-color: #ccd0d7; color: #99a2aa; } .h .space-fans-medal[data-v-0cacfad9] { display: inline-block; vertical-align: middle; margin-left: 5px; } .h .space-fans-medal .normal-medal[data-v-0cacfad9] { height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .h .space-fans-medal .normal-medal .normal-left[data-v-0cacfad9] { width: 16px; height: 100%; background: #e5e9ef; border: 1px dashed #99a2aa; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1px; position: relative; } em[data-v-0cacfad9], i[data-v-0cacfad9] { font-style: normal; } .h .space-fans-medal .normal-medal .normal-left i[data-v-0cacfad9] { display: block; background: #99a2aa; border-radius: 1px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .h .space-fans-medal .normal-medal .normal-left i[data-v-0cacfad9]:first-child { width: 8px; height: 1px; } .h .space-fans-medal .normal-medal .normal-left i[data-v-0cacfad9]:last-child { width: 1px; height: 8px; } .h .space-fans-medal .normal-medal .normal-right[data-v-0cacfad9] { width: 48px; height: 100%; position: relative; background: #000; opacity: .7; border-radius: 1px; } .h .space-fans-medal .normal-medal .normal-right p[data-v-0cacfad9] { width: 200%; height: 200%; font-size: 20px; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: top left; transform-origin: top left; line-height: 32px; color: #fff; position: absolute; top: 0; left: 0; text-align: center; } .h .h-basic .h-basic-spacing[data-v-0cacfad9] { margin-top: 6px; } .h .h-sign[data-v-0cacfad9] { background: transparent; border-radius: 4px; border: none; -webkit-box-shadow: none; box-shadow: none; color: hsla(0,0%,100%,.8); font-size: 12px; line-height: 26px; height: 26px; margin-left: -5px; padding: 0 5px; position: relative; top: -1px; width: 730px; font-weight: 400; } .space_input[data-v-0cacfad9] { line-height: 28px; height: 28px; padding: 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; border: 1px solid #ccd0d7; border-radius: 0; } .h #h-sign[data-v-0cacfad9] { background: transparent; border-radius: 4px; border: none; -webkit-box-shadow: none; box-shadow: none; color: hsla(0,0%,100%,.8); font-size: 12px; line-height: 26px; height: 26px; margin-left: -5px; padding: 0 5px; position: relative; top: -1px; width: 730px; } .h #h-sign[data-v-0cacfad9]:hover { background: hsla(0,0%,100%,.2); -webkit-box-shadow: 0 0 0 1px hsla(0,0%,100%,.5); box-shadow: 0 0 0 1px hsla(0,0%,100%,.5); } .h #h-sign[data-v-0cacfad9]:focus { background: #fff; -webkit-box-shadow: inset 0 2px 4px rgba(35,54,86,.3); box-shadow: inset 0 2px 4px rgba(35,54,86,.3); color: #6d757a; } .h .space-theme-trigger[data-v-0cacfad9] { background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); background-position: 0 0; border-radius: 0 4px 0 0; cursor: pointer; width: 58px; height: 49px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; position: absolute; top: 0; right: 0; } .be-dropdown[data-v-0cacfad9] { position: relative; display: inline-block; cursor: pointer; } .h .h-version[data-v-0cacfad9] { position: absolute; top: 15px; right: 57px; } .h .h-v-btn[data-v-0cacfad9] { background: rgba(0,0,0,.45); border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; line-height: 30px; -webkit-transition: all .1s ease; transition: all .1s ease; padding: 0 10px; } .views-filter[data-v-0cacfad9] { color: #fff; } .be-dropdown-menu[data-v-0cacfad9] { position: fixed; top: 40px; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); } .be-dropdown-item[data-v-0cacfad9] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } .h .h-action[data-v-0cacfad9] { position: absolute; bottom: 0; right: 0; z-index: 1; } .h .h-f-btn[data-v-0cacfad9] { background: rgba(0,0,0,.45); -webkit-box-shadow: 0 0 0 2px hsla(0,0%,100%,.3); box-shadow: 0 0 0 2px hsla(0,0%,100%,.3); border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; float: left; text-align: center; margin: 0 20px 17px 0; width: 76px; line-height: 30px; } .h .h-follow[data-v-0cacfad9] { background: #f25d8e; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; color: #fff; } .be-dropdown[data-v-0cacfad9] { position: relative; display: inline-block; cursor: pointer; } .h .h-add-to-black[data-v-0cacfad9] { float: left; height: 30px; } .be-dropdown-trigger[data-v-0cacfad9] { width: 24px; height: 24px; margin: auto; text-align: center; } .h .h-add-to-black .be-dropdown-trigger[data-v-0cacfad9] { width: 30px; height: 30px; } .be-dropdown-trigger .icon-ic_more[data-v-0cacfad9] { display: block; line-height: 24px; font-size: 24px; color: #999; } .h .h-add-to-black .icon-ic_more[data-v-0cacfad9] { color: #fff; font-size: 30px; line-height: 30px; } .be-dropdown-menu[data-v-0cacfad9] { position: absolute; top: 30px; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); } .h-add-to-black:hover .be-dropdown-menu[data-v-0cacfad9] { display: block!important; } .be-dropdown-item[data-v-0cacfad9] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } #space-theme[data-v-0cacfad9] { -webkit-transition: bottom .4s ease; transition: bottom .4s ease; position: fixed; left: 0; bottom: -600px; width: 100%; z-index: 1000; background: rgba(0,0,0,.8); color: #fff; } .wrapper[data-v-0cacfad9] { width: 1101px; margin: 0 auto; position: relative; } #space-theme .theme-topright[data-v-0cacfad9] { float: right; margin-top: 10px; } #space-theme .theme-ann[data-v-0cacfad9] { color: #ff98ba; float: left; line-height: 32px; margin-right: 33px; } #space-theme .theme-ann-icon[data-v-0cacfad9] { background-position: -1307px -154px; width: 10px; height: 12px; margin-right: 10px; position: relative; top: 1px; } #space-theme .theme-close[data-v-0cacfad9] { background-position: -527px -271px; cursor: pointer; width: 32px; height: 32px; margin-right: -10px; } #space-theme .theme-tab[data-v-0cacfad9] { cursor: pointer; display: block; float: left; font-size: 18px; margin-right: 10px; line-height: 52px; width: 130px; text-align: center; } #space-theme .theme-tab.active[data-v-0cacfad9] { background-color: #111; } #space-theme .theme-panel[data-v-0cacfad9] { background: #111; padding: 25px 0 15px; position: relative; } .ps[data-v-0cacfad9] { overflow: hidden!important; overflow-anchor: none; -ms-touch-action: auto; touch-action: auto; } #space-theme .theme-list[data-v-0cacfad9] { position: relative; height: 280px; overflow: hidden; } .n[data-v-0cacfad9] { margin-bottom: 10px; } .n .n-inner[data-v-0cacfad9] { height: 66px; background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 0 0 4px 4px; padding: 0 20px; font-size: 0; } .n .n-tab-links[data-v-0cacfad9] { display: inline-block; font-size: 0; vertical-align: middle; } .n .n-btn[data-v-0cacfad9] { display: inline-block; font-size: 0; line-height: 66px; margin-right: 16px; position: relative; } .n .n-btn.active[data-v-0cacfad9] { color: #00a1d6; } .n .n-tab-links .iconfont[data-v-0cacfad9] { display: inline-block; width: 20px; font-size: 20px; margin-right: 4px; vertical-align: middle; } .n .n-tab-links .icon-ic_home[data-v-0cacfad9] { color: #00c091; } .n .n-text[data-v-0cacfad9] { font-size: 13px; } .n .n-num[data-v-0cacfad9], .n .n-text[data-v-0cacfad9] { vertical-align: middle; } .n .n-tab-links .icon-dongtai[data-v-0cacfad9] { color: #fb7299; } .n .n-tab-links .icon-shipin1[data-v-0cacfad9] { color: #02b5da; } .n .n-num[data-v-0cacfad9] { margin-left: 2px; font-size: 12px; color: #99a2aa; } .n .n-tab-links .icon-24gf-videoAlbum[data-v-0cacfad9] { color: #23c9ed; } .n .n-tab-links .icon-star[data-v-0cacfad9] { color: #f3a034; } .n .n-tab-links .icon-aixin1[data-v-0cacfad9] { color: #ff5d47; } .n .n-tab-links .icon-shezhi2[data-v-0cacfad9] { color: #23c9ed; } .g-search[data-v-0cacfad9] { position: relative; display: inline-block; width: 134px; height: 30px; vertical-align: middle; } .g-search input[data-v-0cacfad9] { position: absolute; height: 30px; width: 134px; padding: 0 29px 0 10px; line-height: 30px; color: #222; font-size: 12px; border: 1px solid #ccd0d7; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .icon[data-v-0cacfad9] { vertical-align: middle; background-repeat: no-repeat; } .g-search .search-btn[data-v-0cacfad9] { position: absolute; right: 8px; top: 6px; width: 18px; height: 30px; background-position: -1111px -81px; cursor: pointer; } .n .n-statistics[data-v-0cacfad9] { float: right; height: 66px; } .n .n-data[data-v-0cacfad9] { 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; float: left; width: 58px; height: 66px; padding: 10px 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .n a.n-data:hover .n-data-k[data-v-0cacfad9], .n a.n-data:hover .n-data-v[data-v-0cacfad9], .n .n-data.active .n-data-k[data-v-0cacfad9], .n .n-data.active .n-data-v[data-v-0cacfad9]{ color: #00a1d6; } .n .n-data .n-data-k[data-v-0cacfad9] { line-height: 14px; font-size: 12px; color: #99a2aa; } .n .n-data .n-data-v[data-v-0cacfad9] { line-height: 16px; margin-top: 5px; color: #222; font-size: 12px; } .n .n-cursor[data-v-0cacfad9] { background: #00a1d6; width: 0; height: 3px; -webkit-transition: all .2s ease; transition: all .2s ease; position: absolute; bottom: -1px; left: 0; } .n-fix[data-v-0cacfad9] { position: fixed; top: 0; left: 0; width: 100%; z-index: 111; -webkit-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .n-fix .n-avatar[data-v-0cacfad9] { display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: middle; border-radius: 50%; overflow: hidden; } .n-fix .n-avatar img[data-v-0cacfad9] { display: block; width: 24px; height: 24px; } .to-top[data-v-0cacfad9] { position: fixed; display: none; bottom: 100px; right: 20px; -webkit-transform: translateY(0); transform: translateY(0); margin-left: 712px; cursor: pointer; } .to-top i[data-v-0cacfad9] { font-size: 50px; color: #9a9b9d; } .wrapper[data-v-5b3f85b1] { width: 1101px; margin: 0 auto; position: relative; } .clearfix[data-v-5b3f85b1] { display: block; } #page-index .col-1[data-v-5b3f85b1] { background: #fff; border: 1px solid #eee; border-radius: 4px; float: left; padding: 15px 20px; width: 740px; } .section[data-v-5b3f85b1] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .i-pin-v[data-v-5b3f85b1] { padding-bottom: 20px; } .be-tab[data-v-5b3f85b1], .be-tab-item[data-v-5b3f85b1] { position: relative; } .i-pin-v .be-tab[data-v-5b3f85b1] { border-bottom: 1px solid #eee; margin-bottom: 15px; height: 28px; } .be-tab-item[data-v-5b3f85b1] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-5b3f85b1] { color: #00a1d6; } .i-pin-v .be-tab-item[data-v-5b3f85b1] { margin-right: 30px; font-size: 12px; } .be-tab-input[data-v-5b3f85b1] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: #ff3c3c; opacity: 0; cursor: pointer; } .be-tab-item[data-v-5b3f85b1]:last-child { margin-right: 0; } .be-tab-item.is-active[data-v-5b3f85b1] { left: 0; border-bottom: 1px solid #00a1d6; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: width .2s ease,-webkit-transform .2s ease; transition: width .2s ease,-webkit-transform .2s ease; transition: width .2s ease,transform .2s ease; transition: width .2s ease,transform .2s ease,-webkit-transform .2s ease; } .be-tab-item.is-active[data-v-5b3f85b1]:after { position: absolute; bottom: 0; height: 0; width: 0; } .be-tab-item.is-active[data-v-5b3f85b1]:after { content: ""; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -3px; border-bottom: 3px solid #00a1d6; border-top: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; } .i-pin-c[data-v-5b3f85b1] { -webkit-box-shadow: 0 0 0 1px #e5e9ef; box-shadow: 0 0 0 1px #e5e9ef; border-radius: 4px; float: left; overflow: hidden; position: relative; } .i-pin-c[data-v-5b3f85b1], .i-pin-c:hover .i-watchlater[data-v-5b3f85b1] { display: block; } .i-pin-cover[data-v-5b3f85b1], .i-pin-part:hover .i-pin-info .btn-container[data-v-5b3f85b1] { display: block; } .i-pin-cover[data-v-5b3f85b1] { background: url(data:image/png;base64,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); background-size: cover; border-radius: 4px; width: 280px; height: 175px; } .i-pin-duration[data-v-5b3f85b1] { background: #111; background: rgba(0,0,0,.5); border-radius: 5px 0 0 0; color: #fff; line-height: 20px; -webkit-transition: top .2s ease; transition: top .2s ease; padding: 0 6px; position: absolute; right: 0; bottom: 0; } .fakeDanmu-item .length[data-v-5b3f85b1] { z-index: 5; -webkit-transition: background .2s ease; transition: background .2s ease; } .i-watchlater[data-v-5b3f85b1] { display: none; position: absolute; right: 6px; bottom: 4px; width: 22px; height: 22px; z-index: 5; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=) no-repeat; cursor: pointer; } .small-item .cover:hover .i-watchlater[data-v-5b3f85b1] { display: block; } .disabled-cover[data-v-5b3f85b1] { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; font-size: 14px; cursor: default; background: #e5e9ef; color: #99a2aa!important; } .disabled-cover .candle[data-v-5b3f85b1] { position: absolute; left: 50%; width: 50px; height: 55px; margin-left: -25px; /*background-position: 0 0;*/ visibility: hidden; } .cover.cover-big .candle[data-v-5b3f85b1] { top: 15%; } .disabled-cover p[data-v-5b3f85b1] { position: absolute; top: 50%; width: 100%; height: 20px; line-height: 20px; margin-top: -10px; } .i-pin-info[data-v-5b3f85b1] { position: relative; height: 175px; margin-left: 300px; } .i-pin-title[data-v-5b3f85b1] { display: block; font-size: 14px; line-height: 18px; margin-bottom: 15px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .i-pin-meta[data-v-5b3f85b1] { color: #6d757a; margin-bottom: 10px; } .i-pin-data[data-v-5b3f85b1] { display: inline-block; margin-right: 20px; } .i-pin-play-icon[data-v-5b3f85b1] { background-position: -1306px -346px; } .i-pin-meta .icon[data-v-5b3f85b1] { width: 12px; height: 12px; vertical-align: middle; margin-right: 3px; position: relative; top: -2px; } .i-pin-danmu-icon[data-v-5b3f85b1] { background-position: -1306px -410px; } .i-pin-time-icon[data-v-5b3f85b1] { background-position: -280px -474px; } .i-pin-desc[data-v-5b3f85b1] { color: #99a2aa; margin-bottom: 10px; max-height: 40px; } .i-pin-desc[data-v-5b3f85b1], .i-pin-reason[data-v-5b3f85b1] { line-height: 20px; overflow: hidden; } .i-pin-reason[data-v-5b3f85b1] { color: #f25d8e; height: 20px; margin-bottom: 14px; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; } .i-pin-reason.hidden[data-v-5b3f85b1] { visibility: hidden; } .btn-container[data-v-5b3f85b1] { font-size: 0; white-space: nowrap; } .i-pin-info .btn-container[data-v-5b3f85b1] { position: absolute; display: none; bottom: 0; } .btn-container.btn-left[data-v-5b3f85b1] { text-align: left; } .btn[data-v-5b3f85b1] { display: inline-block; -ms-touch-action: manipulation; touch-action: manipulation; padding: 0 10px; margin-right: 20px; line-height: 30px; min-width: 70px; -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 0; color: #666; text-align: center; vertical-align: middle; outline: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn.primary[data-v-5b3f85b1] { color: #fff; background-color: #00a1d6; border-color: #00a1d6; } .btn-content[data-v-5b3f85b1] { font-size: 12px; vertical-align: top; } .btn[data-v-5b3f85b1]:last-of-type { margin-right: 0; } .btn.default[data-v-5b3f85b1] { color: #666; background-color: #fff; border-color: #d9d9d9; } #i-masterpiece[data-v-5b3f85b1] { margin-left: -9px; } .i-mp-multi[data-v-5b3f85b1] { width: 720px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*height: 220px;*/ } #i-masterpiece .small-item[data-v-5b3f85b1] { width: 220px; /*height: 172px;*/ overflow: hidden; padding-top: 0; } #i-masterpiece .small-item .cover[data-v-5b3f85b1], #i-masterpiece .small-item .cover img[data-v-5b3f85b1] { width: 200px; height: 138px; } #i-masterpiece .small-item .reason[data-v-5b3f85b1] { background: rgba(0,0,0,.4); color: #fff; -webkit-transition: bottom .2s ease; transition: bottom .2s ease; position: absolute; left: 0; bottom: -80px; z-index: 2; } #i-masterpiece .small-item:hover .reason[data-v-5b3f85b1] { bottom: 0; } #i-masterpiece .small-item .reason-inner[data-v-5b3f85b1] { line-height: 28px; padding: 0 10px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #i-masterpiece .small-item .disabled-cover[data-v-5b3f85b1] { line-height: 135px; } #i-masterpiece .small-item .title[data-v-5b3f85b1] { -webkit-transition: height .2s ease; transition: height .2s ease; height: 19px; white-space: normal; } #i-masterpiece .small-item:hover .length[data-v-5b3f85b1] { bottom: -20px; } .i-mp-action[data-v-5b3f85b1] { position: absolute; display: none; top: 8px; right: 18px; z-index: 2; } .small-item:hover .i-mp-action[data-v-5b3f85b1] { display: block; } .i-mp-action-icon[data-v-5b3f85b1] { font-size: 22px; border-radius: 4px; cursor: pointer; width: 20px; height: 20px; margin: 0 0 0 auto; position: relative; background-color: #FFFFFF; } .i-mp-action:hover .i-mp-action-icon[data-v-5b3f85b1] { border-radius: 4px 4px 0 0; border-bottom: none; } .i-mp-action-menu[data-v-5b3f85b1] { display: none; background: #fff; border: 1px solid #99a2aa; border-radius: 4px 0 4px 4px; overflow: hidden; margin-top: -1px; } .i-mp-action:hover .i-mp-action-menu[data-v-5b3f85b1] { display: block; } .i-mp-action-item[data-v-5b3f85b1] { cursor: pointer; line-height: 30px; padding: 0 10px; } .i-mp-action-item[data-v-5b3f85b1]:hover { background: #e5e9ef; } .list-create[data-v-5b3f85b1] { cursor: pointer; position: relative; background: #fff; border: 2px dashed #b8c0cc; border-radius: 4px; -webkit-transition: border .2s ease; transition: border .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-pin-empty-set[data-v-5b3f85b1] { text-align: center; width: 215px; height: 138px; } #i-masterpiece .i-pin-empty-set[data-v-5b3f85b1] { float: left; margin-left: 9px; } .list-create .create-covers-meta[data-v-5b3f85b1] { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .list-create .icon[data-v-5b3f85b1] { display: block; width: 40px; height: 40px; margin: 0 auto; -webkit-transition: background .2s ease; transition: background .2s ease; background-position: -716px -332px; } .i-mp-count[data-v-5b3f85b1] { color: #99a2aa; position: absolute; bottom: 8px; right: 10px; } #pin-wrapper[data-v-5b3f85b1] { background: rgba(0,0,0,.5); position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; } #pin-wrapper #pin-layer[data-v-5b3f85b1] { background: #fff; border-radius: 4px; width: 570px; height: 540px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transition: all .2s ease; transition: all .2s ease; } #pin-wrapper .pin-layer-header[data-v-5b3f85b1] { height: 50px; line-height: 50px; padding: 0 25px; font-size: 0; border-bottom: 1px solid #e5e9ef; -webkit-box-sizing: border-box; box-sizing: border-box; } #pin-wrapper .pin-layer-close[data-v-5b3f85b1] { position: absolute; top: 5px; right: 20px; cursor: pointer; font-size: 20px; } #pin-wrapper .pin-layer-header .pin-layer-header-text[data-v-5b3f85b1] { display: inline-block; font-size: 16px; vertical-align: bottom; } #pin-wrapper .pin-layer-body[data-v-5b3f85b1] { margin: 10px 25px 22px; } #pin-wrapper .pin-layer-search[data-v-5b3f85b1] { margin-top: 10px; position: relative; } .space_input[data-v-5b3f85b1] { line-height: 28px; height: 28px; padding: 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; border: 1px solid #ccd0d7; border-radius: 0; } #pin-wrapper #pin-layer-search[data-v-5b3f85b1] { border: 1px solid #d6dce5; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; width: 100%; line-height: 32px; padding: 0 40px 0 10px; } #pin-wrapper #pin-layer-search-btn[data-v-5b3f85b1] { font-size: 18px; cursor: pointer; position: absolute; top: 3px; right: 10px; } #pin-wrapper .pin-layer-search-result[data-v-5b3f85b1] { font-size: 12px; color: #505050; margin-top: 4px; line-height: 20px; } #pin-wrapper .pin-layer-search-keyword[data-v-5b3f85b1] { display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f25d8e; vertical-align: bottom; } #pin-wrapper .pin-layer-order[data-v-5b3f85b1] { margin-top: 20px; } #pin-wrapper .pin-layer-order-tip[data-v-5b3f85b1] { float: left; line-height: 20px; font-size: 12px; color: #222; } .be-dropdown[data-v-5b3f85b1] { position: relative; display: inline-block; cursor: pointer; } #pin-wrapper .pin-layer-order-dropdown[data-v-5b3f85b1] { float: right; font-size: 14px; } .d-arrow[data-v-5b3f85b1] { display: inline-block; vertical-align: middle; } .d-arrow[data-v-5b3f85b1] { font-size: 12px; } .be-dropdown-menu[data-v-5b3f85b1] { position: fixed; top: 40px; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); } .be-dropdown-item[data-v-5b3f85b1] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } #pin-wrapper .pin-layer-video[data-v-5b3f85b1] { position: relative; margin-top: 5px; height: 300px; width: 544px; overflow: hidden; } .pin-layer-vlist[data-v-5b3f85b1] { overflow-y: auto; height: 100%; margin-right: 20px; } #pin-wrapper .pin-layer-vlist .small-item .cover[data-v-5b3f85b1] { position: relative; float: left; width: 80px; height: 50px; border-radius: 2px; overflow: hidden; } #pin-wrapper .pin-layer-vlist .small-item[data-v-5b3f85b1]:hover { cursor: pointer; background-color: #e5e9ef; -webkit-box-shadow: none; box-shadow: none; } #pin-wrapper .pin-layer-vlist .small-item .cover img[data-v-5b3f85b1] { width: 100%; height: 100%; } #pin-wrapper .pin-layer-vlist .small-item .added-icon[data-v-5b3f85b1] { position: absolute; display: none; right: 4px; top: 4px; line-height: 14px; padding: 2px 4px; font-size: 12px; color: #fff; border-radius: 4px; background-color: rgba(0,0,0,.8); } #pin-wrapper .pin-layer-vlist .small-item .detail[data-v-5b3f85b1] { margin-left: 94px; } #pin-wrapper .pin-layer-vlist .small-item .title[data-v-5b3f85b1] { height: 16px; line-height: 16px; margin: 0; color: #000; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: height .2s ease,margin .2s ease; transition: height .2s ease,margin .2s ease; } #pin-wrapper .pin-layer-vlist .small-item.selected .title[data-v-5b3f85b1] { color: #fff; } #pin-wrapper .pin-layer-vlist .small-item .meta[data-v-5b3f85b1] { margin-top: 8px; } #pin-wrapper .pin-layer-vlist .small-item.selected .meta[data-v-5b3f85b1] { color: #b3e3f3; } #pin-wrapper .pin-layer-vlist .small-item .meta .play[data-v-5b3f85b1] { width: 65px; } #pin-wrapper .pin-layer-vlist .small-item .meta .time[data-v-5b3f85b1] { width: 92px; } #pin-wrapper .pin-layer-video.empty[data-v-5b3f85b1] { background-image: url(/static/img/nodata02.5e00b2e.png); background-position: 147px; background-repeat: no-repeat; } #pin-wrapper .pin-layer-vlist .small-item[data-v-5b3f85b1] { float: none; width: auto; padding: 4px; margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 4px; margin-bottom: 2px; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; } #pin-wrapper .pin-layer-vlist .small-item.selected[data-v-5b3f85b1] { -webkit-box-shadow: none; box-shadow: none; background-color: #00a1d6; } #pin-wrapper .m-loading[data-v-5b3f85b1] { line-height: 24px; text-align: center; } #pin-wrapper .m-loading span[data-v-5b3f85b1] { display: inline-block; vertical-align: middle; } #pin-wrapper .pin-layer-video-empty[data-v-5b3f85b1] { color: #99a2aa; margin: 270px 0 0; padding-right: 22px; text-align: center; } #pin-wrapper .pin-layer-video-empty a[data-v-5b3f85b1] { color: #00a1d6; } .btn-container[data-v-5b3f85b1] { font-size: 0; white-space: nowrap; } .btn-container.btn-center[data-v-5b3f85b1] { text-align: center; } #pin-wrapper .pin-layer-footer[data-v-5b3f85b1] { text-align: center; position: absolute; width: 100%; left: 0; bottom: 30px; } .btn.btn-disabled[data-v-5b3f85b1] { cursor: default; } .btn.btn-disabled[data-v-5b3f85b1], .btn.btn-disabled[data-v-5b3f85b1]:hover { color: #ccd0d7; background: #f4f5f7; border-color: #e5e9ef; } #pin-wrapper .pin-layer-footer .btn[data-v-5b3f85b1] { width: 90px; margin: 0 7px; line-height: 30px; } .btn-content[data-v-5b3f85b1] { font-size: 12px; vertical-align: top; } .btn[data-v-5b3f85b1]:last-of-type { margin-right: 0; } .btn-container .btn[data-v-5b3f85b1]:last-of-type { margin-right: 0; } #pin-wrapper .pin-layer-footer .btn[data-v-5b3f85b1] { width: 90px; margin: 0 7px; line-height: 30px; } .section-title[data-v-5b3f85b1] { color: #000; font-size: 20px; font-weight: 400; line-height: 33px; padding: 0 0 15px; position: relative; } .section-title .t[data-v-5b3f85b1] { display: inline-block; vertical-align: middle; } .section .count[data-v-5b3f85b1] { background: #f6fafb; border: 1px solid #ddd; border-radius: 3px; color: #777; display: inline-block; font-size: 12px; line-height: 18px; height: 18px; margin-left: 11px; padding: 0 5px; position: relative; vertical-align: middle; } .section .more[data-v-5b3f85b1] { position: absolute; border: 1px solid #b8c0cc; border-radius: 4px; color: #6d757a; font-size: 12px; line-height: 22px; -webkit-transition: border .2s ease; transition: border .2s ease; padding: 0 10px; top: 6px; right: 0; } .section .more i[data-v-5b3f85b1] { font-size: 12px; } .be-tab[data-v-5b3f85b1], .be-tab-item[data-v-5b3f85b1] { position: relative; } .i-pin-empty[data-v-5b3f85b1] { background: url(data:image/png;base64,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) 250px bottom no-repeat; } .list-create[data-v-5b3f85b1] { cursor: pointer; position: relative; background: #fff; border: 2px dashed #b8c0cc; border-radius: 4px; -webkit-transition: border .2s ease; transition: border .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-pin-empty-set[data-v-5b3f85b1] { text-align: center; width: 215px; height: 138px; } .list-create .create-covers-meta[data-v-5b3f85b1] { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .list-create .icon[data-v-5b3f85b1] { display: block; margin: 0 auto; -webkit-transition: background .2s ease; transition: background .2s ease; font-size: 40px; /*color: #C9CCD0;*/ } .list-create .text[data-v-5b3f85b1] { line-height: 16px; margin-top: 8px; text-align: center; /*color: #666;*/ } .list-create[data-v-5b3f85b1]:hover { border-color: #00a1d6; color: #00a1d6; } #page-index .video .be-tab[data-v-5b3f85b1] { display: inline-block; line-height: 18px; vertical-align: middle; margin-left: 10px; } .section-title .play-all-channel[data-v-5b3f85b1] { position: absolute; right: 63px; top: 6px; width: 78px; height: 22px; line-height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: inline-block; border: 1px solid #b8c0cc; border-radius: 4px; color: #6d757a; font-size: 12px; -webkit-transition: .3s ease; transition: .3s ease; } .section-title .play-all-channel .video-commonplayer_play[data-v-5b3f85b1] { -webkit-transition: .3s ease; transition: .3s ease; font-size: 14px; color: #99a2aa; margin-left: 4px; } .section-title .play-all-channel>span[data-v-5b3f85b1] { vertical-align: top; } #page-index .col-1 .section.empty[data-v-5b3f85b1]:after { position: absolute; left: 300px; top: 9px; color: #999; } .section.empty.video[data-v-5b3f85b1]:after { content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\6295\8FC7\89C6\9891\54E6~~"; } #page-index .video .content[data-v-5b3f85b1] { max-height: 380px; overflow: hidden; } .small-item[data-v-5b3f85b1] { display: block; float: left; width: 170px; position: relative; margin: 0 0 3px; padding: 10px; } #page-index .video .content .small-item[data-v-5b3f85b1]:nth-child(4n+1) { padding-left: 0; } #page-index .video .content .small-item[data-v-5b3f85b1]:nth-child(4n+4) { padding-right: 0; } .small-item .cover[data-v-5b3f85b1] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; } img[data-v-5b3f85b1] { border: 0; outline: 0; } .small-item img[data-v-5b3f85b1] { border-radius: 4px; display: block; width: 160px; height: 100px; } .small-item .length[data-v-5b3f85b1] { background: #111; background: rgba(0,0,0,.5); border-radius: 5px 0 0 0; color: #fff; line-height: 20px; -webkit-transition: top .2s ease; transition: top .2s ease; padding: 0 6px; position: absolute; right: 0; bottom: 0; } .small-item .cover:hover .length[data-v-5b3f85b1] { display: none; } .small-item .title[data-v-5b3f85b1] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; } .small-item .meta[data-v-5b3f85b1] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta>span[data-v-5b3f85b1] { display: inline-block; white-space: nowrap; height: 14px; line-height: 14px; font-size: 12px; overflow: hidden; } .small-item .meta>span[data-v-5b3f85b1]:first-child { width: 72px; } .small-item .play .icon[data-v-5b3f85b1] { background-position: -280px -25px; } .small-item .meta>span .icon[data-v-5b3f85b1] { font-size: 14px; margin-right: 2px; vertical-align: bottom; } .article-item[data-v-5b3f85b1] { margin-bottom: 20px; } .article-content[data-v-5b3f85b1], .s-content[data-v-5b3f85b1] { float: left; border-bottom: 1px solid #f4f5f7; padding-bottom: 23px; } .article-content[data-v-5b3f85b1] { width: 564px; } .article-title[data-v-5b3f85b1] { font-weight: 400; max-height: 26px; font-size: 18px; color: #222; line-height: 26px; overflow: hidden; display: block; } .article-title a[data-v-5b3f85b1] { word-break: break-all; } .article-con[data-v-5b3f85b1] { font-size: 12px; color: #6d757a; line-height: 20px; margin-top: 5px; } .article-con a[data-v-5b3f85b1] { height: 20px; text-overflow: ellipsis; white-space: nowrap; } .article-con a[data-v-5b3f85b1], .article-img[data-v-5b3f85b1] { display: block; overflow: hidden; } .meta-col[data-v-5b3f85b1] { margin-top: 15px; color: #999; font-size: 0; } .meta-col[data-v-5b3f85b1], .meta-col span[data-v-5b3f85b1] { height: 14px; line-height: 14px; white-space: nowrap; } .meta-col span[data-v-5b3f85b1] { display: inline-block; font-size: 12px; overflow: hidden; margin-right: 20px; } .meta-col span .icon[data-v-5b3f85b1] { margin-right: 4px; font-size: 14px; } .article-img[data-v-5b3f85b1] { width: 117px; height: 88px; float: right; border-radius: 4px; line-height: 54px; text-align: center; } .article-bgimg[data-v-5b3f85b1], .article-img img[data-v-5b3f85b1] { width: 100%; height: 100%; } .article-bgimg[data-v-5b3f85b1] { background: #f0f2f4 url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; overflow: hidden; font-size: 12px; } .article-cover[data-v-5b3f85b1] { height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } #page-index .channel .channel-item[data-v-5b3f85b1] { margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #e5e9ef; } .section .operation[data-v-5b3f85b1] { display: inline-block; border: 1px solid #b8c0cc; border-radius: 4px; color: #6d757a; font-size: 12px; line-height: 22px; -webkit-transition: border .2s ease; transition: border .2s ease; padding: 0 10px; } .section .operation i[data-v-5b3f85b1] { font-weight: bolder; font-size: 12px; margin-right: 2px; } #page-index .channel .section-title .create[data-v-5b3f85b1] { width: 64px; margin-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; cursor: pointer; } #page-index .channel .channel-item.empty-channel[data-v-5b3f85b1] { margin-top: 25px; padding-bottom: 25px; } #page-index .channel .channel-item .channel-title[data-v-5b3f85b1] { position: relative; height: 24px; line-height: 24px; font-size: 0; } #page-index .channel .channel-item .channel-name[data-v-5b3f85b1] { display: inline-block; font-size: 16px; color: #6d757a; vertical-align: middle; } #page-index .channel .channel-item .count[data-v-5b3f85b1] { top: 0; vertical-align: middle; } #page-index .channel .section-right-options[data-v-5b3f85b1] { float: right; height: 24px; display: -ms-flexbox; display: -webkit-box; display: flex; } #page-index .channel .section-right-options .more[data-v-5b3f85b1] { position: static; top: auto; right: auto; } #page-index .channel .section-right-options .more[data-v-5b3f85b1] { position: static; top: auto; right: auto; cursor: pointer; } #page-index .channel .channel-item .c-empty-hint-host[data-v-5b3f85b1] { position: absolute; top: 0; left: 300px; font-size: 12px; color: #99a2aa; text-align: center; } #page-index .channel .channel-item .c-empty-hint-host a[data-v-5b3f85b1] { margin-left: 10px; color: #00a1d6; } #page-index .channel .channel-item .channel-video[data-v-5b3f85b1] { white-space: nowrap; overflow: hidden; font-size: 0; } #page-index .channel .channel-item .small-item[data-v-5b3f85b1] { float: none; display: inline-block; font-size: 12px; } #page-index .channel .channel-item .small-item[data-v-5b3f85b1]:first-child { padding-left: 0; } #page-index .channel .channel-item .small-item .title[data-v-5b3f85b1] { white-space: normal; } #page-index .channel .channel-item .small-item .video-desc[data-v-5b3f85b1] { display: none; height: 36px; line-height: 18px; color: #99a2aa; overflow: hidden; } .private-hint[data-v-5b3f85b1] { display: inline-block; color: #6d757a; cursor: default; font-size: 12px; vertical-align: middle; } .section-title .icon[data-v-5b3f85b1] { width: 33px; height: 33px; vertical-align: middle; margin-right: 10px; } .private-hint .icon[data-v-5b3f85b1] { background-position: -203px -724px; margin: 0 0 0 15px; } #page-index .fav-item[data-v-5b3f85b1] { position: relative; float: left; margin: 0 20px 28px 0; } #page-index .fav-covers[data-v-5b3f85b1] { border: 1px solid #ccd0d7; border-radius: 4px; display: block; width: 152px; height: 152px; margin-bottom: 11px; overflow: hidden; position: relative; background-image: url(data:image/png;base64,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); background-position: 50%; } #page-index .fav-covers img[data-v-5b3f85b1] { width: 100%; height: 152px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%; } #page-index .fav-count[data-v-5b3f85b1] { position: absolute; top: 10px; right: 10px; min-width: 12px; padding: 0 9px; line-height: 18px; text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,.5); border-radius: 9px; } #page-index .fav-item .state[data-v-5b3f85b1] { color: #99a2aa; float: right; line-height: 24px; } #page-index .fav-item .name[data-v-5b3f85b1] { display: block; font-size: 18px; line-height: 24px; width: 7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .large-item[data-v-5b3f85b1] { display: block; float: left; margin: 0 10px 25px 0; width: 335px; } .large-item .cover[data-v-5b3f85b1] { background-image: url(data:image/png;base64,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); background-position: 50%; background-size: cover; display: block; float: left; width: 110px; } .large-item .cover img[data-v-5b3f85b1] { border-radius: 4px; -webkit-box-shadow: 0 0 0 1px #e5e9ef; box-shadow: 0 0 0 1px #e5e9ef; display: block; width: 110px; height: 144px; } .large-item .detail[data-v-5b3f85b1] { margin-left: 130px; padding-right: 20px; max-height: 140px; overflow: hidden; } .large-item .title[data-v-5b3f85b1] { display: block; font-size: 18px; max-height: 48px; line-height: 24px; margin: -3px 0 10px; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .large-item .end[data-v-5b3f85b1] { background-position: -212px -22px; width: 20px; height: 20px; vertical-align: top; position: relative; top: 2px; } .large-item .desc[data-v-5b3f85b1] { overflow: hidden; -webkit-line-clamp: 5; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; } #page-index .col-2[data-v-5b3f85b1] { float: right; width: 350px; } #page-index .col-2 .section[data-v-5b3f85b1] { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 15px 20px 18px; margin-bottom: 10px; } #page-index .col-2 .section.elec[data-v-5b3f85b1], #page-index .col-2 .section.i-m[data-v-5b3f85b1] { padding-top: 15px; } .i-m-r1[data-v-5b3f85b1] { text-align: center; padding: 0 10px 13px; } .i-m-title[data-v-5b3f85b1] { display: inline-block; } .i-m-title .i-m-title-count[data-v-5b3f85b1]{ color: #00a1d6; font-size: 30px; } .i-m-title .icon-i-title[data-v-5b3f85b1] { font-size: 32px; color: #00a1d6; font-weight: bolder; } .icon-m-ra[data-v-5b3f85b1] { font-size: 28px; color: #C9CCD0; } .i-m-r2[data-v-5b3f85b1] { border: 1px solid #e5e9ef; border-radius: 4px; padding: 7px 0; } .i-m-btn[data-v-5b3f85b1] { color: #6d757a; float: left; text-align: center; width: 152px; line-height: 20px; } .i-m-upload[data-v-5b3f85b1] { border-right: 1px solid #e5e9ef; } .i-m-text[data-v-5b3f85b1], .i-m-u-icon[data-v-5b3f85b1] { vertical-align: middle; } .i-m-u-icon[data-v-5b3f85b1] { font-size: 16px; } .i-m-v-icon[data-v-5b3f85b1] { font-size: 16px; vertical-align: middle; } .elec .elec-trigger[data-v-5b3f85b1] { background: #f25d8e; border-radius: 4px; -webkit-box-shadow: 0 4px 4px rgba(255,112,159,.3); box-shadow: 0 4px 4px rgba(255,112,159,.3); color: #fff; cursor: pointer; display: inline-block; font-size: 18px; line-height: 50px; padding: 0 24px; } .elec .elec-trigger[data-v-5b3f85b1]:hover { background: #ff709f; } .elec .elec-trigger-icon[data-v-5b3f85b1] { font-size: 20px; vertical-align: middle; } .elec .elec-status[data-v-5b3f85b1] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAABKCAMAAAB5Ac1NAAAAPFBMVEX///////////////////////9HcEz////////////////////////////////////////////////////BTIGUAAAAFHRSTlP/skEMs3sAqQNI5g3nqErjsAuxpwJoLsAAAAD9SURBVHgB7doFjoVQFIPhgxX3/a91lNjYkyJNpv8KvghyKeH+VS5JsyzNQ7ICHxUhWI6tJNjKCvtXN00NpJI2NBEN0OrZNlwHZEHVVzikoRsHIOVtVR/7ltAXBG8jbiW8jWhK5zldBGw34m1lhTNTtkHZhgdsfQUp3Ga77LrAjXgbkbItlG0hYCOyzbadw81YG5GyLZRtoWxzTvCCMM4458TjH/ylAE5QB2UdpHW3WivrrNu1W1fCpTocp+PHYByn4xccXKTjx+C1OlKXEmPwd53AGEzo6DGY0PWV2Bh8W8eXBK+THIM3neQY7Cc/qbsgaR3x24sQjtdROOfcK6H+QuyA+YQEAAAAAElFTkSuQmCC); color: #99a2aa; font-weight: 700; margin-left: 172px; width: 156px; padding: 0 30px; height: 74px; line-height: 74px; text-align: right; position: absolute; top: 8px; right: 0; z-index: 2; } .elec:hover .elec-status[data-v-5b3f85b1] { background-image: url(data:image/gif;base64,R0lGODlhnABKANUjAP66yvb3+vb4+vb3+ff4+uzv8/z9/ebq8PL09+fm7f39/ezv9O3v9P67yvni6vnj6vni6fnI1P28zPz2+Pnl7PjW4PnJ1v33+Pnm7Pnl6+fn7vb2+fz8/fb2+Pz29/f3+e3t8eXp7////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTExMEZFMUNFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTExMEZFMURFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEUxQ0IyREVDRTAxMUU1ODlCNTkxNzk0NDcwRDdDNCIg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); } .elec .elec-trigger:hover+.elec-map .elec-status[data-v-5b3f85b1] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAABKCAMAAAB5Ac1NAAAAPFBMVEX///////////////////////9HcEz////////////////////////////////////////////////////BTIGUAAAAFHRSTlP/skEMs3sAqQNI5g3nqErjsAuxpwJoLsAAAAD9SURBVHgB7doFjoVQFIPhgxX3/a91lNjYkyJNpv8KvghyKeH+VS5JsyzNQ7ICHxUhWI6tJNjKCvtXN00NpJI2NBEN0OrZNlwHZEHVVzikoRsHIOVtVR/7ltAXBG8jbiW8jWhK5zldBGw34m1lhTNTtkHZhgdsfQUp3Ga77LrAjXgbkbItlG0hYCOyzbadw81YG5GyLZRtoWxzTvCCMM4458TjH/ylAE5QB2UdpHW3WivrrNu1W1fCpTocp+PHYByn4xccXKTjx+C1OlKXEmPwd53AGEzo6DGY0PWV2Bh8W8eXBK+THIM3neQY7Cc/qbsgaR3x24sQjtdROOfcK6H+QuyA+YQEAAAAAElFTkSuQmCC); } .elec .elec-count[data-v-5b3f85b1] { color: #6d757a; font-weight: 700; } .elec .elec-status-bg[data-v-5b3f85b1] { background-image: url(data:image/gif;base64,R0lGODlhnABKALMMAP+Wc/+jZf+2T/99kP/CQP+Jgv/PMv+8SP+vVv/JOf/VK/9wn////wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTExMEZFMjBFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTExMEZFMjFFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTEwRkUxRUVDRTIxMUU1ODlCNTkxNzk0NDcwRDdDNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTEwRkUxRkVDRTIxMUU1ODlCNTkxNzk0NDcwRDdDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUyAAwALAAAAACcAEoAAASEcMlJq7046827/2AojmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp1QRACH5BAUEAAwALAAAAAATAEoAAARaUMlJ6xw2V6w779kHbmNYWuKppCdbuiMMyp5K0Rpu2pKO8j3gSugjAYs3ovK45CEvTdszyKw6o6rp0CrFtrwvcEw8I9e4WXNOvbuiv+9wfDwv18/ufPe+PkYAACH5BAUEAAwALAAAAAApAEoAAAS1cMlJqy0q6823/SDWjRxoUiKpnmyqjuzpvmUc0qR9453+zTyF7xKsDSdA3hFV9CwlSdwT2tRMF1HaNfvaVjPeb7g6bpaL52BaOeWu2l8hXDwn1813dF69Zz/dOX1SglqEXYZvf3Frg4p0jnaQeJJ6lHyWfkuAMIiBmI2ai52cn4Wlh6eJoY+rka2Tr5Wxl7OZR5s9o7mpnrWgt6K8pL6mxKjGqsCsyq7MsM6y0LTStkO4RsgkEQAh+QQFBAAMACwVAAAAKwBKAAAEzHDJSauVQOnN+05XGGZeyYFiOpGmiaop23ovPM6uHeNlrVcynsb3Wwk7xOIiKEwWmTznD4qT6qgzqw3b0sK4OSXweBKPyUMzBdxTG9EKr4pNc2PgcfsSL9/B+yJ0SHqCZXaFH4R8in+MaIA3jYeLk5JuiGmVj45kkBeYeZqdnEeeFqCmZ5uipaRNrlGwVbJZtF22YZeUupZqqLhtrK/CscSzxrXIt8q5vrvOvWa/zMG8q9aj1HXag9yG2K3eieKZ4MPmxejH6snsy+4uEQAh+QQFBAAMACwsAAAAKwBKAAAEzHDJSauVQenN+z5XGGZeyYFiOpGmiaop23ovPM6uHeNlrVcynsb3Wwk7xOIiKEwWmTznD4qT6qgzqw3b0sK4OSXweBKPyUMzBdxTG9EKr4pNc2PgcfsSL9/B+yJ0SHqCZXaFH4R8in+MaIA3jYeLk5JuiGmVj45kkBeYeZqdnEeeFqCmZ5uipaRNrlGwVbJZtF22YZeUupZqqLhtrK/CscSzxrXIt8q5vrvOvWa/zMG8q9aj1HXag9yG2K3eieKZ4MPmxejH6snsy+4uEQAh+QQFBAAMACxDAAAAKwBKAAAEzHDJSauVQunN+0ZXGGZeyYFiOpGmiaop23ovPM6uHeNlrVcynsb3Wwk7xOIiKEwWmTznD4qT6qgzqw3b0sK4OSXweBKPyUMzBdxTG9EKr4pNc2PgcfsSL9/B+yJ0SHqCZXaFH4R8in+MaIA3jYeLk5JuiGmVj45kkBeYeZqdnEeeFqCmZ5uipaRNrlGwVbJZtF22YZeUupZqqLhtrK/CscSzxrXIt8q5vrvOvWa/zMG8q9aj1HXag9yG2K3eieKZ4MPmxejH6snsy+4uEQAh+QQFBAAMACxaAAAAKwBKAAAEzHDJSauVROnN+w5XGGZeyYFiOpGmiaop23ovPM6uHeNlrVcynsb3Wwk7xOIiKEwWmTznD4qT6qgzqw3b0sK4OSXweBKPyUMzBdxTG9EKr4pNc2PgcfsSL9/B+yJ0SHqCZXaFH4R8in+MaIA3jYeLk5JuiGmVj45kkBeYeZqdnEeeFqCmZ5uipaRNrlGwVbJZtF22YZeUupZqqLhtrK/CscSzxrXIt8q5vrvOvWa/zMG8q9aj1HXag9yG2K3eieKZ4MPmxejH6snsy+4uEQAh+QQFBAAMACxxAAAAKwBKAAAEzHDJSauVRunN+wZXGGZeyYFiOpGmiaop23ovPM6uHeNlrVcynsb3Wwk7xOIiKEwWmTznD4qT6qgzqw3b0sK4OSXweBKPyUMzBdxTG9EKr4pNc2PgcfsSL9/B+yJ0SHqCZXaFH4R8in+MaIA3jYeLk5JuiGmVj45kkBeYeZqdnEeeFqCmZ5uipaRNrlGwVbJZtF22YZeUupZqqLhtrK/CscSzxrXIt8q5vrvOvWa/zMG8q9aj1HXag9yG2K3eieKZ4MPmxejH6snsy+4uEQA7); width: 0; height: 74px; position: absolute; top: 8px; left: 192px; -webkit-transition: width .4s ease; transition: width .4s ease; z-index: 1; } .elec .elec-trigger:hover+.elec-map .elec-status-bg[data-v-5b3f85b1] { width: 155px; } .elec .elec-status-bg-grey[data-v-5b3f85b1] { background: #e5e9ef; width: 156px; height: 74px; position: absolute; top: 8px; right: 0; z-index: 0; } .elec #elec-hover-bg-preloader[data-v-5b3f85b1] { background-image: url(data:image/gif;base64,R0lGODlhnABKANUjAP66yvb3+vb4+vb3+ff4+uzv8/z9/ebq8PL09+fm7f39/ezv9O3v9P67yvni6vnj6vni6fnI1P28zPz2+Pnl7PjW4PnJ1v33+Pnm7Pnl6+fn7vb2+fz8/fb2+Pz29/f3+e3t8eXp7////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTExMEZFMUNFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTExMEZFMURFQ0UyMTFFNTg5QjU5MTc5NDQ3MEQ3QzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEUxQ0IyREVDRTAxMUU1ODlCNTkxNzk0NDcwRDdDNCIg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); display: none; } #page-index .col-2 .section-title[data-v-5b3f85b1] { border-bottom: 1px solid #e5e9ef; font-size: 14px; font-weight: 700; padding: 0; margin: -15px 0 10px; height: 45px; line-height: 45px; } #page-index .i-ann-content[data-v-5b3f85b1] { position: relative; max-height: 184px; overflow: auto; white-space: pre-line; word-break: break-all; } .be-textarea[data-v-5b3f85b1] { position: relative; color: #222; font-size: 14px; border-radius: 4px; } #page-index #i-ann-content[data-v-5b3f85b1] { color: #6d757a; line-height: 20px; } .be-textarea_inner[data-v-5b3f85b1] { display: block; width: 100%; line-height: 20px; height: 118px; padding: 0 5px; border: 1px solid #ccd0d7; border-radius: 4px; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; -webkit-transition: all .3s ease; transition: all .3s ease; } #page-index #i-ann-content textarea[data-v-5b3f85b1] { width: 306px; height: 172px; color: #6d757a; font-size: 12px; line-height: 20px; padding: 10px; margin: -10px 0 0 -11px; border: 1px solid transparent; border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; } .be-input-word-counter[data-v-5b3f85b1] { position: absolute; right: 0; bottom: 0; height: 30px; min-width: 40px; padding: 0 10px; line-height: 30px; text-align: center; font-size: 12px; color: #99a2aa; border-radius: 4px; } .be-textarea .be-input-word-counter[data-v-5b3f85b1] { opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } #page-index #i-ann-content textarea[data-v-5b3f85b1]:focus, #page-index #i-ann-content textarea[data-v-5b3f85b1]:hover { border-color: #00a1d6; } .be-textarea_inner:focus~.be-input-word-counter[data-v-5b3f85b1], .be-textarea_inner:hover~.be-input-word-counter[data-v-5b3f85b1] { opacity: 1; } .i-live[data-v-5b3f85b1] { padding: 15px 19px; } .i-live .i-live-off[data-v-5b3f85b1] { margin: 30px 0 15px; text-align: center; } .i-live .i-live-link[data-v-5b3f85b1] { display: block; } .i-live .i-live-host-text[data-v-5b3f85b1] { vertical-align: middle; } .r-arrow[data-v-5b3f85b1] { font-size: 11px; display: inline-block; vertical-align: middle; } .user-info .user-info-title[data-v-5b3f85b1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 18px; border-bottom: 1px solid #e5e9ef; margin-bottom: 10px; } .user-info .user-info-title .info-title[data-v-5b3f85b1] { line-height: 23px; font-size: 14px; color: #222; } .user-info .user-info-title .change-info-btn[data-v-5b3f85b1] { display: inline-block; width: 56px; height: 22px; color: #9499a0; border: .5px solid #c0c9d4; text-align: center; font-size: 12px; line-height: 22px; border-radius: 4px; } .user-info .info-content .info-personal[data-v-5b3f85b1] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .user-info .info-content .info-personal .info-wrap[data-v-5b3f85b1] { -ms-flex-negative: 0; flex-shrink: 0; width: 139px; margin: 10px 0; white-space: nowrap; } .user-info .info-content .info-command[data-v-5b3f85b1] { display: inline-block; min-width: 24px; font-size: 12px; line-height: 16px; color: #9499a0; margin-right: 6px; } .user-info .info-content .info-value[data-v-5b3f85b1] { color: #6d757a; font-size: 12px; line-height: 16px; padding-right: 6px; } .user-info .info-content .icon-a-Slice1[data-v-5b3f85b1], .user-info .info-content .icon-wenhao[data-v-5b3f85b1], .user-info .info-content .icon-yincang[data-v-5b3f85b1] { color: #c9ccd0; font-size: 14px; line-height: 20px; vertical-align: bottom; } .user-info .info-content .info-tags[data-v-5b3f85b1] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-info .info-content .info-tags .info-tag[data-v-5b3f85b1] { margin-right: 25px; margin-top: 10px; line-height: 16px; } .user-info .info-content .info-tags .info-tag .icon-tag[data-v-5b3f85b1] { color: #99a2aa; font-size: 12px; margin-right: 6px; } .user-info .info-content .info-tags .info-tag .tag-content[data-v-5b3f85b1] { color: #6d757a; font-size: 12px; } .i-dyn-list-tabs[data-v-20035662] { background-color: #fff; border-radius: 4px; height: 48px; position: relative; width: 100%; } .i-dyn-list-tabs__list[data-v-20035662] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .i-dyn-list-tabs__item[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d757a; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 20px; min-width: 56px; position: relative; } .i-dyn-list-tabs__item.active[data-v-20035662], .i-dyn-list-tabs__item[data-v-20035662]:hover { color: #00a1d6; } main section>div[data-v-20035662]:not(:first-child) { margin-top: 8px; } .i-dyn-list__notification[data-v-20035662] { background: #fcf9d7; border-radius: 4px; color: #e3b43d; cursor: pointer; font-size: 12px; height: 36px; letter-spacing: 0; line-height: 36px; margin-bottom: 8px; position: relative; text-align: center; } .i-dyn-list__item[data-v-20035662] { margin-bottom: 8px; } .i-dyn-item[data-v-20035662] { background-color: #fff; border-radius: 4px; font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; letter-spacing: 0; min-width: 632px; position: relative; } .i-dyn-item[data-v-20035662], .i-dyn-item div[data-v-20035662] { -webkit-box-sizing: border-box; box-sizing: border-box; } .i-dyn-item__main[data-v-20035662] { padding: 0 12px 0 88px; position: relative; } .i-dyn-item__avatar[data-v-20035662] { height: 48px; left: 24px; position: absolute; top: 24px; width: 48px; } .b-avatar[data-v-20035662] { position: relative; pointer-events: none; } .i-dyn-item__header[data-v-20035662] { height: 73px; padding-top: 27px; } .i-dyn-title[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .i-dyn-title__text[data-v-20035662] { color: #222; cursor: pointer; font-size: 16px; } .i-dyn-item__desc[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 4px; } .i-dyn-time[data-v-20035662] { color: #99a2aa; cursor: pointer; font-size: 12px; height: 22px; line-height: 22px; -webkit-transition: color .3s ease; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .i-dyn-item__ornament[data-v-20035662] { position: absolute; right: 48px; top: 18px; } .i-dyn-item__more[data-v-20035662] { position: absolute; right: 16px; top: 30px; } .i-dyn-more__btn[data-v-20035662] { cursor: pointer; position: absolute; } .i-dyn-more__btn.tp[data-v-20035662] { background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZD0iTTIwIDguODlhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA4Ljg5em0wIDE1LjU2QTQuNDQgNC40NCAwIDExMjQuNDQgMjAgNC40NCA0LjQ0IDAgMDEyMCAyNC40NHpNMjAgNDBhNC40NCA0LjQ0IDAgMTE0LjQ0LTQuNDRBNC40NCA0LjQ0IDAgMDEyMCA0MHoiIGZpbGw9IiNjY2QwZDciLz48L3N2Zz4=); height: 16px; right: 0; top: 3px; width: 16px; } .i-dyn-more__btn:hover .i-popover[data-v-20035662] { display: block!important; } .i-popover[data-v-20035662] { border: 1px solid #e5e9ef; color: #222; font-size: 12px; margin-bottom: 10px; margin-top: 5px; pointer-events: all; } .i-popover[data-v-20035662], .i-popover__arrow[data-v-20035662] { background-color: #fff; position: absolute; } .i-popover__arrow[data-v-20035662] { border-left: 1px solid #e5e9ef; border-top: 1px solid #e5e9ef; height: 8px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .i-dyn-more__menu__item[data-v-20035662] { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .i-dyn-item__body[data-v-20035662] { margin-top: 10px; } .i-dyn-content[data-v-20035662] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; width: 532px; } .i-dyn-content__orig__topic[data-v-20035662] { margin-bottom: 4px; } .i-dyn-topic[data-v-20035662] { height: 20px; } .i-dyn-topic__card[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; } .i-dyn-topic__text[data-v-20035662] { color: #008ac5; font-size: 14px; height: 100%; line-height: 22px; } .i-dyn-content__orig__desc[data-v-20035662] { cursor: pointer; padding-right: 10px; } .i-rich-text[data-v-20035662] { font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif; font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content[data-v-20035662] { color: #222; } .i-dyn-content__orig__major[data-v-20035662] { width: 520px; } .i-dyn-content__orig__major.gap[data-v-20035662] { margin-top: 10px; } .i-dyn-card-video[data-v-20035662] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 129px; overflow: hidden; } .i-dyn-card-video__header[data-v-20035662] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; width: 203px; } .i-dyn-card-video__badge[data-v-20035662] { background-color: #fb7299; border-radius: 2px; color: #fff; font-size: 12px; height: 18px; line-height: 18px; min-width: 32px; padding: 0 5px; pointer-events: none; position: absolute; right: 8px; text-align: center; top: 8px; z-index: 10; } .i-dyn-card-video__cover[data-v-20035662] { height: 100%; position: relative; width: 100%; } .i-awesome-img[data-v-20035662] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-image: url(/static/img/logo.943fc92.png); } .i-dyn-card-video__duration[data-v-20035662] { bottom: 8px; color: #fff; font-size: 12px; left: 8px; pointer-events: none; position: absolute; } .i-dyn-card-video__mark[data-v-20035662] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 8px; height: 22px; position: absolute; right: 10px; width: 22px; } .i-dyn-card-video__mark__tip[data-v-20035662] { background: rgba(0,0,0,.7); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; left: 50%; line-height: 12px; padding: 6px 8px; position: absolute; top: -27px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .i-dyn-card-video__body[data-v-20035662] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 9px 12px 6px 16px; } .i-ellipsis[data-v-20035662] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .i-dyn-card-video__title[data-v-20035662] { -webkit-line-clamp: 2; color: #212121; font-size: 14px; -webkit-transition: color .2s; transition: color .2s; } .i-dyn-card-video__desc[data-v-20035662] { color: #2c3e50; -webkit-line-clamp: 2; } .i-dyn-card-video__stat[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 18px; line-height: 18px; } .i-dyn-card-video__stat__item[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 72px; } .i-dyn-card-video__stat__item i[data-v-20035662] { display: inline-block; height: 14px; margin-right: 4px; width: 14px; } /*音频*/ .i-dyn-card-music[data-v-20035662] { -ms-flex-align: center; -webkit-box-align: center; align-items: center; border: 1px solid #e5e9ef; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; height: 80px; overflow: hidden; } .i-dyn-card-music__left[data-v-20035662] { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 80px; } .i-dyn-card-music__cover[data-v-20035662] { height: 100%; } .i-dyn-card-music__right[data-v-20035662] { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0 15px; } .i-dyn-card-music__title[data-v-20035662] { font-size: 14px; margin-top: 16px; -webkit-transition: color .3s; transition: color .3s; } .i-dyn-card-music__label[data-v-20035662], .i-dyn-card-music__title[data-v-20035662] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .i-dyn-card-music__label[data-v-20035662] { color: #99a2aa; font-size: 12px; margin-top: 8px; } /*文章*/ .dyn-card-opus__title[data-v-20035662] { -webkit-line-clamp: 2; color: #18191c; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 25px; } .dyn-card-opus__summary[data-v-20035662] { cursor: pointer; } .dyn-card-opus__summary .i-rich-text[data-v-20035662] { pointer-events: none; } .i-rich-text[data-v-20035662] { font-size: 14px; letter-spacing: .5px; line-height: 22px; white-space: pre-wrap; word-break: break-word; } .i-rich-text__content.folded[data-v-20035662] { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; max-height: 88px; overflow: hidden; text-overflow: ellipsis; } .i-rich-text__content.line--4[data-v-20035662] { -webkit-line-clamp: 4; max-height: 88px; } .i-rich-text__action[data-v-20035662] { color: #178bcf; cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dyn-card-opus__pics[data-v-20035662] { margin-top: 12px; } .i-album[data-v-20035662] { width: 518px; } .i-album__preview__picture[data-v-20035662] { position: relative; } .one .i-album__preview__picture[data-v-20035662]{ width: 240px; height: 262px; } .i-album__preview__picture__img[data-v-20035662] { border-radius: 4px; /*cursor: zoom-in;*/ height: 100%; width: 100%; } .i-dyn-item__footer[data-v-20035662] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; } .i-dyn-item__action[data-v-20035662] { position: relative; } .i-dyn-action[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 92px; } .i-dyn-action.active[data-v-20035662] { color: #00a1d6; } .i-dyn-action i[data-v-20035662] { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 16px; margin-right: 4px; width: 20px; } .i-dyn-content__orig.reference[data-v-20035662] { background-color: #f4f5f7; border-radius: 4px; margin-left: -12px; margin-top: 8px; padding: 8px 12px; } .dyn-orig-author[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 6px; width: 100%; } .dyn-orig-author__left[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dyn-orig-author__face[data-v-20035662] { cursor: pointer; height: 24px; margin-right: 8px; width: 24px; } .dyn-orig-author__face__img[data-v-20035662] { border-radius: 50%; height: 100%; width: 100%; } .dyn-orig-author__name[data-v-20035662] { color: #00a1d6; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; } .dyn-orig-author__right[data-v-20035662] { -ms-flex-negative: 0; flex-shrink: 0; } .i-dyn-item__interaction[data-v-20035662] { margin-top: 12px; } .i-dyn-interaction[data-v-20035662] { position: relative; width: 532px; } .i-dyn-interaction[data-v-20035662]:before { background-color: #e7e7e7; border-radius: 1px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .i-dyn-interaction__item[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 36px; position: relative; } .i-dyn-interaction__item__icon[data-v-20035662] { height: 12px; left: 12px; position: absolute; top: 4px; width: 12px; } .i-dyn-interaction__item__desc .i-rich-text[data-v-20035662] { font-size: 13px; line-height: 21px; } .i-dyn-interaction__item__desc .i-rich-text__content[data-v-20035662] { color: #99a2aa; } .i-rich-text-link[data-v-20035662], .i-rich-text-module[data-v-20035662], .i-rich-text-topic[data-v-20035662] { color: #178bcf; cursor: pointer; } .i-album__preview.grid9[data-v-20035662] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 320px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662] { height: 104px; width: 104px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:first-child, .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(2) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(3) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(4), .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(5) { margin-bottom: 4px; margin-right: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(6) { margin-bottom: 4px; } .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(7), .i-album__preview.grid9 .i-album__preview__picture[data-v-20035662]:nth-child(8) { margin-right: 4px; } .i-album__watch__control[data-v-20035662] { background: #f4f5f7; border-radius: 4px 4px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; } .i-album__watch__control__option[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; height: 100%; padding: 0 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__control__option i[data-v-20035662] { background-repeat: no-repeat; height: 14px; margin-right: 6px; width: 14px; } .i-album__watch__content[data-v-20035662] { background: #f4f5f7; position: relative; text-align: center; width: 100%; } .i-album__watch__content img[data-v-20035662] { cursor: -webkit-zoom-out; cursor: zoom-out; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__content__next[data-v-20035662], .i-album__watch__content__prev[data-v-20035662] { height: 100%; position: absolute; top: 0; width: 33%; } .i-album__watch__content__prev[data-v-20035662] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAsVJREFUaAXtmUur2kAUx5NYUXtFiwtx0UU30iLcRWlx4aa4E8W29wv0G/QLlO5vP0BpN1210G0X9YlQC4ILKYLQhctaaF0IPrjx/Uj/I02ITXI1cSZCyUBwPJnM+eU/J5k5GZ6zsRSLxbs8z7/dbDYPXS5Xb7VaXWYymXc2InBcLpdLAkTsdDrr+XwuDQYDqVqtXhUKhRcEhLeDhkBAgc/xePwsFAopLmezGQeYWTgcDgiKlVHFCIK483q9nNvtXnS73TtMQa6DICCLxYIcHqj18wYxsCj7ICRJ4prN5hjB+zqdTs+ZKHIIRKPRmIxGo68+n+8lEYJ6sB4KMRwOqx6P52kymVxRB7EKQRXkGAhqIMdCUAGhAXE0CC2Io0BoQlgGoQ1hCYQFhGkQVhCmQFhCHAzCGoKA7J30TEB8Uc8dpHMz5dpJzyTEhTyBmQGQ2xqC2AlBYHRB7IbQBTkFhAbkVBA7IKeEUEAOhBj/Xd4d9XQQp3qFL5fL95ACfvs3+ZEbk9U2FrpMIYgvAY7exGIxnzoDsxtiCwI1HkQiEd03LPKOYb/f/443JpPhkG94CyIIQm8ymahtSj0ajd5CAnSO8xnFyKgirNfrV61WS4QyGheBQIBLJBI3AfsRAf1Y04C2AZ8LPtRqNRFQCBltQUYmoc2YOQxc8w6M3vA6yuipQmyOMo4yRgoY2Z2Y+e+UyefzT4xuiordTMw4MFBrp8hLCEeZHVnwx1Fm37LTiRmjmMGe3iMqLzejTuB474K81+uR7OA36UP3Q41R52btBKZUKr33+/0XyI/OkB9puqhUKiSNOdee0TS1bkCWKKVSqWeiKH6q1+tjvSQOe78ubDBeWfdi4kr1MGEzUQmXdru9hGI10hXToVGzEhh8ArnE7/NgMLiYTqfCcrn8gSOdzWZ/2QYiQ+EpuY36fQB1sbvZxPBtk+4/aTj+WpXZtpcAAAAASUVORK5CYII=),pointer; left: 0; } .i-album__watch__content__next[data-v-20035662] { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA8CAYAAAADm2gpAAAAAXNSR0IArs4c6QAAAhNJREFUaAXtmb9OwlAUxttLiYkV0plB4sgLODC5QRTiYqIbcXDyHXwMEyMMbg7GBfmzEBISIDHdGYU3KLQQEwp4LvHE5oJJIfTS4XQ5vdDe+/V3Ttp+PaoCW7PZ1BzHuY1Go2fz+bwfiUSKmUzmi/8na1Or1eoBY8w0DOMkkUjo4/HY7ff737PZrJDL5d5lCVFAyINpms7Csw2Hw0W9Xh+Xy+UrWUIYpOEimUzq3gXj8biSTqcPIVUvssQwVVWt6XTq1bHcj8ViUsUwEPHY6/UcqIm9i1FqtdpTq9VyXNf1VMrf7mg0klMzsKQKxVkiMWJREBmRCI6JDJIQI5ERieA4dGTgDlwMzU2PxGCdeCOvGSLjJYL7RAZJiJHIiERwTGSQhBg3JHPOz1fFSXY15mLghfxZ1/UbMGs6GLmVqS3LUrrdrgWG7pit/LujH8C4LbLZ7B146dd2uz1c55vAbyvcyNm2fRqYEH49XIzf69L8HrjNcfx5BKm5htQc/ZcaoKFAaj63md/XOb8PRduHe1wWq69JNz1oAxHBffYgEZg2IkEkkABGqgkigQQwUk0QCSSAkWqCSCABjGGpCd4m8fOiG9w7ZqVSuWw0GvsVAWlhmqbdp1Kptb6De45OpzOBLlchn8+/YRqDiLynZ0ATcWVumSL44gwM0MdgMJh4lcgWwdcOTQN6+VlCaMl/gU8tyW7J/wCJLeOSU2dAQgAAAABJRU5ErkJggg==),pointer; right: 0; } .i-album__watch__track[data-v-20035662] { margin-top: 6px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .i-album__watch__track__activeitemborder[data-v-20035662] { border: 1px solid #fb7299; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 58px; left: 0; position: absolute; top: 0; -webkit-transform: translate(-2px,-2px); transform: translate(-2px,-2px); -webkit-transition: left .18s cubic-bezier(.22,.58,.12,.98); transition: left .18s cubic-bezier(.22,.58,.12,.98); width: 58px; } .i-album__watch__track__slider[data-v-20035662] { overflow: hidden; width: 100%; } .i-album__watch__track__list[data-v-20035662] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all .18s cubic-bezier(.22,.58,.12,.98); transition: all .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item[data-v-20035662] { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; height: 54px; position: relative; width: 54px; } .i-album__watch__track__item[data-v-20035662]:not(:last-child) { margin-right: 4px; } .i-album__watch__track__item img[data-v-20035662] { border-radius: 4px; height: 100%; opacity: .5; -webkit-transition: opacity .18s cubic-bezier(.22,.58,.12,.98); transition: opacity .18s cubic-bezier(.22,.58,.12,.98); width: 100%; } .i-album__watch__track__item.active img[data-v-20035662], .i-album__watch__track__item:hover img[data-v-20035662] { opacity: 1; } .dyn-vote[data-v-20035662] { border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; overflow: hidden; } .dyn-vote__header[data-v-20035662] { -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .dyn-vote__cover[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOSI+PHBhdGggZD0iTTMuMyAyOC4zQzEuNSAyOC4zIDAgMjYuOSAwIDI1VjEwLjFjMC0xLjggMS41LTMuMyAzLjMtMy4zczMuMyAxLjUgMy4zIDMuM1YyNWMuMSAxLjktMS40IDMuMy0zLjMgMy4zek0zLjMgOGMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xczIuMS0xIDIuMS0yLjFWMTAuMUM1LjUgOC45IDQuNSA4IDMuMyA4ek0xNCAyOC40Yy0xLjggMC0zLjMtMS41LTMuMy0zLjNWMy4zQzEwLjcgMS41IDEyLjIgMCAxNCAwczMuMyAxLjUgMy4zIDMuM1YyNWMwIDEuOS0xLjUgMy40LTMuMyAzLjR6bTAtMjcuMmMtMS4yIDAtMi4xIDEtMi4xIDIuMVYyNWMwIDEuMiAxIDIuMSAyLjEgMi4xIDEuMiAwIDIuMS0xIDIuMS0yLjFWMy4zYzAtMS4xLS45LTIuMS0yLjEtMi4xem0xMC43IDI3LjJjLTEuOCAwLTMuMy0xLjUtMy4zLTMuM3YtNi44YzAtMS44IDEuNS0zLjMgMy4zLTMuM3MzLjMgMS41IDMuMyAzLjNWMjVjMCAxLjktMS41IDMuNC0zLjMgMy40em0wLTEyLjNjLTEuMiAwLTIuMSAxLTIuMSAyLjFWMjVjMCAxLjIgMSAyLjEgMi4xIDIuMXMyLjEtMSAyLjEtMi4xdi02LjhjMC0xLjItMS0yLjEtMi4xLTIuMXoiIGZpbGw9IiMwMGExZDYiLz48L3N2Zz4=) 50%/28px no-repeat #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .dyn-vote__body[data-v-20035662] { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .dyn-vote__detail[data-v-20035662] { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 15px; } .dyn-vote__detail__title[data-v-20035662] { color: #222; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dyn-vote__detail__desc[data-v-20035662] { color: #99a2aa; font-size: 12px; } .dyn-vote__action[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; } .dyn-vote__action button[data-v-20035662] { background-color: #00a1d6; border: none; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 13px; height: 28px; outline: none; width: 54px; } .i-dyn-list-loading[data-v-20035662] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 270px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; } .i-dyn-list-no-more[data-v-20035662] { -webkit-box-sizing: border-box; box-sizing: border-box; color: #99a2aa; font-size: 14px; height: 130px; padding-top: 44px; position: relative; text-align: center; width: 100%; } .bb-comment[data-v-20035662] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-20035662]{ margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-20035662] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-20035662] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-20035662] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-20035662], .comment-bilibili-fold ul[data-v-20035662] { margin: 0; padding: 0; list-style: none; } .bb-comment .comment-header .tabs-order li[data-v-20035662] { background-color: transparent; border-radius: 0; border: 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 20px; font-size: 14px; font-weight: bold; color: #222; margin-bottom: 10px; } .bb-comment .comment-header .tabs-order li.on[data-v-20035662] { color: #00a1d6; } .bb-comment .clearfix[data-v-20035662]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .song-img[data-v-20035662] { position: absolute; width: 80px; height: 80px; background-color: #e0e0e0; border-radius: 4px; } .song-img span[data-v-20035662] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .wrapper[data-v-20035662] { width: 1101px; margin: 0 auto; position: relative; } .clearfix[data-v-20035662] { display: block; } #page-dynamic .col-1[data-v-20035662] { float: left; width: 740px; border: solid 1px #eee; border-radius: 5px; } .bili-dyn-list[data-v-20035662] { min-width: 632px; } #page-dynamic .col-2[data-v-20035662] { float: right; width: 350px; } #page-dynamic .col-2 .section[data-v-20035662] { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 15px 20px 18px; margin-bottom: 10px; } .user-info .user-info-title[data-v-20035662] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 18px; border-bottom: 1px solid #e5e9ef; margin-bottom: 10px; } .user-info .user-info-title .info-title[data-v-20035662] { line-height: 23px; font-size: 14px; color: #222; font-family: Microsoft YaHei; } .user-info .user-info-title .change-info-btn[data-v-20035662] { display: inline-block; width: 56px; height: 22px; color: #9499a0; border: .5px solid #c0c9d4; text-align: center; font-size: 12px; line-height: 22px; border-radius: 4px; } .user-info .info-content .info-personal[data-v-20035662] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .user-info .info-content .info-personal .info-wrap[data-v-20035662] { -ms-flex-negative: 0; flex-shrink: 0; width: 139px; margin: 10px 0; white-space: nowrap; } .user-info .info-content .info-command[data-v-20035662] { display: inline-block; min-width: 24px; font-size: 12px; line-height: 16px; color: #9499a0; margin-right: 6px; } .user-info .info-content .info-value[data-v-20035662] { color: #6d757a; font-size: 12px; line-height: 16px; padding-right: 6px; } .wrapper[data-v-22bdbebd] { width: 1101px; margin: 0 auto; position: relative; } .clearfix[data-v-22bdbebd] { display: block; } .col-full[data-v-22bdbebd] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } #page-video .col-full[data-v-22bdbebd] { padding: 0; } .contribution-sidenav[data-v-22bdbebd] { position: relative; float: left; width: 180px; margin-right: -1px; font-size: 14px; color: #222; border-right: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; } .contribution-sidenav .contribution-list-container[data-v-22bdbebd] { position: relative; max-height: 420px; margin: 10px 0 20px; overflow: hidden; } .contribution-sidenav .contribution-item[data-v-22bdbebd] { position: relative; padding-left: 30px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; white-space: nowrap; font-size: 0; overflow: hidden; } .contribution-sidenav .contribution-item.cur[data-v-22bdbebd] { background-color: #00a1d6; } .contribution-sidenav .text[data-v-22bdbebd] { display: inline-block; line-height: 44px; width: 100px; margin-right: 5px; font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contribution-sidenav .contribution-item.cur .num[data-v-22bdbebd], .contribution-sidenav .contribution-item.cur .text[data-v-22bdbebd] { color: #fff; } .contribution-sidenav .num[data-v-22bdbebd] { display: inline-block; width: 32px; font-size: 12px; color: #99a2aa; vertical-align: middle; text-align: center; } .clearfix[data-v-22bdbebd]:after { display: block; visibility: hidden; font-size: 0; clear: both; width: 0; height: 0; content: "."; } .contribution-sidenav~.main-content[data-v-286c6c5f] { float: left; width: 921px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; } .clearfix[data-v-286c6c5f] { display: block; } .page-head[data-v-286c6c5f] { position: relative; } #page-video .page-head__left[data-v-286c6c5f] { display: -webkit-box; display: -ms-flexbox; display: flex; } #page-video .play-all-btn[data-v-286c6c5f], #page-video .video-title[data-v-286c6c5f] { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .page-head__left .video-title[data-v-286c6c5f] { font-size: 20px; line-height: 26px; height: 26px; color: #222; } .be-tab[data-v-286c6c5f], .be-tab-item[data-v-286c6c5f] { position: relative; } #page-video .be-tab[data-v-286c6c5f] { float: left; margin-left: 20px; } .be-tab-item[data-v-286c6c5f] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-286c6c5f] { color: #00a1d6; } #page-video .page-head__left .be-tab-item[data-v-286c6c5f] { font-size: 12px; } .page-head .v-filter-line[data-v-286c6c5f] { position: absolute; top: 0; right: 0; } #page-video .page-head__right[data-v-286c6c5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .play-all-btn[data-v-286c6c5f], #page-video .video-title[data-v-286c6c5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .play-all-btn[data-v-286c6c5f] { border: 1px solid #ccd0d7; border-radius: 4px; margin-left: 15px; cursor: pointer; width: 78px; height: 22px; -webkit-transition: .3s; transition: .3s; font-size: 12px; color: #6d757a; } #page-video .play-all-btn[data-v-286c6c5f]:hover { color: #00a1d6; border: 1px solid #00a1d6; } #page-video .play-all-btn .video-commonplayer_play[data-v-286c6c5f] { -webkit-transition: .3s ease; transition: .3s ease; margin: 0 4px; color: #99a2aa; } .page-head .v-filter-line .item[data-v-286c6c5f] { float: left; margin-left: 16px; } .page-head .v-filter-line .style .icon[data-v-286c6c5f] { cursor: pointer; display: block; float: left; font-size: 18px; margin: 0 5px; } .page-head .v-filter-line .style .active[data-v-286c6c5f], .page-head .v-filter-line .style[data-v-286c6c5f] :hover { color: #00a1d6; } .v-search-result[data-v-286c6c5f] { color: #6d757a; margin: 10px 0 -6px; } .v-search-kw[data-v-286c6c5f] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } em[data-v-286c6c5f] { font-style: normal; } .v-search-count[data-v-286c6c5f] { color: #00a1d6; font-weight: 700; } #page-video #submit-video-type-filter[data-v-286c6c5f] { background: #edf2f9; border-radius: 4px; line-height: 36px; margin: 18px 0 10px; padding: 0 20px; } #page-video #submit-video-type-filter a[data-v-286c6c5f] { display: inline-block; margin-right: 30px; cursor: pointer; } #page-video #submit-video-type-filter a.active[data-v-286c6c5f] { color: #00a1d6; } #page-video #submit-video-type-filter a .count[data-v-286c6c5f] { color: #aaa; margin-left: 8px; } .search-empty[data-v-286c6c5f] { background-image: url(/static/img/nodata02.5e00b2e.png); background-position: center 50px; background-repeat: no-repeat; border-radius: 4px; color: #6d757a; font-size: 14px; overflow: hidden; text-align: center; padding: 270px 0 80px; } .btn-container[data-v-286c6c5f] { font-size: 0; white-space: nowrap; } .search-empty-btns[data-v-286c6c5f] { margin-top: 25px; } .btn-container.btn-center[data-v-286c6c5f] { text-align: center; } .btn[data-v-286c6c5f] { display: inline-block; -ms-touch-action: manipulation; touch-action: manipulation; padding: 0 10px; margin-right: 20px; line-height: 30px; min-width: 70px; -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 0; color: #666; text-align: center; vertical-align: middle; outline: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn.primary[data-v-286c6c5f] { color: #fff; background-color: #00a1d6; border-color: #00a1d6; } .btn-content[data-v-286c6c5f] { font-size: 12px; vertical-align: top; } .btn[data-v-286c6c5f]:last-of-type { margin-right: 0; } .btn.default[data-v-286c6c5f] { color: #666; background-color: #fff; border-color: #d9d9d9; } .section[data-v-286c6c5f] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-286c6c5f]:last-child { border-bottom: none; margin-bottom: 0; } #page-video #submit-video-list[data-v-286c6c5f] { margin-left: -10px; } #page-video #submit-video .content[data-v-286c6c5f] { max-height: none; } .list-item[data-v-286c6c5f] { border-bottom: 1px solid #eee; display: block; padding: 20px 0; position: relative; line-height: 1; } #page-video .list-item[data-v-286c6c5f] { margin: 0 10px; } .list-item .cover[data-v-286c6c5f] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; float: left; overflow: hidden; position: relative; } .list-item .cover img[data-v-286c6c5f] { -webkit-box-shadow: 0 0 0 1px #edf2f9; box-shadow: 0 0 0 1px #edf2f9; border-radius: 4px; display: block; } #page-video .list-item .cover img[data-v-286c6c5f] { width: 160px; height: 100px; } .i-watchlater[data-v-286c6c5f] { display: none; position: absolute; right: 6px; bottom: 4px; width: 22px; height: 22px; z-index: 5; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=) no-repeat; cursor: pointer; } .list-item .cover:hover .i-watchlater[data-v-286c6c5f] { display: block; } .list-item .c[data-v-286c6c5f] { margin-left: 180px; } #page-video .list-item .c[data-v-286c6c5f] { margin-right: 10px; } .list-item .title[data-v-286c6c5f] { font-size: 18px; height: 20px; margin-bottom: 10px; display: inline-block; max-width: 680px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-item .desc[data-v-286c6c5f] { color: #777; line-height: 20px; overflow: hidden; } #page-video .list-item .desc[data-v-286c6c5f] { height: 40px; margin-bottom: 17px; } .list-item .meta[data-v-286c6c5f] { color: #aaa; } .list-item .meta>span[data-v-286c6c5f] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-video .list-item .meta>span[data-v-286c6c5f] { float: left; width: 100px; height: 18px; } .list-item .meta .icon[data-v-286c6c5f] { width: 12px; height: 13px; margin-right: 5px; position: relative; top: 2px; vertical-align: baseline; } #page-video .list-item .meta>span.time[data-v-286c6c5f] { width: 170px; } #page-video .cube-list[data-v-286c6c5f] { width: 900px; margin-top: 20px; } #page-video .cube-list[data-v-286c6c5f] { width: 900px; margin-top: 20px; } .small-item[data-v-286c6c5f] { display: block; float: left; width: 160px; position: relative; margin: 10px; } .small-item .cover[data-v-286c6c5f] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; } .small-item img[data-v-286c6c5f] { border-radius: 4px; display: block; width: 160px; height: 100px; } .small-item .length[data-v-286c6c5f] { background: rgba(0,0,0,.5); border-radius: 5px 0 0 0; color: #fff; line-height: 20px; -webkit-transition: top .2s ease; transition: top .2s ease; padding: 0 6px; position: absolute; right: 0; bottom: 0; } .fakeDanmu-item .length[data-v-286c6c5f] { z-index: 5; -webkit-transition: background .2s ease; transition: background .2s ease; } .small-item .cover:hover .length[data-v-286c6c5f] { display: none; } .small-item .cover:hover .i-watchlater[data-v-286c6c5f] { display: block; } .small-item .title[data-v-286c6c5f] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; } .small-item .meta[data-v-286c6c5f] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta>span[data-v-286c6c5f] { display: inline-block; white-space: nowrap; height: 18px; line-height: 14px; font-size: 12px; overflow: hidden; } .small-item .meta>span[data-v-286c6c5f]:first-child { width: 72px; } .small-item .meta>span .icon[data-v-286c6c5f] { font-size: 16px; vertical-align: sub; margin-right: 3px; } .be-pager[data-v-286c6c5f] { margin: 15px 0; text-align: center; } .contribution-sidenav~.main-content[data-v-5e629721] { float: left; width: 921px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; } .clearfix[data-v-5e629721] { display: block; } .clearfix[data-v-5e629721]:after { display: block; visibility: hidden; font-size: 0; clear: both; width: 0; height: 0; content: "."; } .breadcrumb[data-v-5e629721] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } #page-video .row .breadcrumb[data-v-5e629721] { float: left; } .breadcrumb .item[data-v-5e629721] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } #page-video .row .breadcrumb .item[data-v-5e629721] { cursor: pointer; color: #222; font-size: 20px; line-height: 26px; } #page-video .row .breadcrumb .item.cur[data-v-5e629721] { font-size: 20px; color: rgb(0, 161, 214); } #page-video .row .breadline[data-v-5e629721] { display: inline-block; width: 2px; height: 20px; background-color: rgb(204, 208, 215); vertical-align: middle; margin: 0 16px; } .be-tab[data-v-5e629721], .be-tab-item[data-v-5e629721] { position: relative; } #page-video .row .be-tab[data-v-5e629721] { float: left; margin-left: 20px; } .be-tab-item[data-v-5e629721] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-5e629721] { color: #00a1d6; } #page-video .row .be-tab .be-tab-item[data-v-5e629721] { font-size: 12px; } .section[data-v-5e629721] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } #page-video .section[data-v-5e629721] { margin-top: 30px; border-bottom: none; } .article-item[data-v-5e629721] { margin-bottom: 20px; } .article-content[data-v-5e629721], .s-content[data-v-5e629721] { float: left; border-bottom: 1px solid #f4f5f7; padding-bottom: 23px; } #page-video .s-content[data-v-5e629721] { width: 720px; } .article-title[data-v-5e629721] { font-weight: 400; max-height: 26px; font-size: 18px; color: #222; line-height: 26px; overflow: hidden; display: block; } .article-title a[data-v-5e629721] { word-break: break-all; } .article-con[data-v-5e629721] { font-size: 12px; color: #6d757a; line-height: 20px; margin-top: 5px; } .article-con a[data-v-5e629721] { height: 20px; text-overflow: ellipsis; white-space: nowrap; } .article-con a[data-v-5e629721], .article-img[data-v-5e629721] { display: block; overflow: hidden; } .meta-col[data-v-5e629721] { margin-top: 15px; color: #999; font-size: 0; } .meta-col[data-v-5e629721], .meta-col span[data-v-5e629721] { height: 14px; line-height: 14px; white-space: nowrap; } .meta-col span[data-v-5e629721] { display: inline-block; font-size: 12px; overflow: hidden; margin-right: 20px; } .meta-col span .icon[data-v-5e629721] { font-size: 14px; margin-right: 3px; } .article-img[data-v-5e629721] { width: 117px; height: 88px; float: right; border-radius: 4px; line-height: 54px; text-align: center; } .article-bgimg[data-v-5e629721], .article-img img[data-v-5e629721] { width: 100%; height: 100%; } .article-bgimg[data-v-5e629721] { background: #f0f2f4 url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; overflow: hidden; font-size: 12px; } .article-cover[data-v-5e629721] { height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } #page-video .article-lists .lists-item[data-v-5e629721] { width: 440px; height: 144px; float: left; padding-bottom: 30px; } #page-video .article-lists .lists-item .item-left[data-v-5e629721] { float: left; width: 110px; height: 100%; position: relative; background-image: url(data:image/png;base64,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);; background-size: 100%; } #page-video .article-lists .lists-item .item-left img[data-v-5e629721] { width: 100%; height: 100%; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #page-video .article-lists .lists-item .item-left .lists-num[data-v-5e629721] { font-size: 12px; color: rgb(255, 255, 255); text-align: center; padding: 0px 14px; opacity: 0.7; background: rgb(0, 0, 0); border-radius: 4px; position: absolute; bottom: 5px; right: 7px; } #page-video .article-lists .lists-item .item-left .articel-border[data-v-5e629721] { width: 4px; height: 101%; display: block; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAI6CAYAAAD4/hJ9AAAAAXNSR0IArs4c6QAAAzBJREFUeAHt0sFKlGEchXFnHHGjK3EjLYQg2gnOVURQN+AmaB10BdUVtGlX0KZ9GHgXKrhrI7SQQXCpG1Fn+r8W4jOQx/k2Ejwf1DdnPGfez984N/dfXr321Ht7e+8mk8n74XB4Nqrr+Pj4sN7eWV9f315ZWTn612/Wn/rBUuUn9UHP6t+n8/PzX3X/vL+/vzbVu47TY3RqOF9vvB6Pxz/rA17ghxXuHN8qL9cHfd/d3X1z6717j+dq3O/1eh/rfvME9z35+sD2AfXi28nJybXBTOO/j7x8cXHxob3uMm67VwcHB486jevx5y8vL192Grej63reeVynP+48rq9trfO4Tl7qPG6/tOOmMMMl2AxYrSqYYFHAP5JIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxIJg9IhJsEjEgmD0iEmwSMSCYPSISbBIxMLDgPV6vbPOJ08mk1HncZ182HlcdDudxnXq1WAw2O40rlO/bmxsHHUZny4sLLxr3/hM43rccW22VldXRzON27C+nrd1/9GG7Rr8ucX/T2u0NRwOb4Ztcedj1+CqOl/6/f7Tzc1NDNt4+uSzem9Uo8O67ywuLm7X66NW9Hpogd/PQ3aalrcEwQAAAABJRU5ErkJggg=="); background-size: 100% 100%; position: absolute; right: -4px; top: 0px; } #page-video .article-lists .lists-item .item-right[data-v-5e629721] { float: left; padding-left: 20px; } #page-video .article-lists .lists-item .item-right .item-name[data-v-5e629721] { width: 275px; max-height: 48px; font-size: 18px; color: rgb(34, 34, 34); line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } #page-video .article-lists .lists-item .item-right .item-title[data-v-5e629721] { width: 275px; max-height: 48px; font-size: 12px; color: rgb(109, 117, 122); line-height: 14px; padding: 10px 0px; } #page-video .article-lists .lists-item .item-right .item-info span[data-v-5e629721] { font-size: 12px; color: rgb(109, 117, 122); line-height: 14px; margin-right: 15px; } .be-pager[data-v-5e629721] { margin: 15px 0; text-align: center; } .contribution-sidenav~.main-content[data-v-de270e76] { float: left; width: 921px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; } .clearfix[data-v-de270e76] { display: block; } .clearfix[data-v-de270e76]:after { display: block; visibility: hidden; font-size: 0; clear: both; width: 0; height: 0; content: "."; } .breadcrumb[data-v-de270e76] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } #page-video .row .breadcrumb[data-v-de270e76] { float: left; } .breadcrumb .item[data-v-de270e76] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } .breadcrumb .item.cur[data-v-de270e76] { color: #222; } #page-video .row .breadcrumb .item[data-v-de270e76] { line-height: 26px; font-size: 20px; } .be-tab[data-v-de270e76], .be-tab-item[data-v-de270e76] { position: relative; } #page-video .row .be-tab[data-v-de270e76] { float: left; margin-left: 20px; } .be-tab[data-v-de270e76], .be-tab-item[data-v-de270e76] { position: relative; } .be-tab-item[data-v-de270e76] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-de270e76] { color: #00a1d6; } #page-video .row .be-tab .be-tab-item[data-v-de270e76] { font-size: 12px; } .section[data-v-de270e76] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-de270e76]:last-child { border-bottom: none; margin-bottom: 0; } #page-video .section[data-v-de270e76] { margin-top: 30px; border-bottom: none; } .small-item[data-v-de270e76] { display: block; float: left; width: 160px; position: relative; margin: 10px; } #page-video .content .small-item[data-v-de270e76] { margin: 8px; } .small-item .cover[data-v-de270e76] { background: url(//s1.hdslb.com/bfs/static/jinkela/space/assets/video-placeholder.png) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; cursor: pointer; } #page-video .content .small-item .cover[data-v-de270e76] { height: 160px; } .small-item img[data-v-de270e76] { border-radius: 4px; display: block; width: 160px; height: 100px; } #page-video .content .small-item img[data-v-de270e76] { height: 160px; } .small-item .title[data-v-de270e76] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; cursor: pointer; } .small-item .meta[data-v-de270e76] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta>span[data-v-de270e76] { display: inline-block; white-space: nowrap; height: 14px; line-height: 14px; font-size: 12px; overflow: hidden; } .small-item .meta>span[data-v-de270e76]:first-child { width: 72px; } .small-item .meta .iconfont[data-v-de270e76] { font-size: 14px; } #page-video .content .small-item .meta .iconfont[data-v-de270e76] { margin-right: 4px; } .be-pager[data-v-de270e76] { margin: 15px 0; text-align: center; } .contribution-sidenav~.main-content[data-v-3e7ce74c] { float: left; width: 921px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; } .clearfix[data-v-3e7ce74c] { display: block; } .page-head[data-v-3e7ce74c] { position: relative; } #page-video .page-head__left[data-v-3e7ce74c] { display: -webkit-box; display: -ms-flexbox; display: flex; } #page-video .play-all-btn[data-v-3e7ce74c], #page-video .video-title[data-v-3e7ce74c] { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .page-head__left .video-title[data-v-3e7ce74c] { font-size: 20px; line-height: 26px; height: 26px; color: #222; } .be-tab[data-v-3e7ce74c], .be-tab-item[data-v-3e7ce74c] { position: relative; } #page-video .be-tab[data-v-3e7ce74c] { float: left; margin-left: 20px; } .be-tab-item[data-v-3e7ce74c] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-3e7ce74c] { color: #00a1d6; } #page-video .page-head__left .be-tab-item[data-v-3e7ce74c] { font-size: 12px; } #page-video #submit-video-type-filter[data-v-3e7ce74c] { background: #edf2f9; border-radius: 4px; line-height: 36px; margin: 18px 0 10px; padding: 0 20px; } #page-video #submit-video-type-filter a[data-v-3e7ce74c] { display: inline-block; margin-right: 30px; cursor: pointer; } #page-video #submit-video-type-filter a.active[data-v-3e7ce74c] { color: #00a1d6; } #page-video #submit-video-type-filter a .count[data-v-3e7ce74c] { color: #aaa; margin-left: 8px; } .section[data-v-3e7ce74c] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-3e7ce74c]:last-child { border-bottom: none; margin-bottom: 0; } .large-item[data-v-3e7ce74c] { display: block; float: left; margin: 10px; width: 350px; cursor: pointer; } .large-item .cover[data-v-3e7ce74c] { background-image: url(data:image/png;base64,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); background-position: 50%; background-size: cover; display: block; float: left; width: 110px; } .large-item .cover img[data-v-3e7ce74c] { border-radius: 4px; -webkit-box-shadow: 0 0 0 1px #e5e9ef; box-shadow: 0 0 0 1px #e5e9ef; display: block; width: 110px; height: 144px; } .large-item .detail[data-v-3e7ce74c] { margin-left: 130px; padding-right: 20px; max-height: 140px; overflow: hidden; } .large-item .title[data-v-3e7ce74c] { display: block; font-size: 18px; max-height: 48px; line-height: 24px; margin: -3px 0 10px; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; } .large-item .detail:hover .title[data-v-3e7ce74c] { color: #00a1d6; } .large-item .end[data-v-3e7ce74c] { background-position: -212px -22px; width: 20px; height: 20px; vertical-align: top; position: relative; top: 2px; } .large-item .desc[data-v-3e7ce74c] { overflow: hidden; -webkit-line-clamp: 5; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; } .be-pager[data-v-3e7ce74c] { margin: 15px 0; text-align: center; } .contribution-sidenav~.main-content[data-v-b0babb1a] { float: left; width: 921px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #eee; } .clearfix[data-v-b0babb1a] { display: block; } .page-head[data-v-b0babb1a] { position: relative; } #page-video .page-head__left[data-v-b0babb1a] { display: -webkit-box; display: -ms-flexbox; display: flex; } #page-video .play-all-btn[data-v-b0babb1a], #page-video .video-title[data-v-b0babb1a] { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .page-head__left .video-title[data-v-b0babb1a] { font-size: 20px; line-height: 26px; height: 26px; color: #222; } .be-tab[data-v-b0babb1a], .be-tab-item[data-v-b0babb1a] { position: relative; } #page-video .be-tab[data-v-b0babb1a] { float: left; margin-left: 20px; } .be-tab-item[data-v-b0babb1a] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-b0babb1a] { color: #00a1d6; } #page-video .page-head__left .be-tab-item[data-v-b0babb1a] { font-size: 12px; } .page-head .v-filter-line[data-v-b0babb1a] { position: absolute; top: 0; right: 0; } #page-video .page-head__right[data-v-b0babb1a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .play-all-btn[data-v-b0babb1a], #page-video .video-title[data-v-b0babb1a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-video .play-all-btn[data-v-b0babb1a] { border: 1px solid #ccd0d7; border-radius: 4px; margin-left: 15px; cursor: pointer; width: 78px; height: 22px; -webkit-transition: .3s; transition: .3s; font-size: 12px; color: #6d757a; } #page-video .play-all-btn[data-v-b0babb1a]:hover { color: #00a1d6; border: 1px solid #00a1d6; } #page-video .play-all-btn .video-commonplayer_play[data-v-b0babb1a] { -webkit-transition: .3s ease; transition: .3s ease; margin: 0 4px; color: #99a2aa; } .page-head .v-filter-line .item[data-v-b0babb1a] { float: left; margin-left: 16px; } .page-head .v-filter-line .style .icon[data-v-b0babb1a] { cursor: pointer; display: block; float: left; font-size: 18px; margin: 0 5px; } .page-head .v-filter-line .style .active[data-v-b0babb1a], .page-head .v-filter-line .style[data-v-b0babb1a] :hover { color: #00a1d6; } .v-search-result[data-v-b0babb1a] { color: #6d757a; margin: 10px 0 -6px; } .v-search-kw[data-v-b0babb1a] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } em[data-v-b0babb1a] { font-style: normal; } .v-search-count[data-v-b0babb1a] { color: #00a1d6; font-weight: 700; } #page-video #submit-video-type-filter[data-v-b0babb1a] { background: #edf2f9; border-radius: 4px; line-height: 36px; margin: 18px 0 10px; padding: 0 20px; } #page-video #submit-video-type-filter a[data-v-b0babb1a] { display: inline-block; margin-right: 30px; cursor: pointer; } #page-video #submit-video-type-filter a.active[data-v-b0babb1a] { color: #00a1d6; } #page-video #submit-video-type-filter a .count[data-v-b0babb1a] { color: #aaa; margin-left: 8px; } .search-empty[data-v-b0babb1a] { background-image: url(/static/img/nodata02.5e00b2e.png); background-position: center 50px; background-repeat: no-repeat; border-radius: 4px; color: #6d757a; font-size: 14px; overflow: hidden; text-align: center; padding: 270px 0 80px; } .btn-container[data-v-b0babb1a] { font-size: 0; white-space: nowrap; } .search-empty-btns[data-v-b0babb1a] { margin-top: 25px; } .btn-container.btn-center[data-v-b0babb1a] { text-align: center; } .btn[data-v-b0babb1a] { display: inline-block; -ms-touch-action: manipulation; touch-action: manipulation; padding: 0 10px; margin-right: 20px; line-height: 30px; min-width: 70px; -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 0; color: #666; text-align: center; vertical-align: middle; outline: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn.primary[data-v-b0babb1a] { color: #fff; background-color: #00a1d6; border-color: #00a1d6; } .btn-content[data-v-b0babb1a] { font-size: 12px; vertical-align: top; } .btn[data-v-b0babb1a]:last-of-type { margin-right: 0; } .btn.default[data-v-b0babb1a] { color: #666; background-color: #fff; border-color: #d9d9d9; } .section[data-v-b0babb1a] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-b0babb1a]:last-child { border-bottom: none; margin-bottom: 0; } #page-video #submit-video-list[data-v-b0babb1a] { margin-left: -10px; } #page-video #submit-video .content[data-v-b0babb1a] { max-height: none; } .list-item[data-v-b0babb1a] { border-bottom: 1px solid #eee; display: block; padding: 20px 0; position: relative; line-height: 1; } #page-video .list-item[data-v-b0babb1a] { margin: 0 10px; } .list-item .cover[data-v-b0babb1a] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; float: left; overflow: hidden; position: relative; } .list-item .cover img[data-v-b0babb1a] { -webkit-box-shadow: 0 0 0 1px #edf2f9; box-shadow: 0 0 0 1px #edf2f9; border-radius: 4px; display: block; } #page-video .list-item .cover img[data-v-b0babb1a] { width: 160px; height: 100px; } .i-watchlater[data-v-b0babb1a] { display: none; position: absolute; right: 6px; bottom: 4px; width: 22px; height: 22px; z-index: 5; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=) no-repeat; cursor: pointer; } .list-item .cover:hover .i-watchlater[data-v-b0babb1a] { display: block; } .list-item .c[data-v-b0babb1a] { margin-left: 180px; } #page-video .list-item .c[data-v-b0babb1a] { margin-right: 10px; } .list-item .title[data-v-b0babb1a] { font-size: 18px; height: 20px; margin-bottom: 10px; display: inline-block; max-width: 680px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-item .desc[data-v-b0babb1a] { color: #777; line-height: 20px; overflow: hidden; } #page-video .list-item .desc[data-v-b0babb1a] { height: 40px; margin-bottom: 17px; } .list-item .meta[data-v-b0babb1a] { color: #aaa; } .list-item .meta>span[data-v-b0babb1a] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-video .list-item .meta>span[data-v-b0babb1a] { float: left; width: 100px; height: 18px; } .list-item .meta .icon[data-v-b0babb1a] { width: 12px; height: 13px; margin-right: 5px; position: relative; top: 2px; vertical-align: baseline; } #page-video .list-item .meta>span.time[data-v-b0babb1a] { width: 170px; } #page-video .cube-list[data-v-b0babb1a] { width: 900px; margin-top: 20px; } #page-video .cube-list[data-v-b0babb1a] { width: 900px; margin-top: 20px; } .small-item[data-v-b0babb1a] { display: block; float: left; width: 160px; position: relative; margin: 10px; } .small-item .cover[data-v-b0babb1a] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; } .small-item img[data-v-b0babb1a] { border-radius: 4px; display: block; width: 160px; height: 100px; } .small-item .length[data-v-b0babb1a] { background: rgba(0,0,0,.5); border-radius: 5px 0 0 0; color: #fff; line-height: 20px; -webkit-transition: top .2s ease; transition: top .2s ease; padding: 0 6px; position: absolute; right: 0; bottom: 0; } .fakeDanmu-item .length[data-v-b0babb1a] { z-index: 5; -webkit-transition: background .2s ease; transition: background .2s ease; } .small-item .cover:hover .length[data-v-b0babb1a] { display: none; } .small-item .cover:hover .i-watchlater[data-v-b0babb1a] { display: block; } .small-item .title[data-v-b0babb1a] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; } .small-item .meta[data-v-b0babb1a] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta>span[data-v-b0babb1a] { display: inline-block; white-space: nowrap; height: 18px; line-height: 14px; font-size: 12px; overflow: hidden; } .small-item .meta>span[data-v-b0babb1a]:first-child { width: 72px; } .small-item .meta>span .icon[data-v-b0babb1a] { font-size: 16px; vertical-align: sub; margin-right: 3px; } .be-pager[data-v-b0babb1a] { margin: 15px 0; text-align: center; } .wrapper[data-v-a78b65e2] { width: 1101px; margin: 0 auto; position: relative; } .col-full[data-v-a78b65e2] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } .section[data-v-a78b65e2] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .breadcrumb[data-v-a78b65e2] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } .breadcrumb .item[data-v-a78b65e2] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } .breadcrumb .item.cur[data-v-a78b65e2] { color: #222; } .clearfix[data-v-a78b65e2] { zoom: 1; } #page-series-index .channel-list[data-v-a78b65e2] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; width: 100%; } #page-series-index .channel-item[data-v-a78b65e2] { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: 190px; margin: 20px 20px 0 0; position: relative; } #page-series-index .channel-item[data-v-a78b65e2] { width: 190px; } #page-series-index .channel-item .cover[data-v-a78b65e2] { position: relative; display: block; width: 100%; height: 120px; border-radius: 3px; overflow: hidden; background-position: 50%; background-size: cover; cursor: pointer; } #page-series-index .channel-item .cover[data-v-a78b65e2] { height: 119px; } .b-img[data-v-a78b65e2] { background-color: #f1f2f3; position: relative; height: 100%; } .b-img img[data-v-a78b65e2] { width: 100%; height: 100%; } #page-series-index .channel-item .cover .audio-num[data-v-a78b65e2] { position: absolute; top: 0; right: 0; width: 70px; height: 100%; color: #e5e9ef; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0,0,0,.5); } #page-series-index .channel-item .cover .audio-num span[data-v-a78b65e2] { margin-top: 25px; display: block; line-height: 20px; font-size: 18px; color: #fff; font-weight: 400; } #page-series-index .channel-item .cover .audio-num em[data-v-a78b65e2] { display: block; height: 18px; font-size: 25px; margin-top: 8px; } #page-series-index .channel-item .playall[data-v-a78b65e2] { position: absolute; right: 4px; top: 92px; color: #fff; width: 24px; height: 24px; border-radius: 4px; text-align: center; cursor: pointer; background-color: rgba(0,0,0,.5); } #page-series-index .channel-item .playall i[data-v-a78b65e2] { line-height: 24px; } #page-series-index .channel-item .channel-meta[data-v-a78b65e2] { height: 55px; } #page-series-index .channel-item .channel-name[data-v-a78b65e2] { max-height: 36px; line-height: 18px; margin-top: 5px; color: #222; overflow: hidden; } #page-series-index .channel-item .channel-update-time[data-v-a78b65e2] { line-height: 14px; height: 14px; margin-top: 5px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .be-pager[data-v-a78b65e2] { text-align: center; } .wrapper[data-v-3fc3d928] { width: 1101px; margin: 0 auto; position: relative; } .col-full[data-v-3fc3d928] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } #page-series-detail .filter[data-v-3fc3d928] { position: relative; padding-bottom: 10px; border-bottom: 1px solid #e5e9ef; } .breadcrumb[data-v-3fc3d928] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } .breadcrumb .item[data-v-3fc3d928] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } #page-series-detail .paly-all-btn[data-v-3fc3d928] { position: absolute; top: 0; right: 0; display: inline-block; line-height: 22px; color: #6d757a; font-size: 12px; border: 1px solid #b8c0cc; border-radius: 4px; -webkit-transition: border .2s ease; transition: border .2s ease; cursor: pointer; width: 78px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } #page-series-detail .paly-all-btn .video-commonplayer_play[data-v-3fc3d928] { -webkit-transition: border .2s ease; transition: border .2s ease; color: #99a2aa; margin: 0 4px; } #page-series-detail .channel-info[data-v-3fc3d928] { position: relative; } #page-series-detail .channel-info .info-detail[data-v-3fc3d928] { margin-right: 200px; } #page-series-detail .channel-info .meta[data-v-3fc3d928] { height: 14px; margin-top: 30px; line-height: 14px; font-size: 0; color: #99a2aa; } #page-series-detail .channel-info .c-count[data-v-3fc3d928] { display: inline-block; height: 12px; line-height: 12px; padding-right: 10px; font-size: 12px; } #page-series-detail .channel-info .mtime[data-v-3fc3d928] { display: inline-block; height: 12px; line-height: 12px; margin-left: 10px; font-size: 12px; } #page-series-detail .channel-info .desc[data-v-3fc3d928] { min-height: 20px; max-height: 40px; max-width: 700px; line-height: 20px; margin-top: 8px; font-size: 12px; color: #99a2aa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; } #page-series-detail .channel-detail .channel-action-row[data-v-3fc3d928] { position: absolute; bottom: 20px; right: 0; font-size: 0; } #page-series-detail .channel-detail .channel-action-row .v-filter-line[data-v-3fc3d928] { position: static; display: inline-block; vertical-align: middle; } .be-tab-item[data-v-3fc3d928] { float: left; font-size: 14px; margin-right: 20px; line-height: 28px; vertical-align: top; cursor: pointer; } .be-tab-item.is-active[data-v-3fc3d928] { color: #00a1d6; } .small-item[data-v-3fc3d928] { display: block; float: left; width: 160px; position: relative; margin: 10px; } .small-item .cover[data-v-3fc3d928] { background: url(//s1.hdslb.com/bfs/static/jinkela/space/assets/video-placeholder.png) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; cursor: pointer; } .small-item img[data-v-3fc3d928] { border-radius: 4px; display: block; width: 160px; height: 100px; } .small-item .title[data-v-3fc3d928] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; cursor: pointer; } .small-item .meta[data-v-3fc3d928] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta>span[data-v-3fc3d928] { display: inline-block; white-space: nowrap; height: 14px; line-height: 14px; font-size: 12px; overflow: hidden; } .small-item .meta>span[data-v-3fc3d928]:first-child { width: 72px; } .small-item .meta .iconfont[data-v-3fc3d928] { font-size: 14px; } .be-pager[data-v-3fc3d928] { margin: 15px 0; text-align: center; } .wrapper[data-v-65bf0a78] { width: 1101px; margin: 0 auto; position: relative; } .col-full[data-v-65bf0a78] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } #page-fav .col-full[data-v-65bf0a78] { padding: 0px; } #page-fav .fav-sidenav[data-v-65bf0a78] { position: relative; float: left; width: 180px; margin-right: -1px; font-size: 14px; color: rgb(34, 34, 34); border-right: 1px solid rgb(238, 238, 238); -webkit-box-sizing: border-box; box-sizing: border-box; } #page-fav .fav-sidenav .nav-container[data-v-65bf0a78] { border-bottom: 1px solid rgb(238, 238, 238); } #page-fav .fav-sidenav .favlist-title[data-v-65bf0a78] { padding-right: 11px; 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; cursor: pointer; } #page-fav .fav-sidenav .favlist-title[data-v-65bf0a78], #page-fav .fav-sidenav .watch-later[data-v-65bf0a78] { height: 54px; padding-left: 19px; line-height: 54px; font-size: 14px; color: rgb(153, 162, 170); } .icon-arrow[data-v-65bf0a78] { font-size: 16px; } .ps[data-v-65bf0a78] { /*overflow: hidden !important;*/ overflow-anchor: none; -ms-touch-action: auto; touch-action: auto; } #page-fav .fav-sidenav .fav-list-container[data-v-65bf0a78] { position: relative; /*max-height: 420px;*/ margin-bottom: 10px; /*overflow: hidden;*/ } #page-fav .fav-sidenav .nav-title[data-v-65bf0a78] { position: relative; height: 44px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #page-fav .fav-sidenav .nav-title.nav-add[data-v-65bf0a78] { cursor: pointer; } .icon-add[data-v-65bf0a78] { font-size: 20px; line-height: 24px; margin-right: 3px; } #page-fav .fav-sidenav .text[data-v-65bf0a78] { display: inline-block; line-height: 44px; width: 86px; margin-right: 5px; font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #page-fav .fav-sidenav .nav-title .text[data-v-65bf0a78] { display: block; line-height: 43px; color: rgb(34, 34, 34); } #page-fav .fav-sidenav .fav-item[data-v-65bf0a78] { position: relative; padding-left: 20px; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; white-space: nowrap; font-size: 0px; /*overflow: hidden;*/ } #page-fav .fav-sidenav .fav-item[data-v-65bf0a78]:hover { background-color: rgb(244, 245, 247); } #page-fav .fav-sidenav .fav-item.cur[data-v-65bf0a78] { background-color: rgb(0, 161, 214); } #page-fav .fav-sidenav .fav-item .iconfont[data-v-65bf0a78] { color: rgb(153, 153, 153); font-size: 22px; vertical-align: middle; margin-right: 10px; } #page-fav .fav-sidenav .fav-item.cur .be-dropdown-trigger .icon-ic_more[data-v-65bf0a78], #page-fav .fav-sidenav .fav-item.cur .iconfont[data-v-65bf0a78], #page-fav .fav-sidenav .fav-item.cur .num[data-v-65bf0a78], #page-fav .fav-sidenav .fav-item.cur .text[data-v-65bf0a78] { color: rgb(255, 255, 255); } #page-fav .fav-sidenav .num[data-v-65bf0a78] { display: inline-block; width: 32px; font-size: 12px; color: rgb(153, 162, 170); vertical-align: middle; text-align: center; } #page-fav .col-full.master .fav-container .fav-item:hover .num.isSlef[data-v-65bf0a78] { display: none; } .be-dropdown[data-v-65bf0a78] { position: relative; display: inline-block; cursor: pointer; } #page-fav .col-full.master .fav-container .fav-item .be-dropdown[data-v-65bf0a78] { width: 32px; vertical-align: middle; display: none; } #page-fav .col-full.master .fav-container .fav-item:hover .be-dropdown[data-v-65bf0a78] { display: inline-block; } .be-dropdown-trigger[data-v-65bf0a78] { width: 24px; height: 24px; margin: auto; text-align: center; } .be-dropdown-trigger .icon-ic_more[data-v-65bf0a78] { display: block; line-height: 24px; font-size: 24px; color: #999; } .be-dropdown-menu[data-v-65bf0a78] { position: absolute; top: 24px; right: 0; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); } .be-dropdown-trigger:hover .be-dropdown-menu[data-v-65bf0a78]{ display: inline-block!important; } .be-dropdown-item[data-v-65bf0a78] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } .be-dropdown-item[data-v-65bf0a78]:hover { color: #00a1d6; background-color: #e5e9ef; } .icon-cursor[data-v-65bf0a78] { width: 10px; height: 44px; background-position: -219px -1100px; } #page-fav .fav-sidenav .icon-cursor[data-v-65bf0a78] { position: absolute; top: 0px; left: 0px; margin-right: 10px; background-color: rgb(208, 208, 210); } #page-fav .fav-sidenav .fav-item .icon-cursor[data-v-65bf0a78] { display: none; cursor: move; } #page-fav .fav-sidenav .watch-later[data-v-65bf0a78] { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid rgb(228, 233, 240); border-bottom: 1px solid rgb(228, 233, 240); } .section[data-v-65bf0a78] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-65bf0a78]:last-child { border-bottom: none; margin-bottom: 0; } #page-fav .fav-main[data-v-65bf0a78] { float: left; width: 920px; min-height: 600px; border-left: 1px solid rgb(238, 238, 238); } #page-fav .fav-main .favList-info[data-v-65bf0a78] { padding: 20px 0px; margin: 0px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgb(229, 233, 239); } .favInfo-box[data-v-65bf0a78] { height: 119px; display: -webkit-box; display: -ms-flexbox; display: flex; } .favInfo-box .favInfo-cover[data-v-65bf0a78] { width: 190px; overflow: hidden; position: relative; } .favInfo-box .favInfo-cover.empty[data-v-65bf0a78] { background: url(data:image/png;base64,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) no-repeat; background-size: 100%; } .favInfo-box .favInfo-cover img[data-v-65bf0a78] { height: 119px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% center; object-position: 50% center; border-radius: 4px; } .icon-favlist-info[data-v-65bf0a78] { width: 20px; height: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAspJREFUWAntWD2IGlEQds0PSfSwjQSJRKKCNoGA2JhrAilMCiEY0gdiKls7bSy00UasQuQw4KU70OZSiSAikkYRE9SLihoFf+AgGohmJrkDWXaeq5y3G7iB2bdv3sz7vp03zspyin+igeEpqB5UDSqlnAL4Cegx6JSDC5J7C3obVE7yE8jEr8HlOeg9OTE743IDxj0lXPRnBjkOeiQodc2xEqNGgrIW2RO8vm36yuXya4vF8lBMfKVS+Wa1Wj+K8eX7XFYGl3xgsXPsg36xzlL4XVYGt362jWpwk7qjGG1aj1JkcKN6vKpB6qjF2qU4YrHc/vqRPxK73a5JpVIvdTrdLv/pLNvtdtftdn/K5/NTIeZkBsPh8JMdk0M+HGIA1r4QObSRBFUq1S0q6KLtarWaxCIJDgYDwZQLkfP7/YdOpzNWr9e/C62vs/V6vQnlQxKE2iCD+JsFAoFqOp0eGo3GD/F4PPMLhO/Dmnc6HRKLJNhoNMggCmyxWCg8Hk/R4XDEarVag/Lj25vNJolFEqxWq2QQH4A/LxQKU7PZfBCNRo/m8/mMv86fs7BIgqVSaWuC5wS8Xu8Xl8v1frlcLs5tQmOxWCSxSIKtVgsefv3TCwGu2maz2W+O40gcWJ9BDc5XY1bvyUB0Go1G5JOtbkLdRyKRR5lM5g21jvbxeMzEIN8kGDwcDidarfYu3m8iNptNk0gkXphMpgfr4hCD5cPMYL/fZwbzN1YqlYpYLPY4m82+E0MO47vdLhODmUGxvdDn85mgrUxDodAzg8Fwn0+cNWf1QIxjEhTbC4PB4CsWCdYaqwdiHPOI4ah+sDa/iLV1GEyCuVxukkwmP8Obi2wD25LEHoZ7IwZrj6u//KzsiFljHrGYDXbt818QxG/CcpVTzOCJXNkhNySIX9Pxg7XcBDkd40d07HFl0D3QO6A3QaUULLmvoIeg0z8kQfSabrii0gAAAABJRU5ErkJggg==); background-size: 100%; } .favInfo-box .favInfo-cover .icon[data-v-65bf0a78] { position: absolute; bottom: 4px; right: 4px; } .favInfo-box .favInfo-details[data-v-65bf0a78] { margin-left: 18px; } .favInfo-box .favInfo-details .fav-name[data-v-65bf0a78] { display: block; font-family: PingFangSC-Medium; font-size: 14px; color: rgb(33, 33, 33); line-height: 17px; margin-bottom: 14px; width: 368px; height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .favInfo-box .favInfo-details .fav-meta[data-v-65bf0a78] { display: block; font-size: 12px; color: rgb(153, 153, 153); letter-spacing: 0px; line-height: 16px; margin-bottom: 6px; } #page-fav .fav-main .fav-meta[data-v-65bf0a78] { color: rgb(153, 162, 170); font-size: 0px; } .favInfo-box .favInfo-details .fav-meta .fav-up-name[data-v-65bf0a78] { margin-right: 20px; } #page-fav .fav-main .fav-meta span[data-v-65bf0a78] { display: inline-block; font-size: 12px; vertical-align: middle; } #page-fav .fav-main .fav-meta .dot[data-v-65bf0a78] { margin: 0px 8px; } .favInfo-box .favInfo-details .fav-options[data-v-65bf0a78] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .favInfo-box .favInfo-details .fav-options .fav-play[data-v-65bf0a78] { width: 120px; height: 32px; background: rgb(0, 161, 214); border-radius: 2px; font-size: 14px; color: rgb(255, 255, 255); line-height: 32px; text-align: center; margin-right: 42px; cursor: pointer; } .favInfo-box.favEmpty .favInfo-details .fav-options .fav-play[data-v-65bf0a78], .favInfo-box.invalid .favInfo-details .fav-options .fav-play[data-v-65bf0a78] { background: #e7e7e7; color: #999; } .favInfo-box .favInfo-details .fav-options .meta[data-v-65bf0a78] { font-size: 12px; color: rgb(80, 80, 80); line-height: 16px; margin-right: 48px; cursor: pointer; } .favInfo-box .favInfo-details .fav-options.collectFav .meta[data-v-65bf0a78], .favInfo-box .favInfo-details .fav-options.defaultFav .meta[data-v-65bf0a78] { display: none; } .favInfo-box .favInfo-details .fav-options .meta i[data-v-65bf0a78] { font-size: 22px; vertical-align: sub; } #page-fav .fav-main .fav-header[data-v-65bf0a78] { margin: 20px 20px 0px; } #page-fav .fav-main .fav-info[data-v-65bf0a78] { height: 30px; margin-top: 15px; } #page-fav .fav-main .fav-filters[data-v-65bf0a78] { float: right; } #page-fav .fav-main .filter-item[data-v-65bf0a78] { float: left; line-height: 30px; margin-right: 26px; font-size: 14px; color: rgb(34, 34, 34); } #page-fav .fav-main .filter-item .text[data-v-65bf0a78] { display: block; cursor: pointer; vertical-align: middle; } #page-fav .fav-main.cur-fav-empty .filter-item.do-batch .text[data-v-65bf0a78] { color: rgb(153, 162, 170); cursor: no-drop; } #page-fav .fav-main .filter-item[data-v-65bf0a78]:last-of-type { margin-right: 0px; } #page-fav .fav-main .filter-item.search[data-v-65bf0a78] { height: 28px; margin: 0px; font-size: 0px; border: 1px solid rgb(204, 208, 215); border-radius: 14px; white-space: nowrap; -webkit-transition: border-color 0.2s ease 0s; transition: border-color 0.2s ease 0s; } #page-fav .fav-main .search-types[data-v-65bf0a78] { display: inline-block; width: 57px; line-height: 28px; margin-left: 3px; font-size: 12px; color: rgb(109, 117, 122); vertical-align: top; text-align: center; border-right: 1px solid rgb(204, 208, 215); } #page-fav .fav-main .search-input[data-v-65bf0a78] { position: relative; display: inline-block; width: 148px; height: 28px; margin: 0px 9px 0px 11px; vertical-align: top; } .space_input[data-v-65bf0a78] { line-height: 28px; height: 26px; padding: 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; border: 1px solid #ccd0d7; border-radius: 0; } #page-fav .fav-main .search-input input[data-v-65bf0a78] { border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; width: 120px; padding: 0px; font-size: 12px; color: rgb(34, 34, 34); } #page-fav .fav-main .search-input .icon-search[data-v-65bf0a78] { position: absolute; right: 0px; top: -2px; width: 18px; height: 28px; cursor: pointer; } #page-fav .fav-main .fav-action-top[data-v-65bf0a78] { padding-bottom: 20px; border-bottom: 1px solid #e5e9ef; } #page-fav .fav-main .fav-action-top .back-to-info[data-v-65bf0a78] { width: 60px; height: 30px; cursor: pointer; line-height: 28px; padding-right: 10px; text-align: right; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; color: #222; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; } #page-fav .fav-main .fav-action-top .search.filter-item[data-v-65bf0a78] { float: right; } #page-fav .fav-main .fav-action-bottom[data-v-65bf0a78] { position: relative; height: 59px; font-size: 14px; } #page-fav .fav-main .fav-action-bottom .search-results-num[data-v-65bf0a78] { padding-top: 20px; font-size: 14px; color: #222; } #page-fav .fav-main .fav-action-bottom .fav-action-fixtop[data-v-65bf0a78] { position: absolute; left: -20px; padding: 19px 20px 0; height: 59px; width: 920px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; } #page-fav .fav-main .fav-action-bottom ul[data-v-65bf0a78] { float: left; } #page-fav .fav-main .fav-action-bottom li[data-v-65bf0a78] { float: left; color: #222; line-height: 20px; margin-right: 30px; cursor: pointer; } #page-fav .fav-main .fav-action-bottom li .active[data-v-65bf0a78] { color: #00a1d6; } #page-fav .fav-main .fav-action-bottom .edit-detail[data-v-65bf0a78] { float: right; font-size: 0; } #page-fav .fav-main .fav-action-bottom .select-counter[data-v-65bf0a78] { color: #99a2aa; margin-right: 15px; vertical-align: middle; } #page-fav .fav-main .fav-action-bottom .edit-detail span[data-v-65bf0a78] { display: inline-block; font-size: 14px; } #page-fav .fav-main .fav-action-bottom .select-counter i[data-v-65bf0a78] { margin: 0 2px; } #page-fav .fav-main .fav-action-bottom .select-cancel[data-v-65bf0a78] { color: #00a1d6; vertical-align: middle; cursor: pointer; } #page-fav .fav-main .fav-action-bottom .edit-detail span[data-v-65bf0a78] { display: inline-block; font-size: 14px; } #page-fav .search-empty-hint[data-v-65bf0a78] { display: none; padding: 340px 0px 80px; font-size: 14px; border-radius: 4px; color: rgb(109, 117, 122); overflow: hidden; text-align: center; background-image: url(/static/img/nodata02.5e00b2e.png); background-position: center 120px; background-repeat: no-repeat; } #page-fav .fav-main .fav-content.empty .search-empty-hint[data-v-65bf0a78] { display: block; } #page-fav .search-empty-hint p[data-v-65bf0a78] { font-size: 14px; color: rgb(109, 117, 122); } .btn-container[data-v-65bf0a78] { font-size: 0; white-space: nowrap; } .btn-container.btn-center[data-v-65bf0a78] { text-align: center; } #page-fav .search-empty-hint .btn-container[data-v-65bf0a78] { margin-top: 25px; } .btn[data-v-65bf0a78] { display: inline-block; -ms-touch-action: manipulation; touch-action: manipulation; padding: 0 10px; margin-right: 20px; line-height: 30px; min-width: 70px; -webkit-transition: all .2s ease; transition: all .2s ease; font-size: 0; color: #666; text-align: center; vertical-align: middle; outline: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .btn.primary[data-v-65bf0a78] { color: #fff; background-color: #00a1d6; border-color: #00a1d6; } .btn-container .btn[data-v-65bf0a78]:last-of-type { margin-right: 0; } .btn-content[data-v-65bf0a78] { font-size: 12px; vertical-align: top; } .clearfix[data-v-65bf0a78] { display: block; } .clearfix[data-v-65bf0a78]::after { display: block; visibility: hidden; font-size: 0px; clear: both; width: 0px; height: 0px; content: "."; } #page-fav .fav-main .fav-video-list[data-v-65bf0a78] { margin: 20px 20px 50px; } .small-item[data-v-65bf0a78] { display: block; float: left; width: 160px; position: relative; margin: 0 0 3px; padding: 10px; } #page-fav .fav-main .small-item[data-v-65bf0a78] { padding: 0px; margin: 0px 20px 20px 0px; border-radius: 4px; border: 1px solid rgb(255, 255, 255); -webkit-box-sizing: border-box; box-sizing: border-box; } .small-item .cover[data-v-65bf0a78] { background: url(data:image/png;base64,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) 50%; background-size: cover; border-radius: 4px; display: block; width: 160px; height: 100px; overflow: hidden; position: relative; } .small-item img[data-v-65bf0a78] { border-radius: 4px; display: block; width: 160px; height: 100px; } .small-item .length[data-v-65bf0a78] { background: #111; background: rgba(0,0,0,.5); border-radius: 5px 0 0 0; color: #fff; line-height: 20px; -webkit-transition: top .2s ease; transition: top .2s ease; padding: 0 6px; position: absolute; right: 0; bottom: 0; } #page-fav .fav-main .small-item .length[data-v-65bf0a78] { opacity: 1; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; } .small-item .cover:hover .length[data-v-65bf0a78]:not(.hide) { display: none; } #page-fav .fav-main .small-item .cover:hover .length[data-v-65bf0a78]:not(.hide) { opacity: 0; } .i-watchlater[data-v-65bf0a78] { display: none; position: absolute; right: 6px; bottom: 4px; width: 22px; height: 22px; z-index: 5; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=) no-repeat; } #page-fav .fav-main .fav-video-list .i-watchlater[data-v-65bf0a78] { bottom: 14px; } .small-item .cover:hover .i-watchlater[data-v-65bf0a78]:not(.hide) { display: block; } #page-fav .fav-main .small-item .meta-mask[data-v-65bf0a78] { position: absolute; top: 0px; left: 0px; z-index: 4; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.45); color: rgb(229, 233, 239); -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; } #page-fav .fav-main .small-item .cover:hover .meta-mask[data-v-65bf0a78]:not(.hide) { opacity: 1; } #page-fav .fav-main .small-item .meta-info[data-v-65bf0a78] { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #page-fav .fav-main .small-item .meta-info .author[data-v-65bf0a78], #page-fav .fav-main .small-item .meta-info .ep_title[data-v-65bf0a78] { width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .small-item .title[data-v-65bf0a78] { display: block; line-height: 20px; height: 38px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .small-item .meta[data-v-65bf0a78] { color: #999; white-space: nowrap; font-size: 0; margin-top: 6px; height: 14px; line-height: 14px; } .small-item .meta.pubdate[data-v-65bf0a78] { font-size: 12px; overflow: hidden; text-overflow: ellipsis; } #page-fav .fav-main .small-item .be-dropdown[data-v-65bf0a78] { position: absolute; bottom: -5px; right: -14px; } .be-dropdown-item.be-dropdown-item-delimiter[data-v-65bf0a78] { border-bottom: 1px solid #e5e9ef; } .be-pager[data-v-65bf0a78] { margin: 15px 0; text-align: center; } .cc-modal[data-v-65bf0a78] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 20000; } /*收藏*/ .cc-modal[data-v-65bf0a78] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-65bf0a78] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-65bf0a78], .cc-modal .overlay[data-v-65bf0a78] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-65bf0a78] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 450px; overflow: hidden; } .fv-modal .modal .fv-header[data-v-65bf0a78] { line-height: 50px; padding: 0 20px; font-size: 14px; text-align: center; } .fv-header .modal-title[data-v-65bf0a78] { display: block; font-size: 16px; line-height: 48px; padding: 0 20px; border-bottom: 1px solid #ddd; } .fv-header .modal-title[data-v-65bf0a78] { height: 75px; padding: 0; 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; } .fv-header .edit-video-title[data-v-65bf0a78] { text-align: center; line-height: 20px; font-size: 18px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fv-header .edit-video-subtitle[data-v-65bf0a78] { text-align: center; line-height: 18px; margin-top: 4px; font-size: 14px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fv-modal .modal .modal-close[data-v-65bf0a78] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .content[data-v-65bf0a78] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-65bf0a78] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-65bf0a78] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-65bf0a78] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-65bf0a78] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-65bf0a78] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-65bf0a78] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-65bf0a78] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-65bf0a78] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-65bf0a78] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-65bf0a78] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-65bf0a78] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-65bf0a78] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-65bf0a78] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-65bf0a78] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-65bf0a78] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-65bf0a78] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-65bf0a78] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } /* 编辑收藏夹 */ .edit-media-list .edit-mask[data-v-65bf0a78] { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background: rgba(0,0,0,.5); } .edit-media-list .edit-mask .edit-board[data-v-65bf0a78] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; border-radius: 4px; width: 446px; height: 548px; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); } .edit-media-list .edit-mask .edit-board .head[data-v-65bf0a78] { font-size: 16px; color: #000; height: 50px; border-bottom: 1px solid #e5e9ef; text-align: center; position: relative; line-height: 50px; } .edit-media-list .edit-mask .edit-board .head .icon-close[data-v-65bf0a78] { font-size: 16px; position: absolute; right: 18px; background-position: -135px -532px; cursor: pointer; } .edit-media-list .edit-mask .edit-board .edit-info[data-v-65bf0a78] { padding: 0 23px; } .edit-media-list .edit-mask .edit-board .edit-info .upload-cover-wrapper[data-v-65bf0a78] { position: relative; font-size: 12px; } .edit-media-list .edit-mask .edit-board .edit-info .upload-cover-wrapper .cover-title[data-v-65bf0a78] { font-size: 14px; line-height: 24px; color: rgba(0,0,0,.85); margin-top: 16px; } .edit-media-list .edit-mask .edit-board .edit-info .upload-cover-wrapper .upload-cover[data-v-65bf0a78] { position: relative; display: inline-block; width: 114px; height: 70px; border-radius: 2px; cursor: pointer; vertical-align: top; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjoAAAFeBAMAAAB+66giAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURenp6efn58zMzNbW1uzs7N7e3nWPZNEAAAABdFJOU5cujd6BAAAE1klEQVR42uzd0W3bMBSF4a5QSxzAl+AAkqAB8tABKEL7r9K4JmHH12aaUiha3v8gSGCRedCHY1lUBOXbd/I66KCDDjrooIMOOuigQ9BBBx100EEHHXTQIeiggw466KCDDjroEHTQQQcddNBBBx10CDrooIMOOuiggw461oMOOuiggw466KCDDjoEHXTQQQcddNBBBx2CDjrooIMOOuiggw5BBx100EEHHXTQQYeggw466KCDDjrooGM96KCDDjrooIMOOuigQ9D5L3WWpT6elmhXZxMJleExiXi7OvKe+Mn4ZFVnEKmW53QZP9vVqZdHsp5NnVPe/fqw3e5UyyNi+p3lRLVD201mP7NmXR49aFZn0OXRY1Z1dD/0kN2VhC6IHjG9ChVVHtUqqzq6Inq7WR1dHl0dszq6JHqr+atfd+XR1TGvc1cTvc28jss9eVYddMZUVpu6OuioI4+qjikdl5aPyTq+vM448jBtjQZ0kvxp/NS7zpikIVPnOoM0Zepax83SFN+1ziaNCR3rOGlO7Fdnk+asb93qyAHptjuDHJCpV51ZDkjoVUcOSac6gxySqU+dTQ7JuU+dWQ6J71Pnbgf3Nf3Kvu5pf/11m5buaN961BkeP3bG31zWX7/deGLfOo3Vm3rUOTUeVjf1+x3o6L2LjUvY0KPO3PqZY0IntJbP96gjOefmA1eHOq75I2foWOcHOn+nOxEddNBBBx100EEHHXTQQQedqs6+BCXh14jO+/Y0i/hn13KW3brOvojICx0Rv0a7Oi5JyctL9MtuU2efKze85bFcIGs6pTZ1nVuBbOnMn9x2Ig9BB50CsdVvynEPw96WzgmdL+iE+k10wZbO8DWds2Udv+qll2Ud9+FsZsxz1PpLiRrSKbV5y1N0gWzqlBOaNaraPC1QNKYzq6NNpUD2dNaY31H1XCalhSunXDlFBx100EEHHXTQQQcddNBBBx10/m2dsr9bQEdlk1jmlMkrOiWzhLL/U+YSdO6G4lXpyuQEnVvy3/Nc2fUTOvp/IW1yYbpO9eiUXFhCTHnczZeX6FSeWxTRef1onsD5jt7xUJgiOvr+5OiyEufK+vGwa2byrCQ0z5qfTu0jOmpC+elGVqFcwUAHHXTQ+dneHdw0DARRAKWFcaAAs6QA5AqQSAEGpf9WyMnkwmgjY0UZvy8f97JPdtbx4Q8dzVYP3Yr2rhUt0RlX1znqG0x0mq7KrKtSz+neek6HZXc6cv+9X/mlTr9yvr22rhV+rt7rPn3fml+cVzMBkhxr6gzmSWw/i2Q2xyZJFNX5MgPJ/Kw7PlotyuoM63XGujqxXicK6wyrf3Uq64RZsxvOU51r68TBjOttBjm3OcrrRJyvB+i3KckCOV1yjtiDTjxfrqHnj8HhatFHlNLJc7NO1NTJN/7Wc8KNe9M5dZ3Ry1lVVSd/L2xd3zyirE7+aI09i45ldfKbp/V8MGvzDnVOU8++k0WldfrfYO6kI3To0KFDhw4dOnSEDh06dOjQoUOHjtChQ4cOHTp06NAROnTo0KFDhw4dOkKHDh06dOjQoUOHjtChQ4cOHTp06NAROnTo0KFDhw4dOkKHDh06dOjQoUNH6NChQ4cOHTp06AgdOnTo0KFDhw4dOkKHDh06dOg8uM6n/J0nSfIDaYJ+aZhy1ZoAAAAASUVORK5CYII=) 50% no-repeat; background-size: 100% 100%; margin-top: 8px; } .edit-media-list .edit-mask .edit-board .edit-info .upload-cover-wrapper .upload-cover-img[data-v-65bf0a78] { width: 1px; height: 1px; opacity: 0; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap[data-v-65bf0a78] { position: relative; margin-top: 16px; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .title[data-v-65bf0a78] { font-size: 14px; color: rgba(0,0,0,.85); line-height: 24px; cursor: pointer; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .title .red-signal[data-v-65bf0a78] { color: #d0021b; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input[data-v-65bf0a78] { display: block; width: 400px; height: 30px; line-height: 30px; font-size: 14px; padding: 0 12px; border-radius: 2px; border: 1px solid #ccd0d7; margin-top: 8px; cursor: auto; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-num-limit[data-v-65bf0a78] { position: absolute; right: 12px; bottom: 6px; font-size: 12px; color: #99a2aa; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .media-list-intro[data-v-65bf0a78] { width: 400px; height: 138px; border: 1px solid #ccd0d7; border-radius: 2px; font-size: 14px; line-height: 22px; padding: 5px 12px 24px; margin-top: 8px; overflow: auto; resize: none; outline: none; } .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .intro-num-limit[data-v-65bf0a78] { position: absolute; right: 12px; bottom: 12px; font-size: 12px; color: #99a2aa; margin-right: 5px; } .edit-media-list .edit-mask .edit-board .edit-info .media-list-type[data-v-65bf0a78] { font-size: 12px; color: #6d757a; cursor: pointer; vertical-align: top; display: inline-block; } .edit-media-list .edit-mask .edit-board .edit-info .submit-btn[data-v-65bf0a78] { width: 65px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: #00a1d6; text-align: center; border-radius: 2px; margin: 8px auto 0; cursor: pointer; } .favList-checkbox .el-checkbox__input { position: absolute; z-index: 9; right: 10px; top: 10px; } .favList-checkbox .el-checkbox__label { padding-left: 0; } .favList-checkbox.hide-check .el-checkbox__input { display: none; } .wrapper[data-v-1d1c259c] { width: 1101px; margin: 0 auto; position: relative; } .col-full[data-v-1d1c259c] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } .sub-tabs[data-v-1d1c259c] { margin-bottom: 20px; position: relative; } .sub-tabs span[data-v-1d1c259c] { font-size: 20px; color: #222; line-height: 26px; margin-right: 20px; } .sub-tabs a[data-v-1d1c259c] { display: inline-block; font-size: 12px; line-height: 20px; vertical-align: top; margin-right: 24px; position: relative; } .sub-tabs a.active[data-v-1d1c259c] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .sub-tabs .filter-content[data-v-1d1c259c] { font-size: 14px; color: #212121; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: absolute; top: 0; right: 0; } .be-dropdown[data-v-1d1c259c] { position: relative; display: inline-block; cursor: pointer; } .sub-tabs .filter-content .cur-filter[data-v-1d1c259c] { font-size: 14px; margin-right: 0; } .section[data-v-1d1c259c] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-1d1c259c]:last-child { border-bottom: none; margin-bottom: 0; } #page-bangumi .section[data-v-1d1c259c] { border-bottom: none; margin-bottom: 0; } .clearfix[data-v-1d1c259c] { display: block; } #page-bangumi .content[data-v-1d1c259c] { width: 1060px; } .pgc-space-follow-page[data-v-6fdb8468][data-v-1d1c259c] { width: 100%; padding: 0 0 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .pgc-space-follow-page .pgc-follow-list[data-v-6fdb8468][data-v-1d1c259c] { position: relative; min-height: 140px; margin: 0; padding: 0; list-style: none; padding-bottom: 10px; } .pgc-space-follow-item[data-v-1d1c259c] { display: block; position: relative; width: 33.33%; height: 140px; float: left; margin-bottom: 30px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .pgc-space-follow-page .pgc-follow-list > li[data-v-6fdb8468][data-v-1d1c259c] { list-style: none; } .pgc-space-follow-item a.pgc-item-cover[data-v-1d1c259c] { position: relative; display: block; float: left; width: 110px; height: 140px; overflow: hidden; text-decoration: none; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); } .pgc-space-follow-item a.pgc-item-cover img[data-v-1d1c259c] { position: relative; display: block; width: 100%; height: 100%; z-index: 1; } .pgc-space-follow-item .pgc-item-info[data-v-1d1c259c] { display: block; position: relative; padding-left: 130px; height: 140px; text-decoration: none; } .pgc-space-follow-item .pgc-item-info .pgc-item-title[data-v-1d1c259c] { font-weight: 400; color: #222; line-height: 24px; font-size: 18px; padding: 0 10px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 8px 0; } .pgc-space-follow-item .pgc-item-info .pgc-item-desc[data-v-1d1c259c] { display: -webkit-box; font-weight: 400; color: #222; line-height: 20px; max-height: 40px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; margin: 0 0 8px 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .pgc-space-follow-item .pgc-item-info .type-and-area[data-v-1d1c259c] { height: 14px; font-size: 12px; color: #999; line-height: 14px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pgc-space-follow-item .pgc-item-info .type-and-area span[data-v-1d1c259c]:first-child { margin-right: 6px; } .pgc-space-follow-item .pgc-item-info .type-and-area i[data-v-1d1c259c] { display: inline-block; vertical-align: top; margin-top: 1px; width: 1px; height: 12px; margin-right: 6px; background-color: #b7c0cc; } .pgc-space-follow-item .pgc-item-info .pgc-item-state[data-v-1d1c259c] { height: 14px; line-height: 14px; font-size: 12px; color: #999; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pgc-space-follow-item .pgc-item-info .pgc-item-state .watch-state[data-v-1d1c259c] { margin-right: 6px; } .pgc-space-follow-item .pgc-item-info .pgc-item-state i[data-v-1d1c259c] { display: inline-block; vertical-align: top; margin-top: 1px; margin-right: 6px; width: 1px; height: 12px; background-color: #b7c0cc; } .pgc-space-follow-item .bangumi-options[data-v-1d1c259c] { position: absolute; right: 20px; bottom: 6px; font-size: 14px; } .pgc-space-follow-item .bangumi-options i.iconfont[data-v-1d1c259c] { display: block; width: 20px; height: 20px; font-size: 20px; color: #d8d8d8; cursor: pointer; } .pgc-space-follow-item .bangumi-options .opt-list[data-v-1d1c259c] { position: absolute; right: 0; bottom: 0; list-style: none; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all .3s; transition: all .3s; } .pgc-space-follow-item .bangumi-options .opt-list.shown[data-v-1d1c259c] { -webkit-transform: none; transform: none; visibility: visible; opacity: 1; } .pgc-space-follow-item .bangumi-options .opt-list li[data-v-1d1c259c] { width: auto; height: 35px; line-height: 35px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #212121; } .pgc-space-follow-item .bangumi-options .opt-list li.disabled[data-v-1d1c259c] { color: #e7e7e7; background-color: transparent; cursor: not-allowed; } .be-pager[data-v-1d1c259c] { margin: 15px 0; text-align: center; } .wrapper[data-v-d4f299f4] { width: 1101px; margin: 0 auto; position: relative; } .clearfix[data-v-d4f299f4] { display: block; } .col-full[data-v-d4f299f4] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } .section[data-v-d4f299f4] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section-title[data-v-d4f299f4] { color: #000; font-size: 20px; font-weight: 400; line-height: 33px; padding: 0 0 15px; position: relative; } #page-setting .setting-privacy[data-v-d4f299f4] { display: -ms-flexbox; display: -webkit-box; display: flex; } #page-setting .setting-privacy .setting-privacy_center[data-v-d4f299f4], #page-setting .setting-privacy .setting-privacy_left[data-v-d4f299f4] { margin-right: 60px; } #page-setting .setting-privacy-item[data-v-d4f299f4] { margin: 15px 0; } #page-setting .setting-privacy-item span[data-v-d4f299f4] { margin-left: 5px; } #page-setting .setting-privacy-item .setting-privacy-name[data-v-d4f299f4] { display: inline-block; width: 160px; font-size: 14px; color: #222; } .be-switch-container[data-v-d4f299f4] { position: relative; display: inline-block; height: 20px; cursor: pointer; white-space: nowrap; } #page-setting #setting-index-order[data-v-d4f299f4] { position: relative; } #page-setting .setting-index-container[data-v-d4f299f4] { float: left; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; margin: 0 40px 30px 0; width: 208px; } #page-setting .setting-index-module[data-v-d4f299f4] { width: 188px; border-bottom: 1px solid #ccd0d7; cursor: pointer; height: 42px; line-height: 42px; padding: 0 10px; cursor: move; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } #page-setting .setting-index-module-icon[data-v-d4f299f4] { float: right; width: 20px; height: 20px; } #page-setting .setting-index-module[data-v-d4f299f4]:last-child { border-bottom: none; margin-bottom: 0; } #page-setting .setting-add-tag[data-v-d4f299f4], #page-setting .setting-tag-list[data-v-d4f299f4] { display: inline-block; } #page-setting .setting-tag-list a[data-v-d4f299f4] { background: #f6f9fa; background-image: none; border: 1px solid #ccd0d7; border-radius: 4px; display: inline-block; line-height: 28px; padding: 0 8px; margin-right: 10px; } #page-setting .setting-tag-list .delete[data-v-d4f299f4] { background-position: -345px -26px; cursor: pointer; vertical-align: middle; margin-left: 8px; width: 12px; height: 14px; } .space_input[data-v-d4f299f4] { line-height: 28px; height: 28px; padding: 0 10px; -webkit-transition: all .3s ease; transition: all .3s ease; vertical-align: top; border: 1px solid #ccd0d7; border-radius: 0; } #page-setting #setting-new-tag[data-v-d4f299f4] { border-radius: 4px 0 0 4px; width: 100px; } #page-setting #setting-new-tag-btn[data-v-d4f299f4] { display: inline-block; line-height: 28px; padding: 0 15px; margin-left: -5px; -webkit-transition: all .3s ease; transition: all .3s ease; color: #00a1d6; background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#f7f9fa)); background: linear-gradient(#fff,#f7f9fa); border: 1px solid #ccd0d7; border-radius: 0 4px 4px 0; cursor: pointer; } .wrapper[data-v-48b115a4] { width: 1101px; margin: 0 auto; position: relative; } .clearfix[data-v-48b115a4] { display: block; } .col-full[data-v-48b115a4] { background: #fff; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; border-radius: 4px; padding: 20px; } #page-follows .col-full[data-v-48b115a4] { padding: 0; } #page-follows .follow-sidenav[data-v-48b115a4] { position: relative; float: left; width: 180px; margin-right: -1px; font-size: 14px; color: #222; border-right: 1px solid #eee; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; } #page-follows .follow-sidenav .nav-container.follow-container[data-v-48b115a4] { border-bottom: 1px solid #eee; } #page-follows .follow-sidenav .nav-title[data-v-48b115a4] { position: relative; height: 34px; padding: 20px 0 0 20px; } #page-follows .follow-sidenav .text[data-v-48b115a4] { display: inline-block; line-height: 44px; width: 78px; margin-right: 5px; font-size: 14px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } #page-follows .follow-sidenav .nav-title .text[data-v-48b115a4] { display: block; line-height: 24px; color: #99a2aa; } .icon-add[data-v-48b115a4] { width: 30px; height: 30px; } #page-follows .follow-sidenav .nav-title .icon-add[data-v-48b115a4] { position: absolute; bottom: -4px; right: 8px; cursor: pointer; } .ps[data-v-48b115a4] { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } #page-follows .follow-sidenav .follow-list-container[data-v-48b115a4] { position: relative; max-height: 440px; margin: 10px 0 20px; overflow-y: hidden; } ul[data-v-48b115a4] { list-style: none; padding: 0; margin: 0; } #page-follows .follow-sidenav .follow-list-container .follow-item[data-v-48b115a4] { color: #000; position: relative; padding-left: 20px; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; white-space: nowrap; font-size: 0; overflow: hidden; } #page-follows .follow-sidenav .follow-list-container .follow-item.cur[data-v-48b115a4] { background-color: #00a1d6; color: #fff; } #page-follows .follow-sidenav .follow-list-container .follow-item.cur .icon-follow[data-v-48b115a4] { width: 20px; height: 18px; margin-right: 6px; } #page-follows .follow-sidenav .follow-list-container .follow-item.cur .icon-follow-all[data-v-48b115a4] { background-position: -86px -856px; } #page-follows .follow-sidenav .follow-list-container .follow-item.cur .be-dropdown-trigger .icon-ic_more[data-v-48b115a4], #page-follows .follow-sidenav .follow-list-container .follow-item.cur .num[data-v-48b115a4], #page-follows .follow-sidenav .follow-list-container .follow-item.cur .text[data-v-48b115a4] { color: #fff; } #page-follows .follow-sidenav .num[data-v-48b115a4] { display: inline-block; width: 50px; font-size: 12px; color: #99a2aa; vertical-align: middle; text-align: center; } #page-follows .follow-sidenav .icon-follow[data-v-48b115a4] { width: 20px; height: 17px; margin-right: 6px; } #page-follows .follow-main[data-v-9c8eedc6] { position: relative; float: left; width: 920px; min-height: 600px; border-left: 1px solid #eee; } #page-follows .follow-header[data-v-9c8eedc6] { min-height: 30px; } #page-follows .follow-main .follow-header[data-v-9c8eedc6] { margin: 20px 20px 0; } #page-follows .follow-main .follow-header.follow-header-info[data-v-9c8eedc6] { padding-bottom: 20px; border-bottom: 1px solid #e5e9ef; } .flex-c-s[data-v-9c8eedc6] { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .flex-c-l[data-v-9c8eedc6], .flex-c-s[data-v-9c8eedc6] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #page-follows .follow-main .follow-action-top[data-v-9c8eedc6] { padding-bottom: 20px; border-bottom: 1px solid #e5e9ef; } #page-follows .follow-main .follow-action-top .back-to-info[data-v-9c8eedc6] { cursor: pointer; line-height: 28px; padding: 0 5px; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; color: #222; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } #page-follows .follow-search-result[data-v-9c8eedc6] { font-size: 12px; color: #222; line-height: 16px; } .breadcrumb[data-v-9c8eedc6] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } #page-follows .follow-header .breadcrumb[data-v-9c8eedc6] { line-height: 30px; } .breadcrumb .item[data-v-9c8eedc6] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } .breadcrumb .item.cur[data-v-9c8eedc6] { color: #222; } .flex-c-l[data-v-9c8eedc6] { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } #page-follows .follow-tabs[data-v-9c8eedc6] { display: inline-block; color: #000; font-size: 12px; cursor: pointer; } #page-follows .follow-tabs span[data-v-9c8eedc6] { position: relative; display: inline-block; } #page-follows .follow-tabs span[data-v-9c8eedc6]:first-child { margin-right: 10px; } #page-follows .follow-tabs span.active[data-v-9c8eedc6] { color: #00a1d6; } #page-follows .follow-tabs span.active[data-v-9c8eedc6]:before { position: absolute; content: ""; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 4px solid #00a1d6; border-top: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; } #page-follows .follow-tabs span.active[data-v-9c8eedc6]:after { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; background: #00a1d6; } .search-component[data-v-9c8eedc6] { height: 30px; border: 1px solid transparent; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 0 12px; } .search-component[data-v-9c8eedc6]:hover, .search-component:hover .iconfont[data-v-9c8eedc6] { border-color: #00a1d6; } #page-follows .follow-search[data-v-9c8eedc6] { margin: 0 16px 0 18px; } .search-component-input[data-v-9c8eedc6] { padding: 0; width: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .search-component.search-component-focus .search-component-input[data-v-9c8eedc6], .search-component:hover .search-component-input[data-v-9c8eedc6] { width: 106px; padding-right: 12px; } .search-component-input input[data-v-9c8eedc6] { width: 100%; font-size: 12px; line-height: 18px; height: 18px; border: none; outline: none; color: #222; display: block; } .search-component .icon-follow-search[data-v-9c8eedc6] { display: inline-block; cursor: pointer; } .icon-multiple[data-v-9c8eedc6] { width: 20px; height: 20px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAACDklEQVRYCe2Xv0rDUBTGmxCloyA4iCj6AiI+gpOIb+DSQdvioo8iDmlTGnDtJCi46CM4uLm4VXCxewtN+h3bCzf3T7z502a5gfae3NzvnF+/25ymtZo9rAPVOuAsq3wQBKdRFAVxHO+Y1HAcZ+i67hWOF369y5/kjcMwPBgMBuu8Pgsc6eiDkIbPQXEhQCR1O51OOB6Pv0aj0We3211jBUydY+tpVGk8fkGWmOAA9IDxYpF8D/EW4m8xT7vdTv0q+b4fixp2ngtQhKNk+A7dt1otCY4Vyjtm3mIVHIr7zWbzNi9Emi7hYL/f355MJs8k8DzvEsc7L9bBwblrOKjdJj5H1jjhIODOkOCIXtPp9LXX6x2zhFXAUe0EYL1ef8LcL10A0AaDrAqOOBKAjUbjB1t1gvkEJO7WR0D+3a0kwuEvc1vnJebvCUCaQuEPERJw55xoZXBUU9uf0IAPAfaGNZt54NJ6G5dPCsWeKTnIFMxJuEm9LcJ4l2VbsX7IcpmOKo0WkJIuIPcR7iK+QQLjVkI//KqCOlhaSxrddTtvHajKAanNlPUkXFYe6S4u60m4rDwSIJqz0X8IfstVGtUcr1HFKk3icUsUiV1dvG76a1Ekj+SgCFH1uQUsugPWQetgUQeK6lP7oGmf+w+iSB7pJsnykMnAVBrVHFuvG1UaCbCsJ+Gy8ug+jJ23DqzKgRnrdy/UychTEQAAAABJRU5ErkJggg==); background-size: cover; display: none; } #page-follows .icon-multiple[data-v-9c8eedc6] { cursor: pointer; } .section[data-v-9c8eedc6] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-9c8eedc6]:last-child { border-bottom: none; margin-bottom: 0; } #page-follows .search-empty-hint[data-v-9c8eedc6] { background-image: url(/static/img/nodata02.5e00b2e.png); background-position: center 120px; background-repeat: no-repeat; border-radius: 4px; color: #6d757a; font-size: 14px; overflow: hidden; text-align: center; padding: 340px 0 80px; } #page-follows .search-empty-hint p[data-v-9c8eedc6] { font-size: 14px; color: #6d757a; } #page-follows .follow-main .relation-list[data-v-9c8eedc6] { padding: 0 20px 20px; } .list-item[data-v-9c8eedc6] { border-bottom: 1px solid #eee; display: block; padding: 20px 0; position: relative; line-height: 1; } #page-follows .follow-select[data-v-9c8eedc6] { width: 24px; height: 24px; margin-top: 20px; float: left; cursor: pointer; } #page-follows .follow-select .icon-follow-watched[data-v-9c8eedc6] { width: 24px; height: 24px; background-position: -468px -980px; } .list-item .cover[data-v-9c8eedc6] { background: url(//s1.hdslb.com/bfs/static/jinkela/space/assets/video-placeholder.png) 50%; background-size: cover; border-radius: 4px; display: block; float: left; overflow: hidden; position: relative; } #page-follows .list-item .cover[data-v-9c8eedc6] { border-radius: 48px; overflow: visible; margin-left: 0; } .list-item .cover img[data-v-9c8eedc6] { -webkit-box-shadow: 0 0 0 1px #edf2f9; box-shadow: 0 0 0 1px #edf2f9; border-radius: 4px; display: block; } #page-follows .list-item img[data-v-9c8eedc6] { border-radius: 60px; width: 60px; height: 60px; } #page-follows .list-item .content[data-v-9c8eedc6] { padding: 0 200px 0 0; position: relative; margin-left: 88px; margin-top: 10px; } .list-item .title[data-v-9c8eedc6] { font-size: 18px; height: 20px; margin-bottom: 10px; display: inline-block; max-width: 680px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #page-follows .list-item .title[data-v-9c8eedc6] { font-size: 16px; line-height: 19px; } .list-item .desc[data-v-9c8eedc6] { color: #777; line-height: 20px; overflow: hidden; } #page-follows .list-item .desc[data-v-9c8eedc6] { color: #6d757a; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; padding-right: 10px; } .fans-action[data-v-9c8eedc6] { position: absolute; right: 0; top: 9px; } .fans-action-follow[data-v-9c8eedc6] { background-color: #e5e9ef; position: relative; border-radius: 4px; font-size: 0; color: #6d757a; padding: 4px 11px 4px 9px; line-height: 16px; border: 0; } .fans-action-btn[data-v-9c8eedc6] { float: left; display: block; line-height: 22px; margin-left: 15px; font-size: 0; color: #6d757a; text-align: center; vertical-align: middle; cursor: pointer; } .fans-action-btn .video-commonmenu[data-v-9c8eedc6] { vertical-align: middle; margin-right: 2px; } .fans-action-text[data-v-9c8eedc6] { line-height: 16px; font-size: 12px; vertical-align: middle; } .be-dropdown-menu[data-v-9c8eedc6] { position: absolute; top: 25px; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); display: none; right: 0px; } .fans-action-follow:hover .be-dropdown-menu[data-v-9c8eedc6], .be-dropdown:hover .be-dropdown-menu[data-v-9c8eedc6]{ display: block; } .be-dropdown-item[data-v-9c8eedc6] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } .be-dropdown-trigger[data-v-9c8eedc6] { width: 24px; height: 24px; margin: auto; text-align: center; } .be-dropdown-trigger .icon-ic_more[data-v-9c8eedc6] { display: block; line-height: 24px; color: #222; font-size: 24px; color: #999; } .be-dropdown[data-v-9c8eedc6] { position: relative; display: inline-block; cursor: pointer; } .clearfix[data-v-9c8eedc6]:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .be-pager[data-v-9c8eedc6] { margin: 15px 0; text-align: center; } .fans-action-btn.follow[data-v-9c8eedc6] { border: 1px solid #ccd0d7; border-radius: 4px; width: 74px; line-height: 20px; } .icon-back-follow[data-v-9c8eedc6] { display: inline-block; margin-right: 4px; position: relative; top: 5px; } #page-follows .follow-main[data-v-f9b9a4ce] { position: relative; float: left; width: 920px; min-height: 600px; border-left: 1px solid #eee; } #page-follows .follow-header[data-v-f9b9a4ce] { min-height: 30px; } #page-follows .follow-main .follow-header[data-v-f9b9a4ce] { margin: 20px 20px 0; } #page-follows .follow-main .follow-header.follow-header-info[data-v-f9b9a4ce] { padding-bottom: 20px; border-bottom: 1px solid #e5e9ef; } .flex-c-s[data-v-f9b9a4ce] { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .flex-c-l[data-v-f9b9a4ce], .flex-c-s[data-v-f9b9a4ce] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } #page-follows .follow-main .follow-action-top[data-v-f9b9a4ce] { padding-bottom: 20px; border-bottom: 1px solid #e5e9ef; } #page-follows .follow-main .follow-action-top .back-to-info[data-v-f9b9a4ce] { cursor: pointer; line-height: 28px; padding: 0 5px; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; color: #222; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } #page-follows .follow-search-result[data-v-f9b9a4ce] { font-size: 12px; color: #222; line-height: 16px; } .breadcrumb[data-v-f9b9a4ce] { line-height: 24px; font-size: 0; vertical-align: middle; position: relative; } #page-follows .follow-header .breadcrumb[data-v-f9b9a4ce] { line-height: 30px; } .breadcrumb .item[data-v-f9b9a4ce] { display: inline-block; font-size: 18px; color: #6d757a; vertical-align: middle; } .breadcrumb .item.cur[data-v-f9b9a4ce] { color: #222; } .flex-c-l[data-v-f9b9a4ce] { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } #page-follows .follow-tabs[data-v-f9b9a4ce] { display: inline-block; color: #000; font-size: 12px; cursor: pointer; } #page-follows .follow-tabs span[data-v-f9b9a4ce] { position: relative; display: inline-block; } #page-follows .follow-tabs span[data-v-f9b9a4ce]:first-child { margin-right: 10px; } #page-follows .follow-tabs span.active[data-v-f9b9a4ce] { color: #00a1d6; } #page-follows .follow-tabs span.active[data-v-f9b9a4ce]:before { position: absolute; content: ""; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 4px solid #00a1d6; border-top: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; } #page-follows .follow-tabs span.active[data-v-f9b9a4ce]:after { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; background: #00a1d6; } .search-component[data-v-f9b9a4ce] { height: 30px; border: 1px solid transparent; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 0 12px; } .search-component[data-v-f9b9a4ce]:hover, .search-component:hover .iconfont[data-v-f9b9a4ce] { border-color: #00a1d6; } #page-follows .follow-search[data-v-f9b9a4ce] { margin: 0 16px 0 18px; } .search-component-input[data-v-f9b9a4ce] { padding: 0; width: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .search-component.search-component-focus .search-component-input[data-v-f9b9a4ce], .search-component:hover .search-component-input[data-v-f9b9a4ce] { width: 106px; padding-right: 12px; } .search-component-input input[data-v-f9b9a4ce] { width: 100%; font-size: 12px; line-height: 18px; height: 18px; border: none; outline: none; color: #222; display: block; } .search-component .icon-follow-search[data-v-f9b9a4ce] { display: inline-block; cursor: pointer; } .icon-multiple[data-v-f9b9a4ce] { width: 20px; height: 20px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAACDklEQVRYCe2Xv0rDUBTGmxCloyA4iCj6AiI+gpOIb+DSQdvioo8iDmlTGnDtJCi46CM4uLm4VXCxewtN+h3bCzf3T7z502a5gfae3NzvnF+/25ymtZo9rAPVOuAsq3wQBKdRFAVxHO+Y1HAcZ+i67hWOF369y5/kjcMwPBgMBuu8Pgsc6eiDkIbPQXEhQCR1O51OOB6Pv0aj0We3211jBUydY+tpVGk8fkGWmOAA9IDxYpF8D/EW4m8xT7vdTv0q+b4fixp2ngtQhKNk+A7dt1otCY4Vyjtm3mIVHIr7zWbzNi9Emi7hYL/f355MJs8k8DzvEsc7L9bBwblrOKjdJj5H1jjhIODOkOCIXtPp9LXX6x2zhFXAUe0EYL1ef8LcL10A0AaDrAqOOBKAjUbjB1t1gvkEJO7WR0D+3a0kwuEvc1vnJebvCUCaQuEPERJw55xoZXBUU9uf0IAPAfaGNZt54NJ6G5dPCsWeKTnIFMxJuEm9LcJ4l2VbsX7IcpmOKo0WkJIuIPcR7iK+QQLjVkI//KqCOlhaSxrddTtvHajKAanNlPUkXFYe6S4u60m4rDwSIJqz0X8IfstVGtUcr1HFKk3icUsUiV1dvG76a1Ekj+SgCFH1uQUsugPWQetgUQeK6lP7oGmf+w+iSB7pJsnykMnAVBrVHFuvG1UaCbCsJ+Gy8ug+jJ23DqzKgRnrdy/UychTEQAAAABJRU5ErkJggg==); background-size: cover; display: none; } #page-follows .icon-multiple[data-v-f9b9a4ce] { cursor: pointer; } .section[data-v-f9b9a4ce] { border-bottom: 1px solid #eee; margin-bottom: 17px; position: relative; } .section[data-v-f9b9a4ce]:last-child { border-bottom: none; margin-bottom: 0; } #page-follows .search-empty-hint[data-v-f9b9a4ce] { background-image: url(/static/img/nodata02.5e00b2e.png); background-position: center 120px; background-repeat: no-repeat; border-radius: 4px; color: #6d757a; font-size: 14px; overflow: hidden; text-align: center; padding: 340px 0 80px; } #page-follows .search-empty-hint p[data-v-f9b9a4ce] { font-size: 14px; color: #6d757a; } #page-follows .follow-main .relation-list[data-v-f9b9a4ce] { padding: 0 20px 20px; } .list-item[data-v-f9b9a4ce] { border-bottom: 1px solid #eee; display: block; padding: 20px 0; position: relative; line-height: 1; } #page-follows .follow-select[data-v-f9b9a4ce] { width: 24px; height: 24px; margin-top: 20px; float: left; cursor: pointer; } #page-follows .follow-select .icon-follow-watched[data-v-f9b9a4ce] { width: 24px; height: 24px; background-position: -468px -980px; } .list-item .cover[data-v-f9b9a4ce] { background: url(//s1.hdslb.com/bfs/static/jinkela/space/assets/video-placeholder.png) 50%; background-size: cover; border-radius: 4px; display: block; float: left; overflow: hidden; position: relative; } #page-follows .list-item .cover[data-v-f9b9a4ce] { border-radius: 48px; overflow: visible; margin-left: 0; } .list-item .cover img[data-v-f9b9a4ce] { -webkit-box-shadow: 0 0 0 1px #edf2f9; box-shadow: 0 0 0 1px #edf2f9; border-radius: 4px; display: block; } #page-follows .list-item img[data-v-f9b9a4ce] { border-radius: 60px; width: 60px; height: 60px; } #page-follows .list-item .content[data-v-f9b9a4ce] { padding: 0 200px 0 0; position: relative; margin-left: 88px; margin-top: 10px; } .list-item .title[data-v-f9b9a4ce] { font-size: 18px; height: 20px; margin-bottom: 10px; display: inline-block; max-width: 680px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #page-follows .list-item .title[data-v-f9b9a4ce] { font-size: 16px; line-height: 19px; } .list-item .desc[data-v-f9b9a4ce] { color: #777; line-height: 20px; overflow: hidden; } #page-follows .list-item .desc[data-v-f9b9a4ce] { color: #6d757a; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; padding-right: 10px; } .fans-action[data-v-f9b9a4ce] { position: absolute; right: 0; top: 9px; } .fans-action-follow[data-v-f9b9a4ce] { background-color: #e5e9ef; position: relative; border-radius: 4px; font-size: 0; color: #6d757a; padding: 4px 11px 4px 9px; line-height: 16px; border: 0; } .fans-action-btn[data-v-f9b9a4ce] { float: left; display: block; line-height: 22px; margin-left: 15px; font-size: 0; color: #6d757a; text-align: center; vertical-align: middle; cursor: pointer; } .fans-action-btn .video-commonmenu[data-v-f9b9a4ce] { vertical-align: middle; margin-right: 2px; } .fans-action-text[data-v-f9b9a4ce] { line-height: 16px; font-size: 12px; vertical-align: middle; } .be-dropdown-menu[data-v-f9b9a4ce] { position: absolute; top: 25px; z-index: 10; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.14); box-shadow: 0 2px 4px rgba(0,0,0,.14); display: none; right: 0px; } .fans-action-follow:hover .be-dropdown-menu[data-v-f9b9a4ce], .be-dropdown:hover .be-dropdown-menu[data-v-f9b9a4ce]{ display: block; } .be-dropdown-item[data-v-f9b9a4ce] { height: 40px; padding: 0 20px; line-height: 40px; text-align: center; font-size: 14px; color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } .be-dropdown-trigger[data-v-f9b9a4ce] { width: 24px; height: 24px; margin: auto; text-align: center; } .be-dropdown-trigger .icon-ic_more[data-v-f9b9a4ce] { display: block; line-height: 24px; color: #222; font-size: 24px; color: #999; } .be-dropdown[data-v-f9b9a4ce] { position: relative; display: inline-block; cursor: pointer; } .clearfix[data-v-f9b9a4ce]:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .be-pager[data-v-f9b9a4ce] { margin: 15px 0; text-align: center; } .fans-action-btn.follow[data-v-f9b9a4ce] { border: 1px solid #ccd0d7; border-radius: 4px; width: 74px; line-height: 20px; } .icon-back-follow[data-v-f9b9a4ce] { display: inline-block; margin-right: 4px; position: relative; top: 5px; } .video-container[data-v-80eec8a6] { max-width: 2540px; min-width: 1300px; width: 95%; margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 10px; } .left-container[data-v-80eec8a6] { width: 65%; position: relative; } .video-info[data-v-80eec8a6] { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; } .video-info-ab[data-v-80eec8a6] { height: 106px; } .video-info .video-title[data-v-80eec8a6] { font-size: 20px; font-weight: 500; color: #18191C; line-height: 24px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-info-ab .video-title[data-v-80eec8a6] { line-height: 28px; } .video-info .video-data[data-v-80eec8a6] { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; line-height: 18px; color: #9499A0; } .video-info .video-data > span[data-v-80eec8a6] { display: inline-block; } .video-info .video-data .view[data-v-80eec8a6], .video-info .video-data .dm[data-v-80eec8a6], .video-info .video-data .pudate[data-v-80eec8a6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .video-info .video-data .view i[data-v-80eec8a6], .video-info .video-data .dm i[data-v-80eec8a6], .video-info .video-data .pudate i[data-v-80eec8a6] { margin-right: 4px; font-size: 20px; } .video-info .video-data .item[data-v-80eec8a6]:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .video-info .video-data .item:last-child i[data-v-80eec8a6] { color: #fd676f; font-size: 20px; vertical-align: bottom; } #playerWrap[data-v-80eec8a6] { height: 533px; position: relative; } .video-toolbar[data-v-80eec8a6] { -webkit-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #E3E5E7; padding-top: 16px; padding-bottom: 12px; height: 28px; line-height: 28px; } .video-toolbar .toolbar-left[data-v-80eec8a6] { float: left; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #61666D; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .video-toolbar .toolbar-left .on[data-v-80eec8a6] { color: #00AEEC; } .video-toolbar .toolbar-left .iconfont[data-v-80eec8a6] { font-size: 28px; vertical-align: bottom; margin-right: 8px; } .video-toolbar .toolbar-left .share .iconfont[data-v-80eec8a6] { font-size: 36px; } .video-toolbar .toolbar-left > span[data-v-80eec8a6] { width: 92px; margin-right: 8px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; fill: #61666D; } .video-toolbar .toolbar-left > span[data-v-80eec8a6]:hover, .video-toolbar .toolbar-left > span.on[data-v-80eec8a6] { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-left > span .info-text[data-v-80eec8a6] { overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; } .video-toolbar .toolbar-right[data-v-80eec8a6] { position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #61666D; height: 100%; font-size: 13px; } .video-toolbar .toolbar-right > div[data-v-80eec8a6], .video-toolbar .toolbar-right > span[data-v-80eec8a6] { -webkit-box-sizing: content-box; box-sizing: content-box; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; fill: #61666D; color: #61666D; } .video-toolbar .toolbar-right > div[data-v-80eec8a6]:hover, .video-toolbar .toolbar-right > span[data-v-80eec8a6]:hover { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-right .manuscript-report[data-v-80eec8a6] { margin-right: 18px; } .video-toolbar .toolbar-right .iconfont[data-v-80eec8a6] { margin-right: 8px; vertical-align: bottom; font-weight: bold; } .video-toolbar .toolbar-right .note-btn[data-v-80eec8a6] { position: relative; margin-right: 12px; } .van-popover.van-share[data-v-80eec8a6] { position: absolute; padding: 30px; top: 32px; z-index: 30; color: #18191C; background: #FFFFFF; border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); border-radius: 8px; font-size: 12px; } .van-popover.van-share .share_dropdown .share-pos[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .van-popover.van-share .share_dropdown .share-pos .box-left[data-v-80eec8a6] { width: 300px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn[data-v-80eec8a6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 60px; height: 60px; margin-bottom: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon[data-v-80eec8a6] { width: 40px; height: 40px; position: relative; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon .iconfont[data-v-80eec8a6] { font-size: 40px; position: absolute; } .share-btns .share-btn-icon .wechat[data-v-80eec8a6] { color: #3acf5a; } .share-btns .share-btn-icon .QQ[data-v-80eec8a6] { color: #4CA2E5; } .share-btns .share-btn-icon .qzone[data-v-80eec8a6] { color: #ecbf36; } .share-btns .share-btn-icon .weibo[data-v-80eec8a6] { color: #e62d26; } .share-btns .share-btn-icon .tieba[data-v-80eec8a6] { color: #247bd4; } .share-btns .share-btn-icon .dongtai[data-v-80eec8a6] { color: #FB7299; } .share-btns .share-btn-icon .code[data-v-80eec8a6] { color: #5DC1A5; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-text[data-v-80eec8a6] { line-height: 20px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link[data-v-80eec8a6] { height: 28px; background-color: #F6F7F8; border-radius: 6px; line-height: 28px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link input[data-v-80eec8a6] { border: none; background-color: #F6F7F8; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #61666D; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link .btn[data-v-80eec8a6] { color: #00AEEC; margin-left: 10px; cursor: pointer; } .van-popover.van-share .share_dropdown .share-pos .box-right[data-v-80eec8a6] { text-align: center; padding: 0 0 0 20px; border-left: 1px solid #E3E5E7; margin-left: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box[data-v-80eec8a6] { width: 145px; height: 145px; background: #FFFFFF; border: 1px solid #E3E5E7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; padding: 4px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box .van-qrcode[data-v-80eec8a6] { width: 135px; height: 135px; } .van-popover.van-share .share_dropdown .share-pos .box-right p[data-v-80eec8a6] { font-size: 15px; line-height: 21px; margin-top: 4px; } .van-popover.van-more[data-v-80eec8a6] { position: absolute; min-width: 142px; text-align: center; padding: 12px 0; background: #FFFFFF; border: 1px solid #F1F2F3; border-radius: 8px; font-size: 14px; color: #61666D; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 30; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); top: 28px; right: -10px; display: none; } .van-popover.van-more .more_dropdown li[data-v-80eec8a6] { cursor: default; height: 40px; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 29px; margin: 0; fill: #61666D; position: relative; } .van-popover.van-more .more_dropdown li[data-v-80eec8a6]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.1; } .van-popover.van-more .more_dropdown li[data-v-80eec8a6]:hover:before { background-color: #9499A0; } .van-popover.van-more .more_dropdown li .iconfont[data-v-80eec8a6] { font-size: 22px; } .watchlater[data-v-80eec8a6] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); width: 16px; height: 16px; background-size: 16px; margin-right: 10px; margin-left: 4px; } .van-popover.van-more .more_dropdown .ops-watch-later[data-v-80eec8a6] { position: absolute; width: 100%; height: 100%; background: none; right: 0; bottom: 0; cursor: default; } .video-toolbar .toolbar-right .more[data-v-80eec8a6] { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-toolbar .toolbar-right .more:hover .van-more[data-v-80eec8a6]{ display: block; } .video-toolbar[data-v-80eec8a6]:after { display: block; content: ''; clear: both; } .left-container-under-player[data-v-80eec8a6] { width: 100%; position: absolute; } .video-desc[data-v-80eec8a6] { margin: 16px 0; position: relative; } .video-desc .desc-info[data-v-80eec8a6] { -webkit-transition: all 0.3s; transition: all 0.3s; white-space: pre-line; font-size: 15px; color: #18191C; letter-spacing: 0; line-height: 24px; overflow: hidden; word-break: break-word; } .video-desc .toggle-btn[data-v-80eec8a6] { margin-top: 10px; font-size: 13px; line-height: 18px; } .video-desc .toggle-btn span[data-v-80eec8a6] { cursor: pointer; color: #61666D; } .video-desc .toggle-btn span[data-v-80eec8a6]:hover{ color: #00a1d6; } .s_tag[data-v-80eec8a6] { padding-bottom: 6px; margin: 16px 0 20px 0; border-bottom: 1px solid #E3E5E7; } .s_tag .tag-wrap[data-v-80eec8a6] { -webkit-transition: height 0.3s; transition: height 0.3s; } .clearfix[data-v-80eec8a6] { zoom: 1; } .s_tag .tag-wrap .tag-area[data-v-80eec8a6] { position: relative; } .s_tag .tag-wrap .tag-area > li[data-v-80eec8a6] { float: left; margin: 0 12px 8px 0; position: relative; } .s_tag .tag-wrap .tag-area > li .tag-link[data-v-80eec8a6] { color: #61666D; z-index: 10; height: 28px; line-height: 28px; display: inline-block; font-size: 13px; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F1F2F3; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link[data-v-80eec8a6] { color: #008AC5; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon[data-v-80eec8a6] { width: 15px; margin-right: 5px; vertical-align: sub; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .activity-m[data-v-80eec8a6] { margin: 24px 0; background-color: #FFFFFF; } .activity-m .inside-wrp[data-v-80eec8a6] { font-size: 14px; overflow: hidden; border: 1px solid #E3E5E7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-m .inside-wrp .left[data-v-80eec8a6] { float: left; margin-right: -320px; padding-left: 20px; padding-right: 320px; width: 100%; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; color: #18191C; } .activity-m .inside-wrp .l-inside[data-v-80eec8a6], .activity-m .inside-wrp .hinter-msg[data-v-80eec8a6] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .activity-m .inside-wrp .right[data-v-80eec8a6] { float: right; } .activity-m.act-end .inside-bg[data-v-80eec8a6] { height: 100px; } .activity-m .inside-wrp .right .inside-bg[data-v-80eec8a6] { position: relative; display: block; width: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; } .activity-m .inside-wrp .right .inside-bg[data-v-80eec8a6]:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container .right-container[data-v-80eec8a6] { width: 35%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 30px; padding-bottom: 20px; } .up-info[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 18px 0 10px 0; } .up-info .u-face[data-v-80eec8a6] { width: 48px; height: 48px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; } .up-info .u-face.has-pendant[data-v-80eec8a6] { width: 80px; height: 80px; } .up-info .u-face .u-face__avatar[data-v-80eec8a6] { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #C9CCD0; } .up-info .u-face .avatar-loaded[data-v-80eec8a6] { background-color: transparent; } .up-info .u-face.has-pendant .u-face__avatar[data-v-80eec8a6] { position: absolute; width: 47px; height: 47px; top: 18px; left: 18px; } .i-avatar[data-v-80eec8a6] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar *[data-v-80eec8a6] { margin: 0; padding: 0; } .i-avatar-face[data-v-80eec8a6] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-80eec8a6] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-80eec8a6] { border-radius: 50%; } .i-avatar-icon--personal[data-v-80eec8a6] { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTk0Mjk2OTAwOTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3NDgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MTJtLTUxMiAwYTUxMiA1MTIgMCAxIDAgMTAyNCAwIDUxMiA1MTIgMCAxIDAtMTAyNCAwWiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iNDc0OSI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNTEybS00MTguOTA5MDkxIDBhNDE4LjkwOTA5MSA0MTguOTA5MDkxIDAgMSAwIDgzNy44MTgxODIgMCA0MTguOTA5MDkxIDQxOC45MDkwOTEgMCAxIDAtODM3LjgxODE4MiAwWiIgZmlsbD0iI0ZGQzYyRSIgcC1pZD0iNDc1MCI+PC9wYXRoPjxwYXRoIGQ9Ik00NzQuMTEyIDc2My45NTA1NDVhMzMuMjggMzMuMjggMCAwIDEtMTQuMDU2NzI3IDQuMDQ5NDU1IDIxLjAzODU0NSAyMS4wMzg1NDUgMCAwIDEtMjEuMzE3ODE4LTIwLjgwNTgxOCAxOS41NDkwOTEgMTkuNTQ5MDkxIDAgMCAxIDEuMjEwMTgxLTUuODY0NzI3bDQwLjQ5NDU0Ni0xODcuNDM4NTQ2LTE2Ny42NTY3MjcgMC4zMjU4MThhMjEuMjI0NzI3IDIxLjIyNDcyNyAwIDAgMS0yMS44NzYzNjQtMjAuODA1ODE4IDIwLjQzMzQ1NSAyMC40MzM0NTUgMCAwIDEgOS40OTUyNzMtMTYuODQ5NDU0bDI1MC4xODE4MTgtMjU1Ljc2NzI3M2M0LjYwOC0yLjc5MjcyNyA5LjU0MTgxOC00Ljc0NzYzNiAxNC42NjE4MTgtNC43OTQxODJhMjEuMTMxNjM2IDIxLjEzMTYzNiAwIDAgMSAyMS4zNjQzNjQgMjAuODUyMzY0IDE5Ljk2OCAxOS45NjggMCAwIDEtMi43OTI3MjggOS43NzQ1NDVsLTQwLjIxNTI3MiAxODQuMzJoMTY3Ljg0MjkwOWEyMS4xNzgxODIgMjEuMTc4MTgyIDAgMCAxIDIxLjY0MzYzNiAyMC44NTIzNjQgMjAuMjkzODE4IDIwLjI5MzgxOCAwIDAgMS05LjQ5NTI3MyAxNi45NDI1NDVsLTI0OS40ODM2MzYgMjU1LjIwODcyN3oiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjQ3NTEiPjwvcGF0aD48L3N2Zz4=);*/ } .i-avatar-right-icon[data-v-80eec8a6] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .i-avatar .i-avatar-size-60[data-v-80eec8a6], .i-avatar .i-avatar-size-50[data-v-80eec8a6], .i-avatar .i-avatar-size-48[data-v-80eec8a6] { width: 18px; height: 18px; bottom: -1px; } .up-info .up-info_right[data-v-80eec8a6] { margin-left: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; } .up-info .up-info_right .name[data-v-80eec8a6] { height: 22px; line-height: 22px; font-size: 15px; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .up-info .up-info_right .name .username[data-v-80eec8a6] { color: #18191C; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 12px; max-width: calc(100% - 12px - 56px); } .up-info .up-info_right .name .username .mask[data-v-80eec8a6] { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.15); } .up-info .up-info_right .name .up-info_right_message[data-v-80eec8a6] { color: #61666D; font-size: 13px; -webkit-transition: color 0.3s; transition: color 0.3s; -ms-flex-negative: 0; flex-shrink: 0; } .up-info .up-info_right .name .up-info_right_message i[data-v-80eec8a6] { /*color: #61666D;*/ -webkit-transition: color 0.3s; transition: color 0.3s; } .up-info .up-info_right .name .up-info_right_message[data-v-80eec8a6]:hover { color: #00AEEC; } .up-info .up-info_right .desc[data-v-80eec8a6] { margin: 2px 0 10px 0; font-size: 13px; line-height: 16px; height: 16px; color: #9499A0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .up-info .btn-panel[data-v-80eec8a6] { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; white-space: nowrap; } .up-info .btn-panel .default-btn[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .btn-transition[data-v-80eec8a6] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .charge-btn[data-v-80eec8a6] { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .up-info .btn-panel .not-follow-charge-btn[data-v-80eec8a6] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .default-btn[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .not-follow-charge-btn[data-v-80eec8a6] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .following-charge-btn[data-v-80eec8a6] { background: #00AEEC; color: #FFFFFF; } .up-info .btn-panel .btn-transition[data-v-80eec8a6] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .follow-btn[data-v-80eec8a6] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 200px; } .up-info .btn-panel .not-follow[data-v-80eec8a6] { background: #00AEEC; color: #fff; } .up-info .btn-panel .following[data-v-80eec8a6] { color: #9499A0; background-color: #E3E5E7; } .up-info .btn-panel .has-charge[data-v-80eec8a6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .up-info .btn-panel .follow-btn > span[data-v-80eec8a6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .up-info .btn-panel .has-charge i[data-v-80eec8a6] { margin-right: 4px; } .video-container .danmaku-box[data-v-80eec8a6] { margin-bottom: 18px; } #danmukuBox[data-v-80eec8a6] { margin-top: 0; } .video-container .danmaku-box .danmaku-wrap[data-v-80eec8a6] { min-height: 44px; background: #F1F2F3; border-radius: 6px; } .danmaku-wrap .danmu-header[data-v-80eec8a6]{ display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 46px; width: 100%; color: #222; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .danmaku-wrap .danmu-header .bui-collapse-arrow[data-v-80eec8a6] { position: absolute; right: 10px; } .danmaku-wrap .danmu-header .player-danmu-filter[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 6px; padding-left: 16px; height: 44px; line-height: 44px; } .danmaku-wrap .danmu-header .player-auxiliary-filter-title[data-v-80eec8a6] { font-size: 15px; color: #18191c; height: 100%; font-weight: 500; } .danmaku-wrap .danmu-header .player-auxiliary-filter-menu[data-v-80eec8a6] { cursor: pointer; font-size: 16px; color: #61666d; position: absolute; text-align: center; left: calc(100% + 12px); font-weight: bold; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap[data-v-80eec8a6] { position: absolute; /*display: none;*/ z-index: 2; left: 50%; top: 35px; width: 80px; padding: 8px 0; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 8px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); font-weight: normal; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list[data-v-80eec8a6] { line-height: 36px; height: 36px; position: relative; font-size: 14px; cursor: pointer; text-align: center; color: #18191c; -webkit-transition: color .3s; transition: color .3s; } .danmu-body[data-v-80eec8a6] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height .3s; transition: height .3s; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; /*border-bottom: solid 20px #F1F2F3;*/ display: none; } .danmu-body .player-auxiliary-danmaku[data-v-80eec8a6] { overflow: hidden; position: relative; } .danmaku-wrap .player-auxiliary-danmaku-management[data-v-80eec8a6] { text-align: center; color: #61666d; background-color: #fff; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function[data-v-80eec8a6] { position: relative; overflow: hidden; z-index: 1; background-color: #fff; zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-][data-v-80eec8a6] { font-size: 12px; color: #61666d; height: 32px; border: 0; padding: 0 6px; line-height: 32px; cursor: pointer; display: inline-block; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-time[data-v-80eec8a6] { width: 60px; padding-left: 16px; padding-right: 0; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-danmaku[data-v-80eec8a6] { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] .bp-icon[data-v-80eec8a6] { display: inline-block; width: 8px; height: 4px; position: absolute; right: 5px; font-size: 8px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-date[data-v-80eec8a6], .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-uname[data-v-80eec8a6] { width: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control[data-v-80eec8a6] { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-title[data-v-80eec8a6] { float: left; height: 32px; color: #9499a0; margin-left: 10px; line-height: 32px; } .bui-button[data-v-80eec8a6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; min-width: 68px; height: 24px; font-size: 12px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateZ(0); transform: translateZ(0); background: none; padding: 0; outline: none; color: inherit; text-align: inherit; line-height: inherit; } .bui-button.bui-button-gray3[data-v-80eec8a6] { color: #999; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-cancel[data-v-80eec8a6] { position: absolute; top: 5px; width: 50px; right: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-submit[data-v-80eec8a6] { position: absolute; top: 5px; width: 50px; right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap[data-v-80eec8a6] { height: 420px; background-color: #fff; position: relative; } .player-auxiliary-bscrollbar[data-v-80eec8a6] { position: relative; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-contaner[data-v-80eec8a6] { height: 100%; /*overflow: hidden;*/ -ms-touch-action: pan-x; touch-action: pan-x; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*overflow: auto;*/ } .bpui-selectable[data-v-80eec8a6] { position: relative; } .bpui-selectable-row[data-v-80eec8a6] { line-height: 24px; height: 24px; font-size: 13px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row[data-v-80eec8a6] { line-height: 24px; height: 24px; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; overflow: hidden; color: #61666d; display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span[data-v-80eec8a6] { vertical-align: top; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; text-align: left; display: inline-block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-time[data-v-80eec8a6] { width: 60px; position: relative; overflow: hidden; padding-left: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku[data-v-80eec8a6] { color: #18191c; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-date[data-v-80eec8a6] { width: 88px; white-space: nowrap; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block[data-v-80eec8a6]:after { content: "\5DF2\5C4F\853D"; color: #ccd0d7; display: inline-block; width: 70px; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: right; padding-right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-danmaku[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-time[data-v-80eec8a6] { color: #ccd0d7; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-float-layer[data-v-80eec8a6] { display: none; position: absolute; bottom: 2px; right: 12px; height: 22px; z-index: 1; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row:hover .danmaku-info-float-layer[data-v-80eec8a6] { display: block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-80eec8a6] { display: inline-block; margin-left: 10px; -webkit-transition: background-color .3s; transition: background-color .3s; width: 70px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #00aeec; border-radius: 2px; color: #00aeec; background: #fff; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-80eec8a6]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-80eec8a6]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-80eec8a6]:hover { color: #fff; background-color: #00aeec; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child[data-v-80eec8a6] { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 10002; overflow: hidden; /* display: none; */ } .player-auxiliary-panel-title[data-v-80eec8a6] { padding-left: 22px; line-height: 60px; color: #18191c; font-size: 14px; border-bottom: 1px solid #f1f2f3; text-align: left; overflow: hidden; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title[data-v-80eec8a6] { background-color: #fff; width: 100%; font-size: 12px; color: #99a2aa; -webkit-box-sizing: border-box; box-sizing: border-box; height: 32px; z-index: 3; padding-left: 20px; line-height: 32px; } .player-auxiliary-panel-title .player-auxiliary-panel-close[data-v-80eec8a6] { cursor: pointer; position: absolute; top: 0; right: 0; margin-right: 16px; line-height: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-danmaku-btn-footer[data-v-80eec8a6] { position: relative; width: auto; height: 39px; background: #fff; overflow: hidden; z-index: 10001; } .bui-button.bui-button-gray2[data-v-80eec8a6] { color: #505050; background-color: #f4f4f4; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-80eec8a6] { width: 100%; height: 31px; line-height: 31px; margin-top: 8px; border-radius: 6px; background-color: #f1f2f3; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-80eec8a6]:not(.bui-button-disabled) { color: #18191c; } /* 屏蔽列表*/ .danmaku-wrap .player-auxiliary-block[data-v-80eec8a6] { width: 100%; /* display: none; */ z-index: 21; background: #fff; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-80eec8a6] { overflow: hidden; border-bottom: 1px solid #e3e5e7; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-80eec8a6] { height: 100%; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tablist[data-v-80eec8a6] { margin: 0 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-80eec8a6] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel.no-bottom[data-v-80eec8a6] { padding-bottom: 0; border-bottom: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-80eec8a6] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title[data-v-80eec8a6] { float: left; padding-top: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row .player-auxiliary-block-label[data-v-80eec8a6] { color: #9499a0; line-height: 24px; display: inline-block; *display: inline; *zoom: 1; margin-right: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title .player-auxiliary-block-label[data-v-80eec8a6] { font-weight: 700; font-size: 12px; color: #18191c; vertical-align: middle; } .bui-button.bui-button-text[data-v-80eec8a6] { color: #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn[data-v-80eec8a6] { float: right; margin: 16px 0; background: none; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn:active .bp-icon[data-v-80eec8a6] { -webkit-transform: rotate( -1turn ); transform: rotate( -1turn ); } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .bp-icon[data-v-80eec8a6] { margin-right: 5px; vertical-align: middle; -webkit-transition: all .5s; transition: all .5s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .player-sync-txt[data-v-80eec8a6] { vertical-align: middle; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-80eec8a6] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-80eec8a6] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short[data-v-80eec8a6] { font-size: 12px; width: 135px; padding-left: 5px; border: 1px solid #e3e5e7; height: 20px; line-height: 20px; display: inline-block; margin-right: 10px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short.player-auxiliary-block-string-short[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string.player-auxiliary-block-string-short[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 214px; height: 24px; line-height: 24px; margin-right: 6px; padding: 1px 10px; border-radius: 2px; vertical-align: middle; background-color: #fff; color: #18191c; } .bui-button.bui-button-gray[data-v-80eec8a6] { background-color: #e5e9ef; color: #212121; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn[data-v-80eec8a6] { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn.bui-button.bui-button-gray[data-v-80eec8a6] { background-color: #f1f2f3; color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-80eec8a6] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .bui[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bui-tabs[data-v-80eec8a6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs[data-v-80eec8a6] { margin-top: 16px; margin-bottom: -11px; } .bui-tabs .bui-tabs-header[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-80eec8a6] { text-align: center; margin-right: 20px; font-size: 12px; color: #212121; cursor: pointer; } .bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-80eec8a6] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-80eec8a6] { color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-80eec8a6] { color: #00aeec; border-bottom-color: #00aeec; } .bui-tabs .bui-tabs-body .bui-tabs-body-item.bui-tabs-body-item-active[data-v-80eec8a6] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.player-auxiliary-border[data-v-80eec8a6] { padding: 5px 0; margin-top: 10px; background-color: #f1f2f3; border-radius: 2px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.active-1 .player-auxiliary-border[data-v-80eec8a6] { border-radius: 0 4px 4px 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; font-size: 12px; line-height: 24px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-block-list-function-content[data-v-80eec8a6] { text-align: left; width: 150px; padding-left: 9px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-delete[data-v-80eec8a6], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-state[data-v-80eec8a6] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40px; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function>div .player-auxiliary-block-list-function-sync[data-v-80eec8a6] { display: block; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap[data-v-80eec8a6] { -webkit-transition: height .3s; transition: height .3s; overflow: auto; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty[data-v-80eec8a6] { height: 100px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-empty[data-v-80eec8a6] { display: none; width: 100%; height: 100%; line-height: 100px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty .player-auxiliary-block-empty[data-v-80eec8a6] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list[data-v-80eec8a6] { padding: 0 6px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; height: 24px; color: #18191c; background: #fff; position: relative; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-80eec8a6]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .1; content: ""; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-content[data-v-80eec8a6] { text-align: left; display: inline-block; width: 150px; padding-left: 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div[data-v-80eec8a6] { font-size: 12px; line-height: 24px; white-space: nowrap; height: 24px; text-overflow: ellipsis; overflow: hidden; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-state[data-v-80eec8a6] { text-align: center; display: inline-block; cursor: pointer; color: #00aeec; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-delete[data-v-80eec8a6] { text-align: center; display: inline-block; cursor: pointer; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-delete[data-v-80eec8a6] { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 14px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-sync[data-v-80eec8a6] { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-sync[data-v-80eec8a6] { -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; display: inline-block; cursor: default; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-80eec8a6]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .video-card-ad-small[data-v-80eec8a6] { color: #18191C; -webkit-transition: color 0.3s; transition: color 0.3s; } .ad-report[data-v-80eec8a6]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-card-ad-small .vcd[data-v-80eec8a6] { margin: 18px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-card-ad-small .vcd .cover[data-v-80eec8a6] { margin-right: 10px; border-radius: 6px; width: 141px; height: 80px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } img[data-v-80eec8a6] { vertical-align: middle; border-style: none; } .video-card-ad-small .vcd .cover img[data-v-80eec8a6] { width: 100%; height: 100%; border-radius: 6px !important; } .video-card-ad-small .vcd .info[data-v-80eec8a6] { font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .video-card-ad-small .vcd .info .title[data-v-80eec8a6] { display: block; font-size: 15px; line-height: 19px; margin-bottom: 6px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; } .video-card-ad-small .vcd .info .desc[data-v-80eec8a6] { color: #9499A0; letter-spacing: 0; display: -webkit-box; /*overflow: hidden;*/ text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; line-height: 16px; } .video-card-ad-small .vcd .info .desc i[data-v-80eec8a6] { margin-right: 6px; vertical-align: top; border: solid 1px #80808075; font-size: 12px; font-style: inherit; border-radius: 3px; padding: 1px 3px; } .recommend-list[data-v-80eec8a6] { margin-top: 18px; } .recommend-list .rec-title[data-v-80eec8a6] { font-size: 15px; font-weight: 500; -webkit-font-smoothing: antialiased; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; line-height: 20px; } .next-button[data-v-80eec8a6] { font-size: 12px; color: #999; line-height: 22px; cursor: pointer; } .recommend-list .rec-title .next-button[data-v-80eec8a6] { color: #9499A0; font-size: 13px; line-height: 16px; font-weight: normal; -webkit-font-smoothing: antialiased; } .next-button .txt[data-v-80eec8a6] { margin-right: 4px; vertical-align: middle; } .video-page-card-small[data-v-80eec8a6] { margin-bottom: 12px; } .video-page-card-small .card-box[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-page-card-small .card-box .pic-box[data-v-80eec8a6] { position: relative; width: 141px; height: 80px; border-radius: 6px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .video-page-card-small .card-box .pic-box .pic[data-v-80eec8a6] { position: relative; overflow: hidden; border-radius: 6px; width: 100%; height: 100%; } .video-page-card-small .card-box .pic-box .pic.loaded[data-v-80eec8a6]:before { content: ""; position: absolute; bottom: 0; left: 0; height: 28px; width: 100%; padding: 6px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); border-radius: 0 0 6px 6px; } .video-page-card-small .card-box .pic-box .framepreview-box[data-v-80eec8a6] { height: calc(100% + 10px); position: absolute; width: 100%; bottom: 0; } .video-page-card-small .card-box .pic-box .framepreview-box .box-a[data-v-80eec8a6] { display: block; position: absolute; top: 10px; } .video-page-card-small .card-box .pic-box .pic img[data-v-80eec8a6] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin: 0 auto; } .video-page-card-small .card-box .pic-box .pic .mask-video[data-v-80eec8a6] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.07); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } .video-page-card-small .card-box .pic-box .pic .duration[data-v-80eec8a6] { position: absolute; bottom: 6px; right: 8px; line-height: 15px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 5; font-size: 13px; } .van-watchlater[data-v-80eec8a6] { position: absolute; z-index: 20; width: 22px; height: 22px; right: 8px; bottom: 8px; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); } .van-watchlater.black[data-v-80eec8a6] { width: 28px; height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .video-page-card-small .card-box .pic-box .watch-later-video[data-v-80eec8a6] { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 6px; top: 6px; right: 6px; } .van-watchlater .wl-tips[data-v-80eec8a6] { position: absolute; font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: #000; background: rgba(0,0,0,.8); white-space: nowrap; top: -30px; } .video-page-card-small .card-box .pic-box .watch-later-video .wl-tips[data-v-80eec8a6] { top: 32px; } .video-page-card-small .card-box .info[data-v-80eec8a6] { margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; line-height: 15px; width: calc(100% - 151px); } .video-page-card-small .card-box .info .title[data-v-80eec8a6] { color: #18191C; font-size: 15px; line-height: 19px; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; -webkit-box-orient: vertical; } .video-page-card-small .card-box .info .upname[data-v-80eec8a6] { cursor: pointer; margin: 2px 0; height: 20px; } .video-page-card-small .card-box .info .upname a[data-v-80eec8a6] { color: #9499A0; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .video-page-card-small .card-box .info .upname a i[data-v-80eec8a6] { margin-right: 4px; fill: #9499A0; -webkit-transition: fill 0.3s; transition: fill 0.3s; -webkit-transform: translateY(0.5px); transform: translateY(0.5px); } .video-page-card-small .card-box .info .upname a .name[data-v-80eec8a6] { width: calc(100% - 24px); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; } .video-page-card-small .card-box .info .playinfo[data-v-80eec8a6] { color: #9499A0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-80eec8a6] { margin-right: 5px; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-80eec8a6]:last-child{ margin-left: 5px; } .video-page-card-small .card-box .info .playinfo .play[data-v-80eec8a6], .video-page-card-small .card-box .info .playinfo .dm[data-v-80eec8a6] { margin-right: 4px; } .recommend-list .split-line[data-v-80eec8a6] { width: 100%; height: 1px; background: #E3E5E7; } .recommend-list .rec-list[data-v-80eec8a6] { margin-top: 18px; } .recommend-list .rec-footer[data-v-80eec8a6] { height: 42px; background: #F1F2F3; color: #18191C; margin-top: 10px; text-align: center; line-height: 42px; cursor: pointer; border-radius: 6px; } .ad-floor-exp[data-v-80eec8a6] { position: relative; } .ad-report[data-v-80eec8a6]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-container #right-bottom-banner[data-v-80eec8a6] { margin-top: 18px; border-radius: 6px; width: 100%; height: 160px; overflow: hidden; } .video-container .right-container.small-mode #right-bottom-banner[data-v-80eec8a6] { height: 175px; } .lazy-img[data-v-80eec8a6] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) center center no-repeat; width: 100%; height: 100%; display: inline-block; } .ad-floor-exp .lazy-img[data-v-80eec8a6] { background: transparent; } .lazy-img img[data-v-80eec8a6] { display: block; width: 100%; height: 100%; } .ad-floor-exp .lazy-img img[data-v-80eec8a6] { border-radius: 6px; } .video-container #right-bottom-banner span[data-v-80eec8a6] { position: absolute; bottom: 3px; font-size: 15px; left: 10px; text-shadow: 1px 1px 3px #000; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; font-weight: 500; -webkit-font-smoothing: antialiased; } .float-nav-exp[data-v-80eec8a6] { position: fixed; right: 6px; bottom: 50px; z-index: 6; } .float-nav-exp .nav-menu .item[data-v-80eec8a6] { border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: 40px; margin-bottom: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; color: #18191C; fill: #18191C; text-align: center; padding: 8px 0 4px 0; background-color: #FFFFFF; } .float-nav-exp .nav-menu .item-icon[data-v-80eec8a6] { width: 24px; height: 24px; margin: 0 auto 2px; } .float-nav-exp .nav-menu .item-text[data-v-80eec8a6] { line-height: 14px; } .float-nav-exp .nav-menu .item.backup[data-v-80eec8a6] { padding: 8px 0; margin-bottom: 0; } /*收藏*/ .cc-modal[data-v-80eec8a6] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-80eec8a6] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-80eec8a6], .cc-modal .overlay[data-v-80eec8a6] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-80eec8a6] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; } .fv-modal .modal .fv-header[data-v-80eec8a6] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; text-align: center; } .fv-modal .modal .modal-close[data-v-80eec8a6] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .content[data-v-80eec8a6] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-80eec8a6] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-80eec8a6] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-80eec8a6] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-80eec8a6] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-80eec8a6] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-80eec8a6] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-80eec8a6] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-80eec8a6] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-80eec8a6] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-80eec8a6] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-80eec8a6] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-80eec8a6] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-80eec8a6] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-80eec8a6] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-80eec8a6] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-80eec8a6] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-80eec8a6] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } /*投币*/ .fv-modal .modal .coin-title[data-v-80eec8a6] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .fv-modal .modal .coin-title span[data-v-80eec8a6] { font-size: 30px; color: #00AEEC; } .fv-modal .modal .mc[data-v-80eec8a6] { text-align: center; zoom: 1; } .fv-modal .modal .mc-box[data-v-80eec8a6] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .fv-modal .modal .mc-box.left-con[data-v-80eec8a6] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .fv-modal .modal .mc-box .coin-run-box[data-v-80eec8a6] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .fv-modal .modal .mc-box .coin-run[data-v-80eec8a6] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .modal .mc-box .c-num[data-v-80eec8a6] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .fv-modal .modal .mc-box.on[data-v-80eec8a6] { border-style: solid; border-color: #02a0d8; background: transparent; } .fv-modal .modal .mc-box.on .c-num[data-v-80eec8a6] { color: #00AEEC; } .fv-modal .modal .mc-box.on .coin-run[data-v-80eec8a6]{ color: #00AEEC; } .fv-modal .modal .like-checkbox[data-v-80eec8a6] { margin: 12px 0 0 37px; font-size: 12px; color: #18191C; line-height: 16px; } .fv-modal .modal .coin-bottom[data-v-80eec8a6] { text-align: center; padding: 25px 0; } .bi-btn[data-v-80eec8a6] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .bi-btn[data-v-80eec8a6] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .tips[data-v-80eec8a6] { font-size: 12px; color: #9499A0; margin-top: 10px; } /*投诉*/ .modal .header[data-v-80eec8a6] { position: relative; width: 100%; z-index: 100000; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e9ef; font-size: 16px; text-align: center; } .modal .header .close[data-v-80eec8a6] { position: absolute; display: inline-block; right: 20px; cursor: pointer; } .modal .wrap[data-v-80eec8a6] { width: 100%; position: relative; height: 428px; overflow: auto; } .modal .container[data-v-80eec8a6] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px; } .modal .container .question[data-v-80eec8a6] { font-size: 14px; color: #222; margin-bottom: 18px; } .modal .container .options .option-error[data-v-80eec8a6], .modal .container .options[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .modal .container .option[data-v-80eec8a6]{ cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; font-size: 14px; margin-bottom: 14px; } .modal .container .textarea[data-v-80eec8a6] { margin-bottom: 30px; } .modal .container .img-list[data-v-80eec8a6] { margin-bottom: 10px; } .modal .container .textarea .memo[data-v-80eec8a6] { font-size: 14px; margin-bottom: 10px; } .modal .container .textarea .textarea-warp[data-v-80eec8a6] { width: 100%; position: relative; } .modal .container .textarea .textarea-warp textarea[data-v-80eec8a6] { overflow: auto; resize: none; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; height: 108px; font-size: 14px; outline: none; } .modal .container .textarea .textarea-warp .limit[data-v-80eec8a6] { color: #99a2aa; font-size: 12px; bottom: 11px; right: 5px; position: absolute; } .modal .container .upload-area .img-list[data-v-80eec8a6] { width: 100%; } .modal .container .upload-area[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 10px; } .modal .container .upload-area .add-img[data-v-80eec8a6] { display: inline-block; position: relative; height: 60px; line-height: 60px; width: 60px; } .modal .container .upload-area .add-img .img-wrap[data-v-80eec8a6] { border-radius: 4px; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 60px; border: 1px dashed #ccd0d7; cursor: pointer; } .modal .container .upload-area .add-img .img-wrap img[data-v-80eec8a6] { width: 22px; height: 22px; } .modal .container .upload-area .img-file[data-v-80eec8a6] { cursor: pointer; z-index: 10000; position: absolute; opacity: 0; top: 0; left: 0; vertical-align: middle; width: 60px; height: 60px; margin-right: 10px; } .modal .img-text[data-v-80eec8a6] { font-size: 12px; color: #99a2aa; text-align: left; } .modal .complaint.submit[data-v-80eec8a6] { position: relative; width: 100%; background-color: #fff; border-top: 1px solid #e5e9ef; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -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; text-align: center; } .modal .complaint.submit .cancel[data-v-80eec8a6] { cursor: pointer; font-size: 14px; width: 140px; background: #fff; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; color: #6d757a; border-radius: 4px; border: 1px solid #ccd0d7; } .modal .complaint.submit .confirm[data-v-80eec8a6] { cursor: pointer; font-size: 14px; width: 140px; margin-right: 24px; background: #00a1d6; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; } /* 二维码*/ .modal .title[data-v-80eec8a6] { position: relative; padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px; color: #18191C; border-bottom: 1px solid #E3E5E7; text-align: center; } .modal .title .close[data-v-80eec8a6] { position: absolute; right: 20px; line-height: 50px; } .modal .app-look[data-v-80eec8a6] { padding: 30px 20px; } .modal .app-look .i-t[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal .app-look .i-t .qrcode[data-v-80eec8a6] { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: #eee; } .van-qrcode[data-v-80eec8a6] { display: inline-block; } .modal .app-look .i-t .v-title[data-v-80eec8a6] { font-size: 14px; margin-left: 15px; line-height: 22px; white-space: normal; } .modal .app-look .foot-txt[data-v-80eec8a6] { text-align: center; line-height: 20px; margin-top: 20px; font-size: 14px; } /* 评论*/ .video-container #comment[data-v-80eec8a6] { margin-top: 24px; z-index: 9; position: relative; } .reply-header .reply-navigation[data-v-80eec8a6] { margin-bottom: 22px; } .reply-header .reply-navigation .nav-bar[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; } .reply-header .reply-navigation .nav-bar .nav-title[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-80eec8a6] { font-weight: 500; } .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-80eec8a6] { margin: 0 36px 0 6px; font-weight: normal; color: gray; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-80eec8a6] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-80eec8a6]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-80eec8a6] { color: #000 } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-80eec8a6] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-80eec8a6]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-80eec8a6] { color: #000; } .reply-header .reply-navigation .nav-bar .nav-sort .part-symbol[data-v-80eec8a6] { height: 11px; margin: 0 12px; border-left: solid 1px; } /* 充电*/ .fv-modal .charge-qr[data-v-80eec8a6]{ height: 600px; width: 600px; } .fv-modal .charge-not-qr[data-v-80eec8a6]{ height: 450px; } .fv-modal .charge-title[data-v-80eec8a6]{ font-size: 18px; /*height: 90px;*/ } .fv-modal .flex-center[data-v-80eec8a6], .flex-start[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-center[data-v-80eec8a6] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fv-modal .user-link[data-v-80eec8a6] { height: 34px; line-height: 34px; background-color: #f4f5f7; border: 1px solid #e5e9ef; border-radius: 18px; margin: 0 10px; } .fv-modal .charge-user[data-v-80eec8a6] { width: 34px; height: 34px; } .fv-modal img[data-v-fbde88fa][data-v-80eec8a6] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%; } .fv-modal .user-link .user-name[data-v-80eec8a6] { margin: 0 10px; font-size: 14px; } .fv-modal .charge-bottom[data-v-80eec8a6] { padding: 34px 20px 30px; position: relative; } .fv-modal .flex-start[data-v-80eec8a6] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fv-modal .charge-battery-list li[data-v-80eec8a6] { width: 100px; margin-right: 20px; cursor: pointer; } .charge-battery-list li[data-v-80eec8a6]:last-child { margin-right: 0; } .fv-modal .battery-item[data-v-80eec8a6] { margin-bottom: 24px; } .fv-modal .battery-item .battery-bg[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #e5e9ef; border-radius: 4px; height: 100px; position: relative; color: gray; } .fv-modal .battery-item .battery-bg .coin-run[data-v-80eec8a6] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .battery-item.active .battery-bg[data-v-80eec8a6] { border-color: #00a1d6; background-color: #fff; color: #00a1d6; } .fv-modal .electric-power[data-v-80eec8a6] { margin-top: 6px; } .fv-modal .battery-item .battery-text[data-v-80eec8a6] { font-size: 14px; height: 24px; line-height: 24px; font-weight: 700; text-align: center; } .fv-modal .flex-between[data-v-80eec8a6], .flex-end[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-between[data-v-80eec8a6] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fv-modal .battery-item .battery-tool[data-v-80eec8a6] { position: relative; } .battery-item.active .battery-text[data-v-80eec8a6] { color: #00a1d6; } .fv-modal .battery-item .battery-tool input[data-v-80eec8a6] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; width: 68px; height: 24px; line-height: 24px; padding: 0 0 0 5px; font-size: 12px; color: #99a2aa; margin-right: 1px; } input[data-v-80eec8a6]::-webkit-outer-spin-button, input[data-v-80eec8a6]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"][data-v-80eec8a6]{ -moz-appearance: textfield; } .fv-modal .battery-item .battery-tool>div[data-v-80eec8a6] { position: absolute; bottom: 0; left: 0; height: 24px; line-height: 24px; color: red; font-size: 12px; font-weight: 300; width: 9em; text-align: left; -webkit-transform: translateY(100%); transform: translateY(100%); /*display: none;*/ } .fv-modal .charge-info-box[data-v-80eec8a6] { height: 20px; } .fv-modal .charge-info[data-v-80eec8a6] { font-size: 14px; color: #212121; line-height: 20px; height: 20px; text-align: center; } .fv-modal .charge-info span[data-v-80eec8a6] { font-weight: 700; color: #00a1d6; } .fv-modal .split-line[data-v-80eec8a6] { height: 1px; background: #e7e7e7; } .fv-modal .charge-line[data-v-80eec8a6] { margin: 12px 0; } .fv-modal .battery-pay-info[data-v-80eec8a6] { height: 25px; line-height: 25px; font-size: 18px; color: #212121; margin-right: 20px; } .fv-modal .battery-pay-info span.money[data-v-80eec8a6] { color: #00a1d6; font-weight: 700; } .fv-modal .battery-pay-tips[data-v-80eec8a6] { height: 18px; cursor: pointer; } .fv-modal .battery-pay-tips span[data-v-80eec8a6] { font-size: 12px; line-height: 18px; height: 18px; color: #999; margin-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fv-modal .charge-qr-code[data-v-80eec8a6] { height: 140px; margin: 12px auto 4px; } .fv-modal .charge-qr-code>div[data-v-80eec8a6] { margin: 0 auto; width: 130px; height: 130px; padding: 5px; } .fv-modal .battery-tips[data-v-80eec8a6], .tip[data-v-80eec8a6] { font-size: 12px; color: #999; text-align: center; } .fv-modal .battery-tips-margin[data-v-80eec8a6] { margin-bottom: 12px; font-size: 16px; } .fv-modal .choose-pay[data-v-80eec8a6] { padding: 10px; border: solid 1px #C9CCD0; border-radius: 5px; margin-right: 10px; } .fv-modal .choose-pay.active[data-v-80eec8a6] { color: #00a1d6; border-color: #00a1d6; } .fv-modal .icon-alipay[data-v-80eec8a6], .icon-wxpay[data-v-80eec8a6] { width: 16px; height: 16px; display: inline-block; } .fv-modal .icon-alipay[data-v-80eec8a6] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB+UExURUdwTACr7wCq7gCq7gCq7gCq7gCq7wCt9gCr9AC3/wCq7gCq7gCs8QCq7gCq7gCq7gDD/wCt8ACq7gCs/wCq7gCr8ACq7gCr7wCr8ACr8ACq7gCw/ACr7wCr8ACq7wCq7wCr7wCr7gCq7wCv8gCq7gCr7wCq7gCs8ACq7gCq7sR7yzUAAAApdFJOUwBkl8/ayIIbFwfy5EeL9foCIsAF6lXzlSs01QxwO6BfeU3gE7qPqEJa6gBGCwAAAVRJREFUeNp909mWgyAMBuBfqihqK+5aa926TN7/BWdAxdNjx+/SQ0wICTZpWCZ2UdhJGabY85hPhs88fBL8Qh8uXHyEO7TjeDCqgL4IKhMf0FeBB004ZFyHNifDEVA4be5ATBuuE8z12yeFA+5Jy/RdVBJG2uAqEyBdbf7MgNSnfQrDTxHS0QEKwWhldV3XAo2lRDQrkdDqeV50QE2LBDbtWEBPCxsFLSJaZA2kCSvmA9G9bjC1ve7pDRi2a+gUfo2m661aoip9R0Jsea+6yDdC3biAT2g84EzGA6U6JTIzJ/hzG2nFVKMcVCblG4oMXxfSQtXqSKTBkrEC8pG7AJr8PhJlKcBU3bGq37YExFNd6tVCcfOf5bktCbeOAZlf1+pvHlZcBfd53ebPkTbRw4rNyP0jEcdDa0/HY5/Fx4vzcA9XL7rJo+UNuPn9bv2jzGGDhPEL4Ypiu+48txgAAAAASUVORK5CYII=); background-size: cover; } .fv-modal .battery-tips-margin .icon-alipay[data-v-80eec8a6], .battery-tips-margin .icon-wxpay[data-v-80eec8a6] { margin: 4px; vertical-align: bottom; } .fv-modal .icon-wxpay[data-v-80eec8a6] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTCSvQTC+SySvQSaxQSSwQVLpaCSvQSSvQSSvQS64SSWxQiSvQSSvQSSvQf///yWxQyawQiu3RyWxRCawQiSvQiSvQSSwQSSvQSSvQSSwQSSvQSSvQSSvQSSwQSS0RSSwQiSwQiSxQiSvQSSwQSSvQSWxQSWyQiSvQQE1DyYAAAAodFJOUwD1CftBfQPA8P4NKKXhqwE/Mxc6T4ea05W4kNvrzWIeVG9a5oKzSUeztxLSAAABEklEQVR42n3S67KCIBSG4c8URfKQZ9NSq6nW/V/hHtyIGtHzS+edgQUDVqKsg97hzbOdDjAdE5c0XmfYy6OQdsJOYKOIyRCfoN1d+sJ9Q/HmbnIKNR4ni2cK6WzJgRqi/JFHucnVmjHwADha8xgQhSMYzXr3I/s3R/6wZcSheGwzjmrnBA3NIuTnNftsWfAKri5FIH3fCsyyhhYXOOrrhsWhcklz0Oi1lFNPG/16jxkkUYf7E6MlpZa9fNBeC49Ij5kn9MlDGuvVOm70iw8w+oEBELG9x/Pz9kKymTDrbL3Cv7T93qMUi4pMYeVD813zgCVW5rPiTGBrkk9jiC6qRneBPUZ8kDuN2euV5T4MXTLC4g+jtWYGMpTRaQAAAABJRU5ErkJggg==); background-size: cover; } .fv-modal .tip[data-v-80eec8a6] { font-weight: 700; margin-top: 6px; } .fv-modal .btn-default[data-v-80eec8a6], .btn-default-mobile[data-v-80eec8a6], .btn-primary[data-v-80eec8a6] { min-height: 40px; min-width: 88px; text-align: center; line-height: 38px; font-size: 14px; cursor: pointer; border-radius: 4px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .fv-modal .btn-default[data-v-80eec8a6] { border: 1px solid #00a1d7; background: #00a1d7; color: #fff; } .fv-modal .btn-disabled[data-v-80eec8a6] { cursor: auto; } .fv-modal .btn-disabled[data-v-80eec8a6], .btn-disabled[data-v-80eec8a6]:hover { background: #ccd0d7; border-color: #ccd0d7; } .fv-modal .charge-btn-style[data-v-80eec8a6] { width: 124px; display: block; margin: 24px auto 12px; } /* 弹幕举报*/ .b-back-panel[data-v-80eec8a6] { position: absolute; top: 50%; left: 50%; width: 400px; min-height: 300px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 2px; background-color: #e3e5e7; color: #373a3e; overflow: hidden; z-index: 9; } .b-back-panel .b-back-title[data-v-80eec8a6] { font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px solid hsla(0,0%,100%,.12); } .b-back-panel-close[data-v-80eec8a6] { position: absolute; right: 10px; height: 22px; width: 22px; fill: #fff; z-index: 2; cursor: pointer; } .b-back-panel .b-back-content-default[data-v-80eec8a6] { font-size: 12px; margin: 15px 26px; } .b-back-panel .b-back-content-default .report-content[data-v-80eec8a6] { height: 14px; line-height: 14px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px auto 16px; text-align: center; font-size: 14px; } .b-back-panel .b-back-content-default .danmaku-report-block[data-v-80eec8a6] { display: block; text-align: center; } .b-back-panel .b-back-content-default textarea[data-v-80eec8a6] { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; line-height: 16px; outline: none; resize: none; width: 100%; height: 48px; background-color: white; border-radius: 4px; padding: 10px; /*color: white;*/ font-size: 12px; border: 1px solid transparent; margin: 6px auto 0; } .b-back-panel .b-back-content-tabmenu[data-v-80eec8a6] { height: 130px; position: relative; text-align: left; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-80eec8a6] { position: relative; display: block; float: left; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; height: 24px; line-height: 18px; cursor: pointer; width: 174px; } .b-back-panel.barrage-report .b-back-content-tabmenu .b-back-tabmenu-list[data-v-80eec8a6] { width: 116px; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-80eec8a6]:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-80eec8a6]:before { content: ""; border-color: #00a1d6; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-80eec8a6]:after { content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; background: #00a1d6; border-radius: 50%; } .b-back-panel .b-back-content .b-back-submit-wrap[data-v-80eec8a6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 0 20px; margin: 0 -26px; border-top: 1px solid hsla(0,0%,100%,.12); } .b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit[data-v-80eec8a6] { border: none; border-radius: 2px; line-height: 24px; text-align: center; margin: 0 auto; color: #61666d; -webkit-box-sizing: border-box; box-sizing: border-box; width: 92px; height: 24px; background: #c9ccd0; cursor: pointer; } .b-back-panel .b-back-content .b-back-version-wrap[data-v-80eec8a6] { overflow: hidden; text-align: center; width: 220px; margin: 0 auto 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-back-panel .b-back-content .b-back-version-wrap a[data-v-80eec8a6] { display: inline-block; height: 14px; line-height: 14px; color: #999; } .b-back-panel .report-check[data-v-80eec8a6] { color: #61666d; } /* 购买*/ #needBuy[data-v-80eec8a6] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } .needBuyContent[data-v-80eec8a6] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 250px; height: 300px; background: white; border-radius: 8px; } .needBuyContent img[data-v-80eec8a6] { position: relative; width: 180px; height: 160px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .needBuyContent button[data-v-80eec8a6] { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100px; text-align: center; height: 40px; line-height: 40px; background: #00a6e7; color: white; border: none; cursor: pointer; } .noneVideo[data-v-80eec8a6] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 99; } .noneVideoBox[data-v-80eec8a6] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-80eec8a6], .noneVideo .undefineText[data-v-80eec8a6], .noneVideo .buttonText[data-v-80eec8a6]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-80eec8a6] { margin-top: 30px; } .noneVideo .buttonText button[data-v-80eec8a6] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } .favorite-checkbox[data-v-80eec8a6] { margin-right: 0 !important; } .barrageDate[data-v-80eec8a6] { position: absolute; top: 0; /*display: none;*/ } .player-video-popup[data-v-7296e782] { position: absolute; width: 100%; height: 100%; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 18; pointer-events: none; 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; top: 0; } .player-video-popup-detail[data-v-7296e782] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 97; font-size: 12px; -webkit-font-smoothing: antialiased; } .player *[data-v-7296e782] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .player-video-popup .player-popup-padding[data-v-7296e782] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9.5952024%; width: 100%; height: 100%; position: relative; } .player-video-popup .player-popup-area[data-v-7296e782] { width: 100%; height: 100%; color: white; } .player-video-popup-guide-attention[data-v-7296e782] { position: absolute; pointer-events: auto; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; cursor: pointer; } .player-video-popup-guide-attention.player-video-popup-guide-all[data-v-7296e782] { border-radius: 8px; background: rgba(33,33,33,.6); -webkit-box-sizing: border-box; box-sizing: border-box; } .player-video-popup-three[data-v-7296e782], .player-video-popup-three-animate[data-v-7296e782], .player-video-popup-three-cyc[data-v-7296e782] { width: 143px; padding: 0 4px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; } .player-video-popup-three[data-v-7296e782] { background: rgba(33,33,33,.6); opacity: 1; } .player-video-popup-guide-attention .player-video-popup-three[data-v-7296e782] { border: none; } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-three[data-v-7296e782], .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-three-animate[data-v-7296e782] { background-color: transparent; } .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-follow[data-v-7296e782], .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-three[data-v-7296e782], .player-video-popup-guide-attention.player-video-popup-guide-dragable .player-video-popup-vote[data-v-7296e782] { pointer-events: none; } .player-video-popup-three-animate[data-v-7296e782] { width: 100%; height: 100%; border: 1px solid transparent; background: rgba(33,33,33,.6); } .player-video-popup-three-animate[data-v-7296e782], .player-video-popup-three-cyc[data-v-7296e782] { position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0; } .player-video-popup-three>span[data-v-7296e782] { display: inline-block; padding: 8px 12.5px; /*width: 20px;*/ /*height: 20px;*/ } .player-video-popup-three .bp-svgicon[data-v-7296e782] { pointer-events: none; } .player-video-popup-guide-attention .player-video-popup-follow[data-v-7296e782] { 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: 66px; height: 24px; border-radius: 4px; font-size: 12px; background: #00a1d6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } .player-video-popup-guide-attention .player-video-popup-follow[data-v-7296e782]:before { content: ""; position: absolute; width: 78px; height: 36px; background: rgba(51,51,51,.7); z-index: -1; border-radius: 8px; /*left: -6px;*/ } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-follow[data-v-7296e782]:before { content: none; } .player-video-popup-guide-attention.player-video-popup-guide-all .player-video-popup-follow[data-v-7296e782] { width: 66px; height: 24px; margin: 0 6px; font-size: 12px; } .player-video-popup-guide-attention .player-video-popup-follow>span[data-v-7296e782] { pointer-events: none; } .player-video-popup-guide-attention .player-video-popup-follow .bp-svgicon[data-v-7296e782] { fill: #fff; height: 13px; width: 13px; margin-right: 3px; vertical-align: baseline; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-0 span[data-v-7296e782] { vertical-align: middle; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-1[data-v-7296e782] { display: none; } .player-video-popup-guide-attention .player-video-popup-follow .player-video-popup-follow-1 .bp-svgicon[data-v-7296e782] { fill: #fff; height: 11px; width: 11px; } #mui-player .feedback-show .iconfont[data-v-7296e782]{ font-size: 20px; color: white; } #mui-player .nextMedia， #mui-player .widescreen[data-v-7296e782]{ font-size: 30px; color: white; } .player-link[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); -webkit-transform-origin: center; transform-origin: center; width: 290px; height: 50px; font-size: 12px; background-color: rgba(33,33,33,.8); border-radius: 10px 8px 8px 10px; cursor: pointer; } .player-link.player-show[data-v-7296e782] { transition: opacity .35s,transform .18s,-webkit-transform .18s; } .player-popup-dm-close[data-v-7296e782] { position: absolute; top: -12px; right: -12px; width: 16px; height: 16px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .player-popup-dm-close i[data-v-7296e782] { color: white; font-size: 16px; } .player-link-icon[data-v-7296e782] { width: 90px; height: 50px; position: relative; border-radius: 8px 0 0 8px; overflow: hidden; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) no-repeat; background-position: 50%; background-size: 40px; pointer-events: none; } .player-link-icon .player-link-pic[data-v-7296e782] { width: 100%; } .player-link-icon .player-link-time[data-v-7296e782] { visibility: hidden; position: absolute; right: 4px; bottom: 4px; border-radius: 1px; padding: 2px; background: rgba(0,0,0,.5); } .player-link-msg[data-v-7296e782] { margin-left: 8px; width: 134px; line-height: 17px; max-height: 34px; white-space: normal; text-overflow: ellipsis; overflow: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } .player-link-line[data-v-7296e782] { width: 1px; height: 36px; margin: 0 18.5px 0 8px; background: hsla(0,0%,100%,.5); } .player-link-play[data-v-7296e782] { width: 12px; height: 16px; } .player-link-play i[data-v-7296e782] { font-size: 16px; } .player-video-popup-vote[data-v-7296e782] { width: 192px; height: 110px; background: rgba(33,33,33,.8); padding: 12px 10px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; cursor: default; } .player-video-popup-vote-question[data-v-7296e782] { line-height: 14px; height: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .player-video-popup-vote-an[data-v-7296e782] { position: relative; color: #000; cursor: pointer; } .player-video-popup-vote-lottie[data-v-7296e782] { position: absolute; top: -6px; left: -5px; width: 37px; height: 37px; display: none; z-index: 2; } .player-video-popup-vote-an>div[data-v-7296e782] { pointer-events: none; } .player-video-popup-vote-an-bg[data-v-7296e782] { position: absolute; width: 100%; height: 26px; border-radius: 4px; left: 0; bottom: 0; background: #fff; } .player-video-popup-vote-an-bg-buffer[data-v-7296e782] { position: absolute; left: 0; top: 0; height: 26px; width: 26px; border-radius: 4px 0 0 4px; background: rgba(0,0,0,.08); -webkit-transition: width 1s; transition: width 1s; } .player-video-popup-vote-an-text[data-v-7296e782] { position: relative; width: 100%; height: 26px; line-height: 26px; margin: 9px 0; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-video-popup-vote-an-text-index[data-v-7296e782] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 26px; margin-right: 6px; text-align: center; border-radius: 4px; } .player-video-popup-vote-an-text-doc[data-v-7296e782] { width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .player-video-popup-vote-an-num[data-v-7296e782] { position: absolute; top: 0; right: 0; line-height: 26px; margin-right: 6px; font-size: 12px; color: hsla(0,0%,100%,.7); } .player-video-popup-vote-an-num-1[data-v-7296e782] { position: absolute; top: 0; right: 0; } .player-video-popup-vote-an-num-2[data-v-7296e782] { position: absolute; top: 15px; right: 0; opacity: 0; } .player-reserve[data-v-7296e782] { position: absolute; top: 25%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform-origin: center; transform-origin: center; font-size: 14px; background-color: rgba(33,33,33,.8); border-radius: 8px; padding: 6px 8px; pointer-events: auto; width: 290px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; } .player-reserve-msg[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 4.5em; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; } .player-reserve-title[data-v-7296e782] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; height: 20px; padding: 3px 0; } .player-reserve-num[data-v-7296e782] { font-size: 12px; line-height: 17px; text-overflow: ellipsis; overflow: hidden; color: hsla(0,0%,100%,.7); } .player-reserve-num-left[data-v-7296e782] { margin-right: 10px; display: none; position: relative; } .player-reserve-num-left.player-show[data-v-7296e782] { display: inline-block; } .player-reserve-num-left.player-show[data-v-7296e782]:after { content: "."; position: absolute; top: 0; line-height: 1em; right: -9px; } .player-reserve-num-right[data-v-7296e782] { position: relative; } .player-reserve-btn[data-v-7296e782] { 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: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: .76em; min-width: 60px; padding: 0 5px; height: 24px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #00a1d6; border-radius: 4px; line-height: 2; cursor: pointer; } .player-reserve-btn.player-noIcon .player-reserve-icon[data-v-7296e782], .player-reserve-btn.player-noIcon .player-reserve-icon-tick[data-v-7296e782], .player-reserve-btn .player-reserve-icon-tick[data-v-7296e782] { display: none; } .player-score[data-v-7296e782] { position: absolute; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform-origin: center; transform-origin: center; font-size: 12px; width: 206px; height: 62px; background-color: rgba(33,33,33,.8); border-radius: 8px; pointer-events: auto; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .player-score-title[data-v-7296e782] { margin: 12px 0 0 10px; height: 12px; } .player-score-area[data-v-7296e782] { pointer-events: none; margin: 10px 0 0 10px; } .player-score div[data-v-7296e782] { /*float: left;*/ } .player-score-area-item img[data-v-7296e782] { width: 18px; height: 18px; margin: 7px 11.5px; -webkit-transition: .2s; transition: .2s; pointer-events: none; } .player-score-area-item span[data-v-7296e782] { position: absolute; width: 33px; height: 33px; line-height: 33px; text-align: center; font-size: 20px; background: rgba(0,0,0,.6); margin-left: 5px; bottom: 68px; border-radius: 2px; display: none; -webkit-transition: .1s; transition: .1s; pointer-events: none; } .player-score-result span[data-v-7296e782] { line-height: 15px; font-size: 20px; margin-left: 5px; -webkit-transition-property: margin,opactiy,-webkit-animation; transition-property: margin,opactiy,-webkit-animation; transition-property: margin,opactiy,animation; transition-property: margin,opactiy,animation,-webkit-animation; } .player-score-count[data-v-7296e782] { position: absolute; top: 12px; right: 10px; opacity: .7; } /* 头部 关注 反馈*/ .up-show[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 64px; height: 24px; line-height: 24px; border-radius: 12px; background: rgba(0,0,0,.4); pointer-events: all; text-align: center; z-index: 2; cursor: pointer; } .up-show img[data-v-7296e782] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 24px; height: 24px; border-radius: 50%; vertical-align: bottom; background-color: white; } .video-top-follow-icon[data-v-7296e782] { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 14px; height: 100%; color: #fff; fill: #fff; flex: none; display: inline-block; margin-left: 6px; } .video-top-follow-icon .iconfont[data-v-7296e782] { font-size: 14px; } .follow-text[data-v-7296e782] { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #fff; margin: 0 12px 0 4px; } /* 播放状态*/ .video-state[data-v-7296e782] { /*display: none;*/ width: 64px; height: 64px; position: absolute; cursor: pointer; right: 34px; bottom: 62px; pointer-events: none; z-index: 1; opacity: .8; } .video-state .video-state-play .iconfont[data-v-7296e782] { font-size: 60px; color: white; } /* 加载视频*/ .video-load[data-v-7296e782] { width: 100%; height: 100%; position: absolute; z-index: 98; top: 0; background: #0f0f0f; color: #999; } .video-load .load-box[data-v-7296e782] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .load-box p[data-v-7296e782]{ /* 偶数个 */ /*background-image: linear-gradient(to right, red, yellow, purple, purple, yellow, red, yellow, purple, purple, yellow, red); */ /* 奇数个 */ background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(#bebebe), color-stop(#606060), color-stop(#bebebe), color-stop(#ffffff), color-stop(#bebebe), color-stop(#606060), color-stop(#bebebe), to(#ffffff)); background-image: linear-gradient(to right, #ffffff, #bebebe, #606060, #bebebe, #ffffff, #bebebe, #606060, #bebebe, #ffffff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: bgp-data-v-7296e782 1s infinite linear; animation: bgp-data-v-7296e782 1s infinite linear; } @-webkit-keyframes bgp-data-v-7296e782{ 0%{ background-position: 0 0; } 100%{ background-position: -100% 0; } } .video-load i[data-v-7296e782] { font-size: 60px; position: absolute; color: #d9d8d8; left: 50%; -webkit-transform: translate(-50%, -5px); transform: translate(-50%, -5px); } /*历史观看时间*/ .video-time[data-v-7296e782] { cursor: pointer; bottom: 55px; left: 5px; /* padding: 10px; */ border-radius: 4px; color: white; position: absolute; z-index: 9; /*width: 230px;*/ } .video-time div[data-v-7296e782] { background-color: #0f0f0f; /*position: absolute;*/ width: 100%; padding: 10px; bottom: 60px; margin: 3px; } /* 清晰度*/ /*倍速*/ .speedNow[data-v-7296e782], .definitionNow[data-v-7296e782]{ color: white; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*height: 100%;*/ /*font-size: 14px;*/ width: 40px; height: 48px; } .speedBox[data-v-7296e782], .definitionBox[data-v-7296e782] { color: white; position: absolute; bottom: 40px; width: 100%; display: none; padding-bottom: 20px; } .definitionBox[data-v-7296e782] { width: 100px; } #mui-player.hideBar .speedBox[data-v-7296e782], #mui-player.hideBar .definitionBox[data-v-7296e782], #mui-player.hideBar .video-danmaku-setting-wrap[data-v-7296e782] { display: none!important; } #mui-player.hideBar .choose_danmaku[data-v-7296e782]{ opacity: 0!important; } .changeVideoTheSpeed[data-v-7296e782], .changeVideoDefinition[data-v-7296e782] { height: 40px; line-height: 40px; width: 100%; text-align: center; color: white; background: rgba(28, 28, 28, .9); /*font-size: 12px;*/ } .changeVideoDefinition[data-v-7296e782] { text-align: left; padding-left: 10px; } .changeVideoTheSpeed.select[data-v-7296e782], .changeVideoDefinition.select[data-v-7296e782] { color: #00a1d6; } .changeVideoTheSpeed[data-v-7296e782]:hover, .changeVideoDefinition[data-v-7296e782]:hover { background-color: #4a4949; } .changeVideoDefinition .member[data-v-7296e782] { color: #fff; background-color: #f25d8e; padding: 0 5px; border-radius: 8px; height: 16px; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 15px; font-size: 12px; } /* 设置 更多*/ .settingBox[data-v-7296e782] { width: 260px; color: white; position: absolute; bottom: 40px; display: none; padding-bottom: 20px; background: rgba(22, 22, 22, .8); text-align: left; left: -40px; } .settingBox li[data-v-7296e782] { margin: 10px; } .settingBox .card-title[data-v-7296e782] { height: 16px; line-height: 16px; margin-bottom: 4px; color: #fff; } .settingBox .button[data-v-7296e782] { height: 28px; line-height: 24px; background-color: #999; -webkit-transition: all .2s; transition: all .2s; border-radius: 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 3%; padding: 2px; } .settingBox .button[data-v-7296e782]:first-of-type{ margin-left: 0; } .settingBox .ratio .button[data-v-7296e782] { width: 30%; } .settingBox .button.active[data-v-7296e782]{ background: #00a1d6; } .settingBox .button[data-v-7296e782]:active{ opacity: 0.8; } /* 反馈 */ .b-back-panel[data-v-7296e782] { position: absolute; top: 50%; left: 50%; width: 400px; min-height: 300px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 2px; background-color: rgba(33,33,33,.9); color: #fff; overflow: hidden; } .b-back-panel .b-back-title[data-v-7296e782] { font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px solid hsla(0,0%,100%,.12); } .b-back-panel-close[data-v-7296e782] { position: absolute; right: 10px; height: 22px; width: 22px; fill: #fff; z-index: 2; cursor: pointer; } .b-back-panel-close .iconfont[data-v-7296e782] { font-size: unset; } .b-back-panel .b-back-content-default[data-v-7296e782] { font-size: 12px; margin: 15px 26px; } .b-back-panel .b-back-content-default .report-content[data-v-7296e782] { height: 14px; line-height: 14px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 24px auto 16px; text-align: center; font-size: 14px; } .b-back-panel .b-back-content-default .danmaku-report-block[data-v-7296e782] { display: block; text-align: center; } .b-back-panel .b-back-content-default textarea[data-v-7296e782] { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; line-height: 16px; outline: none; resize: none; width: 100%; height: 48px; background-color: hsla(0,0%,100%,.12); border-radius: 4px; padding: 10px; color: white; font-size: 12px; border: 1px solid transparent; margin: 6px auto 0; } .b-back-panel .b-back-content-tabmenu[data-v-7296e782] { height: 130px; position: relative; text-align: left; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-7296e782] { position: relative; display: block; float: left; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; height: 24px; line-height: 18px; cursor: pointer; width: 174px; } .b-back-panel.barrage-report .b-back-content-tabmenu .b-back-tabmenu-list[data-v-7296e782] { width: 116px; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-7296e782]:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-7296e782]:before { content: ""; border-color: #00a1d6; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-7296e782]:after { content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; background: #00a1d6; border-radius: 50%; } .b-back-panel .b-back-content-input[data-v-7296e782] { display: none; margin: 10px 0; } .b-back-panel .b-back-content-input.b-back-show[data-v-7296e782] { display: block; } .b-back-panel .b-back-content-input .b-back-input[data-v-7296e782] { width: 218px; height: 22px; text-indent: 6px; color: #999; border: 1px solid hsla(0,0%,100%,.4); background-color: rgba(33,33,33,.9); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; outline: none; } .b-back-panel .b-back-content-input .b-back-input-overrange[data-v-7296e782] { display: none; text-align: left; height: 24px; line-height: 24px; color: #fa5a57; } .b-back-panel .b-back-content .b-back-contact-information[data-v-7296e782] { position: relative; margin: 10px 0 15px; height: 22px; } .b-back-panel .b-back-content .b-back-contact-information-tip[data-v-7296e782] { display: inline-block; height: 24px; line-height: 24px; margin-right: 8px; } .b-back-panel .b-back-content .b-back-contact-information-input[data-v-7296e782] { width: 218px; height: 22px; text-indent: 6px; color: #999; border: 1px solid hsla(0,0%,100%,.4); background-color: rgba(33,33,33,.9); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; outline: none; } .b-back-panel .b-back-content .b-back-contact-information .b-back-type-error[data-v-7296e782] { height: 16px; line-height: 16px; color: #fa5a57; display: none; position: absolute; left: 0; top: 100%; margin-left: 56px; text-align: left; } .b-back-panel .b-back-content .b-back-submit-wrap[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 0 20px; margin: 0 -26px; border-top: 1px solid hsla(0,0%,100%,.12); } .b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit[data-v-7296e782] { border: none; border-radius: 2px; line-height: 24px; text-align: center; margin: 0 auto; background-color: #00a1d6; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 92px; height: 24px; background: hsla(0,0%,100%,.2); cursor: pointer; } .b-back-panel .b-back-content .b-back-version-wrap[data-v-7296e782] { overflow: hidden; text-align: center; width: 220px; margin: 0 auto 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-back-panel .b-back-content .b-back-version-wrap a[data-v-7296e782] { display: inline-block; height: 14px; line-height: 14px; color: #999; } .b-back-content-end[data-v-7296e782] { text-align: center; } .b-back-content-end img[data-v-7296e782] { height: 150px; text-align: center; margin-top: 10px; } .b-back-content-end span[data-v-7296e782] { display: block; margin: 5px; color: gainsboro; } .b-back-content-end span.msg[data-v-7296e782] { font-size: 16px; color: white; } /* 关灯模式*/ #heimu[data-v-7296e782] { position: fixed; background: #000; top: 0; left: 0; display: none; height: 100%; width: 100%; opacity: 0.8; z-index: 10; } #mui-player[data-v-7296e782] { cursor: default!important; /*z-index: 11;*/ } /*全屏*/ .fullscreen-scaling .up-show[data-v-7296e782] { background: rgba(33,33,33,.9); -webkit-transform: scale(1.2); transform: scale(1.2); } .fullscreen-scaling .feedback-show[data-v-7296e782] { -webkit-transform: scale(1.2); transform: scale(1.2); } .fullscreen-scaling .settingBox[data-v-7296e782] { width: 311px; } .page-fullscreen .up-show[data-v-7296e782] { background: rgba(33,33,33,.9); } /* 底部弹幕设置*/ .video-bottom-area[data-v-7296e782]:before { content: ""; display: block; margin-bottom: -1px; width: 100%; height: 1px; background: #f4f4f4; } .video-sendbar[data-v-7296e782] { -ms-flex-negative: 0; flex-shrink: 0; position: relative; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 12px; font-size: 13px; background: #fff; zoom: 1; /*z-index: 11;*/ } .video-info[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 18px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; color: #61666d; margin-right: 24px; } .video-info-people-number[data-v-7296e782] { margin-right: 3px; } .video-danmaku-root[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bui-danmaku-switch[data-v-7296e782] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; fill: #61666d; -webkit-transition: fill .3s; transition: fill .3s; } .video-danmaku-root .video-danmaku-setting[data-v-7296e782], .video-danmaku-root .video-danmaku-switch[data-v-7296e782] { color: #61666d; width: 24px; height: 24px; line-height: 30px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-danmaku-root .video-danmaku-switch i[data-v-7296e782] { font-size: 24px; } #mui-player .video-danmaku-root .video-danmaku-switch i[data-v-7296e782], #mui-player .video-danmaku-root .video-danmaku-setting i[data-v-7296e782]{ color: white; } .video-danmaku-root .video-danmaku-setting:hover i[data-v-7296e782], .video-danmaku-root .video-danmaku-switch:hover i[data-v-7296e782]{ /*color: #00aeec!important;*/ } .video-danmaku-root .video-danmaku-setting .icon-setting[data-v-7296e782]{ width: 20px; height: 20px; background-color: #00a1d6; fill: #00a1d6; } .video-danmaku-root .video-danmaku-switch .choose_danmaku[data-v-7296e782] { display: inline-block; position: absolute; left: 50%; margin-left: -32px; bottom: 38px; width: 64px; height: 29px; text-align: center; line-height: 30px; border-radius: 2px; background: rgba(0,0,0,.9); opacity: 0; color: #fff; font-size: 12px; -webkit-transform: translateY(5px); transform: translateY(5px); pointer-events: none; /*z-index: 99999;*/ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .video-danmaku-root .video-danmaku-setting[data-v-7296e782]:hover, .video-danmaku-root .video-danmaku-switch[data-v-7296e782]:hover { color: #00aeec; } .video-danmaku-root .video-danmaku-switch:hover .choose_danmaku[data-v-7296e782] { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .video-danmaku-root .video-danmaku-switch[data-v-7296e782] { margin-right: 12px; } .video-danmaku-root .video-danmaku-setting[data-v-7296e782] { margin-right: 12px; font-size: 0; } .video-danmaku-setting[data-v-7296e782] { /*color: #fff;*/ } .video-danmaku-setting-wrap[data-v-7296e782] { display: none; cursor: default; background: none; border: none; border-radius: 4px 4px 0 0; position: absolute; bottom: 24px; right: -149px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; height: 359px; font-size: 12px; z-index: 1001; } .video-danmaku-root .video-danmaku-setting:hover .video-danmaku-setting-wrap[data-v-7296e782] { display: block; } .bui-panel[data-v-7296e782] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 4px 4px 0 0; border: 1px solid #e2e2e2; background: #fff; overflow: hidden; margin-bottom: 20px; } .bui-panel.bui-dark[data-v-7296e782] { border: none; background: rgba(0,0,0,.67); } .bui-panel .bui-panel-wrap[data-v-7296e782] { position: relative; -webkit-transition: all .25s; transition: all .25s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-panel .bui-panel-move[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; -webkit-transform: translateZ(0); transform: translateZ(0); } .video-danmaku-setting-box .bui-panel-item[data-v-7296e782] { background: rgba(21,21,21,.9); border-radius: 2px; } .video-danmaku-setting-box[data-v-7296e782] { position: absolute; right: 0; bottom: 0; background: transparent!important; } .bui-panel .bui-panel-item[data-v-7296e782] { opacity: 0; pointer-events: none; -webkit-transition: opacity .1s; transition: opacity .1s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-panel .bui-panel-item.bui-panel-item-active[data-v-7296e782] { opacity: 1; pointer-events: auto; } .video-danmaku-setting-left[data-v-7296e782] { width: 100%; height: 100%; padding: 12px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-setting-left-block[data-v-7296e782] { overflow: hidden; margin-bottom: 12px; } .video-danmaku-setting-left-area-title[data-v-7296e782], .video-danmaku-setting-left-block-title[data-v-7296e782], .video-danmaku-setting-left-fontsize-title[data-v-7296e782], .video-danmaku-setting-left-opacity-title[data-v-7296e782], .video-danmaku-setting-left-speedplus-title[data-v-7296e782] { text-align: left; height: 16px; line-height: 16px; color: #fff; } .video-danmaku-setting-left-block-content[data-v-7296e782] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; overflow: hidden; cursor: pointer; } .video-danmaku-setting-left-block-content .block-filter-type[data-v-7296e782] { position: relative; width: 28px; height: 100%; margin: 0 22px 16px 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: hsla(0,0%,100%,.8); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .video-danmaku-setting-left-block-content .block-filter-type .block-filter-image[data-v-7296e782] { position: relative; display: inline-block; font-size: 0; width: 28px; height: 28px; line-height: 32px; top: -5px; color: hsla(0,0%,100%,.8); fill: hsla(0,0%,100%,.8); } .block-filter-image .iconfont[data-v-7296e782] { font-size: 32px; } .video-danmaku-setting-left-block-content .block-filter-type .block-filter-label[data-v-7296e782] { position: absolute; left: 0; bottom: -2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 16px; padding: 0; margin: 0; text-align: center; line-height: 16px; color: hsla(0,0%,100%,.8); font-size: 12px; -webkit-transition: none; transition: none; } .video-danmaku-setting-left-block-content .block-filter-type.disabled .block-filter-image[data-v-7296e782] { color: #00a1d6!important; fill: #00a1d6!important; } .video-danmaku-setting-left-block-content .block-filter-type.disabled .block-filter-label[data-v-7296e782] { color: #00a1d6!important; } .video-danmaku-setting-left-radio[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; } .video-danmaku-setting-left-block-word[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; line-height: 22px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 14px; text-align: center; color: white; } .video-danmaku-setting-left-block-word .video-danmaku-setting-left-block-add[data-v-7296e782], .video-danmaku-setting-left-block-word .video-danmaku-setting-left-block-sync[data-v-7296e782] { width: 134px; border-radius: 2px; background: hsla(0,0%,100%,.3); cursor: pointer; } .video-danmaku-setting-left-area[data-v-7296e782], .video-danmaku-setting-left-fontsize[data-v-7296e782], .video-danmaku-setting-left-opacity[data-v-7296e782], .video-danmaku-setting-left-speedplus[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 16px; line-height: 16px; margin-bottom: 16px; } .video-danmaku-setting-left-area-title[data-v-7296e782], .video-danmaku-setting-left-block-title[data-v-7296e782], .video-danmaku-setting-left-fontsize-title[data-v-7296e782], .video-danmaku-setting-left-opacity-title[data-v-7296e782], .video-danmaku-setting-left-speedplus-title[data-v-7296e782] { text-align: left; height: 16px; line-height: 16px; color: #fff; } .video-danmaku-setting-left-area-content[data-v-7296e782], .video-danmaku-setting-left-fontsize-content[data-v-7296e782], .video-danmaku-setting-left-opacity-content[data-v-7296e782], .video-danmaku-setting-left-speedplus-content[data-v-7296e782] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 200px; height: 12px; margin-left: 10px; } .bui-progress[data-v-7296e782] { height: 12px; cursor: pointer; } .player-slider[data-v-7296e782] { width: 100%; } .bui-progress-val[data-v-7296e782] { font-size: 12px; line-height: 16px; text-align: right; color: hsla(0,0%,100%,.8); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .video-danmaku-root .video-inputbar[data-v-7296e782] { width: calc(100% - 72px); min-width: 310px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 32px; border-radius: 8px; line-height: 18px; background-color: #f1f2f3; } #mui-player .video-danmaku-root .video-inputbar[data-v-7296e782] { background-color: #33363d; } .video-danmaku-root .video-inputbar-wrap[data-v-7296e782] { width: calc(100% - 62px); border: none; border-radius: 8px 0 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-7296e782] { fill: #61666d; width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; margin-left: 6px; cursor: pointer; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-7296e782]:hover { color: #00aeec; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span[data-v-7296e782] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span i[data-v-7296e782]{ color: white; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku .iconfont-span:hover i[data-v-7296e782]{ color: #00aeec; } .mode-selection-container[data-v-7296e782] { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 216px; height: auto; padding: 2px 0 0; position: absolute; bottom: 24px; left: 50%; margin-left: -108px; z-index: 1001; /*background: rgba(21,21,21,.9);*/ border-radius: 2px; } .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku:hover .mode-selection-container[data-v-7296e782] { display: block; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-wrap[data-v-7296e782] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; top: 0; left: 0; z-index: 13; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-left: 6px; color: #9499a0; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-wrap a[data-v-7296e782] { color: #00aeec; margin-left: 4px; } .mode-selection-container .mode-selection-panel[data-v-7296e782] { display: inline-block; position: relative; background: rgba(21,21,21,.9); margin-bottom: 20px; } .mode-selection-container .mode-selection-panel .mode-selection-row[data-v-7296e782] { position: relative; min-height: 22px; margin: 10px 20px; width: 176px; line-height: 22px; font-size: 12px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-title[data-v-7296e782] { text-align: left; color: #fff; line-height: 16px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px -8px 0 0; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span[data-v-7296e782] { position: relative; cursor: pointer; border-radius: 2px; color: #fff; text-align: center; margin-right: 8px; background: hsla(0,0%,100%,.2); font-size: 12px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span[data-type=fontsize][data-v-7296e782] { width: 84px; margin-bottom: 8px; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span.active[data-v-7296e782] { color: #fff; background: #00a1d6; } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span[data-v-7296e782] { background: transparent; margin: -4px 22px 0 0; color: hsla(0,0%,100%,.8); fill: hsla(0,0%,100%,.8); } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span.active[data-v-7296e782], .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-span.active[data-v-7296e782]:hover { color: #00a1d6; background: transparent; fill: #00a1d6; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span .selection-icon[data-v-7296e782] { width: 26px; height: 26px; display: block; text-align: center; position: relative; z-index: 1; border-radius: 2px; overflow: hidden; } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .selection-span .selection-icon .iconfont[data-v-7296e782] { font-size: 26px; } .mode-selection-container .mode-selection-panel .mode-selection-row.mode .selection-name[data-v-7296e782] { display: block; line-height: 14px; } .bui-color-picker .bui-color-picker-result[data-v-7296e782] { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; } .bui[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bui-input[data-v-7296e782] { position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 0; height: 22px; } .bui-color-picker .bui-color-picker-input[data-v-7296e782] { margin-right: 6px; width: 97px; } .bui-input .bui-input-wrap[data-v-7296e782] { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .bui-input .bui-input-input[data-v-7296e782] { border: 1px solid silver; border-radius: 2px; outline: none; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 4px 7px; resize: none; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; } .bui-color-picker.bui-dark .bui-input .bui-input-input[data-v-7296e782] { background-color: transparent; color: #fff; border: 1px solid hsla(0,0%,100%,.2); } .mode-selection-container .mode-selection-panel .mode-selection-row .row-selection .bui-input .bui-input-input[data-v-7296e782] { -webkit-transition: none; transition: none; } .bui-color-picker .bui-color-picker-display[data-v-7296e782] { display: inline-block; width: 50px; height: 22px; border: 1px solid rgba(0,0,0,.3); border-radius: 2px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .2s; transition: background .2s; -webkit-transform: translateZ(0); transform: translateZ(0); } .bui-color-picker.bui-dark .bui-color-picker-display[data-v-7296e782] { border: 1px solid hsla(0,0%,100%,.2); } .bui-color-picker .bui-color-picker-options[data-v-7296e782] { padding: 0; margin: 0 -6px 0 0; list-style-type: none; white-space: normal; font-size: 0; line-height: 0; } .bui-color-picker .bui-color-picker-option[data-v-7296e782] { width: 16px; height: 16px; border: 1px solid rgba(0,0,0,.3); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; margin-right: 6px; margin-bottom: 4px; cursor: pointer; display: inline-block; } .bui-color-picker .bui-color-picker-option.bui-color-picker-option-active[data-v-7296e782] { -webkit-box-shadow: 0 0 1px 1px #fff; box-shadow: 0 0 1px 1px #fff; } .bui-color-picker.bui-dark .bui-color-picker-option.bui-color-picker-option-active[data-v-7296e782] { border-color: #000; } .mode-selection-container .mode-selection-mask[data-v-7296e782] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0,0,0,.8); text-align: center; z-index: 49; } .bui-button.bui-button-blue[data-v-7296e782], .bui-button.bui-button-gray3[data-v-7296e782]:hover { background-color: #00a1d6; color: #fff; } .mode-selection-container .mode-selection-mask .mode-selection-mask-warning[data-v-7296e782] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); width: 76px; height: 26px; line-height: 26px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-7296e782] { border: none; background-color: transparent; color: #18191c; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; /*z-index: 12;*/ line-height: 18px; } #mui-player .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-7296e782] { color: white; } .video-danmaku-root .video-inputbar-wrap .video-hint[data-v-7296e782] { /*z-index: 13;*/ text-align: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 6px; opacity: 0; } .video-danmaku-root .video-inputbar.checkBox-hide .video-hint[data-v-7296e782] { opacity: 1; } .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-7296e782] { -webkit-transition: color .3s; transition: color .3s; color: #9499a0; fill: #9499a0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-7296e782]:hover{ color: #00a1d6; } .video-danmaku-root .video-inputbar .video-btn-send[data-v-7296e782] { /*z-index: 13;*/ width: 62px; min-width: 62px; height: 100%; text-align: center; border-radius: 0 8px 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background: none; cursor: pointer; padding: 0; outline: none; color: inherit; font: inherit; line-height: inherit; } .video-danmaku-root .video-inputbar .video-btn-send.bui-button-blue[data-v-7296e782] { background-color: #00aeec; color: #fff; } .video-danmaku-setting-left-more[data-v-7296e782] { clear: left; color: #fff; fill: #fff; /*line-height: 16px;*/ /*height: 16px;*/ text-align: left; cursor: pointer; position: relative; top: 10px; padding-top: 10px; border-top: 1px solid hsla(0,0%,100%,.1); } .video-danmaku-setting-left-more-text[data-v-7296e782] { vertical-align: middle; display: inline-block; -webkit-transition: color .3s; transition: color .3s; } .video-danmaku-setting-left-more-senior-text[data-v-7296e782] { color: hsla(0,0%,100%,.6); float: right; margin-right: 10px; display: none; } .video-danmaku-setting-left-more .bp-svgicon[data-v-7296e782] { position: absolute; right: 0; height: 16px!important; width: 16px; vertical-align: middle; margin-right: -3px; } .video-danmaku-setting-right[data-v-7296e782] { width: 100%; height: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .video-danmaku-setting-right-more[data-v-7296e782] { color: #fff; fill: #fff; line-height: 1; text-align: left; cursor: pointer; height: 32px; line-height: 32px; } .video-danmaku-setting-right-more .bp-svgicon[data-v-7296e782] { cursor: pointer; } .video-danmaku-setting-right-more-text[data-v-7296e782] { vertical-align: middle; display: inline-block; -webkit-transition: color .3s; transition: color .3s; } .video-danmaku-setting-right-separator[data-v-7296e782] { width: 305px; border-bottom: 1px solid rgba(229,233,239,.1); position: relative; right: 20px; margin-bottom: 12px; } .bui-checkbox[data-v-7296e782] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; cursor: pointer; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .video-danmaku-setting-right-density[data-v-7296e782], .video-danmaku-setting-right-font[data-v-7296e782], .video-danmaku-setting-right-speedsync[data-v-7296e782] { margin-bottom: 12px; line-height: 15px; } .video-danmaku-setting-right-font-title[data-v-7296e782], .video-danmaku-setting-right-fontborder-title[data-v-7296e782], .video-danmaku-setting-right-type-title[data-v-7296e782] { clear: left; text-align: left; height: 16px; line-height: 16px; margin-bottom: 4px; color: #fff; } .video-danmaku-setting-right-font-content[data-v-7296e782] { float: left; margin-bottom: 12px; } .video-danmaku-setting-right-font-bold[data-v-7296e782] { color: #212121; float: left; height: 16px; line-height: 16px; position: relative; top: 4px; left: 14px; } .video-danmaku-setting-right-fontborder[data-v-7296e782] { clear: left; margin-bottom: 12px; } .bui-radio .bui-radio-wrap[data-v-7296e782] { width: 100%; font-size: 0; height: 22px; } .bui-radio .bui-radio-button .bui-radio-group[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .bui-radio .bui-radio-button .bui-radio-label[data-v-7296e782] { line-height: 24px; background-color: #999; -webkit-transition: all .2s; transition: all .2s; border-radius: 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; position: relative; display: inline-block; margin: 0 4px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .bui-radio.bui-dark .bui-radio-button .bui-radio-label[data-v-7296e782] { background-color: hsla(0,0%,100%,.3); } .bui-radio .bui-radio-button .bui-radio-label .bui-radio-text[data-v-7296e782] { color: #fff; } .bui-radio.bui-dark .bui-radio-button .bui-radio-label.checked[data-v-7296e782] { background: #00a1d6; } .video-danmaku-setting-right-reset.bui-button[data-v-7296e782] { width: 116px; height: 22px; line-height: 22px; margin-top: 9px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } .bui-button.bui-button-transparent[data-v-7296e782] { color: #fff; border: 1px solid hsla(0,0%,100%,.2); height: 30px; cursor: pointer; } .blackRoom[data-v-7296e782] { background: #212121; } .blackRoom .video-info[data-v-7296e782]{ color: silver; } .blackRoom .video-danmaku-root .video-danmaku-setting[data-v-7296e782], .blackRoom .video-danmaku-root .video-danmaku-switch[data-v-7296e782]{ color: hsla(0,0%,100%,.8); } .blackRoom .video-danmaku-root .video-danmaku-setting[data-v-7296e782]:hover, .blackRoom .video-danmaku-root .video-danmaku-switch[data-v-7296e782]:hover { color: #fff; } .blackRoom .video-danmaku-root .video-inputbar[data-v-7296e782]{ background-color: hsla(0,0%,100%,.15); } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-7296e782]{ color: hsla(0,0%,100%,.8); } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-btn-danmaku[data-v-7296e782]:hover{ color: #fff; } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-danmaku-input[data-v-7296e782] { color: #fff; } .blackRoom .video-danmaku-root .video-inputbar-wrap .video-hint a[data-v-7296e782]:hover{ color: #fff; } #mui-player .video-danmaku-setting-right-more .iconfont[data-v-7296e782]{ font-size: 16px; } .blackGround[data-v-7296e782] { width: auto; position: relative; overflow: hidden; background: #000; outline: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 连续播放*/ .i-player-ending-panel[data-v-7296e782] { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 69; background-color: rgba(22,22,22,.8); cursor: pointer; display: none; } .i-player-ending-panel-blur[data-v-7296e782] { display: block; height: 100%; z-index: 1; position: relative; overflow: hidden; cursor: default; pointer-events: none; } .i-player-ending-panel-blur[data-v-7296e782]:before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.6); } .i-player-ending-panel-blur-img[data-v-7296e782] { display: block; width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); } .i-player-ending-panel-box[data-v-7296e782] { width: 710px; height: 390px; position: absolute; top: 50%; left: 50%; margin-top: -195px; margin-left: -355px; cursor: default; z-index: 12; pointer-events: none; } .i-player-ending-panel-box-functions[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; color: #fff; } .i-player-ending-panel-box-functions .i-player-upinfo-head[data-v-7296e782] { -ms-flex-negative: 0; flex-shrink: 0; width: 56px; height: 56px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; pointer-events: auto; -webkit-transition: box-shadow .3s linear; -webkit-transition: -webkit-box-shadow .3s linear; transition: -webkit-box-shadow .3s linear; transition: box-shadow .3s linear; transition: box-shadow .3s linear, -webkit-box-shadow .3s linear; transition: box-shadow .3s linear,-webkit-box-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-head.up-avatar[data-v-7296e782] { margin: -2px; border: 2px solid hsla(0,0%,100%,.6); border-radius: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-head a[data-v-7296e782] { display: block; overflow: hidden; -webkit-transition: box-shadow .3s linear; -webkit-transition: -webkit-box-shadow .3s linear; transition: -webkit-box-shadow .3s linear; transition: box-shadow .3s linear; transition: box-shadow .3s linear, -webkit-box-shadow .3s linear; transition: box-shadow .3s linear,-webkit-box-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-head.up-avatar a[data-v-7296e782] { border-radius: 100%; width: 100%; height: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-head img[data-v-7296e782] { width: 100%; height: 100%; } .i-player-ending-panel-box-functions .i-player-upinfo-left[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 20px; height: 56px; max-width: 300px; min-width: 130px; position: relative; } .i-player-ending-panel-box-functions .i-player-upinfo-name[data-v-7296e782] { width: 100%; font-size: 16px; height: 20px; color: #fff; pointer-events: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .i-player-ending-panel-box-functions .i-player-upinfo-name a[data-v-7296e782] { color: #fff; -webkit-transition: text-shadow .3s linear; transition: text-shadow .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-follow[data-v-7296e782] { position: absolute; left: 0; bottom: 0; width: 130px; font-size: 14px; height: 32px; line-height: 32px; pointer-events: auto; border-radius: 2px; border: 0; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; } .bui-button.bui-button-gray3[data-v-7296e782] { background-color: gray; color: #fff; } .bui-button.bui-button-blue[data-v-7296e782], .bui-button.bui-button-gray3[data-v-7296e782]:hover { background-color: #00a1d6; color: #fff; } .i-player-ending-panel-box-functions .i-player-upinfo-follow>div[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-player-ending-panel-box-functions .i-player-upinfo-follow .bp-svgicon[data-v-7296e782] { /*width: 16px;*/ /*height: 16px;*/ fill: #fff; margin-right: 5px; } .i-player-ending-panel-box-functions .i-player-upinfo-electric[data-v-7296e782] { /*display: none;*/ position: absolute; left: 0; bottom: 0; width: 130px; margin-left: 82px; font-size: 14px; height: 30px; line-height: 30px; pointer-events: auto; background: #fb7299; color: #fff; border-radius: 2px; border: 1px solid #fb7299; text-align: center; cursor: pointer; -webkit-transition: all .2s linear; transition: all .2s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-electric.little[data-v-7296e782] { color: #fb7299; width: 72px; padding: 0; margin-left: 140px; background-color: transparent; border-color: #fb7299; } .i-player-ending-panel-box-functions .i-player-upinfo-electric.little .more-word[data-v-7296e782] { display: none; } .i-player-ending-panel-box-functions .i-player-upinfo-spans[data-v-7296e782] { position: absolute; right: 0; top: 0; display: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 10px; pointer-events: auto; color: hsla(0,0%,100%,.9); fill: hsla(0,0%,100%,.9); opacity: 0; } .i-player-ending-panel-box-functions .i-player-upinfo-spans.show[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div[data-v-7296e782] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 30px; line-height: 24px; height: 45px; cursor: pointer; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div.restart[data-v-7296e782] { padding-right: 30px; border-right: 1px solid hsla(0,0%,100%,.1); } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div .bp-svgicon[data-v-7296e782] { width: 28px; height: 28px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans>div .bp-svgicon .iconfont[data-v-7296e782] { font-size: 28px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display[data-v-7296e782] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div[data-v-7296e782] { 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: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 30px; line-height: 24px; height: 45px; cursor: pointer; text-align: center; -webkit-transition: all .3s linear; transition: all .3s linear; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div.active[data-v-7296e782]{ color: #00a1d6; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div .bp-svgicon[data-v-7296e782] { width: 24px; height: 24px; } .i-player-ending-panel-box-functions .i-player-upinfo-spans .display>div .bp-svgicon .iconfont[data-v-7296e782] { font-size: 24px; } .i-player-ending-panel-box-videos[data-v-7296e782] { position: relative; margin-top: 20px; margin-right: -28px; /*padding-top: 30px;*/ height: 306px; overflow: hidden; } /*.i-player-ending-panel-box-videos:before {*/ /* content: "相关推荐";*/ /* font-size: 16px;*/ /* color: #fff;*/ /* line-height: 20px;*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /*}*/ .i-player-ending-panel-box-recommend[data-v-7296e782] { position: relative; width: 223px; height: 140px; border: 1px solid transparent; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 16px 16px 0; float: left; pointer-events: auto; overflow: hidden; border-radius: 4px; -webkit-transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out!important; -webkit-transition: border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out!important; transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out!important; } .i-player-ending-panel-box-recommend[data-v-7296e782]:before { content: ""; position: absolute; top: 30%; right: 0; bottom: 0; left: 0; border-radius: 4px; background: #000; background: url(//s1.hdslb.com/bfs/static/player/img/gradient.png) 0 0 repeat-x; background: -webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(20%, rgba(0,0,0,.1)),color-stop(35%, rgba(0,0,0,.2)),color-stop(65%, rgba(0,0,0,.5)),to(rgba(0,0,0,.66))); background: linear-gradient(transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.66)); z-index: 1; } .i-player-ending-panel-box-recommend-img[data-v-7296e782] { width: 100%; height: 100%; border-radius: 4px; overflow: hidden; position: relative; background-size: auto 100%; background-position: 50%; background-repeat: no-repeat; background-color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .i-player-ending-panel-box-recommend-cover[data-v-7296e782] { cursor: pointer; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 4px; } .i-player-ending-panel-box-recommend-cover.cover-mask[data-v-7296e782] { background: rgba(33,33,33,.5); } .i-player-ending-panel-box-recommend-cover-cancel[data-v-7296e782] { position: absolute; display: none; width: 68px; height: 24px; background: hsla(0,0%,100%,.4); border-radius: 4px; font-size: 14px; color: #fff; line-height: 24px; top: 6px; right: 6px; text-align: center; cursor: pointer; z-index: 11; } .i-player-ending-panel-box-recommend-cover.cover-mask .i-player-ending-panel-box-recommend-cover-cancel[data-v-7296e782]{ display: block; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-cover-cancel[data-v-7296e782] { right: calc(100% - 75px); top: 8px; } .i-player-ending-panel-box-recommend-cover-countdown[data-v-7296e782] { display: none; width: 64px; margin-top: 40px; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; } .i-player-ending-panel-box-recommend-cover.cover-mask .i-player-ending-panel-box-recommend-cover-countdown[data-v-7296e782]{ display: block; } .i-player-ending-panel-box-recommend-cover-title[data-v-7296e782] { position: absolute; top: 118px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; width: 100%; height: 18px; z-index: 10; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; word-break: break-all; -webkit-transition: transform .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; } .i-player-ending-panel-box-recommend-add-watchlater[data-v-7296e782] { position: absolute; bottom: 10px; right: 10px; opacity: 0; margin-right: -4px; margin-bottom: -6px; border-radius: 4px; background-color: #fff; visibility: hidden; z-index: 20; line-height: 1; -webkit-transition: opacity .15s; transition: opacity .15s; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater[data-v-7296e782] { right: 14px; bottom: calc(100% - 30px); background-color: rgba(0,0,0,.8); } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater i[data-v-7296e782] { width: 28px; height: 28px; border-radius: 6px; display: inline-block; background-size: auto 100%; } .i-player-ending-panel.i-player-ending-panel-exp .i-player-ending-panel-box-recommend-add-watchlater i.icon-22wait-normal[data-v-7296e782] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .i-player-ending-panel-box-recommend[data-v-7296e782]:hover { border-color: #fff; -webkit-box-shadow: 0 0 6px hsla(0,0%,100%,.5); box-shadow: 0 0 6px hsla(0,0%,100%,.5); } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-cover[data-v-7296e782] { overflow: visible; cursor: pointer; } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-cover-title[data-v-7296e782] { white-space: normal; padding-right: 24px; height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .i-player-ending-panel-box-recommend:hover .i-player-ending-panel-box-recommend-add-watchlater[data-v-7296e782] { opacity: 1; visibility: visible; } /* 小窗播放 */ .hide[data-v-7296e782] { display: none; } #mui-player[data-screen=mini][data-v-7296e782] { z-index: 100000!important; position: fixed!important; width: 320px!important; height: 180px!important; border-radius: 4px; overflow: hidden; right: 84px; bottom: 48px; } .bpx-player-mini-warp[data-v-7296e782] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: move; z-index: 12; } .bpx-player-mini-warp .bpx-player-mini-close[data-v-7296e782], .bpx-player-mini-warp .bpx-player-mini-state[data-v-7296e782] { opacity: 0; cursor: pointer; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .bpx-player-mini-warp .bpx-player-mini-close[data-v-7296e782] { width: 26px; height: 26px; fill: #fff; float: right; margin-top: 8px; margin-right: 8px; } .bpx-player-mini-warp .bpx-player-mini-state[data-v-7296e782] { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } .bpx-player-mini-warp .bpx-player-mini-state-pause[data-v-7296e782], .bpx-player-mini-warp .bpx-player-mini-state-play[data-v-7296e782] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50%; background-repeat: no-repeat; background-size: 80px 80px; color: white; font-size: 100px; } .bpx-player-mini-warp:hover .bpx-player-mini-close[data-v-7296e782], .bpx-player-mini-warp:hover .bpx-player-mini-state[data-v-7296e782] { opacity: 1; } /*小窗开关*/ .miniSwitch[data-v-7296e782] { position: fixed; right: 0; bottom: 50px; z-index: 6; border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: 40px; margin-bottom: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; color: #18191C; fill: #18191C; text-align: center; padding: 8px 0 4px 0; background-color: #FFFFFF; } .miniSwitch.on[data-v-7296e782] { color: #00AEEC; fill: #00AEEC; } .miniSwitch .item-icon[data-v-7296e782] { width: 24px; height: 24px; margin: 0 auto 2px; } .miniSwitch .item-text[data-v-7296e782] { line-height: 14px; } .chooseLd[data-v-7296e782]{ position: absolute; top: 0; width: 100%; height: 100%; background: #000; z-index: 99; color: #ffffff; } .chooseLd .text[data-v-7296e782] { position: absolute; width: 100%; margin-top: 15%; font-size: 16px; text-align: center; } .chooseLd .chooseItem[data-v-7296e782] { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; } .chooseLd .choose[data-v-7296e782]{ background: #9e9e9e; margin: auto; border-radius: 10px; padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .myRate .el-rate__item { width: 20%; } .footer-control:active { opacity: 1 !important; } /*滑块*/ .player-slider .el-slider__runway { height: 2px; background-color: hsla(0, 0%, 100%, .2); } .player-slider .el-slider__bar { height: 2px; background-color: #00a1d6; } .player-slider .el-slider__button-wrapper { top: -8px; height: 12px; width: 12px; } .player-slider .el-slider__button { height: 12px; width: 12px; background-color: #00a1d6; } .player-slider .el-slider__stop { height: 2px; width: 2px; background-color: hsla(0, 0%, 100%, .8); } .player-slider .el-slider__marks-text { margin-top: 5px; color: hsla(0, 0%, 100%, .5); font-size: 12px; -webkit-transform: translateX(-45%); transform: translateX(-45%); white-space: nowrap; } /* 选择器*/ .player-select { width: 164px; } .player-select .el-input--small .el-input__inner { height: 22px; border: 1px solid hsla(0, 0%, 100%, .2) !important; font-size: 12px; background-color: hsla(0, 0%, 100%, 0); color: white; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .player-select .el-input--small .el-input__icon { line-height: 15px; } .player-option { background-color: #212121 !important; border: #606266 !important; margin-top: 0 !important; } .player-option .el-select-dropdown__item { font-size: 12px; line-height: 22px; height: 22px; color: white; font-weight: 300 !important; } .player-option .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #606266; } .player-option .el-select-dropdown__item.selected { color: #ebeef5; font-weight: 700; } .player-option .popper__arrow { display: none; } /* 选择框*/ .player-check { font-size: 12px; font-weight: initial; color: #fff; line-height: 12px; } .player-check .el-checkbox__inner { background-color: hsla(0, 0%, 100%, 0); /*border: 1px solid #DCDFE6!important;*/ width: 12px; height: 12px; } .player-check .el-checkbox__input.is-focus .el-checkbox__inner { border: 1px solid #DCDFE6; } .player-check .el-checkbox__input.is-checked .el-checkbox__inner, .player-check .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #00a1d6; border-color: #00a1d6; } .player-check .el-checkbox__input.is-checked + .el-checkbox__label { } .player-check .el-checkbox__label { font-size: 12px; line-height: 14px; color: unset !important; } #mui-player .footer-control[slot=danmuku] { display: none !important; } #mui-player.browser-fullscreen .footer-control[slot=danmuku], #mui-player.page-fullscreen .footer-control[slot=danmuku] { display: block !important; } #mui-player .mplayer-footer { z-index: 97; /*transform: translateY(0)!important;*/ } #mui-player .el-progress__text { color: #fff; } #mui-player.showBar .mplayer-footer, #mui-player.showBar .mplayer-header { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } /* 小屏播放*/ #mui-player[data-screen=mini] video { height: 180px !important; } #mui-player[data-show=hide] { display: none; } #mui-player[data-screen=mini] #mplayer-header, #mui-player[data-screen=mini] #mplayer-footer, #mui-player[data-screen=mini] .video-time, #mui-player[data-screen=mini] .video-state { display: none; } #mui-player[data-screen=mini] .m-player .mini-progress { opacity: 1 !important; height: 5px; } @media screen and (max-width: 1000px) { #mui-player.browser-fullscreen .footer-control[slot=danmuku] .video-inputbar, #mui-player.page-fullscreen .footer-control[slot=danmuku] .video-inputbar { display: none; } #mui-player.browser-fullscreen .footer-control[slot=danmuku] .video-danmaku-root .video-danmaku-setting, #mui-player.page-fullscreen .footer-control[slot=danmuku] .video-danmaku-root .video-danmaku-setting { margin-right: 0; } } @media screen and (max-width: 650px) { #mui-player.browser-fullscreen .footer-control[slot=danmuku], #mui-player.page-fullscreen .footer-control[slot=danmuku] { display: none !important; } } @media screen and (max-width: 600px) { #mui-player.browser-fullscreen .footer-control[slot=definition], #mui-player.browser-fullscreen .footer-control[slot=speed], #mui-player.page-fullscreen .footer-control[slot=definition], #mui-player.page-fullscreen .footer-control[slot=speed] { display: none !important; } } .barrage-wrapper * { margin: 0px; padding: 0px; } .barrage-wrapper { /*z-index: 8;*/ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; } .barrage-wrapper .barrage-item { z-index: 9; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* 禁用选择文字*/ white-space: pre; cursor: pointer; display: inline-block; will-change: transform; font-size: 25px; color: rgb(255, 255, 255); line-height: 1.125; opacity: 1; text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px; } #mui-player.showBar .barrage-wrapper .barrage-item:hover { /*color: red!important;*/ -webkit-animation-play-state: paused !important; animation-play-state: paused !important; z-index: 97; } .barrage-wrapper .top-item { /*z-index: 100;*/ } .barrage-wrapper .bottom-item { /*z-index: 100;*/ } .barrage-wrapper .barrage-main { /* border: 2px solid blue; */ width: 100%; height: 100%; position: relative; overflow: hidden; } .barrage-wrapper .barrage-main-dm { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .barrage-wrapper .self-dm { border: 2px solid #87ceeb; -webkit-box-sizing: border-box; box-sizing: border-box; } .barrage-wrapper .barrage-item-tips { width: 125px; height: 45px; line-height: 45px; background: #14160d; border-radius: 10px; border: 1px solid #909399; position: absolute; /* z-index: 1000; */ padding: 0px 10px; opacity: 1; left: 50%; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); display: none; } .barrage-wrapper .barrage-item-tips .active { color: #00a1d6; } .barrage-wrapper .barrage-item-tips.bottom { top: 24px; } .barrage-wrapper .barrage-item-tips.top { bottom: 24px; } #mui-player.showBar .barrage-wrapper .barrage-item:hover .barrage-item-tips { display: -webkit-box; display: -ms-flexbox; display: flex; } .barrage-wrapper .barrage-item-tips .barrage-tips-num{ position: absolute; line-height: 12px; top: 3px; left: 30px; font-size: 12px; } .barrage-wrapper .barrage-item-tips.bottom::after { content: ""; position: absolute; left: 50%; width: 0; height: 0; border-left: 10px solid #14160d; border-bottom: 10px solid transparent; -webkit-transform: rotate( 45deg); transform: rotate( 45deg); z-index: -1; top: -4px; } .barrage-wrapper .barrage-item-tips.bottom::before { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid #909399; border-bottom: 10px solid transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; left: 50%; top: -5px; } .barrage-wrapper .barrage-item-tips.top::after { content: ""; position: absolute; left: 50%; width: 0; height: 0; border-right: 10px solid #14160d; border-top: 10px solid transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; bottom: -4px; } .barrage-wrapper .barrage-item-tips.top::before { content: ""; position: absolute; width: 0; height: 0; border-right: 10px solid #909399; border-top: 10px solid transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; left: 50%; bottom: -5px; } .barrage-wrapper .barrage-item-tips i { font-size: 20px; margin-right: 20px; } .barrage-wrapper .barrage-item-tips i:last-of-type{ margin-right: 0; } .barrage-wrapper .barrage-item.reporting { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; } .barrage-wrapper .barrage-item.reporting .barrage-item-tips { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } @-webkit-keyframes barrage-run { 0% { /*transform: translate3d(500px, 0, 0);*/ } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes barrage-run { 0% { /*transform: translate3d(500px, 0, 0);*/ } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes barrage-fade { 0% { visibility: visible; // opacity: 1; } 100% { visibility: hidden; // opacity: 0; } } @keyframes barrage-fade { 0% { visibility: visible; // opacity: 1; } 100% { visibility: hidden; // opacity: 0; } } .barrage-wrapper .ani-pause div { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; } .barrage-wrapper .ani-running div { -webkit-animation-play-state: running !important; animation-play-state: running !important; } .video-container[data-v-73484e15] { max-width: 2540px; min-width: 1300px; width: 95%; margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 10px; } .left-container[data-v-73484e15] { width: 65%; position: relative; } .video-info[data-v-73484e15] { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; } .video-info-ab[data-v-73484e15] { height: 106px; } .video-info .video-title[data-v-73484e15] { font-size: 20px; font-weight: 500; color: #18191C; line-height: 24px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-info-ab .video-title[data-v-73484e15] { line-height: 28px; } .video-info .video-data[data-v-73484e15] { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; line-height: 18px; color: #9499A0; } .video-info .video-data > span[data-v-73484e15] { display: inline-block; } .video-info .video-data .view[data-v-73484e15], .video-info .video-data .dm[data-v-73484e15], .video-info .video-data .pudate[data-v-73484e15] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .video-info .video-data .view i[data-v-73484e15], .video-info .video-data .dm i[data-v-73484e15], .video-info .video-data .pudate i[data-v-73484e15] { margin-right: 4px; font-size: 20px; } .video-info .video-data .item[data-v-73484e15]:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .video-info .video-data .item:last-child i[data-v-73484e15] { color: #fd676f; font-size: 20px; vertical-align: bottom; } #playerWrap[data-v-73484e15] { height: 533px; position: relative; } .video-toolbar[data-v-73484e15] { -webkit-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #E3E5E7; padding-top: 16px; padding-bottom: 12px; height: 28px; line-height: 28px; } .video-toolbar .toolbar-left[data-v-73484e15] { float: left; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #61666D; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .video-toolbar .toolbar-left .on[data-v-73484e15] { color: #00AEEC; } .video-toolbar .toolbar-left .iconfont[data-v-73484e15] { font-size: 28px; vertical-align: bottom; margin-right: 8px; } .video-toolbar .toolbar-left .share .iconfont[data-v-73484e15] { font-size: 36px; } .video-toolbar .toolbar-left > span[data-v-73484e15] { width: 92px; margin-right: 8px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; fill: #61666D; } .video-toolbar .toolbar-left > span[data-v-73484e15]:hover, .video-toolbar .toolbar-left > span.on[data-v-73484e15] { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-left > span .info-text[data-v-73484e15] { overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; } .video-toolbar .toolbar-right[data-v-73484e15] { position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #61666D; height: 100%; font-size: 13px; } .video-toolbar .toolbar-right > div[data-v-73484e15], .video-toolbar .toolbar-right > span[data-v-73484e15] { -webkit-box-sizing: content-box; box-sizing: content-box; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; fill: #61666D; color: #61666D; } .video-toolbar .toolbar-right > div[data-v-73484e15]:hover, .video-toolbar .toolbar-right > span[data-v-73484e15]:hover { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-right .manuscript-report[data-v-73484e15] { margin-right: 18px; } .video-toolbar .toolbar-right .iconfont[data-v-73484e15] { margin-right: 8px; vertical-align: bottom; font-weight: bold; } .video-toolbar .toolbar-right .note-btn[data-v-73484e15] { position: relative; margin-right: 12px; } .van-popover.van-share[data-v-73484e15] { position: absolute; padding: 30px; top: 32px; z-index: 30; color: #18191C; background: #FFFFFF; border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); border-radius: 8px; font-size: 12px; } .van-popover.van-share .share_dropdown .share-pos[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .van-popover.van-share .share_dropdown .share-pos .box-left[data-v-73484e15] { width: 300px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn[data-v-73484e15] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 60px; height: 60px; margin-bottom: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon[data-v-73484e15] { width: 40px; height: 40px; position: relative; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon .iconfont[data-v-73484e15] { font-size: 40px; position: absolute; } .share-btns .share-btn-icon .wechat[data-v-73484e15] { color: #3acf5a; } .share-btns .share-btn-icon .QQ[data-v-73484e15] { color: #4CA2E5; } .share-btns .share-btn-icon .qzone[data-v-73484e15] { color: #ecbf36; } .share-btns .share-btn-icon .weibo[data-v-73484e15] { color: #e62d26; } .share-btns .share-btn-icon .tieba[data-v-73484e15] { color: #247bd4; } .share-btns .share-btn-icon .dongtai[data-v-73484e15] { color: #FB7299; } .share-btns .share-btn-icon .code[data-v-73484e15] { color: #5DC1A5; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-text[data-v-73484e15] { line-height: 20px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link[data-v-73484e15] { height: 28px; background-color: #F6F7F8; border-radius: 6px; line-height: 28px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link input[data-v-73484e15] { border: none; background-color: #F6F7F8; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #61666D; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link .btn[data-v-73484e15] { color: #00AEEC; margin-left: 10px; cursor: pointer; } .van-popover.van-share .share_dropdown .share-pos .box-right[data-v-73484e15] { text-align: center; padding: 0 0 0 20px; border-left: 1px solid #E3E5E7; margin-left: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box[data-v-73484e15] { width: 145px; height: 145px; background: #FFFFFF; border: 1px solid #E3E5E7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; padding: 4px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box .van-qrcode[data-v-73484e15] { width: 135px; height: 135px; } .van-popover.van-share .share_dropdown .share-pos .box-right p[data-v-73484e15] { font-size: 15px; line-height: 21px; margin-top: 4px; } .van-popover.van-more[data-v-73484e15] { position: absolute; min-width: 142px; text-align: center; padding: 12px 0; background: #FFFFFF; border: 1px solid #F1F2F3; border-radius: 8px; font-size: 14px; color: #61666D; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 30; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); top: 28px; right: -10px; display: none; } .van-popover.van-more .more_dropdown li[data-v-73484e15] { cursor: default; height: 40px; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 29px; margin: 0; fill: #61666D; position: relative; } .van-popover.van-more .more_dropdown li[data-v-73484e15]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.1; } .van-popover.van-more .more_dropdown li[data-v-73484e15]:hover:before { background-color: #9499A0; } .van-popover.van-more .more_dropdown li .iconfont[data-v-73484e15] { font-size: 22px; } .watchlater[data-v-73484e15] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); width: 16px; height: 16px; background-size: 16px; margin-right: 10px; margin-left: 4px; } .van-popover.van-more .more_dropdown .ops-watch-later[data-v-73484e15] { position: absolute; width: 100%; height: 100%; background: none; right: 0; bottom: 0; cursor: default; } .video-toolbar .toolbar-right .more[data-v-73484e15] { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-toolbar .toolbar-right .more:hover .van-more[data-v-73484e15]{ display: block; } .video-toolbar[data-v-73484e15]:after { display: block; content: ''; clear: both; } .left-container-under-player[data-v-73484e15] { width: 100%; position: absolute; } .video-desc[data-v-73484e15] { margin: 16px 0; position: relative; } .video-desc .desc-info[data-v-73484e15] { -webkit-transition: all 0.3s; transition: all 0.3s; white-space: pre-line; font-size: 15px; color: #18191C; letter-spacing: 0; line-height: 24px; overflow: hidden; word-break: break-word; } .video-desc .toggle-btn[data-v-73484e15] { margin-top: 10px; font-size: 13px; line-height: 18px; } .video-desc .toggle-btn span[data-v-73484e15] { cursor: pointer; color: #61666D; } .video-desc .toggle-btn span[data-v-73484e15]:hover{ color: #00a1d6; } .s_tag[data-v-73484e15] { padding-bottom: 6px; margin: 16px 0 20px 0; border-bottom: 1px solid #E3E5E7; } .s_tag .tag-wrap[data-v-73484e15] { -webkit-transition: height 0.3s; transition: height 0.3s; } .clearfix[data-v-73484e15] { zoom: 1; } .s_tag .tag-wrap .tag-area[data-v-73484e15] { position: relative; } .s_tag .tag-wrap .tag-area > li[data-v-73484e15] { float: left; margin: 0 12px 8px 0; position: relative; } .s_tag .tag-wrap .tag-area > li .tag-link[data-v-73484e15] { color: #61666D; z-index: 10; height: 28px; line-height: 28px; display: inline-block; font-size: 13px; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F1F2F3; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link[data-v-73484e15] { color: #008AC5; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon[data-v-73484e15] { width: 15px; margin-right: 5px; vertical-align: sub; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .activity-m[data-v-73484e15] { margin: 24px 0; background-color: #FFFFFF; } .activity-m .inside-wrp[data-v-73484e15] { font-size: 14px; overflow: hidden; border: 1px solid #E3E5E7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-m .inside-wrp .left[data-v-73484e15] { float: left; margin-right: -320px; padding-left: 20px; padding-right: 320px; width: 100%; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; color: #18191C; } .activity-m .inside-wrp .l-inside[data-v-73484e15], .activity-m .inside-wrp .hinter-msg[data-v-73484e15] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .activity-m .inside-wrp .right[data-v-73484e15] { float: right; } .activity-m.act-end .inside-bg[data-v-73484e15] { height: 100px; } .activity-m .inside-wrp .right .inside-bg[data-v-73484e15] { position: relative; display: block; width: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; } .activity-m .inside-wrp .right .inside-bg[data-v-73484e15]:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container .right-container[data-v-73484e15] { width: 35%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 30px; padding-bottom: 20px; } .up-info[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 18px 0 10px 0; } .up-info .u-face[data-v-73484e15] { width: 48px; height: 48px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; } .up-info .u-face.has-pendant[data-v-73484e15] { width: 80px; height: 80px; } .up-info .u-face .u-face__avatar[data-v-73484e15] { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #C9CCD0; } .up-info .u-face .avatar-loaded[data-v-73484e15] { background-color: transparent; } .up-info .u-face.has-pendant .u-face__avatar[data-v-73484e15] { position: absolute; width: 47px; height: 47px; top: 18px; left: 18px; } .i-avatar[data-v-73484e15] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar *[data-v-73484e15] { margin: 0; padding: 0; } .i-avatar-face[data-v-73484e15] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-73484e15] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-73484e15] { border-radius: 50%; } .i-avatar-icon--personal[data-v-73484e15] { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTk0Mjk2OTAwOTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3NDgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MTJtLTUxMiAwYTUxMiA1MTIgMCAxIDAgMTAyNCAwIDUxMiA1MTIgMCAxIDAtMTAyNCAwWiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iNDc0OSI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNTEybS00MTguOTA5MDkxIDBhNDE4LjkwOTA5MSA0MTguOTA5MDkxIDAgMSAwIDgzNy44MTgxODIgMCA0MTguOTA5MDkxIDQxOC45MDkwOTEgMCAxIDAtODM3LjgxODE4MiAwWiIgZmlsbD0iI0ZGQzYyRSIgcC1pZD0iNDc1MCI+PC9wYXRoPjxwYXRoIGQ9Ik00NzQuMTEyIDc2My45NTA1NDVhMzMuMjggMzMuMjggMCAwIDEtMTQuMDU2NzI3IDQuMDQ5NDU1IDIxLjAzODU0NSAyMS4wMzg1NDUgMCAwIDEtMjEuMzE3ODE4LTIwLjgwNTgxOCAxOS41NDkwOTEgMTkuNTQ5MDkxIDAgMCAxIDEuMjEwMTgxLTUuODY0NzI3bDQwLjQ5NDU0Ni0xODcuNDM4NTQ2LTE2Ny42NTY3MjcgMC4zMjU4MThhMjEuMjI0NzI3IDIxLjIyNDcyNyAwIDAgMS0yMS44NzYzNjQtMjAuODA1ODE4IDIwLjQzMzQ1NSAyMC40MzM0NTUgMCAwIDEgOS40OTUyNzMtMTYuODQ5NDU0bDI1MC4xODE4MTgtMjU1Ljc2NzI3M2M0LjYwOC0yLjc5MjcyNyA5LjU0MTgxOC00Ljc0NzYzNiAxNC42NjE4MTgtNC43OTQxODJhMjEuMTMxNjM2IDIxLjEzMTYzNiAwIDAgMSAyMS4zNjQzNjQgMjAuODUyMzY0IDE5Ljk2OCAxOS45NjggMCAwIDEtMi43OTI3MjggOS43NzQ1NDVsLTQwLjIxNTI3MiAxODQuMzJoMTY3Ljg0MjkwOWEyMS4xNzgxODIgMjEuMTc4MTgyIDAgMCAxIDIxLjY0MzYzNiAyMC44NTIzNjQgMjAuMjkzODE4IDIwLjI5MzgxOCAwIDAgMS05LjQ5NTI3MyAxNi45NDI1NDVsLTI0OS40ODM2MzYgMjU1LjIwODcyN3oiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjQ3NTEiPjwvcGF0aD48L3N2Zz4=);*/ } .i-avatar-right-icon[data-v-73484e15] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .i-avatar .i-avatar-size-60[data-v-73484e15], .i-avatar .i-avatar-size-50[data-v-73484e15], .i-avatar .i-avatar-size-48[data-v-73484e15] { width: 18px; height: 18px; bottom: -1px; } .up-info .up-info_right[data-v-73484e15] { margin-left: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; } .up-info .up-info_right .name[data-v-73484e15] { height: 22px; line-height: 22px; font-size: 15px; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .up-info .up-info_right .name .username[data-v-73484e15] { color: #18191C; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 12px; max-width: calc(100% - 12px - 56px); } .up-info .up-info_right .name .username .mask[data-v-73484e15] { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.15); } .up-info .up-info_right .name .up-info_right_message[data-v-73484e15] { color: #61666D; font-size: 13px; -webkit-transition: color 0.3s; transition: color 0.3s; -ms-flex-negative: 0; flex-shrink: 0; } .up-info .up-info_right .name .up-info_right_message i[data-v-73484e15] { /*color: #61666D;*/ -webkit-transition: color 0.3s; transition: color 0.3s; } .up-info .up-info_right .name .up-info_right_message[data-v-73484e15]:hover { color: #00AEEC; } .up-info .up-info_right .desc[data-v-73484e15] { margin: 2px 0 10px 0; font-size: 13px; line-height: 16px; height: 16px; color: #9499A0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .up-info .btn-panel[data-v-73484e15] { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; white-space: nowrap; } .up-info .btn-panel .default-btn[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .btn-transition[data-v-73484e15] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .charge-btn[data-v-73484e15] { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .up-info .btn-panel .not-follow-charge-btn[data-v-73484e15] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .default-btn[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .not-follow-charge-btn[data-v-73484e15] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .following-charge-btn[data-v-73484e15] { background: #00AEEC; color: #FFFFFF; } .up-info .btn-panel .btn-transition[data-v-73484e15] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .follow-btn[data-v-73484e15] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 200px; } .up-info .btn-panel .not-follow[data-v-73484e15] { background: #00AEEC; color: #fff; } .up-info .btn-panel .following[data-v-73484e15] { color: #9499A0; background-color: #E3E5E7; } .up-info .btn-panel .has-charge[data-v-73484e15] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .up-info .btn-panel .follow-btn > span[data-v-73484e15] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .up-info .btn-panel .has-charge i[data-v-73484e15] { margin-right: 4px; } .video-container .danmaku-box[data-v-73484e15] { margin-bottom: 18px; } #danmukuBox[data-v-73484e15] { margin-top: 0; } .video-container .danmaku-box .danmaku-wrap[data-v-73484e15] { min-height: 44px; background: #F1F2F3; border-radius: 6px; } .danmaku-wrap .danmu-header[data-v-73484e15]{ display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 46px; width: 100%; color: #222; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .danmaku-wrap .danmu-header .bui-collapse-arrow[data-v-73484e15] { position: absolute; right: 10px; } .danmaku-wrap .danmu-header .player-danmu-filter[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 6px; padding-left: 16px; height: 44px; line-height: 44px; } .danmaku-wrap .danmu-header .player-auxiliary-filter-title[data-v-73484e15] { font-size: 15px; color: #18191c; height: 100%; font-weight: 500; } .danmaku-wrap .danmu-header .player-auxiliary-filter-menu[data-v-73484e15] { cursor: pointer; font-size: 16px; color: #61666d; position: absolute; text-align: center; left: calc(100% + 12px); font-weight: bold; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap[data-v-73484e15] { position: absolute; /*display: none;*/ z-index: 2; left: 50%; top: 35px; width: 80px; padding: 8px 0; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 8px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); font-weight: normal; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list[data-v-73484e15] { line-height: 36px; height: 36px; position: relative; font-size: 14px; cursor: pointer; text-align: center; color: #18191c; -webkit-transition: color .3s; transition: color .3s; } .danmu-body[data-v-73484e15] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height .3s; transition: height .3s; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; /*border-bottom: solid 20px #F1F2F3;*/ display: none; } .danmu-body .player-auxiliary-danmaku[data-v-73484e15] { overflow: hidden; position: relative; } .danmaku-wrap .player-auxiliary-danmaku-management[data-v-73484e15] { text-align: center; color: #61666d; background-color: #fff; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function[data-v-73484e15] { position: relative; overflow: hidden; z-index: 1; background-color: #fff; zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-][data-v-73484e15] { font-size: 12px; color: #61666d; height: 32px; border: 0; padding: 0 6px; line-height: 32px; cursor: pointer; display: inline-block; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-time[data-v-73484e15] { width: 60px; padding-left: 16px; padding-right: 0; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-danmaku[data-v-73484e15] { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] .bp-icon[data-v-73484e15] { display: inline-block; width: 8px; height: 4px; position: absolute; right: 5px; font-size: 8px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-date[data-v-73484e15], .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-uname[data-v-73484e15] { width: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control[data-v-73484e15] { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-title[data-v-73484e15] { float: left; height: 32px; color: #9499a0; margin-left: 10px; line-height: 32px; } .bui-button[data-v-73484e15] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; min-width: 68px; height: 24px; font-size: 12px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateZ(0); transform: translateZ(0); background: none; padding: 0; outline: none; color: inherit; text-align: inherit; line-height: inherit; } .bui-button.bui-button-gray3[data-v-73484e15] { color: #999; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-cancel[data-v-73484e15] { position: absolute; top: 5px; width: 50px; right: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-submit[data-v-73484e15] { position: absolute; top: 5px; width: 50px; right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap[data-v-73484e15] { height: 420px; background-color: #fff; position: relative; } .player-auxiliary-bscrollbar[data-v-73484e15] { position: relative; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-contaner[data-v-73484e15] { height: 100%; /*overflow: hidden;*/ -ms-touch-action: pan-x; touch-action: pan-x; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*overflow: auto;*/ } .bpui-selectable[data-v-73484e15] { position: relative; } .bpui-selectable-row[data-v-73484e15] { line-height: 24px; height: 24px; font-size: 13px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row[data-v-73484e15] { line-height: 24px; height: 24px; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; overflow: hidden; color: #61666d; display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span[data-v-73484e15] { vertical-align: top; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; text-align: left; display: inline-block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-time[data-v-73484e15] { width: 60px; position: relative; overflow: hidden; padding-left: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku[data-v-73484e15] { color: #18191c; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-date[data-v-73484e15] { width: 88px; white-space: nowrap; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block[data-v-73484e15]:after { content: "\5DF2\5C4F\853D"; color: #ccd0d7; display: inline-block; width: 70px; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: right; padding-right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-danmaku[data-v-73484e15], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-time[data-v-73484e15] { color: #ccd0d7; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-float-layer[data-v-73484e15] { display: none; position: absolute; bottom: 2px; right: 12px; height: 22px; z-index: 1; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row:hover .danmaku-info-float-layer[data-v-73484e15] { display: block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-73484e15], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-73484e15], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-73484e15] { display: inline-block; margin-left: 10px; -webkit-transition: background-color .3s; transition: background-color .3s; width: 70px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #00aeec; border-radius: 2px; color: #00aeec; background: #fff; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-73484e15]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-73484e15]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-73484e15]:hover { color: #fff; background-color: #00aeec; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child[data-v-73484e15] { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 10002; overflow: hidden; /* display: none; */ } .player-auxiliary-panel-title[data-v-73484e15] { padding-left: 22px; line-height: 60px; color: #18191c; font-size: 14px; border-bottom: 1px solid #f1f2f3; text-align: left; overflow: hidden; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title[data-v-73484e15] { background-color: #fff; width: 100%; font-size: 12px; color: #99a2aa; -webkit-box-sizing: border-box; box-sizing: border-box; height: 32px; z-index: 3; padding-left: 20px; line-height: 32px; } .player-auxiliary-panel-title .player-auxiliary-panel-close[data-v-73484e15] { cursor: pointer; position: absolute; top: 0; right: 0; margin-right: 16px; line-height: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-danmaku-btn-footer[data-v-73484e15] { position: relative; width: auto; height: 39px; background: #fff; overflow: hidden; z-index: 10001; } .bui-button.bui-button-gray2[data-v-73484e15] { color: #505050; background-color: #f4f4f4; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-73484e15] { width: 100%; height: 31px; line-height: 31px; margin-top: 8px; border-radius: 6px; background-color: #f1f2f3; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-73484e15]:not(.bui-button-disabled) { color: #18191c; } /* 屏蔽列表*/ .danmaku-wrap .player-auxiliary-block[data-v-73484e15] { width: 100%; /* display: none; */ z-index: 21; background: #fff; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-73484e15] { overflow: hidden; border-bottom: 1px solid #e3e5e7; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-73484e15] { height: 100%; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tablist[data-v-73484e15] { margin: 0 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-73484e15] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel.no-bottom[data-v-73484e15] { padding-bottom: 0; border-bottom: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-73484e15] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title[data-v-73484e15] { float: left; padding-top: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row .player-auxiliary-block-label[data-v-73484e15] { color: #9499a0; line-height: 24px; display: inline-block; *display: inline; *zoom: 1; margin-right: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title .player-auxiliary-block-label[data-v-73484e15] { font-weight: 700; font-size: 12px; color: #18191c; vertical-align: middle; } .bui-button.bui-button-text[data-v-73484e15] { color: #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn[data-v-73484e15] { float: right; margin: 16px 0; background: none; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn:active .bp-icon[data-v-73484e15] { -webkit-transform: rotate( -1turn ); transform: rotate( -1turn ); } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .bp-icon[data-v-73484e15] { margin-right: 5px; vertical-align: middle; -webkit-transition: all .5s; transition: all .5s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .player-sync-txt[data-v-73484e15] { vertical-align: middle; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-73484e15] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-73484e15] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string[data-v-73484e15], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short[data-v-73484e15] { font-size: 12px; width: 135px; padding-left: 5px; border: 1px solid #e3e5e7; height: 20px; line-height: 20px; display: inline-block; margin-right: 10px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short.player-auxiliary-block-string-short[data-v-73484e15], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string.player-auxiliary-block-string-short[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 214px; height: 24px; line-height: 24px; margin-right: 6px; padding: 1px 10px; border-radius: 2px; vertical-align: middle; background-color: #fff; color: #18191c; } .bui-button.bui-button-gray[data-v-73484e15] { background-color: #e5e9ef; color: #212121; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn[data-v-73484e15] { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn.bui-button.bui-button-gray[data-v-73484e15] { background-color: #f1f2f3; color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-73484e15] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .bui[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bui-tabs[data-v-73484e15] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs[data-v-73484e15] { margin-top: 16px; margin-bottom: -11px; } .bui-tabs .bui-tabs-header[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-73484e15] { text-align: center; margin-right: 20px; font-size: 12px; color: #212121; cursor: pointer; } .bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-73484e15] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-73484e15] { color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-73484e15] { color: #00aeec; border-bottom-color: #00aeec; } .bui-tabs .bui-tabs-body .bui-tabs-body-item.bui-tabs-body-item-active[data-v-73484e15] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.player-auxiliary-border[data-v-73484e15] { padding: 5px 0; margin-top: 10px; background-color: #f1f2f3; border-radius: 2px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.active-1 .player-auxiliary-border[data-v-73484e15] { border-radius: 0 4px 4px 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; font-size: 12px; line-height: 24px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-block-list-function-content[data-v-73484e15] { text-align: left; width: 150px; padding-left: 9px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-delete[data-v-73484e15], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-state[data-v-73484e15] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40px; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function>div .player-auxiliary-block-list-function-sync[data-v-73484e15] { display: block; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap[data-v-73484e15] { -webkit-transition: height .3s; transition: height .3s; overflow: auto; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty[data-v-73484e15] { height: 100px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-empty[data-v-73484e15] { display: none; width: 100%; height: 100%; line-height: 100px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty .player-auxiliary-block-empty[data-v-73484e15] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list[data-v-73484e15] { padding: 0 6px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; height: 24px; color: #18191c; background: #fff; position: relative; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-73484e15]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .1; content: ""; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-content[data-v-73484e15] { text-align: left; display: inline-block; width: 150px; padding-left: 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div[data-v-73484e15] { font-size: 12px; line-height: 24px; white-space: nowrap; height: 24px; text-overflow: ellipsis; overflow: hidden; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-state[data-v-73484e15] { text-align: center; display: inline-block; cursor: pointer; color: #00aeec; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-delete[data-v-73484e15] { text-align: center; display: inline-block; cursor: pointer; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-delete[data-v-73484e15] { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 14px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-sync[data-v-73484e15] { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-sync[data-v-73484e15] { -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; display: inline-block; cursor: default; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-73484e15]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .video-card-ad-small[data-v-73484e15] { color: #18191C; -webkit-transition: color 0.3s; transition: color 0.3s; } .ad-report[data-v-73484e15]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-card-ad-small .vcd[data-v-73484e15] { margin: 18px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-card-ad-small .vcd .cover[data-v-73484e15] { margin-right: 10px; border-radius: 6px; width: 141px; height: 80px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } img[data-v-73484e15] { vertical-align: middle; border-style: none; } .video-card-ad-small .vcd .cover img[data-v-73484e15] { width: 100%; height: 100%; border-radius: 6px !important; } .video-card-ad-small .vcd .info[data-v-73484e15] { font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .video-card-ad-small .vcd .info .title[data-v-73484e15] { display: block; font-size: 15px; line-height: 19px; margin-bottom: 6px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; } .video-card-ad-small .vcd .info .desc[data-v-73484e15] { color: #9499A0; letter-spacing: 0; display: -webkit-box; /*overflow: hidden;*/ text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; line-height: 16px; } .video-card-ad-small .vcd .info .desc i[data-v-73484e15] { margin-right: 6px; vertical-align: top; border: solid 1px #80808075; font-size: 12px; font-style: inherit; border-radius: 3px; padding: 1px 3px; } .recommend-list[data-v-73484e15] { margin-top: 18px; } .recommend-list .rec-title[data-v-73484e15] { font-size: 15px; font-weight: 500; -webkit-font-smoothing: antialiased; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; line-height: 20px; } .next-button[data-v-73484e15] { font-size: 12px; color: #999; line-height: 22px; cursor: pointer; } .recommend-list .rec-title .next-button[data-v-73484e15] { color: #9499A0; font-size: 13px; line-height: 16px; font-weight: normal; -webkit-font-smoothing: antialiased; } .next-button .txt[data-v-73484e15] { margin-right: 4px; vertical-align: middle; } .video-page-card-small[data-v-73484e15] { margin-bottom: 12px; } .video-page-card-small .card-box[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-page-card-small .card-box .pic-box[data-v-73484e15] { position: relative; width: 141px; height: 80px; border-radius: 6px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .video-page-card-small .card-box .pic-box .pic[data-v-73484e15] { position: relative; overflow: hidden; border-radius: 6px; width: 100%; height: 100%; } .video-page-card-small .card-box .pic-box .pic.loaded[data-v-73484e15]:before { content: ""; position: absolute; bottom: 0; left: 0; height: 28px; width: 100%; padding: 6px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); border-radius: 0 0 6px 6px; } .video-page-card-small .card-box .pic-box .framepreview-box[data-v-73484e15] { height: calc(100% + 10px); position: absolute; width: 100%; bottom: 0; } .video-page-card-small .card-box .pic-box .framepreview-box .box-a[data-v-73484e15] { display: block; position: absolute; top: 10px; } .video-page-card-small .card-box .pic-box .pic img[data-v-73484e15] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin: 0 auto; } .video-page-card-small .card-box .pic-box .pic .mask-video[data-v-73484e15] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.07); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } .video-page-card-small .card-box .pic-box .pic .duration[data-v-73484e15] { position: absolute; bottom: 6px; right: 8px; line-height: 15px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 5; font-size: 13px; } .van-watchlater[data-v-73484e15] { position: absolute; z-index: 20; width: 22px; height: 22px; right: 8px; bottom: 8px; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); } .van-watchlater.black[data-v-73484e15] { width: 28px; height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .video-page-card-small .card-box .pic-box .watch-later-video[data-v-73484e15] { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 6px; top: 6px; right: 6px; } .van-watchlater .wl-tips[data-v-73484e15] { position: absolute; font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: #000; background: rgba(0,0,0,.8); white-space: nowrap; top: -30px; } .video-page-card-small .card-box .pic-box .watch-later-video .wl-tips[data-v-73484e15] { top: 32px; } .video-page-card-small .card-box .info[data-v-73484e15] { margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; line-height: 15px; width: calc(100% - 151px); } .video-page-card-small .card-box .info .title[data-v-73484e15] { color: #18191C; font-size: 15px; line-height: 19px; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; -webkit-box-orient: vertical; } .video-page-card-small .card-box .info .upname[data-v-73484e15] { cursor: pointer; margin: 2px 0; height: 20px; } .video-page-card-small .card-box .info .upname a[data-v-73484e15] { color: #9499A0; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .video-page-card-small .card-box .info .upname a i[data-v-73484e15] { margin-right: 4px; fill: #9499A0; -webkit-transition: fill 0.3s; transition: fill 0.3s; -webkit-transform: translateY(0.5px); transform: translateY(0.5px); } .video-page-card-small .card-box .info .upname a .name[data-v-73484e15] { width: calc(100% - 24px); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; } .video-page-card-small .card-box .info .playinfo[data-v-73484e15] { color: #9499A0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-73484e15] { margin-right: 5px; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-73484e15]:last-child{ margin-left: 5px; } .video-page-card-small .card-box .info .playinfo .play[data-v-73484e15], .video-page-card-small .card-box .info .playinfo .dm[data-v-73484e15] { margin-right: 4px; } .recommend-list .split-line[data-v-73484e15] { width: 100%; height: 1px; background: #E3E5E7; } .recommend-list .rec-list[data-v-73484e15] { margin-top: 18px; } .recommend-list .rec-footer[data-v-73484e15] { height: 42px; background: #F1F2F3; color: #18191C; margin-top: 10px; text-align: center; line-height: 42px; cursor: pointer; border-radius: 6px; } .ad-floor-exp[data-v-73484e15] { position: relative; } .ad-report[data-v-73484e15]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-container #right-bottom-banner[data-v-73484e15] { margin-top: 18px; border-radius: 6px; width: 100%; height: 160px; overflow: hidden; } .video-container .right-container.small-mode #right-bottom-banner[data-v-73484e15] { height: 175px; } .lazy-img[data-v-73484e15] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) center center no-repeat; width: 100%; height: 100%; display: inline-block; } .ad-floor-exp .lazy-img[data-v-73484e15] { background: transparent; } .lazy-img img[data-v-73484e15] { display: block; width: 100%; height: 100%; } .ad-floor-exp .lazy-img img[data-v-73484e15] { border-radius: 6px; } .video-container #right-bottom-banner span[data-v-73484e15] { position: absolute; bottom: 3px; font-size: 15px; left: 10px; text-shadow: 1px 1px 3px #000; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; font-weight: 500; -webkit-font-smoothing: antialiased; } .float-nav-exp[data-v-73484e15] { position: fixed; right: 6px; bottom: 50px; z-index: 6; } .float-nav-exp .nav-menu .item[data-v-73484e15] { border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: 40px; margin-bottom: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; color: #18191C; fill: #18191C; text-align: center; padding: 8px 0 4px 0; background-color: #FFFFFF; } .float-nav-exp .nav-menu .item-icon[data-v-73484e15] { width: 24px; height: 24px; margin: 0 auto 2px; } .float-nav-exp .nav-menu .item-text[data-v-73484e15] { line-height: 14px; } .float-nav-exp .nav-menu .item.backup[data-v-73484e15] { padding: 8px 0; margin-bottom: 0; } /*收藏*/ .cc-modal[data-v-73484e15] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-73484e15] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-73484e15], .cc-modal .overlay[data-v-73484e15] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-73484e15] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; } .fv-modal .modal .fv-header[data-v-73484e15] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; text-align: center; } .fv-modal .modal .modal-close[data-v-73484e15] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .content[data-v-73484e15] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-73484e15] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-73484e15] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-73484e15] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-73484e15] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-73484e15] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-73484e15] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-73484e15] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-73484e15] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-73484e15] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-73484e15] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-73484e15] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-73484e15] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-73484e15] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-73484e15] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-73484e15] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-73484e15] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-73484e15] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } /*投币*/ .fv-modal .modal .coin-title[data-v-73484e15] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .fv-modal .modal .coin-title span[data-v-73484e15] { font-size: 30px; color: #00AEEC; } .fv-modal .modal .mc[data-v-73484e15] { text-align: center; zoom: 1; } .fv-modal .modal .mc-box[data-v-73484e15] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .fv-modal .modal .mc-box.left-con[data-v-73484e15] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .fv-modal .modal .mc-box .coin-run-box[data-v-73484e15] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .fv-modal .modal .mc-box .coin-run[data-v-73484e15] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .modal .mc-box .c-num[data-v-73484e15] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .fv-modal .modal .mc-box.on[data-v-73484e15] { border-style: solid; border-color: #02a0d8; background: transparent; } .fv-modal .modal .mc-box.on .c-num[data-v-73484e15] { color: #00AEEC; } .fv-modal .modal .mc-box.on .coin-run[data-v-73484e15]{ color: #00AEEC; } .fv-modal .modal .like-checkbox[data-v-73484e15] { margin: 12px 0 0 37px; font-size: 12px; color: #18191C; line-height: 16px; } .fv-modal .modal .coin-bottom[data-v-73484e15] { text-align: center; padding: 25px 0; } .bi-btn[data-v-73484e15] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .bi-btn[data-v-73484e15] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .tips[data-v-73484e15] { font-size: 12px; color: #9499A0; margin-top: 10px; } /*投诉*/ .modal .header[data-v-73484e15] { position: relative; width: 100%; z-index: 100000; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e9ef; font-size: 16px; text-align: center; } .modal .header .close[data-v-73484e15] { position: absolute; display: inline-block; right: 20px; cursor: pointer; } .modal .wrap[data-v-73484e15] { width: 100%; position: relative; height: 428px; overflow: auto; } .modal .container[data-v-73484e15] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px; } .modal .container .question[data-v-73484e15] { font-size: 14px; color: #222; margin-bottom: 18px; } .modal .container .options .option-error[data-v-73484e15], .modal .container .options[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .modal .container .option[data-v-73484e15]{ cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; font-size: 14px; margin-bottom: 14px; } .modal .container .textarea[data-v-73484e15] { margin-bottom: 30px; } .modal .container .img-list[data-v-73484e15] { margin-bottom: 10px; } .modal .container .textarea .memo[data-v-73484e15] { font-size: 14px; margin-bottom: 10px; } .modal .container .textarea .textarea-warp[data-v-73484e15] { width: 100%; position: relative; } .modal .container .textarea .textarea-warp textarea[data-v-73484e15] { overflow: auto; resize: none; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; height: 108px; font-size: 14px; outline: none; } .modal .container .textarea .textarea-warp .limit[data-v-73484e15] { color: #99a2aa; font-size: 12px; bottom: 11px; right: 5px; position: absolute; } .modal .container .upload-area .img-list[data-v-73484e15] { width: 100%; } .modal .container .upload-area[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 10px; } .modal .container .upload-area .add-img[data-v-73484e15] { display: inline-block; position: relative; height: 60px; line-height: 60px; width: 60px; } .modal .container .upload-area .add-img .img-wrap[data-v-73484e15] { border-radius: 4px; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 60px; border: 1px dashed #ccd0d7; cursor: pointer; } .modal .container .upload-area .add-img .img-wrap img[data-v-73484e15] { width: 22px; height: 22px; } .modal .container .upload-area .img-file[data-v-73484e15] { cursor: pointer; z-index: 10000; position: absolute; opacity: 0; top: 0; left: 0; vertical-align: middle; width: 60px; height: 60px; margin-right: 10px; } .modal .img-text[data-v-73484e15] { font-size: 12px; color: #99a2aa; text-align: left; } .modal .complaint.submit[data-v-73484e15] { position: relative; width: 100%; background-color: #fff; border-top: 1px solid #e5e9ef; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -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; text-align: center; } .modal .complaint.submit .cancel[data-v-73484e15] { cursor: pointer; font-size: 14px; width: 140px; background: #fff; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; color: #6d757a; border-radius: 4px; border: 1px solid #ccd0d7; } .modal .complaint.submit .confirm[data-v-73484e15] { cursor: pointer; font-size: 14px; width: 140px; margin-right: 24px; background: #00a1d6; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; } /* 二维码*/ .modal .title[data-v-73484e15] { position: relative; padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px; color: #18191C; border-bottom: 1px solid #E3E5E7; text-align: center; } .modal .title .close[data-v-73484e15] { position: absolute; right: 20px; line-height: 50px; } .modal .app-look[data-v-73484e15] { padding: 30px 20px; } .modal .app-look .i-t[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal .app-look .i-t .qrcode[data-v-73484e15] { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: #eee; } .van-qrcode[data-v-73484e15] { display: inline-block; } .modal .app-look .i-t .v-title[data-v-73484e15] { font-size: 14px; margin-left: 15px; line-height: 22px; white-space: normal; } .modal .app-look .foot-txt[data-v-73484e15] { text-align: center; line-height: 20px; margin-top: 20px; font-size: 14px; } /* 评论*/ .video-container #comment[data-v-73484e15] { margin-top: 24px; z-index: 9; position: relative; } .reply-header .reply-navigation[data-v-73484e15] { margin-bottom: 22px; } .reply-header .reply-navigation .nav-bar[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; } .reply-header .reply-navigation .nav-bar .nav-title[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-73484e15] { font-weight: 500; } .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-73484e15] { margin: 0 36px 0 6px; font-weight: normal; color: gray; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-73484e15] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-73484e15]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-73484e15] { color: #000 } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-73484e15] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-73484e15]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-73484e15] { color: #000; } .reply-header .reply-navigation .nav-bar .nav-sort .part-symbol[data-v-73484e15] { height: 11px; margin: 0 12px; border-left: solid 1px; } /* 充电*/ .fv-modal .charge-qr[data-v-73484e15]{ height: 600px; width: 600px; } .fv-modal .charge-not-qr[data-v-73484e15]{ height: 450px; } .fv-modal .charge-title[data-v-73484e15]{ font-size: 18px; /*height: 90px;*/ } .fv-modal .flex-center[data-v-73484e15], .flex-start[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-center[data-v-73484e15] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fv-modal .user-link[data-v-73484e15] { height: 34px; line-height: 34px; background-color: #f4f5f7; border: 1px solid #e5e9ef; border-radius: 18px; margin: 0 10px; } .fv-modal .charge-user[data-v-73484e15] { width: 34px; height: 34px; } .fv-modal img[data-v-fbde88fa][data-v-73484e15] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%; } .fv-modal .user-link .user-name[data-v-73484e15] { margin: 0 10px; font-size: 14px; } .fv-modal .charge-bottom[data-v-73484e15] { padding: 34px 20px 30px; position: relative; } .fv-modal .flex-start[data-v-73484e15] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fv-modal .charge-battery-list li[data-v-73484e15] { width: 100px; margin-right: 20px; cursor: pointer; } .charge-battery-list li[data-v-73484e15]:last-child { margin-right: 0; } .fv-modal .battery-item[data-v-73484e15] { margin-bottom: 24px; } .fv-modal .battery-item .battery-bg[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #e5e9ef; border-radius: 4px; height: 100px; position: relative; color: gray; } .fv-modal .battery-item .battery-bg .coin-run[data-v-73484e15] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .battery-item.active .battery-bg[data-v-73484e15] { border-color: #00a1d6; background-color: #fff; color: #00a1d6; } .fv-modal .electric-power[data-v-73484e15] { margin-top: 6px; } .fv-modal .battery-item .battery-text[data-v-73484e15] { font-size: 14px; height: 24px; line-height: 24px; font-weight: 700; text-align: center; } .fv-modal .flex-between[data-v-73484e15], .flex-end[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-between[data-v-73484e15] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fv-modal .battery-item .battery-tool[data-v-73484e15] { position: relative; } .battery-item.active .battery-text[data-v-73484e15] { color: #00a1d6; } .fv-modal .battery-item .battery-tool input[data-v-73484e15] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; width: 68px; height: 24px; line-height: 24px; padding: 0 0 0 5px; font-size: 12px; color: #99a2aa; margin-right: 1px; } input[data-v-73484e15]::-webkit-outer-spin-button, input[data-v-73484e15]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"][data-v-73484e15]{ -moz-appearance: textfield; } .fv-modal .battery-item .battery-tool>div[data-v-73484e15] { position: absolute; bottom: 0; left: 0; height: 24px; line-height: 24px; color: red; font-size: 12px; font-weight: 300; width: 9em; text-align: left; -webkit-transform: translateY(100%); transform: translateY(100%); /*display: none;*/ } .fv-modal .charge-info-box[data-v-73484e15] { height: 20px; } .fv-modal .charge-info[data-v-73484e15] { font-size: 14px; color: #212121; line-height: 20px; height: 20px; text-align: center; } .fv-modal .charge-info span[data-v-73484e15] { font-weight: 700; color: #00a1d6; } .fv-modal .split-line[data-v-73484e15] { height: 1px; background: #e7e7e7; } .fv-modal .charge-line[data-v-73484e15] { margin: 12px 0; } .fv-modal .battery-pay-info[data-v-73484e15] { height: 25px; line-height: 25px; font-size: 18px; color: #212121; margin-right: 20px; } .fv-modal .battery-pay-info span.money[data-v-73484e15] { color: #00a1d6; font-weight: 700; } .fv-modal .battery-pay-tips[data-v-73484e15] { height: 18px; cursor: pointer; } .fv-modal .battery-pay-tips span[data-v-73484e15] { font-size: 12px; line-height: 18px; height: 18px; color: #999; margin-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fv-modal .charge-qr-code[data-v-73484e15] { height: 140px; margin: 12px auto 4px; } .fv-modal .charge-qr-code>div[data-v-73484e15] { margin: 0 auto; width: 130px; height: 130px; padding: 5px; } .fv-modal .battery-tips[data-v-73484e15], .tip[data-v-73484e15] { font-size: 12px; color: #999; text-align: center; } .fv-modal .battery-tips-margin[data-v-73484e15] { margin-bottom: 12px; font-size: 16px; } .fv-modal .choose-pay[data-v-73484e15] { padding: 10px; border: solid 1px #C9CCD0; border-radius: 5px; margin-right: 10px; } .fv-modal .choose-pay.active[data-v-73484e15] { color: #00a1d6; border-color: #00a1d6; } .fv-modal .icon-alipay[data-v-73484e15], .icon-wxpay[data-v-73484e15] { width: 16px; height: 16px; display: inline-block; } .fv-modal .icon-alipay[data-v-73484e15] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB+UExURUdwTACr7wCq7gCq7gCq7gCq7gCq7wCt9gCr9AC3/wCq7gCq7gCs8QCq7gCq7gCq7gDD/wCt8ACq7gCs/wCq7gCr8ACq7gCr7wCr8ACr8ACq7gCw/ACr7wCr8ACq7wCq7wCr7wCr7gCq7wCv8gCq7gCr7wCq7gCs8ACq7gCq7sR7yzUAAAApdFJOUwBkl8/ayIIbFwfy5EeL9foCIsAF6lXzlSs01QxwO6BfeU3gE7qPqEJa6gBGCwAAAVRJREFUeNp909mWgyAMBuBfqihqK+5aa926TN7/BWdAxdNjx+/SQ0wICTZpWCZ2UdhJGabY85hPhs88fBL8Qh8uXHyEO7TjeDCqgL4IKhMf0FeBB004ZFyHNifDEVA4be5ATBuuE8z12yeFA+5Jy/RdVBJG2uAqEyBdbf7MgNSnfQrDTxHS0QEKwWhldV3XAo2lRDQrkdDqeV50QE2LBDbtWEBPCxsFLSJaZA2kCSvmA9G9bjC1ve7pDRi2a+gUfo2m661aoip9R0Jsea+6yDdC3biAT2g84EzGA6U6JTIzJ/hzG2nFVKMcVCblG4oMXxfSQtXqSKTBkrEC8pG7AJr8PhJlKcBU3bGq37YExFNd6tVCcfOf5bktCbeOAZlf1+pvHlZcBfd53ebPkTbRw4rNyP0jEcdDa0/HY5/Fx4vzcA9XL7rJo+UNuPn9bv2jzGGDhPEL4Ypiu+48txgAAAAASUVORK5CYII=); background-size: cover; } .fv-modal .battery-tips-margin .icon-alipay[data-v-73484e15], .battery-tips-margin .icon-wxpay[data-v-73484e15] { margin: 4px; vertical-align: bottom; } .fv-modal .icon-wxpay[data-v-73484e15] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTCSvQTC+SySvQSaxQSSwQVLpaCSvQSSvQSSvQS64SSWxQiSvQSSvQSSvQf///yWxQyawQiu3RyWxRCawQiSvQiSvQSSwQSSvQSSvQSSwQSSvQSSvQSSvQSSwQSS0RSSwQiSwQiSxQiSvQSSwQSSvQSWxQSWyQiSvQQE1DyYAAAAodFJOUwD1CftBfQPA8P4NKKXhqwE/Mxc6T4ea05W4kNvrzWIeVG9a5oKzSUeztxLSAAABEklEQVR42n3S67KCIBSG4c8URfKQZ9NSq6nW/V/hHtyIGtHzS+edgQUDVqKsg97hzbOdDjAdE5c0XmfYy6OQdsJOYKOIyRCfoN1d+sJ9Q/HmbnIKNR4ni2cK6WzJgRqi/JFHucnVmjHwADha8xgQhSMYzXr3I/s3R/6wZcSheGwzjmrnBA3NIuTnNftsWfAKri5FIH3fCsyyhhYXOOrrhsWhcklz0Oi1lFNPG/16jxkkUYf7E6MlpZa9fNBeC49Ij5kn9MlDGuvVOm70iw8w+oEBELG9x/Pz9kKymTDrbL3Cv7T93qMUi4pMYeVD813zgCVW5rPiTGBrkk9jiC6qRneBPUZ8kDuN2euV5T4MXTLC4g+jtWYGMpTRaQAAAABJRU5ErkJggg==); background-size: cover; } .fv-modal .tip[data-v-73484e15] { font-weight: 700; margin-top: 6px; } .fv-modal .btn-default[data-v-73484e15], .btn-default-mobile[data-v-73484e15], .btn-primary[data-v-73484e15] { min-height: 40px; min-width: 88px; text-align: center; line-height: 38px; font-size: 14px; cursor: pointer; border-radius: 4px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .fv-modal .btn-default[data-v-73484e15] { border: 1px solid #00a1d7; background: #00a1d7; color: #fff; } .fv-modal .btn-disabled[data-v-73484e15] { cursor: auto; } .fv-modal .btn-disabled[data-v-73484e15], .btn-disabled[data-v-73484e15]:hover { background: #ccd0d7; border-color: #ccd0d7; } .fv-modal .charge-btn-style[data-v-73484e15] { width: 124px; display: block; margin: 24px auto 12px; } /* 弹幕举报*/ .b-back-panel[data-v-73484e15] { position: absolute; top: 50%; left: 50%; width: 400px; min-height: 300px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 2px; background-color: #e3e5e7; color: #373a3e; overflow: hidden; z-index: 9; } .b-back-panel .b-back-title[data-v-73484e15] { font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px solid hsla(0,0%,100%,.12); } .b-back-panel-close[data-v-73484e15] { position: absolute; right: 10px; height: 22px; width: 22px; fill: #fff; z-index: 2; cursor: pointer; } .b-back-panel .b-back-content-default[data-v-73484e15] { font-size: 12px; margin: 15px 26px; } .b-back-panel .b-back-content-default .report-content[data-v-73484e15] { height: 14px; line-height: 14px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px auto 16px; text-align: center; font-size: 14px; } .b-back-panel .b-back-content-default .danmaku-report-block[data-v-73484e15] { display: block; text-align: center; } .b-back-panel .b-back-content-default textarea[data-v-73484e15] { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; line-height: 16px; outline: none; resize: none; width: 100%; height: 48px; background-color: white; border-radius: 4px; padding: 10px; /*color: white;*/ font-size: 12px; border: 1px solid transparent; margin: 6px auto 0; } .b-back-panel .b-back-content-tabmenu[data-v-73484e15] { height: 130px; position: relative; text-align: left; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-73484e15] { position: relative; display: block; float: left; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; height: 24px; line-height: 18px; cursor: pointer; width: 174px; } .b-back-panel.barrage-report .b-back-content-tabmenu .b-back-tabmenu-list[data-v-73484e15] { width: 116px; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-73484e15]:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-73484e15]:before { content: ""; border-color: #00a1d6; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-73484e15]:after { content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; background: #00a1d6; border-radius: 50%; } .b-back-panel .b-back-content .b-back-submit-wrap[data-v-73484e15] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 0 20px; margin: 0 -26px; border-top: 1px solid hsla(0,0%,100%,.12); } .b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit[data-v-73484e15] { border: none; border-radius: 2px; line-height: 24px; text-align: center; margin: 0 auto; color: #61666d; -webkit-box-sizing: border-box; box-sizing: border-box; width: 92px; height: 24px; background: #c9ccd0; cursor: pointer; } .b-back-panel .b-back-content .b-back-version-wrap[data-v-73484e15] { overflow: hidden; text-align: center; width: 220px; margin: 0 auto 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-back-panel .b-back-content .b-back-version-wrap a[data-v-73484e15] { display: inline-block; height: 14px; line-height: 14px; color: #999; } .b-back-panel .report-check[data-v-73484e15] { color: #61666d; } /* 购买*/ #needBuy[data-v-73484e15] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } .needBuyContent[data-v-73484e15] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 250px; height: 300px; background: white; border-radius: 8px; } .needBuyContent img[data-v-73484e15] { position: relative; width: 180px; height: 160px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .needBuyContent button[data-v-73484e15] { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100px; text-align: center; height: 40px; line-height: 40px; background: #00a6e7; color: white; border: none; cursor: pointer; } .noneVideo[data-v-73484e15] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 99; } .noneVideoBox[data-v-73484e15] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-73484e15], .noneVideo .undefineText[data-v-73484e15], .noneVideo .buttonText[data-v-73484e15]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-73484e15] { margin-top: 30px; } .noneVideo .buttonText button[data-v-73484e15] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } .media-info[data-v-73484e15] { border-top: 1px solid #e7e7e7; padding: 16px 0; } .video-container .media-info .media-cover[data-v-73484e15] { position: relative; display: block; float: left; width: 134px; height: 179px; z-index: 2; border-radius: 2px; overflow: hidden; background-color: #f4f5f7; } .video-container .media-info .media-cover img[data-v-73484e15] { display: block; width: 100%; height: 100%; } .video-container .media-info .media-right[data-v-73484e15] { position: relative; padding-left: 150px; height: 100%; z-index: 1; } .video-container .media-info .media-right .media-title[data-v-73484e15] { display: block; height: 20px; line-height: 20px; font-size: 16px; color: #212121; font-weight: 500; margin-top: 4px; margin-bottom: 16px; padding-right: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .video-container .media-info .media-right .media-count[data-v-73484e15] { height: 16px; line-height: 16px; font-size: 12px; color: #999; margin-bottom: 8px; } .video-container .media-info .media-right .pub-wrapper[data-v-73484e15] { margin-bottom: 8px; font-size: 12px; color: #212121; } .video-container .media-info .media-right .pub-wrapper .home-link[data-v-73484e15] { vertical-align: middle; height: 16px; line-height: 16px; margin-right: 10px; color: #212121; cursor: pointer; } .video-container .media-info .media-right .pub-wrapper .pub-info[data-v-73484e15] { line-height: 16px; margin-right: 10px; vertical-align: middle; } .video-container .media-info .media-right .pub-wrapper .av-link[data-v-73484e15] { vertical-align: middle; height: 16px; line-height: 16px; color: #212121; margin-right: 16px; } .video-container .media-info .media-right .pub-wrapper .up-info-wrapper[data-v-73484e15] { vertical-align: middle; } .video-container .plp-l .split-line[data-v-73484e15] { border-top: 1px solid #e5e9ef; } .video-container .media-info .media-right .pub-wrapper .up-info-wrapper .split-line[data-v-73484e15] { display: inline-block; vertical-align: middle; height: 16px; width: 1px; background-color: silver; margin-right: 16px; } .up-info[data-v-73484e15] { height: 16px; display: inherit; } .up-info>a[data-v-73484e15] { height: 16px; cursor: pointer; margin-right: 10px; white-space: nowrap; } .common-lazy-img[data-v-73484e15] { /*background: url(//s1.hdslb.com/bfs/static/pgc/nano/asserts/img_loading.png) 50% no-repeat;*/ background-size: 50px; width: 100%; height: 100%; display: inline-block; vertical-align: top; } .up-info>a .common-lazy-img[data-v-73484e15] { width: 18px; height: 18px; margin-right: 4px; border-radius: 50%; overflow: hidden; background-size: 70%; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .common-lazy-img img[data-v-73484e15] { display: block; width: 100%; height: 100%; } .up-info>a .up-name[data-v-73484e15] { display: inline-block; vertical-align: middle; height: 16px; line-height: 16px; font-size: 12px; color: #212121; } .up-info>a .up-name.vip[data-v-73484e15] { color: #fb7299; } .up-info .btn-follow-up[data-v-73484e15] { vertical-align: middle; height: 16px; color: #00b5e5; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .up-info .btn-follow-up span[data-v-73484e15] { display: inline-block; vertical-align: top; height: 16px; line-height: 16px; font-size: 12px; } .webkit-ellipsis[data-v-73484e15] { display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word!important; word-break: break-word!important; white-space: normal!important; overflow: hidden!important; text-overflow: ellipsis!important; } .video-container .media-info .media-right .media-desc[data-v-73484e15] { position: relative; display: block; font-size: 12px; color: #212121; min-height: 18px; line-height: 18px; word-wrap: break-word; word-break: break-all; white-space: normal; } .video-container .media-info .media-right .media-desc span[data-v-73484e15] { position: relative; z-index: 1; white-space: pre-line; } .video-container .media-info .media-right .media-desc span.absolute[data-v-73484e15] { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; right: 0; line-height: 18px; opacity: 0; z-index: 2; white-space: pre-line; } .video-container .media-info .media-right .media-desc i[data-v-73484e15] { position: relative; display: inline-block; vertical-align: top; padding-left: 4px; height: 18px; line-height: 18px; text-align: right; color: #00a1d6; background-color: #fff; font-style: normal; cursor: pointer; z-index: 3; } .video-container .media-info .media-right .media-desc.webkit-ellipsis i[data-v-73484e15] { position: absolute; padding-left: 12px; right: 0; bottom: -2px; } .video-container .media-info .media-right .media-rating[data-v-73484e15] { margin-top: 11px; } .video-container .media-info .media-right .media-rating .score[data-v-73484e15] { position: relative; height: 24px; line-height: 24px; font-weight: 700; font-size: 24px; color: #ffa726; margin-bottom: 4px; padding-right: 14px; display: inline-block; } .video-container .media-info .media-right .media-rating .score[data-v-73484e15]:after { content: "\5206"; display: block; position: absolute; bottom: 0; right: 0; width: 14px; height: 16px; line-height: 16px; font-size: 12px; text-align: right; font-weight: 400; } .video-container .media-info .media-right .media-rating p[data-v-73484e15] { height: 16px; line-height: 16px; font-size: 12px; color: #999; } .video-container .media-info .media-right .media-tool-bar[data-v-73484e15] { position: absolute; top: 0; right: 0; height: 32px; } .video-container .media-info .media-right .media-tool-bar .btn-rating[data-v-73484e15] { height: 30px; border-radius: 2px; border: 1px solid silver; float: left; padding: 0 10px; -webkit-transition: width .3s ease; transition: width .3s ease; color: #505050; background-color: #fff; white-space: nowrap; cursor: pointer; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-container .media-info .media-right .media-tool-bar .btn-rating .starRate[data-v-73484e15] { margin: auto 3px; font-size: 13px; } .video-container .media-info .media-right .media-tool-bar .btn-rating span[data-v-73484e15] { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .btn-follow[data-v-73484e15] { position: relative; float: left; width: 72px; height: 32px; text-align: center; background-color: #fb7299; color: #fff; border-radius: 2px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active[data-v-73484e15] { background-color: #e7e7e7!important; color: #999; } .video-container .media-info .media-right .media-tool-bar .btn-follow i[data-v-73484e15] { display: inline-block; vertical-align: top; width: 14px; height: 14px; line-height: 14px; margin-top: 9px; margin-right: 9px; color: #fff; font-size: 16px; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active i[data-v-73484e15] { display: none; } .video-container .media-info .media-right .media-tool-bar .btn-follow span[data-v-73484e15] { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .bangumi-options[data-v-73484e15] { position: absolute; right: 0; width: 116px; bottom: -160px; font-size: 14px; height: 160px; z-index: 10; visibility: hidden; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all .3s; transition: all .3s; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active:hover .bangumi-options[data-v-73484e15] { visibility: inherit; opacity: 1; -webkit-transform: none; transform: none; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list[data-v-73484e15] { position: absolute; right: 0; bottom: 0; list-style: none; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2); -webkit-transition: all .3s; transition: all .3s; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li[data-v-73484e15] { width: auto; height: 35px; line-height: 35px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #212121; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li.disabled[data-v-73484e15] { color: #e7e7e7; background-color: rgba(0,0,0,0); cursor: not-allowed; } .video-container .plp-l .split-line[data-v-73484e15] { border-top: 1px solid #e5e9ef; } /* 大会员*/ .video-container .pay-bar[data-v-73484e15] { position: relative; height: 44px; margin-bottom: 20px; } .video-container .pay-bar .vip[data-v-73484e15] { position: relative; height: 44px; } .video-container .pay-bar .btn-pay[data-v-73484e15] { display: block; height: 100%; line-height: 44px; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; -webkit-transition: all .3s ease; transition: all .3s ease; } .video-container .pay-bar .vip .btn-pay[data-v-73484e15] { background-color: #00a1d6; cursor: pointer; } .video-container .pay-bar .img-icon[data-v-73484e15] { position: absolute; width: 60px; height: 60px; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 100%; } .video-container .pay-bar .vip .img-icon[data-v-73484e15] { /*background-image: url(//s1.hdslb.com/bfs/static/pgc/nano/asserts/func-icon-vip.png);*/ } /*剧集列表*/ .video-container .ep-list-wrapper[data-v-73484e15] { position: relative; background-color: #f4f4f4; border-radius: 2px; margin-bottom: 20px; } .video-container .ep-list-wrapper .list-title[data-v-73484e15] { height: 42px; padding: 0 16px; } .video-container .ep-list-wrapper .list-title h4[data-v-73484e15] { float: left; height: 42px; line-height: 42px; font-size: 16px; color: #212121; font-weight: 400; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .video-container .ep-list-wrapper .list-title .progress[data-v-73484e15] { float: left; height: 42px; line-height: 42px; font-weight: 400; } .video-container .ep-list-wrapper .list-title .mode-change[data-v-73484e15] { display: block; float: left; width: 30px; height: 42px; line-height: 42px; font-size: 16px; font-weight: 400; text-align: center; color: #757575; position: relative; } .video-container .ep-list-wrapper .list-title .ep-list-order[data-v-73484e15] { width: 16px; height: 13px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAnBJREFUSA21lU9oE0EUxufNJgZbQQ8LpkEpQqyB9CQqOYQgPRiJRGwsKF5U0IsX8eylF72KZz3oRRQ1tBaK8dD8B6FRiAjVUBGtptYGzcH4h+zu+G2woa6TpOzGwDIz7833fvkmb7KMbeCTz+fPZjKZ1Ww2G7Fu3z1djfiTH9+bozUnW3NZcH0MkKO6rt9ATMUztj5nzoUmxoRgO83RmpOtuwILhUIYort4FJm4FeNcdMxJEh2BxWJxVNO0GSHEZuheSbS2QlIgYMOApVBxG+f8KhHds1VdIvoHWCqV1GazmYIzH0C3I5HIZYnOdugvYLlcHmw0GrOotgewFGDnbFfuIGwD4cxdr9eTcLYfsOeqqk5g1DrobIdbQEAIzm5hPATIW4/HEwsGg99sV+0ibAFzudw1wE5hXw1NcjgUCq100ThKuQA7ZhjGRTj7rihKPBwOVxxV7CGGIf4BsHk4nADsaY/9jtMuQEqocsB2JcOgXtqRqeWYbohJl8IuuHptdpr3P/wU0g3jPhNiQDNoR/ta2C7c5b80kFwdYWTMmDBGdP3NuG/KObDDNx2dXtmuieZj9IZKjO4sjg9dMrf+F2Aw/XnLT12fFUzsQkM+2To8dAZj663Sd+DBtHD9+qI9gLO9OMb5gUGeeLaPmmsH0femWfq6fBOv5Sgj9lpxs9iLqLexBuv7kfqT1StokNNErLrJQ9FK3FdbDzPnzh227yGdwDEG4KzuZkp04Yj3nRVmrp3/hn+uBRokgHo/FEbxhYT3pQxmxpw7bFcmnRg/WUl4C+2QZLJRh3No6yXo56w1iIs0cjVOdH7xuPeRNW9d/wZ3Bt7UXcXqyQAAAABJRU5ErkJggg==); float: right; background-size: contain; background-repeat: no-repeat; margin-top: 14px; margin-left: 10px; margin-right: 4px; cursor: pointer; } .video-container .ep-list-wrapper .list-title .ep-list-continuous[data-v-73484e15] { width: 100px; float: right; margin-top: 14px; cursor: pointer; } .video-container .ep-list-wrapper .list-title .ep-list-progress[data-v-73484e15] { display: block; float: right; height: 42px; line-height: 42px; font-size: 12px; color: #999; } .video-container .ep-list-wrapper .list-wrapper[data-v-73484e15] { position: relative; padding: 0 0 6px 6px; display: block; overflow: auto; max-height: 175px; } .video-container .ep-list-wrapper .list-wrapper.simple[data-v-73484e15] { padding-left: 16px; padding-right: 0; max-height: 188px; } .video-container .ep-list-wrapper .list-wrapper ul[data-v-73484e15] { position: relative; } .ep-list-wrapper .ep-item[data-v-73484e15], .section-ep-wrapper .ep-item[data-v-73484e15] { position: relative; display: block; height: 30px; border-radius: 2px; padding: 0 0 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; color: #222; cursor: pointer; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item[data-v-73484e15] { float: left; width: 64px; height: 36px; background-color: #fff; border: 1px solid #e5e9ef; padding: 0; text-align: center; -webkit-transition: none; transition: none; overflow: visible; opacity: 1; margin: 3px; } .ep-list-wrapper .ep-item.visited[data-v-73484e15], .ep-list-wrapper .ep-item[data-v-73484e15]:visited, .section-ep-wrapper .ep-item.visited[data-v-73484e15], .section-ep-wrapper .ep-item[data-v-73484e15]:visited { color: #757575; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.visited[data-v-73484e15], .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item[data-v-73484e15]:visited { border-color: #e7e7e7; color: #999; } .ep-list-wrapper .ep-item.cursor[data-v-73484e15], .section-ep-wrapper .ep-item.cursor[data-v-73484e15] { background-color: #fff; color: #00a1d6; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor[data-v-73484e15] { border-color: #00a1d6; background-color: #00a1d6; color: #fff; } .ep-list-wrapper .ep-item a[data-v-73484e15], .section-ep-wrapper .ep-item a[data-v-73484e15] { color: #222; } .ep-list-wrapper .ep-item i[data-v-73484e15], .section-ep-wrapper .ep-item i[data-v-73484e15] { height: 100%; line-height: 30px; width: 22px; vertical-align: top; color: #00a1d6; font-size: 13px; } .ep-list-wrapper .ep-item .ep-title[data-v-73484e15], .section-ep-wrapper .ep-item .ep-title[data-v-73484e15] { line-height: 30px; font-size: 12px; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item span[data-v-73484e15] { height: 34px; line-height: 34px; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .ep-title[data-v-73484e15] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 36px; line-height: 36px; display: block; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor .ep-title[data-v-73484e15] { color: #fff; } .ep-list-wrapper .ep-item.badge[data-v-73484e15], .section-ep-wrapper .ep-item.badge[data-v-73484e15] { padding-right: 44px; } .ep-list-wrapper .ep-item .badge[data-v-73484e15], .section-ep-wrapper .ep-item .badge[data-v-73484e15] { position: absolute; top: 6px; right: 10px; padding: 0 4px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; border-radius: 2px; background-color: #999; } .ep-list-wrapper .ep-item .badge.pink[data-v-73484e15], .section-ep-wrapper .ep-item .badge.pink[data-v-73484e15] { background-color: #fb7299; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge[data-v-73484e15] { height: 16px; line-height: 16px; top: -4px; right: -2px; } .favorite-checkbox[data-v-73484e15] { margin-right: 0 !important; } .barrageDate[data-v-73484e15] { position: absolute; top: 0; /*display: none;*/ } .video-container[data-v-2d7d6e8e] { max-width: 2540px; min-width: 1300px; width: 95%; margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 10px; } .left-container[data-v-2d7d6e8e] { width: 65%; position: relative; } .video-info[data-v-2d7d6e8e] { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 24px; } .video-info-ab[data-v-2d7d6e8e] { height: 106px; } .video-info .video-title[data-v-2d7d6e8e] { font-size: 20px; font-weight: 500; color: #18191C; line-height: 24px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .video-info-ab .video-title[data-v-2d7d6e8e] { line-height: 28px; } .video-info .video-data[data-v-2d7d6e8e] { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; line-height: 18px; color: #9499A0; } .video-info .video-data > span[data-v-2d7d6e8e] { display: inline-block; } .video-info .video-data .view[data-v-2d7d6e8e], .video-info .video-data .dm[data-v-2d7d6e8e], .video-info .video-data .pudate[data-v-2d7d6e8e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .video-info .video-data .view i[data-v-2d7d6e8e], .video-info .video-data .dm i[data-v-2d7d6e8e], .video-info .video-data .pudate i[data-v-2d7d6e8e] { margin-right: 4px; font-size: 20px; } .video-info .video-data .item[data-v-2d7d6e8e]:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .video-info .video-data .item:last-child i[data-v-2d7d6e8e] { color: #fd676f; font-size: 20px; vertical-align: bottom; } #playerWrap[data-v-2d7d6e8e] { height: 533px; position: relative; } .video-toolbar[data-v-2d7d6e8e] { -webkit-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #E3E5E7; padding-top: 16px; padding-bottom: 12px; height: 28px; line-height: 28px; } .video-toolbar .toolbar-left[data-v-2d7d6e8e] { float: left; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #61666D; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .video-toolbar .toolbar-left .on[data-v-2d7d6e8e] { color: #00AEEC; } .video-toolbar .toolbar-left .iconfont[data-v-2d7d6e8e] { font-size: 28px; vertical-align: bottom; margin-right: 8px; } .video-toolbar .toolbar-left .share .iconfont[data-v-2d7d6e8e] { font-size: 36px; } .video-toolbar .toolbar-left > span[data-v-2d7d6e8e] { width: 92px; margin-right: 8px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; fill: #61666D; } .video-toolbar .toolbar-left > span[data-v-2d7d6e8e]:hover, .video-toolbar .toolbar-left > span.on[data-v-2d7d6e8e] { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-left > span .info-text[data-v-2d7d6e8e] { overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: nowrap; } .video-toolbar .toolbar-right[data-v-2d7d6e8e] { position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #61666D; height: 100%; font-size: 13px; } .video-toolbar .toolbar-right > div[data-v-2d7d6e8e], .video-toolbar .toolbar-right > span[data-v-2d7d6e8e] { -webkit-box-sizing: content-box; box-sizing: content-box; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; fill: #61666D; color: #61666D; } .video-toolbar .toolbar-right > div[data-v-2d7d6e8e]:hover, .video-toolbar .toolbar-right > span[data-v-2d7d6e8e]:hover { color: #00AEEC; fill: #00AEEC; } .video-toolbar .toolbar-right .manuscript-report[data-v-2d7d6e8e] { margin-right: 18px; } .video-toolbar .toolbar-right .iconfont[data-v-2d7d6e8e] { margin-right: 8px; vertical-align: bottom; font-weight: bold; } .video-toolbar .toolbar-right .note-btn[data-v-2d7d6e8e] { position: relative; margin-right: 12px; } .van-popover.van-share[data-v-2d7d6e8e] { position: absolute; padding: 30px; top: 32px; z-index: 30; color: #18191C; background: #FFFFFF; border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); border-radius: 8px; font-size: 12px; } .van-popover.van-share .share_dropdown .share-pos[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .van-popover.van-share .share_dropdown .share-pos .box-left[data-v-2d7d6e8e] { width: 300px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn[data-v-2d7d6e8e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 60px; height: 60px; margin-bottom: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon[data-v-2d7d6e8e] { width: 40px; height: 40px; position: relative; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon .iconfont[data-v-2d7d6e8e] { font-size: 40px; position: absolute; } .share-btns .share-btn-icon .wechat[data-v-2d7d6e8e] { color: #3acf5a; } .share-btns .share-btn-icon .QQ[data-v-2d7d6e8e] { color: #4CA2E5; } .share-btns .share-btn-icon .qzone[data-v-2d7d6e8e] { color: #ecbf36; } .share-btns .share-btn-icon .weibo[data-v-2d7d6e8e] { color: #e62d26; } .share-btns .share-btn-icon .tieba[data-v-2d7d6e8e] { color: #247bd4; } .share-btns .share-btn-icon .dongtai[data-v-2d7d6e8e] { color: #FB7299; } .share-btns .share-btn-icon .code[data-v-2d7d6e8e] { color: #5DC1A5; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-text[data-v-2d7d6e8e] { line-height: 20px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link[data-v-2d7d6e8e] { height: 28px; background-color: #F6F7F8; border-radius: 6px; line-height: 28px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7px; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link input[data-v-2d7d6e8e] { border: none; background-color: #F6F7F8; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #61666D; } .van-popover.van-share .share_dropdown .share-pos .box-left .share-link .btn[data-v-2d7d6e8e] { color: #00AEEC; margin-left: 10px; cursor: pointer; } .van-popover.van-share .share_dropdown .share-pos .box-right[data-v-2d7d6e8e] { text-align: center; padding: 0 0 0 20px; border-left: 1px solid #E3E5E7; margin-left: 10px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box[data-v-2d7d6e8e] { width: 145px; height: 145px; background: #FFFFFF; border: 1px solid #E3E5E7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; padding: 4px; } .van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box .van-qrcode[data-v-2d7d6e8e] { width: 135px; height: 135px; } .van-popover.van-share .share_dropdown .share-pos .box-right p[data-v-2d7d6e8e] { font-size: 15px; line-height: 21px; margin-top: 4px; } .van-popover.van-more[data-v-2d7d6e8e] { position: absolute; min-width: 142px; text-align: center; padding: 12px 0; background: #FFFFFF; border: 1px solid #F1F2F3; border-radius: 8px; font-size: 14px; color: #61666D; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 30; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); top: 28px; right: -10px; display: none; } .van-popover.van-more .more_dropdown li[data-v-2d7d6e8e] { cursor: default; height: 40px; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 29px; margin: 0; fill: #61666D; position: relative; } .van-popover.van-more .more_dropdown li[data-v-2d7d6e8e]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0.1; } .van-popover.van-more .more_dropdown li[data-v-2d7d6e8e]:hover:before { background-color: #9499A0; } .van-popover.van-more .more_dropdown li .iconfont[data-v-2d7d6e8e] { font-size: 22px; } .watchlater[data-v-2d7d6e8e] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); width: 16px; height: 16px; background-size: 16px; margin-right: 10px; margin-left: 4px; } .van-popover.van-more .more_dropdown .ops-watch-later[data-v-2d7d6e8e] { position: absolute; width: 100%; height: 100%; background: none; right: 0; bottom: 0; cursor: default; } .video-toolbar .toolbar-right .more[data-v-2d7d6e8e] { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-toolbar .toolbar-right .more:hover .van-more[data-v-2d7d6e8e]{ display: block; } .video-toolbar[data-v-2d7d6e8e]:after { display: block; content: ''; clear: both; } .left-container-under-player[data-v-2d7d6e8e] { width: 100%; position: absolute; } .video-desc[data-v-2d7d6e8e] { margin: 16px 0; position: relative; } .video-desc .desc-info[data-v-2d7d6e8e] { -webkit-transition: all 0.3s; transition: all 0.3s; white-space: pre-line; font-size: 15px; color: #18191C; letter-spacing: 0; line-height: 24px; overflow: hidden; word-break: break-word; } .video-desc .toggle-btn[data-v-2d7d6e8e] { margin-top: 10px; font-size: 13px; line-height: 18px; } .video-desc .toggle-btn span[data-v-2d7d6e8e] { cursor: pointer; color: #61666D; } .video-desc .toggle-btn span[data-v-2d7d6e8e]:hover{ color: #00a1d6; } .s_tag[data-v-2d7d6e8e] { padding-bottom: 6px; margin: 16px 0 20px 0; border-bottom: 1px solid #E3E5E7; } .s_tag .tag-wrap[data-v-2d7d6e8e] { -webkit-transition: height 0.3s; transition: height 0.3s; } .clearfix[data-v-2d7d6e8e] { zoom: 1; } .s_tag .tag-wrap .tag-area[data-v-2d7d6e8e] { position: relative; } .s_tag .tag-wrap .tag-area > li[data-v-2d7d6e8e] { float: left; margin: 0 12px 8px 0; position: relative; } .s_tag .tag-wrap .tag-area > li .tag-link[data-v-2d7d6e8e] { color: #61666D; z-index: 10; height: 28px; line-height: 28px; display: inline-block; font-size: 13px; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F1F2F3; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link[data-v-2d7d6e8e] { color: #008AC5; } .s_tag .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon[data-v-2d7d6e8e] { width: 15px; margin-right: 5px; vertical-align: sub; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .activity-m[data-v-2d7d6e8e] { margin: 24px 0; background-color: #FFFFFF; } .activity-m .inside-wrp[data-v-2d7d6e8e] { font-size: 14px; overflow: hidden; border: 1px solid #E3E5E7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .activity-m .inside-wrp .left[data-v-2d7d6e8e] { float: left; margin-right: -320px; padding-left: 20px; padding-right: 320px; width: 100%; height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; color: #18191C; } .activity-m .inside-wrp .l-inside[data-v-2d7d6e8e], .activity-m .inside-wrp .hinter-msg[data-v-2d7d6e8e] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .activity-m .inside-wrp .right[data-v-2d7d6e8e] { float: right; } .activity-m.act-end .inside-bg[data-v-2d7d6e8e] { height: 100px; } .activity-m .inside-wrp .right .inside-bg[data-v-2d7d6e8e] { position: relative; display: block; width: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; } .activity-m .inside-wrp .right .inside-bg[data-v-2d7d6e8e]:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container .right-container[data-v-2d7d6e8e] { width: 35%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 30px; padding-bottom: 20px; } .up-info[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 18px 0 10px 0; } .up-info .u-face[data-v-2d7d6e8e] { width: 48px; height: 48px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; } .up-info .u-face.has-pendant[data-v-2d7d6e8e] { width: 80px; height: 80px; } .up-info .u-face .u-face__avatar[data-v-2d7d6e8e] { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #C9CCD0; } .up-info .u-face .avatar-loaded[data-v-2d7d6e8e] { background-color: transparent; } .up-info .u-face.has-pendant .u-face__avatar[data-v-2d7d6e8e] { position: absolute; width: 47px; height: 47px; top: 18px; left: 18px; } .i-avatar[data-v-2d7d6e8e] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar *[data-v-2d7d6e8e] { margin: 0; padding: 0; } .i-avatar-face[data-v-2d7d6e8e] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-2d7d6e8e] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-2d7d6e8e] { border-radius: 50%; } .i-avatar-icon--personal[data-v-2d7d6e8e] { /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTk0Mjk2OTAwOTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3NDgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MTJtLTUxMiAwYTUxMiA1MTIgMCAxIDAgMTAyNCAwIDUxMiA1MTIgMCAxIDAtMTAyNCAwWiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iNDc0OSI+PC9wYXRoPjxwYXRoIGQ9Ik01MTIgNTEybS00MTguOTA5MDkxIDBhNDE4LjkwOTA5MSA0MTguOTA5MDkxIDAgMSAwIDgzNy44MTgxODIgMCA0MTguOTA5MDkxIDQxOC45MDkwOTEgMCAxIDAtODM3LjgxODE4MiAwWiIgZmlsbD0iI0ZGQzYyRSIgcC1pZD0iNDc1MCI+PC9wYXRoPjxwYXRoIGQ9Ik00NzQuMTEyIDc2My45NTA1NDVhMzMuMjggMzMuMjggMCAwIDEtMTQuMDU2NzI3IDQuMDQ5NDU1IDIxLjAzODU0NSAyMS4wMzg1NDUgMCAwIDEtMjEuMzE3ODE4LTIwLjgwNTgxOCAxOS41NDkwOTEgMTkuNTQ5MDkxIDAgMCAxIDEuMjEwMTgxLTUuODY0NzI3bDQwLjQ5NDU0Ni0xODcuNDM4NTQ2LTE2Ny42NTY3MjcgMC4zMjU4MThhMjEuMjI0NzI3IDIxLjIyNDcyNyAwIDAgMS0yMS44NzYzNjQtMjAuODA1ODE4IDIwLjQzMzQ1NSAyMC40MzM0NTUgMCAwIDEgOS40OTUyNzMtMTYuODQ5NDU0bDI1MC4xODE4MTgtMjU1Ljc2NzI3M2M0LjYwOC0yLjc5MjcyNyA5LjU0MTgxOC00Ljc0NzYzNiAxNC42NjE4MTgtNC43OTQxODJhMjEuMTMxNjM2IDIxLjEzMTYzNiAwIDAgMSAyMS4zNjQzNjQgMjAuODUyMzY0IDE5Ljk2OCAxOS45NjggMCAwIDEtMi43OTI3MjggOS43NzQ1NDVsLTQwLjIxNTI3MiAxODQuMzJoMTY3Ljg0MjkwOWEyMS4xNzgxODIgMjEuMTc4MTgyIDAgMCAxIDIxLjY0MzYzNiAyMC44NTIzNjQgMjAuMjkzODE4IDIwLjI5MzgxOCAwIDAgMS05LjQ5NTI3MyAxNi45NDI1NDVsLTI0OS40ODM2MzYgMjU1LjIwODcyN3oiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjQ3NTEiPjwvcGF0aD48L3N2Zz4=);*/ } .i-avatar-right-icon[data-v-2d7d6e8e] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .i-avatar .i-avatar-size-60[data-v-2d7d6e8e], .i-avatar .i-avatar-size-50[data-v-2d7d6e8e], .i-avatar .i-avatar-size-48[data-v-2d7d6e8e] { width: 18px; height: 18px; bottom: -1px; } .up-info .up-info_right[data-v-2d7d6e8e] { margin-left: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; } .up-info .up-info_right .name[data-v-2d7d6e8e] { height: 22px; line-height: 22px; font-size: 15px; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .up-info .up-info_right .name .username[data-v-2d7d6e8e] { color: #18191C; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 12px; max-width: calc(100% - 12px - 56px); } .up-info .up-info_right .name .username .mask[data-v-2d7d6e8e] { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.15); } .up-info .up-info_right .name .up-info_right_message[data-v-2d7d6e8e] { color: #61666D; font-size: 13px; -webkit-transition: color 0.3s; transition: color 0.3s; -ms-flex-negative: 0; flex-shrink: 0; } .up-info .up-info_right .name .up-info_right_message i[data-v-2d7d6e8e] { /*color: #61666D;*/ -webkit-transition: color 0.3s; transition: color 0.3s; } .up-info .up-info_right .name .up-info_right_message[data-v-2d7d6e8e]:hover { color: #00AEEC; } .up-info .up-info_right .desc[data-v-2d7d6e8e] { margin: 2px 0 10px 0; font-size: 13px; line-height: 16px; height: 16px; color: #9499A0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .up-info .btn-panel[data-v-2d7d6e8e] { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; white-space: nowrap; } .up-info .btn-panel .default-btn[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .btn-transition[data-v-2d7d6e8e] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .charge-btn[data-v-2d7d6e8e] { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; width: 78px; } .up-info .btn-panel .not-follow-charge-btn[data-v-2d7d6e8e] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .default-btn[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 30px; height: 30px; border-radius: 6px; font-size: 14px; 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; cursor: pointer; background: #C9CCD0; position: relative; } .up-info .btn-panel .not-follow-charge-btn[data-v-2d7d6e8e] { border: 1px solid #00AEEC; background: #FFFFFF; color: #00AEEC; } .up-info .btn-panel .following-charge-btn[data-v-2d7d6e8e] { background: #00AEEC; color: #FFFFFF; } .up-info .btn-panel .btn-transition[data-v-2d7d6e8e] { -webkit-transition: 0.3s all; transition: 0.3s all; } .up-info .btn-panel .follow-btn[data-v-2d7d6e8e] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 200px; } .up-info .btn-panel .not-follow[data-v-2d7d6e8e] { background: #00AEEC; color: #fff; } .up-info .btn-panel .following[data-v-2d7d6e8e] { color: #9499A0; background-color: #E3E5E7; } .up-info .btn-panel .has-charge[data-v-2d7d6e8e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .up-info .btn-panel .follow-btn > span[data-v-2d7d6e8e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .up-info .btn-panel .has-charge i[data-v-2d7d6e8e] { margin-right: 4px; } .video-container .danmaku-box[data-v-2d7d6e8e] { margin-bottom: 18px; } #danmukuBox[data-v-2d7d6e8e] { margin-top: 0; } .video-container .danmaku-box .danmaku-wrap[data-v-2d7d6e8e] { min-height: 44px; background: #F1F2F3; border-radius: 6px; } .danmaku-wrap .danmu-header[data-v-2d7d6e8e]{ display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 46px; width: 100%; color: #222; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .danmaku-wrap .danmu-header .bui-collapse-arrow[data-v-2d7d6e8e] { position: absolute; right: 10px; } .danmaku-wrap .danmu-header .player-danmu-filter[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 6px; padding-left: 16px; height: 44px; line-height: 44px; } .danmaku-wrap .danmu-header .player-auxiliary-filter-title[data-v-2d7d6e8e] { font-size: 15px; color: #18191c; height: 100%; font-weight: 500; } .danmaku-wrap .danmu-header .player-auxiliary-filter-menu[data-v-2d7d6e8e] { cursor: pointer; font-size: 16px; color: #61666d; position: absolute; text-align: center; left: calc(100% + 12px); font-weight: bold; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap[data-v-2d7d6e8e] { position: absolute; /*display: none;*/ z-index: 2; left: 50%; top: 35px; width: 80px; padding: 8px 0; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 8px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1); box-shadow: 0 0 30px rgba(0,0,0,.1); font-weight: normal; } .danmaku-wrap .danmu-header .player-danmu-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list[data-v-2d7d6e8e] { line-height: 36px; height: 36px; position: relative; font-size: 14px; cursor: pointer; text-align: center; color: #18191c; -webkit-transition: color .3s; transition: color .3s; } .danmu-body[data-v-2d7d6e8e] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height .3s; transition: height .3s; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; /*border-bottom: solid 20px #F1F2F3;*/ display: none; } .danmu-body .player-auxiliary-danmaku[data-v-2d7d6e8e] { overflow: hidden; position: relative; } .danmaku-wrap .player-auxiliary-danmaku-management[data-v-2d7d6e8e] { text-align: center; color: #61666d; background-color: #fff; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function[data-v-2d7d6e8e] { position: relative; overflow: hidden; z-index: 1; background-color: #fff; zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-][data-v-2d7d6e8e] { font-size: 12px; color: #61666d; height: 32px; border: 0; padding: 0 6px; line-height: 32px; cursor: pointer; display: inline-block; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: left; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-time[data-v-2d7d6e8e] { width: 60px; padding-left: 16px; padding-right: 0; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-danmaku[data-v-2d7d6e8e] { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] .bp-icon[data-v-2d7d6e8e] { display: inline-block; width: 8px; height: 4px; position: absolute; right: 5px; font-size: 8px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-date[data-v-2d7d6e8e], .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-uname[data-v-2d7d6e8e] { width: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control[data-v-2d7d6e8e] { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-title[data-v-2d7d6e8e] { float: left; height: 32px; color: #9499a0; margin-left: 10px; line-height: 32px; } .bui-button[data-v-2d7d6e8e] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; min-width: 68px; height: 24px; font-size: 12px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateZ(0); transform: translateZ(0); background: none; padding: 0; outline: none; color: inherit; text-align: inherit; line-height: inherit; } .bui-button.bui-button-gray3[data-v-2d7d6e8e] { color: #999; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-cancel[data-v-2d7d6e8e] { position: absolute; top: 5px; width: 50px; right: 88px; } .player-auxiliary-danmaku .player-auxiliary-danmaku-function .player-auxiliary-danmaku-multiple-control-submit[data-v-2d7d6e8e] { position: absolute; top: 5px; width: 50px; right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap[data-v-2d7d6e8e] { height: 420px; background-color: #fff; position: relative; } .player-auxiliary-bscrollbar[data-v-2d7d6e8e] { position: relative; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-contaner[data-v-2d7d6e8e] { height: 100%; /*overflow: hidden;*/ -ms-touch-action: pan-x; touch-action: pan-x; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*overflow: auto;*/ } .bpui-selectable[data-v-2d7d6e8e] { position: relative; } .bpui-selectable-row[data-v-2d7d6e8e] { line-height: 24px; height: 24px; font-size: 13px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row[data-v-2d7d6e8e] { line-height: 24px; height: 24px; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; overflow: hidden; color: #61666d; display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span[data-v-2d7d6e8e] { vertical-align: top; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; text-align: left; display: inline-block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-time[data-v-2d7d6e8e] { width: 60px; position: relative; overflow: hidden; padding-left: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku[data-v-2d7d6e8e] { color: #18191c; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-date[data-v-2d7d6e8e] { width: 88px; white-space: nowrap; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block[data-v-2d7d6e8e]:after { content: "\5DF2\5C4F\853D"; color: #ccd0d7; display: inline-block; width: 70px; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: right; padding-right: 12px; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-danmaku[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row-block span.danmaku-info-time[data-v-2d7d6e8e] { color: #ccd0d7; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-float-layer[data-v-2d7d6e8e] { display: none; position: absolute; bottom: 2px; right: 12px; height: 22px; z-index: 1; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row:hover .danmaku-info-float-layer[data-v-2d7d6e8e] { display: block; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-2d7d6e8e] { display: inline-block; margin-left: 10px; -webkit-transition: background-color .3s; transition: background-color .3s; width: 70px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #00aeec; border-radius: 2px; color: #00aeec; background: #fff; } .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn[data-v-2d7d6e8e]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn[data-v-2d7d6e8e]:hover, .danmaku-wrap .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn[data-v-2d7d6e8e]:hover { color: #fff; background-color: #00aeec; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child[data-v-2d7d6e8e] { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 10002; overflow: hidden; /* display: none; */ } .player-auxiliary-panel-title[data-v-2d7d6e8e] { padding-left: 22px; line-height: 60px; color: #18191c; font-size: 14px; border-bottom: 1px solid #f1f2f3; text-align: left; overflow: hidden; } .danmaku-wrap .player-auxiliary-danmaku-wrap-child .player-auxiliary-panel-title[data-v-2d7d6e8e] { background-color: #fff; width: 100%; font-size: 12px; color: #99a2aa; -webkit-box-sizing: border-box; box-sizing: border-box; height: 32px; z-index: 3; padding-left: 20px; line-height: 32px; } .player-auxiliary-panel-title .player-auxiliary-panel-close[data-v-2d7d6e8e] { cursor: pointer; position: absolute; top: 0; right: 0; margin-right: 16px; line-height: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-danmaku-btn-footer[data-v-2d7d6e8e] { position: relative; width: auto; height: 39px; background: #fff; overflow: hidden; z-index: 10001; } .bui-button.bui-button-gray2[data-v-2d7d6e8e] { color: #505050; background-color: #f4f4f4; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-2d7d6e8e] { width: 100%; height: 31px; line-height: 31px; margin-top: 8px; border-radius: 6px; background-color: #f1f2f3; } .danmaku-wrap .player-auxiliary-danmaku-btn-history[data-v-2d7d6e8e]:not(.bui-button-disabled) { color: #18191c; } /* 屏蔽列表*/ .danmaku-wrap .player-auxiliary-block[data-v-2d7d6e8e] { width: 100%; /* display: none; */ z-index: 21; background: #fff; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-2d7d6e8e] { overflow: hidden; border-bottom: 1px solid #e3e5e7; } .danmaku-wrap .player-auxiliary-block-wrap[data-v-2d7d6e8e] { height: 100%; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tablist[data-v-2d7d6e8e] { margin: 0 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-2d7d6e8e] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel.no-bottom[data-v-2d7d6e8e] { padding-bottom: 0; border-bottom: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-2d7d6e8e] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title[data-v-2d7d6e8e] { float: left; padding-top: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row .player-auxiliary-block-label[data-v-2d7d6e8e] { color: #9499a0; line-height: 24px; display: inline-block; *display: inline; *zoom: 1; margin-right: 16px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-title .player-auxiliary-block-label[data-v-2d7d6e8e] { font-weight: 700; font-size: 12px; color: #18191c; vertical-align: middle; } .bui-button.bui-button-text[data-v-2d7d6e8e] { color: #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn[data-v-2d7d6e8e] { float: right; margin: 16px 0; background: none; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn:active .bp-icon[data-v-2d7d6e8e] { -webkit-transform: rotate( -1turn ); transform: rotate( -1turn ); } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .bp-icon[data-v-2d7d6e8e] { margin-right: 5px; vertical-align: middle; -webkit-transition: all .5s; transition: all .5s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-sync-btn .player-sync-txt[data-v-2d7d6e8e] { vertical-align: middle; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel[data-v-2d7d6e8e] { position: relative; overflow: hidden; height: auto; -webkit-transition: height .3s; transition: height .3s; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-2d7d6e8e] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short[data-v-2d7d6e8e] { font-size: 12px; width: 135px; padding-left: 5px; border: 1px solid #e3e5e7; height: 20px; line-height: 20px; display: inline-block; margin-right: 10px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string-short.player-auxiliary-block-string-short[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-string.player-auxiliary-block-string-short[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 214px; height: 24px; line-height: 24px; margin-right: 6px; padding: 1px 10px; border-radius: 2px; vertical-align: middle; background-color: #fff; color: #18191c; } .bui-button.bui-button-gray[data-v-2d7d6e8e] { background-color: #e5e9ef; color: #212121; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn[data-v-2d7d6e8e] { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.input-row .player-auxiliary-block-string-short-btn.bui-button.bui-button-gray[data-v-2d7d6e8e] { background-color: #f1f2f3; color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-2d7d6e8e] { zoom: 1; line-height: 20px; margin-bottom: 4px; font-size: 0; } .bui[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bui-tabs[data-v-2d7d6e8e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs[data-v-2d7d6e8e] { margin-top: 16px; margin-bottom: -11px; } .bui-tabs .bui-tabs-header[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-2d7d6e8e] { text-align: center; margin-right: 20px; font-size: 12px; color: #212121; cursor: pointer; } .bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-2d7d6e8e] { color: #00a1d6; border-bottom: 1px solid #00a1d6; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item[data-v-2d7d6e8e] { color: #18191c; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.special-tabs.bui-tabs .bui-tabs-header .bui-tabs-header-item.bui-tabs-header-item-active[data-v-2d7d6e8e] { color: #00aeec; border-bottom-color: #00aeec; } .bui-tabs .bui-tabs-body .bui-tabs-body-item.bui-tabs-body-item-active[data-v-2d7d6e8e] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.player-auxiliary-border[data-v-2d7d6e8e] { padding: 5px 0; margin-top: 10px; background-color: #f1f2f3; border-radius: 2px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row.active-1 .player-auxiliary-border[data-v-2d7d6e8e] { border-radius: 0 4px 4px 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; font-size: 12px; line-height: 24px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-block-list-function-content[data-v-2d7d6e8e] { text-align: left; width: 150px; padding-left: 9px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-delete[data-v-2d7d6e8e], .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function .player-auxiliary-state-wrap .player-auxiliary-block-list-function-state[data-v-2d7d6e8e] { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40px; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-function>div .player-auxiliary-block-list-function-sync[data-v-2d7d6e8e] { display: block; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap[data-v-2d7d6e8e] { -webkit-transition: height .3s; transition: height .3s; overflow: auto; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty[data-v-2d7d6e8e] { height: 100px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-empty[data-v-2d7d6e8e] { display: none; width: 100%; height: 100%; line-height: 100px; text-align: center; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap.block-empty .player-auxiliary-block-empty[data-v-2d7d6e8e] { display: block; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list[data-v-2d7d6e8e] { padding: 0 6px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; height: 24px; color: #18191c; background: #fff; position: relative; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line[data-v-2d7d6e8e]:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .1; content: ""; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-content[data-v-2d7d6e8e] { text-align: left; display: inline-block; width: 150px; padding-left: 4px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div[data-v-2d7d6e8e] { font-size: 12px; line-height: 24px; white-space: nowrap; height: 24px; text-overflow: ellipsis; overflow: hidden; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-state[data-v-2d7d6e8e] { text-align: center; display: inline-block; cursor: pointer; color: #00aeec; width: 40px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-delete[data-v-2d7d6e8e] { text-align: center; display: inline-block; cursor: pointer; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-delete[data-v-2d7d6e8e] { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 14px; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line>div.player-auxiliary-state-wrap .player-auxiliary-block-line-sync[data-v-2d7d6e8e] { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .danmaku-wrap .player-auxiliary-area[data-login=true] .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-list-wrap .player-auxiliary-block-list .player-auxiliary-block-line-sync[data-v-2d7d6e8e] { -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; display: inline-block; cursor: default; width: 40px; color: #9499a0; } .danmaku-wrap .player-auxiliary-block .player-auxiliary-block-tabpanel .player-auxiliary-block-tabpanel-row[data-v-2d7d6e8e]:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; font-size: 0; } .video-card-ad-small[data-v-2d7d6e8e] { color: #18191C; -webkit-transition: color 0.3s; transition: color 0.3s; } .ad-report[data-v-2d7d6e8e]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-card-ad-small .vcd[data-v-2d7d6e8e] { margin: 18px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-card-ad-small .vcd .cover[data-v-2d7d6e8e] { margin-right: 10px; border-radius: 6px; width: 141px; height: 80px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } img[data-v-2d7d6e8e] { vertical-align: middle; border-style: none; } .video-card-ad-small .vcd .cover img[data-v-2d7d6e8e] { width: 100%; height: 100%; border-radius: 6px !important; } .video-card-ad-small .vcd .info[data-v-2d7d6e8e] { font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .video-card-ad-small .vcd .info .title[data-v-2d7d6e8e] { display: block; font-size: 15px; line-height: 19px; margin-bottom: 6px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; } .video-card-ad-small .vcd .info .desc[data-v-2d7d6e8e] { color: #9499A0; letter-spacing: 0; display: -webkit-box; /*overflow: hidden;*/ text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; line-height: 16px; } .video-card-ad-small .vcd .info .desc i[data-v-2d7d6e8e] { margin-right: 6px; vertical-align: top; border: solid 1px #80808075; font-size: 12px; font-style: inherit; border-radius: 3px; padding: 1px 3px; } .recommend-list[data-v-2d7d6e8e] { margin-top: 18px; } .recommend-list .rec-title[data-v-2d7d6e8e] { font-size: 15px; font-weight: 500; -webkit-font-smoothing: antialiased; color: #18191C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; line-height: 20px; } .next-button[data-v-2d7d6e8e] { font-size: 12px; color: #999; line-height: 22px; cursor: pointer; } .recommend-list .rec-title .next-button[data-v-2d7d6e8e] { color: #9499A0; font-size: 13px; line-height: 16px; font-weight: normal; -webkit-font-smoothing: antialiased; } .next-button .txt[data-v-2d7d6e8e] { margin-right: 4px; vertical-align: middle; } .video-page-card-small[data-v-2d7d6e8e] { margin-bottom: 12px; } .video-page-card-small .card-box[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .video-page-card-small .card-box .pic-box[data-v-2d7d6e8e] { position: relative; width: 141px; height: 80px; border-radius: 6px; background: #C9CCD0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .video-page-card-small .card-box .pic-box .pic[data-v-2d7d6e8e] { position: relative; overflow: hidden; border-radius: 6px; width: 100%; height: 100%; } .video-page-card-small .card-box .pic-box .pic.loaded[data-v-2d7d6e8e]:before { content: ""; position: absolute; bottom: 0; left: 0; height: 28px; width: 100%; padding: 6px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); border-radius: 0 0 6px 6px; } .video-page-card-small .card-box .pic-box .framepreview-box[data-v-2d7d6e8e] { height: calc(100% + 10px); position: absolute; width: 100%; bottom: 0; } .video-page-card-small .card-box .pic-box .framepreview-box .box-a[data-v-2d7d6e8e] { display: block; position: absolute; top: 10px; } .video-page-card-small .card-box .pic-box .pic img[data-v-2d7d6e8e] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin: 0 auto; } .video-page-card-small .card-box .pic-box .pic .mask-video[data-v-2d7d6e8e] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.07); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } .video-page-card-small .card-box .pic-box .pic .duration[data-v-2d7d6e8e] { position: absolute; bottom: 6px; right: 8px; line-height: 15px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 5; font-size: 13px; } .van-watchlater[data-v-2d7d6e8e] { position: absolute; z-index: 20; width: 22px; height: 22px; right: 8px; bottom: 8px; cursor: pointer; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=); } .van-watchlater.black[data-v-2d7d6e8e] { width: 28px; height: 28px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAGBgavr69EREQUFBQ1NTUODg7t7e3FxcV0dHRbW1sAAAAAAAAAAAD+/v77+/v4+Pj09PTj4+P8/PzV1dWpqamSkpIhISH19fXX19fLy8ulpaWdnZ1kZGRVVVUsLCz6+vrm5uba2tq9vb20tLSsrKyXl5eMjIx+fn54eHhsbGxpaWk+Pj4AAAAAAADv7+/e3t7AwMC3t7ehoaFLS0vo6OjR0dHOzs7CwsKCgoKCgoJiYmLp6enMzMywsLD////DVMIGAAAAP3RSTlOZmtOrnqec8927sopkEf38+ffu/eXPxqH45+DOyrWwpPvv6NnV0cjEv724t6qPAPTr2tbNru/j4tvAv7Tw4dTgAD9iAAABpElEQVRIx+ST13KCUBiEDyCCBRBQsaHGHrvp/Xv/twpDTBgRonjr3u0w38zu8h+xNsolkVGlsrEWxkpcoJUhyuISBVjpIi7Arli9bmE6mb0rUhZI6tZu2KuxK+TO5RYOB2pM8udgShWASlOXa8MnDYDN7DRX6AOVkf/bTemEqe9OdW0DluwdNH7VgKZ3knNUEVN+CGz/K3oLtJJGrJugp3MPFrSSy7wBnVRwAE7aTxuDq6YNCpaaehRN2KV8eoRaNMh8GesBKIlgEewoaAtTPoytw0gIXz4KJYMcORfQ5n/Wy4kuaMKHzzioQTFyhNJ7P27ZMNuSDb4Noxingi3FQSpTab8bWx0+YOMdV6yKIxAGSuCkZ6Dv9sEsJlzNSxKIex/ejgUkXkEdxokgLMJn4gBUpcygyH+BHYyVMWo4w/eMwXFIfOCgAVKiAxMQTgCYAH+S44MkOXRAOJGbYyRyHXU24rIVWgjqCNgbkZWRRYA+JrfoYKaksKK8eKS8QCZcBVBe6VBezRGuWGlalSMaD2KQxsMooCMgu6FLdtOa7MY82d0HAP3jZ1lFdjimAAAAAElFTkSuQmCC); } .video-page-card-small .card-box .pic-box .watch-later-video[data-v-2d7d6e8e] { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; border-radius: 6px; top: 6px; right: 6px; } .van-watchlater .wl-tips[data-v-2d7d6e8e] { position: absolute; font-size: 12px; color: #fff; border-radius: 4px; line-height: 18px; padding: 4px 8px; background-color: #000; background: rgba(0,0,0,.8); white-space: nowrap; top: -30px; } .video-page-card-small .card-box .pic-box .watch-later-video .wl-tips[data-v-2d7d6e8e] { top: 32px; } .video-page-card-small .card-box .info[data-v-2d7d6e8e] { margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; line-height: 15px; width: calc(100% - 151px); } .video-page-card-small .card-box .info .title[data-v-2d7d6e8e] { color: #18191C; font-size: 15px; line-height: 19px; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; font-weight: 500; -webkit-font-smoothing: antialiased; -webkit-box-orient: vertical; } .video-page-card-small .card-box .info .upname[data-v-2d7d6e8e] { cursor: pointer; margin: 2px 0; height: 20px; } .video-page-card-small .card-box .info .upname a[data-v-2d7d6e8e] { color: #9499A0; -webkit-transition: color 0.3s; transition: color 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .video-page-card-small .card-box .info .upname a i[data-v-2d7d6e8e] { margin-right: 4px; fill: #9499A0; -webkit-transition: fill 0.3s; transition: fill 0.3s; -webkit-transform: translateY(0.5px); transform: translateY(0.5px); } .video-page-card-small .card-box .info .upname a .name[data-v-2d7d6e8e] { width: calc(100% - 24px); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; } .video-page-card-small .card-box .info .playinfo[data-v-2d7d6e8e] { color: #9499A0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-2d7d6e8e] { margin-right: 5px; } .video-page-card-small .card-box .info .playinfo .iconfont[data-v-2d7d6e8e]:last-child{ margin-left: 5px; } .video-page-card-small .card-box .info .playinfo .play[data-v-2d7d6e8e], .video-page-card-small .card-box .info .playinfo .dm[data-v-2d7d6e8e] { margin-right: 4px; } .recommend-list .split-line[data-v-2d7d6e8e] { width: 100%; height: 1px; background: #E3E5E7; } .recommend-list .rec-list[data-v-2d7d6e8e] { margin-top: 18px; } .recommend-list .rec-footer[data-v-2d7d6e8e] { height: 42px; background: #F1F2F3; color: #18191C; margin-top: 10px; text-align: center; line-height: 42px; cursor: pointer; border-radius: 6px; } .ad-floor-exp[data-v-2d7d6e8e] { position: relative; } .ad-report[data-v-2d7d6e8e]:not(:empty) { min-width: 1px; min-height: 1px; display: block; } .video-container #right-bottom-banner[data-v-2d7d6e8e] { margin-top: 18px; border-radius: 6px; width: 100%; height: 160px; overflow: hidden; } .video-container .right-container.small-mode #right-bottom-banner[data-v-2d7d6e8e] { height: 175px; } .lazy-img[data-v-2d7d6e8e] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) center center no-repeat; width: 100%; height: 100%; display: inline-block; } .ad-floor-exp .lazy-img[data-v-2d7d6e8e] { background: transparent; } .lazy-img img[data-v-2d7d6e8e] { display: block; width: 100%; height: 100%; } .ad-floor-exp .lazy-img img[data-v-2d7d6e8e] { border-radius: 6px; } .video-container #right-bottom-banner span[data-v-2d7d6e8e] { position: absolute; bottom: 3px; font-size: 15px; left: 10px; text-shadow: 1px 1px 3px #000; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; font-weight: 500; -webkit-font-smoothing: antialiased; } .float-nav-exp[data-v-2d7d6e8e] { position: fixed; right: 6px; bottom: 50px; z-index: 6; } .float-nav-exp .nav-menu .item[data-v-2d7d6e8e] { border: 1px solid #F1F2F3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; width: 40px; margin-bottom: 12px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; color: #18191C; fill: #18191C; text-align: center; padding: 8px 0 4px 0; background-color: #FFFFFF; } .float-nav-exp .nav-menu .item-icon[data-v-2d7d6e8e] { width: 24px; height: 24px; margin: 0 auto 2px; } .float-nav-exp .nav-menu .item-text[data-v-2d7d6e8e] { line-height: 14px; } .float-nav-exp .nav-menu .item.backup[data-v-2d7d6e8e] { padding: 8px 0; margin-bottom: 0; } /*收藏*/ .cc-modal[data-v-2d7d6e8e] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .cc-modal .overlay[data-v-2d7d6e8e] { background: rgba(0,0,0,.5); -webkit-animation: fadein .5s; animation: fadein .5s; } .cc-modal .modal[data-v-2d7d6e8e], .cc-modal .overlay[data-v-2d7d6e8e] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cc-modal .modal[data-v-2d7d6e8e] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; } .fv-modal .modal .fv-header[data-v-2d7d6e8e] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; text-align: center; } .fv-modal .modal .modal-close[data-v-2d7d6e8e] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .fv-modal .modal .content[data-v-2d7d6e8e] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-2d7d6e8e] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-2d7d6e8e] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-2d7d6e8e] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-2d7d6e8e] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-2d7d6e8e] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-2d7d6e8e] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-2d7d6e8e] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-2d7d6e8e] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-2d7d6e8e] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-2d7d6e8e] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-2d7d6e8e] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-2d7d6e8e] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-2d7d6e8e] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-2d7d6e8e] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-2d7d6e8e] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-2d7d6e8e] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-2d7d6e8e] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } /*投币*/ .fv-modal .modal .coin-title[data-v-2d7d6e8e] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .fv-modal .modal .coin-title span[data-v-2d7d6e8e] { font-size: 30px; color: #00AEEC; } .fv-modal .modal .mc[data-v-2d7d6e8e] { text-align: center; zoom: 1; } .fv-modal .modal .mc-box[data-v-2d7d6e8e] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .fv-modal .modal .mc-box.left-con[data-v-2d7d6e8e] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .fv-modal .modal .mc-box .coin-run-box[data-v-2d7d6e8e] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .fv-modal .modal .mc-box .coin-run[data-v-2d7d6e8e] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .modal .mc-box .c-num[data-v-2d7d6e8e] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .fv-modal .modal .mc-box.on[data-v-2d7d6e8e] { border-style: solid; border-color: #02a0d8; background: transparent; } .fv-modal .modal .mc-box.on .c-num[data-v-2d7d6e8e] { color: #00AEEC; } .fv-modal .modal .mc-box.on .coin-run[data-v-2d7d6e8e]{ color: #00AEEC; } .fv-modal .modal .like-checkbox[data-v-2d7d6e8e] { margin: 12px 0 0 37px; font-size: 12px; color: #18191C; line-height: 16px; } .fv-modal .modal .coin-bottom[data-v-2d7d6e8e] { text-align: center; padding: 25px 0; } .bi-btn[data-v-2d7d6e8e] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .bi-btn[data-v-2d7d6e8e] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } .fv-modal .modal .coin-bottom .tips[data-v-2d7d6e8e] { font-size: 12px; color: #9499A0; margin-top: 10px; } /*投诉*/ .modal .header[data-v-2d7d6e8e] { position: relative; width: 100%; z-index: 100000; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e9ef; font-size: 16px; text-align: center; } .modal .header .close[data-v-2d7d6e8e] { position: absolute; display: inline-block; right: 20px; cursor: pointer; } .modal .wrap[data-v-2d7d6e8e] { width: 100%; position: relative; height: 428px; overflow: auto; } .modal .container[data-v-2d7d6e8e] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 20px; } .modal .container .question[data-v-2d7d6e8e] { font-size: 14px; color: #222; margin-bottom: 18px; } .modal .container .options .option-error[data-v-2d7d6e8e], .modal .container .options[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .modal .container .option[data-v-2d7d6e8e]{ cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; font-size: 14px; margin-bottom: 14px; } .modal .container .textarea[data-v-2d7d6e8e] { margin-bottom: 30px; } .modal .container .img-list[data-v-2d7d6e8e] { margin-bottom: 10px; } .modal .container .textarea .memo[data-v-2d7d6e8e] { font-size: 14px; margin-bottom: 10px; } .modal .container .textarea .textarea-warp[data-v-2d7d6e8e] { width: 100%; position: relative; } .modal .container .textarea .textarea-warp textarea[data-v-2d7d6e8e] { overflow: auto; resize: none; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; height: 108px; font-size: 14px; outline: none; } .modal .container .textarea .textarea-warp .limit[data-v-2d7d6e8e] { color: #99a2aa; font-size: 12px; bottom: 11px; right: 5px; position: absolute; } .modal .container .upload-area .img-list[data-v-2d7d6e8e] { width: 100%; } .modal .container .upload-area[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 10px; } .modal .container .upload-area .add-img[data-v-2d7d6e8e] { display: inline-block; position: relative; height: 60px; line-height: 60px; width: 60px; } .modal .container .upload-area .add-img .img-wrap[data-v-2d7d6e8e] { border-radius: 4px; 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; width: 60px; border: 1px dashed #ccd0d7; cursor: pointer; } .modal .container .upload-area .add-img .img-wrap img[data-v-2d7d6e8e] { width: 22px; height: 22px; } .modal .container .upload-area .img-file[data-v-2d7d6e8e] { cursor: pointer; z-index: 10000; position: absolute; opacity: 0; top: 0; left: 0; vertical-align: middle; width: 60px; height: 60px; margin-right: 10px; } .modal .img-text[data-v-2d7d6e8e] { font-size: 12px; color: #99a2aa; text-align: left; } .modal .complaint.submit[data-v-2d7d6e8e] { position: relative; width: 100%; background-color: #fff; border-top: 1px solid #e5e9ef; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -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; text-align: center; } .modal .complaint.submit .cancel[data-v-2d7d6e8e] { cursor: pointer; font-size: 14px; width: 140px; background: #fff; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; color: #6d757a; border-radius: 4px; border: 1px solid #ccd0d7; } .modal .complaint.submit .confirm[data-v-2d7d6e8e] { cursor: pointer; font-size: 14px; width: 140px; margin-right: 24px; background: #00a1d6; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 4px; } /* 二维码*/ .modal .title[data-v-2d7d6e8e] { position: relative; padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px; color: #18191C; border-bottom: 1px solid #E3E5E7; text-align: center; } .modal .title .close[data-v-2d7d6e8e] { position: absolute; right: 20px; line-height: 50px; } .modal .app-look[data-v-2d7d6e8e] { padding: 30px 20px; } .modal .app-look .i-t[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal .app-look .i-t .qrcode[data-v-2d7d6e8e] { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: none; flex: none; background: #eee; } .van-qrcode[data-v-2d7d6e8e] { display: inline-block; } .modal .app-look .i-t .v-title[data-v-2d7d6e8e] { font-size: 14px; margin-left: 15px; line-height: 22px; white-space: normal; } .modal .app-look .foot-txt[data-v-2d7d6e8e] { text-align: center; line-height: 20px; margin-top: 20px; font-size: 14px; } /* 评论*/ .video-container #comment[data-v-2d7d6e8e] { margin-top: 24px; z-index: 9; position: relative; } .reply-header .reply-navigation[data-v-2d7d6e8e] { margin-bottom: 22px; } .reply-header .reply-navigation .nav-bar[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; } .reply-header .reply-navigation .nav-bar .nav-title[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text[data-v-2d7d6e8e] { font-weight: 500; } .reply-header .reply-navigation .nav-bar .nav-title .total-reply[data-v-2d7d6e8e] { margin: 0 36px 0 6px; font-weight: normal; color: gray; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-2d7d6e8e] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .hot-sort[data-v-2d7d6e8e]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort[data-v-2d7d6e8e] { color: #000 } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-2d7d6e8e] { cursor: pointer; } .reply-header .reply-navigation .nav-bar .nav-sort .time-sort[data-v-2d7d6e8e]:hover { color: #00aeec; } .reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort[data-v-2d7d6e8e] { color: #000; } .reply-header .reply-navigation .nav-bar .nav-sort .part-symbol[data-v-2d7d6e8e] { height: 11px; margin: 0 12px; border-left: solid 1px; } /* 充电*/ .fv-modal .charge-qr[data-v-2d7d6e8e]{ height: 600px; width: 600px; } .fv-modal .charge-not-qr[data-v-2d7d6e8e]{ height: 450px; } .fv-modal .charge-title[data-v-2d7d6e8e]{ font-size: 18px; /*height: 90px;*/ } .fv-modal .flex-center[data-v-2d7d6e8e], .flex-start[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-center[data-v-2d7d6e8e] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fv-modal .user-link[data-v-2d7d6e8e] { height: 34px; line-height: 34px; background-color: #f4f5f7; border: 1px solid #e5e9ef; border-radius: 18px; margin: 0 10px; } .fv-modal .charge-user[data-v-2d7d6e8e] { width: 34px; height: 34px; } .fv-modal img[data-v-fbde88fa][data-v-2d7d6e8e] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%; } .fv-modal .user-link .user-name[data-v-2d7d6e8e] { margin: 0 10px; font-size: 14px; } .fv-modal .charge-bottom[data-v-2d7d6e8e] { padding: 34px 20px 30px; position: relative; } .fv-modal .flex-start[data-v-2d7d6e8e] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fv-modal .charge-battery-list li[data-v-2d7d6e8e] { width: 100px; margin-right: 20px; cursor: pointer; } .charge-battery-list li[data-v-2d7d6e8e]:last-child { margin-right: 0; } .fv-modal .battery-item[data-v-2d7d6e8e] { margin-bottom: 24px; } .fv-modal .battery-item .battery-bg[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #e5e9ef; border-radius: 4px; height: 100px; position: relative; color: gray; } .fv-modal .battery-item .battery-bg .coin-run[data-v-2d7d6e8e] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .fv-modal .battery-item.active .battery-bg[data-v-2d7d6e8e] { border-color: #00a1d6; background-color: #fff; color: #00a1d6; } .fv-modal .electric-power[data-v-2d7d6e8e] { margin-top: 6px; } .fv-modal .battery-item .battery-text[data-v-2d7d6e8e] { font-size: 14px; height: 24px; line-height: 24px; font-weight: 700; text-align: center; } .fv-modal .flex-between[data-v-2d7d6e8e], .flex-end[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fv-modal .flex-between[data-v-2d7d6e8e] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fv-modal .battery-item .battery-tool[data-v-2d7d6e8e] { position: relative; } .battery-item.active .battery-text[data-v-2d7d6e8e] { color: #00a1d6; } .fv-modal .battery-item .battery-tool input[data-v-2d7d6e8e] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e9ef; border-radius: 4px; width: 68px; height: 24px; line-height: 24px; padding: 0 0 0 5px; font-size: 12px; color: #99a2aa; margin-right: 1px; } input[data-v-2d7d6e8e]::-webkit-outer-spin-button, input[data-v-2d7d6e8e]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"][data-v-2d7d6e8e]{ -moz-appearance: textfield; } .fv-modal .battery-item .battery-tool>div[data-v-2d7d6e8e] { position: absolute; bottom: 0; left: 0; height: 24px; line-height: 24px; color: red; font-size: 12px; font-weight: 300; width: 9em; text-align: left; -webkit-transform: translateY(100%); transform: translateY(100%); /*display: none;*/ } .fv-modal .charge-info-box[data-v-2d7d6e8e] { height: 20px; } .fv-modal .charge-info[data-v-2d7d6e8e] { font-size: 14px; color: #212121; line-height: 20px; height: 20px; text-align: center; } .fv-modal .charge-info span[data-v-2d7d6e8e] { font-weight: 700; color: #00a1d6; } .fv-modal .split-line[data-v-2d7d6e8e] { height: 1px; background: #e7e7e7; } .fv-modal .charge-line[data-v-2d7d6e8e] { margin: 12px 0; } .fv-modal .battery-pay-info[data-v-2d7d6e8e] { height: 25px; line-height: 25px; font-size: 18px; color: #212121; margin-right: 20px; } .fv-modal .battery-pay-info span.money[data-v-2d7d6e8e] { color: #00a1d6; font-weight: 700; } .fv-modal .battery-pay-tips[data-v-2d7d6e8e] { height: 18px; cursor: pointer; } .fv-modal .battery-pay-tips span[data-v-2d7d6e8e] { font-size: 12px; line-height: 18px; height: 18px; color: #999; margin-left: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fv-modal .charge-qr-code[data-v-2d7d6e8e] { height: 140px; margin: 12px auto 4px; } .fv-modal .charge-qr-code>div[data-v-2d7d6e8e] { margin: 0 auto; width: 130px; height: 130px; padding: 5px; } .fv-modal .battery-tips[data-v-2d7d6e8e], .tip[data-v-2d7d6e8e] { font-size: 12px; color: #999; text-align: center; } .fv-modal .battery-tips-margin[data-v-2d7d6e8e] { margin-bottom: 12px; font-size: 16px; } .fv-modal .choose-pay[data-v-2d7d6e8e] { padding: 10px; border: solid 1px #C9CCD0; border-radius: 5px; margin-right: 10px; } .fv-modal .choose-pay.active[data-v-2d7d6e8e] { color: #00a1d6; border-color: #00a1d6; } .fv-modal .icon-alipay[data-v-2d7d6e8e], .icon-wxpay[data-v-2d7d6e8e] { width: 16px; height: 16px; display: inline-block; } .fv-modal .icon-alipay[data-v-2d7d6e8e] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB+UExURUdwTACr7wCq7gCq7gCq7gCq7gCq7wCt9gCr9AC3/wCq7gCq7gCs8QCq7gCq7gCq7gDD/wCt8ACq7gCs/wCq7gCr8ACq7gCr7wCr8ACr8ACq7gCw/ACr7wCr8ACq7wCq7wCr7wCr7gCq7wCv8gCq7gCr7wCq7gCs8ACq7gCq7sR7yzUAAAApdFJOUwBkl8/ayIIbFwfy5EeL9foCIsAF6lXzlSs01QxwO6BfeU3gE7qPqEJa6gBGCwAAAVRJREFUeNp909mWgyAMBuBfqihqK+5aa926TN7/BWdAxdNjx+/SQ0wICTZpWCZ2UdhJGabY85hPhs88fBL8Qh8uXHyEO7TjeDCqgL4IKhMf0FeBB004ZFyHNifDEVA4be5ATBuuE8z12yeFA+5Jy/RdVBJG2uAqEyBdbf7MgNSnfQrDTxHS0QEKwWhldV3XAo2lRDQrkdDqeV50QE2LBDbtWEBPCxsFLSJaZA2kCSvmA9G9bjC1ve7pDRi2a+gUfo2m661aoip9R0Jsea+6yDdC3biAT2g84EzGA6U6JTIzJ/hzG2nFVKMcVCblG4oMXxfSQtXqSKTBkrEC8pG7AJr8PhJlKcBU3bGq37YExFNd6tVCcfOf5bktCbeOAZlf1+pvHlZcBfd53ebPkTbRw4rNyP0jEcdDa0/HY5/Fx4vzcA9XL7rJo+UNuPn9bv2jzGGDhPEL4Ypiu+48txgAAAAASUVORK5CYII=); background-size: cover; } .fv-modal .battery-tips-margin .icon-alipay[data-v-2d7d6e8e], .battery-tips-margin .icon-wxpay[data-v-2d7d6e8e] { margin: 4px; vertical-align: bottom; } .fv-modal .icon-wxpay[data-v-2d7d6e8e] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB7UExURUdwTCSvQTC+SySvQSaxQSSwQVLpaCSvQSSvQSSvQS64SSWxQiSvQSSvQSSvQf///yWxQyawQiu3RyWxRCawQiSvQiSvQSSwQSSvQSSvQSSwQSSvQSSvQSSvQSSwQSS0RSSwQiSwQiSxQiSvQSSwQSSvQSWxQSWyQiSvQQE1DyYAAAAodFJOUwD1CftBfQPA8P4NKKXhqwE/Mxc6T4ea05W4kNvrzWIeVG9a5oKzSUeztxLSAAABEklEQVR42n3S67KCIBSG4c8URfKQZ9NSq6nW/V/hHtyIGtHzS+edgQUDVqKsg97hzbOdDjAdE5c0XmfYy6OQdsJOYKOIyRCfoN1d+sJ9Q/HmbnIKNR4ni2cK6WzJgRqi/JFHucnVmjHwADha8xgQhSMYzXr3I/s3R/6wZcSheGwzjmrnBA3NIuTnNftsWfAKri5FIH3fCsyyhhYXOOrrhsWhcklz0Oi1lFNPG/16jxkkUYf7E6MlpZa9fNBeC49Ij5kn9MlDGuvVOm70iw8w+oEBELG9x/Pz9kKymTDrbL3Cv7T93qMUi4pMYeVD813zgCVW5rPiTGBrkk9jiC6qRneBPUZ8kDuN2euV5T4MXTLC4g+jtWYGMpTRaQAAAABJRU5ErkJggg==); background-size: cover; } .fv-modal .tip[data-v-2d7d6e8e] { font-weight: 700; margin-top: 6px; } .fv-modal .btn-default[data-v-2d7d6e8e], .btn-default-mobile[data-v-2d7d6e8e], .btn-primary[data-v-2d7d6e8e] { min-height: 40px; min-width: 88px; text-align: center; line-height: 38px; font-size: 14px; cursor: pointer; border-radius: 4px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } .fv-modal .btn-default[data-v-2d7d6e8e] { border: 1px solid #00a1d7; background: #00a1d7; color: #fff; } .fv-modal .btn-disabled[data-v-2d7d6e8e] { cursor: auto; } .fv-modal .btn-disabled[data-v-2d7d6e8e], .btn-disabled[data-v-2d7d6e8e]:hover { background: #ccd0d7; border-color: #ccd0d7; } .fv-modal .charge-btn-style[data-v-2d7d6e8e] { width: 124px; display: block; margin: 24px auto 12px; } /* 弹幕举报*/ .b-back-panel[data-v-2d7d6e8e] { position: absolute; top: 50%; left: 50%; width: 400px; min-height: 300px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 2px; background-color: #e3e5e7; color: #373a3e; overflow: hidden; z-index: 9; } .b-back-panel .b-back-title[data-v-2d7d6e8e] { font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px solid hsla(0,0%,100%,.12); } .b-back-panel-close[data-v-2d7d6e8e] { position: absolute; right: 10px; height: 22px; width: 22px; fill: #fff; z-index: 2; cursor: pointer; } .b-back-panel .b-back-content-default[data-v-2d7d6e8e] { font-size: 12px; margin: 15px 26px; } .b-back-panel .b-back-content-default .report-content[data-v-2d7d6e8e] { height: 14px; line-height: 14px; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px auto 16px; text-align: center; font-size: 14px; } .b-back-panel .b-back-content-default .danmaku-report-block[data-v-2d7d6e8e] { display: block; text-align: center; } .b-back-panel .b-back-content-default textarea[data-v-2d7d6e8e] { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; line-height: 16px; outline: none; resize: none; width: 100%; height: 48px; background-color: white; border-radius: 4px; padding: 10px; /*color: white;*/ font-size: 12px; border: 1px solid transparent; margin: 6px auto 0; } .b-back-panel .b-back-content-tabmenu[data-v-2d7d6e8e] { height: 130px; position: relative; text-align: left; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-2d7d6e8e] { position: relative; display: block; float: left; padding-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; height: 24px; line-height: 18px; cursor: pointer; width: 174px; } .b-back-panel.barrage-report .b-back-content-tabmenu .b-back-tabmenu-list[data-v-2d7d6e8e] { width: 116px; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list[data-v-2d7d6e8e]:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; border-radius: 50%; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-2d7d6e8e]:before { content: ""; border-color: #00a1d6; } .b-back-panel .b-back-content-tabmenu .b-back-tabmenu-list.b-back-show[data-v-2d7d6e8e]:after { content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 8px; height: 8px; background: #00a1d6; border-radius: 50%; } .b-back-panel .b-back-content .b-back-submit-wrap[data-v-2d7d6e8e] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px 0 20px; margin: 0 -26px; border-top: 1px solid hsla(0,0%,100%,.12); } .b-back-panel .b-back-content .b-back-submit-wrap .b-back-submit[data-v-2d7d6e8e] { border: none; border-radius: 2px; line-height: 24px; text-align: center; margin: 0 auto; color: #61666d; -webkit-box-sizing: border-box; box-sizing: border-box; width: 92px; height: 24px; background: #c9ccd0; cursor: pointer; } .b-back-panel .b-back-content .b-back-version-wrap[data-v-2d7d6e8e] { overflow: hidden; text-align: center; width: 220px; margin: 0 auto 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-back-panel .b-back-content .b-back-version-wrap a[data-v-2d7d6e8e] { display: inline-block; height: 14px; line-height: 14px; color: #999; } .b-back-panel .report-check[data-v-2d7d6e8e] { color: #61666d; } /* 购买*/ #needBuy[data-v-2d7d6e8e] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } .needBuyContent[data-v-2d7d6e8e] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 250px; height: 300px; background: white; border-radius: 8px; } .needBuyContent img[data-v-2d7d6e8e] { position: relative; width: 180px; height: 160px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .needBuyContent button[data-v-2d7d6e8e] { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100px; text-align: center; height: 40px; line-height: 40px; background: #00a6e7; color: white; border: none; cursor: pointer; } .noneVideo[data-v-2d7d6e8e] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 99; } .noneVideoBox[data-v-2d7d6e8e] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-2d7d6e8e], .noneVideo .undefineText[data-v-2d7d6e8e], .noneVideo .buttonText[data-v-2d7d6e8e]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-2d7d6e8e] { margin-top: 30px; } .noneVideo .buttonText button[data-v-2d7d6e8e] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } .media-info[data-v-2d7d6e8e] { border-top: 1px solid #e7e7e7; padding: 16px 0; } .video-container .media-info .media-cover[data-v-2d7d6e8e] { position: relative; display: block; float: left; width: 134px; height: 179px; z-index: 2; border-radius: 2px; overflow: hidden; background-color: #f4f5f7; } .video-container .media-info .media-cover img[data-v-2d7d6e8e] { display: block; width: 100%; height: 100%; } .video-container .media-info .media-right[data-v-2d7d6e8e] { position: relative; padding-left: 150px; height: 100%; z-index: 1; } .video-container .media-info .media-right .media-title[data-v-2d7d6e8e] { display: block; height: 20px; line-height: 20px; font-size: 16px; color: #212121; font-weight: 500; margin-top: 4px; margin-bottom: 16px; padding-right: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .video-container .media-info .media-right .media-count[data-v-2d7d6e8e] { height: 16px; line-height: 16px; font-size: 12px; color: #999; margin-bottom: 8px; } .video-container .media-info .media-right .pub-wrapper[data-v-2d7d6e8e] { margin-bottom: 8px; font-size: 12px; color: #212121; } .video-container .media-info .media-right .pub-wrapper .home-link[data-v-2d7d6e8e] { vertical-align: middle; height: 16px; line-height: 16px; margin-right: 10px; color: #212121; cursor: pointer; } .video-container .media-info .media-right .pub-wrapper .pub-info[data-v-2d7d6e8e] { line-height: 16px; margin-right: 10px; vertical-align: middle; } .video-container .media-info .media-right .pub-wrapper .av-link[data-v-2d7d6e8e] { vertical-align: middle; height: 16px; line-height: 16px; color: #212121; margin-right: 16px; } .video-container .media-info .media-right .pub-wrapper .up-info-wrapper[data-v-2d7d6e8e] { vertical-align: middle; } .video-container .plp-l .split-line[data-v-2d7d6e8e] { border-top: 1px solid #e5e9ef; } .video-container .media-info .media-right .pub-wrapper .up-info-wrapper .split-line[data-v-2d7d6e8e] { display: inline-block; vertical-align: middle; height: 16px; width: 1px; background-color: silver; margin-right: 16px; } .up-info[data-v-2d7d6e8e] { height: 16px; display: inherit; } .up-info>a[data-v-2d7d6e8e] { height: 16px; cursor: pointer; margin-right: 10px; white-space: nowrap; } .common-lazy-img[data-v-2d7d6e8e] { /*background: url(//s1.hdslb.com/bfs/static/pgc/nano/asserts/img_loading.png) 50% no-repeat;*/ background-size: 50px; width: 100%; height: 100%; display: inline-block; vertical-align: top; } .up-info>a .common-lazy-img[data-v-2d7d6e8e] { width: 18px; height: 18px; margin-right: 4px; border-radius: 50%; overflow: hidden; background-size: 70%; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .common-lazy-img img[data-v-2d7d6e8e] { display: block; width: 100%; height: 100%; } .up-info>a .up-name[data-v-2d7d6e8e] { display: inline-block; vertical-align: middle; height: 16px; line-height: 16px; font-size: 12px; color: #212121; } .up-info>a .up-name.vip[data-v-2d7d6e8e] { color: #fb7299; } .up-info .btn-follow-up[data-v-2d7d6e8e] { vertical-align: middle; height: 16px; color: #00b5e5; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } .up-info .btn-follow-up span[data-v-2d7d6e8e] { display: inline-block; vertical-align: top; height: 16px; line-height: 16px; font-size: 12px; } .webkit-ellipsis[data-v-2d7d6e8e] { display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word!important; word-break: break-word!important; white-space: normal!important; overflow: hidden!important; text-overflow: ellipsis!important; } .video-container .media-info .media-right .media-desc[data-v-2d7d6e8e] { position: relative; display: block; font-size: 12px; color: #212121; min-height: 18px; line-height: 18px; word-wrap: break-word; word-break: break-all; white-space: normal; } .video-container .media-info .media-right .media-desc span[data-v-2d7d6e8e] { position: relative; z-index: 1; white-space: pre-line; } .video-container .media-info .media-right .media-desc span.absolute[data-v-2d7d6e8e] { position: absolute; display: inline-block; vertical-align: top; top: 0; left: 0; right: 0; line-height: 18px; opacity: 0; z-index: 2; white-space: pre-line; } .video-container .media-info .media-right .media-desc i[data-v-2d7d6e8e] { position: relative; display: inline-block; vertical-align: top; padding-left: 4px; height: 18px; line-height: 18px; text-align: right; color: #00a1d6; background-color: #fff; font-style: normal; cursor: pointer; z-index: 3; } .video-container .media-info .media-right .media-desc.webkit-ellipsis i[data-v-2d7d6e8e] { position: absolute; padding-left: 12px; right: 0; bottom: -2px; } .video-container .media-info .media-right .media-rating[data-v-2d7d6e8e] { margin-top: 11px; } .video-container .media-info .media-right .media-rating .score[data-v-2d7d6e8e] { position: relative; height: 24px; line-height: 24px; font-weight: 700; font-size: 24px; color: #ffa726; margin-bottom: 4px; padding-right: 14px; display: inline-block; } .video-container .media-info .media-right .media-rating .score[data-v-2d7d6e8e]:after { content: "\5206"; display: block; position: absolute; bottom: 0; right: 0; width: 14px; height: 16px; line-height: 16px; font-size: 12px; text-align: right; font-weight: 400; } .video-container .media-info .media-right .media-rating p[data-v-2d7d6e8e] { height: 16px; line-height: 16px; font-size: 12px; color: #999; } .video-container .media-info .media-right .media-tool-bar[data-v-2d7d6e8e] { position: absolute; top: 0; right: 0; height: 32px; } .video-container .media-info .media-right .media-tool-bar .btn-rating[data-v-2d7d6e8e] { height: 30px; border-radius: 2px; border: 1px solid silver; float: left; padding: 0 10px; -webkit-transition: width .3s ease; transition: width .3s ease; color: #505050; background-color: #fff; white-space: nowrap; cursor: pointer; margin-right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .video-container .media-info .media-right .media-tool-bar .btn-rating .starRate[data-v-2d7d6e8e] { margin: auto 3px; font-size: 13px; } .video-container .media-info .media-right .media-tool-bar .btn-rating span[data-v-2d7d6e8e] { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .btn-follow[data-v-2d7d6e8e] { position: relative; float: left; width: 72px; height: 32px; text-align: center; background-color: #fb7299; color: #fff; border-radius: 2px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active[data-v-2d7d6e8e] { background-color: #e7e7e7!important; color: #999; } .video-container .media-info .media-right .media-tool-bar .btn-follow i[data-v-2d7d6e8e] { display: inline-block; vertical-align: top; width: 14px; height: 14px; line-height: 14px; margin-top: 9px; margin-right: 9px; color: #fff; font-size: 16px; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active i[data-v-2d7d6e8e] { display: none; } .video-container .media-info .media-right .media-tool-bar .btn-follow span[data-v-2d7d6e8e] { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; font-size: 14px; } .video-container .media-info .media-right .media-tool-bar .bangumi-options[data-v-2d7d6e8e] { position: absolute; right: 0; width: 116px; bottom: -160px; font-size: 14px; height: 160px; z-index: 10; visibility: hidden; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: all .3s; transition: all .3s; } .video-container .media-info .media-right .media-tool-bar .btn-follow.active:hover .bangumi-options[data-v-2d7d6e8e] { visibility: inherit; opacity: 1; -webkit-transform: none; transform: none; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list[data-v-2d7d6e8e] { position: absolute; right: 0; bottom: 0; list-style: none; padding: 6px 0; background-color: #fff; border: 1px solid #e5e9ef; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); box-shadow: 0 2px 4px rgba(0,0,0,.2); -webkit-transition: all .3s; transition: all .3s; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li[data-v-2d7d6e8e] { width: auto; height: 35px; line-height: 35px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #212121; } .video-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li.disabled[data-v-2d7d6e8e] { color: #e7e7e7; background-color: rgba(0,0,0,0); cursor: not-allowed; } .video-container .plp-l .split-line[data-v-2d7d6e8e] { border-top: 1px solid #e5e9ef; } /* 大会员*/ .video-container .pay-bar[data-v-2d7d6e8e] { position: relative; height: 44px; margin-bottom: 20px; } .video-container .pay-bar .vip[data-v-2d7d6e8e] { position: relative; height: 44px; } .video-container .pay-bar .btn-pay[data-v-2d7d6e8e] { display: block; height: 100%; line-height: 44px; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; -webkit-transition: all .3s ease; transition: all .3s ease; } .video-container .pay-bar .vip .btn-pay[data-v-2d7d6e8e] { background-color: #00a1d6; cursor: pointer; } .video-container .pay-bar .img-icon[data-v-2d7d6e8e] { position: absolute; width: 60px; height: 60px; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: 100%; } .video-container .pay-bar .vip .img-icon[data-v-2d7d6e8e] { /*background-image: url(//s1.hdslb.com/bfs/static/pgc/nano/asserts/func-icon-vip.png);*/ } /*剧集列表*/ .video-container .ep-list-wrapper[data-v-2d7d6e8e] { position: relative; background-color: #f4f4f4; border-radius: 2px; margin-bottom: 20px; } .video-container .ep-list-wrapper .list-title[data-v-2d7d6e8e] { height: 42px; padding: 0 16px; } .video-container .ep-list-wrapper .list-title h4[data-v-2d7d6e8e] { float: left; height: 42px; line-height: 42px; font-size: 16px; color: #212121; font-weight: 400; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .video-container .ep-list-wrapper .list-title .progress[data-v-2d7d6e8e] { float: left; height: 42px; line-height: 42px; font-weight: 400; } .video-container .ep-list-wrapper .list-title .mode-change[data-v-2d7d6e8e] { display: block; float: left; width: 30px; height: 42px; line-height: 42px; font-size: 16px; font-weight: 400; text-align: center; color: #757575; position: relative; } .video-container .ep-list-wrapper .list-title .ep-list-order[data-v-2d7d6e8e] { width: 16px; height: 13px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAAAXNSR0IArs4c6QAAAnBJREFUSA21lU9oE0EUxufNJgZbQQ8LpkEpQqyB9CQqOYQgPRiJRGwsKF5U0IsX8eylF72KZz3oRRQ1tBaK8dD8B6FRiAjVUBGtptYGzcH4h+zu+G2woa6TpOzGwDIz7833fvkmb7KMbeCTz+fPZjKZ1Ww2G7Fu3z1djfiTH9+bozUnW3NZcH0MkKO6rt9ATMUztj5nzoUmxoRgO83RmpOtuwILhUIYort4FJm4FeNcdMxJEh2BxWJxVNO0GSHEZuheSbS2QlIgYMOApVBxG+f8KhHds1VdIvoHWCqV1GazmYIzH0C3I5HIZYnOdugvYLlcHmw0GrOotgewFGDnbFfuIGwD4cxdr9eTcLYfsOeqqk5g1DrobIdbQEAIzm5hPATIW4/HEwsGg99sV+0ibAFzudw1wE5hXw1NcjgUCq100ThKuQA7ZhjGRTj7rihKPBwOVxxV7CGGIf4BsHk4nADsaY/9jtMuQEqocsB2JcOgXtqRqeWYbohJl8IuuHptdpr3P/wU0g3jPhNiQDNoR/ta2C7c5b80kFwdYWTMmDBGdP3NuG/KObDDNx2dXtmuieZj9IZKjO4sjg9dMrf+F2Aw/XnLT12fFUzsQkM+2To8dAZj663Sd+DBtHD9+qI9gLO9OMb5gUGeeLaPmmsH0femWfq6fBOv5Sgj9lpxs9iLqLexBuv7kfqT1StokNNErLrJQ9FK3FdbDzPnzh227yGdwDEG4KzuZkp04Yj3nRVmrp3/hn+uBRokgHo/FEbxhYT3pQxmxpw7bFcmnRg/WUl4C+2QZLJRh3No6yXo56w1iIs0cjVOdH7xuPeRNW9d/wZ3Bt7UXcXqyQAAAABJRU5ErkJggg==); float: right; background-size: contain; background-repeat: no-repeat; margin-top: 14px; margin-left: 10px; margin-right: 4px; cursor: pointer; } .video-container .ep-list-wrapper .list-title .ep-list-continuous[data-v-2d7d6e8e] { width: 100px; float: right; margin-top: 14px; cursor: pointer; } .video-container .ep-list-wrapper .list-title .ep-list-progress[data-v-2d7d6e8e] { display: block; float: right; height: 42px; line-height: 42px; font-size: 12px; color: #999; } .video-container .ep-list-wrapper .list-wrapper[data-v-2d7d6e8e] { position: relative; padding: 0 0 6px 6px; display: block; overflow: auto; max-height: 175px; } .video-container .ep-list-wrapper .list-wrapper.simple[data-v-2d7d6e8e] { padding-left: 16px; padding-right: 0; max-height: 188px; } .video-container .ep-list-wrapper .list-wrapper ul[data-v-2d7d6e8e] { position: relative; } .ep-list-wrapper .ep-item[data-v-2d7d6e8e], .section-ep-wrapper .ep-item[data-v-2d7d6e8e] { position: relative; display: block; height: 30px; border-radius: 2px; padding: 0 0 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; color: #222; cursor: pointer; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item[data-v-2d7d6e8e] { float: left; width: 64px; height: 36px; background-color: #fff; border: 1px solid #e5e9ef; padding: 0; text-align: center; -webkit-transition: none; transition: none; overflow: visible; opacity: 1; margin: 3px; } .ep-list-wrapper .ep-item.visited[data-v-2d7d6e8e], .ep-list-wrapper .ep-item[data-v-2d7d6e8e]:visited, .section-ep-wrapper .ep-item.visited[data-v-2d7d6e8e], .section-ep-wrapper .ep-item[data-v-2d7d6e8e]:visited { color: #757575; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.visited[data-v-2d7d6e8e], .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item[data-v-2d7d6e8e]:visited { border-color: #e7e7e7; color: #999; } .ep-list-wrapper .ep-item.cursor[data-v-2d7d6e8e], .section-ep-wrapper .ep-item.cursor[data-v-2d7d6e8e] { background-color: #fff; color: #00a1d6; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor[data-v-2d7d6e8e] { border-color: #00a1d6; background-color: #00a1d6; color: #fff; } .ep-list-wrapper .ep-item a[data-v-2d7d6e8e], .section-ep-wrapper .ep-item a[data-v-2d7d6e8e] { color: #222; } .ep-list-wrapper .ep-item i[data-v-2d7d6e8e], .section-ep-wrapper .ep-item i[data-v-2d7d6e8e] { height: 100%; line-height: 30px; width: 22px; vertical-align: top; color: #00a1d6; font-size: 13px; } .ep-list-wrapper .ep-item .ep-title[data-v-2d7d6e8e], .section-ep-wrapper .ep-item .ep-title[data-v-2d7d6e8e] { line-height: 30px; font-size: 12px; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item span[data-v-2d7d6e8e] { height: 34px; line-height: 34px; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .ep-title[data-v-2d7d6e8e] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 36px; line-height: 36px; display: block; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item.cursor .ep-title[data-v-2d7d6e8e] { color: #fff; } .ep-list-wrapper .ep-item.badge[data-v-2d7d6e8e], .section-ep-wrapper .ep-item.badge[data-v-2d7d6e8e] { padding-right: 44px; } .ep-list-wrapper .ep-item .badge[data-v-2d7d6e8e], .section-ep-wrapper .ep-item .badge[data-v-2d7d6e8e] { position: absolute; top: 6px; right: 10px; padding: 0 4px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; border-radius: 2px; background-color: #999; } .ep-list-wrapper .ep-item .badge.pink[data-v-2d7d6e8e], .section-ep-wrapper .ep-item .badge.pink[data-v-2d7d6e8e] { background-color: #fb7299; } .video-container .ep-list-wrapper .list-wrapper.simple ul .ep-item .badge[data-v-2d7d6e8e] { height: 16px; line-height: 16px; top: -4px; right: -2px; } .favorite-checkbox[data-v-2d7d6e8e] { margin-right: 0 !important; } .barrageDate[data-v-2d7d6e8e] { position: absolute; top: 0; /*display: none;*/ } .warp[data-v-176812cf] { width: 1300px; background: #ffffff; border: solid 1px #e5e9ef; border-radius: 5px; margin: 10px auto 0; -webkit-box-shadow: 2px 2px 5px #e0e0e0; box-shadow: 2px 2px 5px #e0e0e0; } .content[data-v-176812cf] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .warp .title[data-v-176812cf] { margin: 5px; font-size: 22px; padding: 20px; font-weight: bold; border-bottom: solid 1px #e5e9ef; } .video-card-common[data-v-176812cf] { width: 228px; cursor: pointer; margin: 10px; } .video-card-common .card-pic[data-v-176812cf] { position: relative; width: 100%; height: 116px; } .video-card-common .card-pic a[data-v-176812cf] { display: block; position: relative; width: 100%; height: 100%; } .video-card-common .card-pic a img[data-v-176812cf] { width: 100%; height: 100%; border-radius: 2px; } .video-card-common .card-pic a .count[data-v-176812cf] { position: absolute; bottom: 0; width: 100%; padding: 6px 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; line-height: 16px; font-size: 12px; } .video-card-common .card-pic a .count[data-v-176812cf], .video-card-common .card-pic a .count .left[data-v-176812cf], .video-card-common .card-pic a .count .left span[data-v-176812cf] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-card-common .card-pic a .count[data-v-176812cf], .video-card-common .card-pic a .count .left[data-v-176812cf], .video-card-common .card-pic a .count .left span[data-v-176812cf] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-card-common .card-pic a .count .left span[data-v-176812cf]:first-child { margin-right: 10px; } .video-card-common .title[data-v-176812cf] { display: block; font-size: 14px; line-height: 20px; margin: 10px 0 8px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; padding-right: 12px; } .pager[data-v-176812cf] { margin: 5px; text-align: center; font-size: 16px; } .article-page[data-v-0c5748fe] { width: 100%; background-color: #F6F7F8; } .article-detail[data-v-0c5748fe] { width: 900px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; position: relative; } .fixed-top-header[data-v-0c5748fe] { width: 100%; height: 56px; background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.14); box-shadow: 0 1px 2px rgba(0,0,0,.14); position: fixed; left: 0; top: 0; z-index: 9; } .fixed-top-header .inner[data-v-0c5748fe] { width: 900px; margin: 0 auto; height: 100%; line-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .fixed-top-header .inner>p[data-v-0c5748fe] { font-size: 21px; color: #222; } .fixed-top-header .inner .inner-title[data-v-0c5748fe] { max-width: 650px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; } .fixed-top-header .inner .inner-right[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fixed-top-header .inner .up-info[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #212121; margin-right: 12px; font-size: 14px; } .card-image[data-v-0c5748fe] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background: #eee; } .fixed-top-header .inner .author-face[data-v-0c5748fe] { width: 28px; height: 28px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; border-radius:28px; } .card-image__image[data-v-0c5748fe] { width: 100%; height: 100%; /*background: 50%/cover no-repeat;*/ border-radius: 28px; background-size: 100% 100%; } .fixed-top-header .inner .up-info__name[data-v-0c5748fe] { max-width: 95px; height: 36px; line-height: 36px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; } .follow-btn[data-v-0c5748fe] { 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: 100%; border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; -webkit-transition: .3s; transition: .3s; } .followed[data-v-0c5748fe] { color: #999; border: 1px solid #e7e7e7; background: #e7e7e7; } .unfollow .icon-add[data-v-0c5748fe] { color: #fff; margin-right: 6px; } .article-breadcrumb[data-v-0c5748fe] { width: 900px; height: 22px; margin: 16px 0 12px; } .article-breadcrumb .breadcrumb-name[data-v-0c5748fe] { cursor: pointer; font-size: 12px; } .article-breadcrumb .breadcrumb-name[data-v-0c5748fe], .article-breadcrumb .slash[data-v-0c5748fe] { color: rgba(0,0,0,.45); margin-right: 8px; } .article-breadcrumb .breadcrumb-title[data-v-0c5748fe] { cursor: default; color: rgba(0,0,0,.65); } .article-container[data-v-0c5748fe] { background-color: #fff; border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; padding: 30px 40px 40px; margin-bottom: 12px; } .article-container__content[data-v-0c5748fe] { border-bottom: 1px solid #e5e9ef; margin-bottom: 30px; } .article-container .title-container[data-v-0c5748fe] { padding: 0 80px; } .article-container .title-container .title[data-v-0c5748fe] { min-height: 39px; font-size: 28px; color: #222; margin-bottom: 16px; font-weight: 700; line-height: 1.4; } .article-container .title-container .joined-activity[data-v-0c5748fe] { border: 1px solid #fb7299; vertical-align: middle; border-radius: 4px; padding: 0 4px; font-size: 14px; color: #fb7299; text-align: center; } .article-read-panel[data-v-0c5748fe] { margin-bottom: 20px; color: #999; } .article-read-info[data-v-0c5748fe] { font-weight: 400; font-size: 13px; } .article-read-info .category-name[data-v-0c5748fe] { margin-right: 8px; color: #999; -webkit-transition: .3s; transition: .3s; } .article-read-info>span[data-v-0c5748fe] { margin: 0 3px; color: #999; -webkit-transition: .3s; transition: .3s; } .article-read-info .publish-text[data-v-0c5748fe] { display: inline-block; margin-right: 14px; } .article-up-info[data-v-0c5748fe] { background: #fff; width: 660px; height: 44px; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; margin: 0 auto 20px; } .article-up-info[data-v-0c5748fe], .article-up-info .up-left[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-up-info[data-v-0c5748fe], .article-up-info .up-left[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-up-info .avatar-container[data-v-0c5748fe] { -ms-flex-negative: 0; flex-shrink: 0; display: block; position: relative; width: 44px; height: 44px; margin-right: 12px; } .i-avatar[data-v-0c5748fe] { display: block; position: relative; background-image: url(data:image/gif;base64,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); background-size: cover; border-radius: 50%; margin: 0; padding: 0; } .i-avatar-face[data-v-0c5748fe] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; } .i-avatar-img[data-v-0c5748fe] { border: none; display: block; -o-object-fit: cover; object-fit: cover; } .i-avatar-img-radius[data-v-0c5748fe] { border-radius: 50%; } .i-avatar-right-icon[data-v-0c5748fe] { width: 27.5%; height: 27.5%; position: absolute; right: 0; bottom: -1px; background-size: cover; } .article-up-info .up-name-pannel[data-v-0c5748fe] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .article-up-info .up-name[data-v-0c5748fe] { font-size: 14px; max-width: 155px; color: #212121; line-height: 23px; height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle; } .article-up-info .level[data-v-0c5748fe] { width: 18px; height: 9px; display: inline-block; vertical-align: middle; margin: 0 8px; background-size: cover; } .article-up-info .level.l5[data-v-0c5748fe] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAYAAAAw73wjAAAACXBIWXMAABYlAAAWJQFJUiTwAAABeUlEQVRIx9WX23HCMBBFjzL+Dx3gDnAHOBWEDnAB0QwdhFQQMioAU0HoANMBdEAqiFPB5iMyIzPyAzPgcP+s5/HqrrxWIsJNpFUETDrMzDGyUDcB1SoEdsBjxxU+ArvQBIiuiBpeAAkQBRbyk9tpD8zawAHvxUNw5Uj6tMZI1mJchlYlUFcrIAUSYFqzyI8dE7pv7YlaVNFfeDeu2SNxH05BU4xkaEUD6AIja8ff44qolaLi0abtMTxwJ7ob0KDn/Z8aPDr9H6D12Z+h1bTPo5+g1aCPo89bthUaAd/2ZvHbwRPprhGNTry0L93FRhb26hr0nfXPaJVYn+VAbGFXGEkcyOzaWX8A3jztM6e4WKIVGEkxkqNVbKFdyFFVNVRjj0N7UCMHYO755O1OCpgybFtII7NLj76pQAk9bcujDZohq9aoKrSPUvLCHHh12rY108c1fV/A8IxSL2+RsIXNtoFnwrij34dnjB2dewX+/YpolTZUS31qD8S/k9JzAfr5JDAAAAAASUVORK5CYII=); } .article-up-info .avatar-info-pannel[data-v-0c5748fe] { font-size: 13px; color: #999; line-height: 20px; } .article-up-info .fans-num[data-v-0c5748fe] { margin-right: 12px; } .unfollow[data-v-0c5748fe] { background: #00a1d6; color: #fff; } .unfollow .icon-add[data-v-0c5748fe] { color: #fff; margin-right: 6px; } .article-container .banner-container[data-v-0c5748fe] { margin-bottom: 40px; } .card-image[data-v-0c5748fe] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background: #eee; } .article-container .banner-container .banner-image[data-v-0c5748fe] { margin: 0 auto 20px; height: 370px; width: 660px; border-radius:4px; } .article-container .title-line[data-v-0c5748fe] { height: 1px; width: 100%; background: hsla(0,0%,59.2%,.21); margin-bottom: 40px; } .article-content[data-v-0c5748fe] { padding: 0 80px; margin-bottom: 50px; } .normal-article-holder[data-v-0c5748fe] { padding-top: 20px; max-width: 100%; min-height: 200px; line-height: 1.6; font-size: 17px; font-weight: 400; color: #212121; text-align: left; letter-spacing: 0; word-wrap: break-word; overflow: hidden; border: none; } .article-footer-box[data-v-0c5748fe] { padding: 0 80px; margin-bottom: 39px; } .article-footer-box .footer-text[data-v-0c5748fe] { font-size: 13px; display: inline-block; color: silver; margin-bottom: 13px; margin-right: 10px; } .article-tags .iconfont[data-v-0c5748fe] { color: #999; margin-right: 9px; } .article-tags .tag-item[data-v-0c5748fe] { cursor: pointer; font-size: 12px; color: #999; margin-right: 10px; -webkit-transition: .3s; transition: .3s; } .interaction-info[data-v-0c5748fe] { width: 100%; 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; font-size: 14px; color: #505050; } .interaction-info .toolbar[data-v-0c5748fe] { float: left; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .interaction-info .toolbar .share-box[data-v-0c5748fe] { display: inline-block; white-space: nowrap; color: #505050; } .interaction-info .toolbar .share-box .share-list[data-v-0c5748fe] { display: inline-block; } .interaction-info .toolbar .share-box .share-item[data-v-0c5748fe] { position: relative; display: inline-block; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .interaction-info .hover-item[data-v-0c5748fe]:hover, .interaction-info .hover-item:hover i[data-v-0c5748fe] { color: #00a1d6; border-color: #00a1d6; } .interaction-info .toolbar .share-box .dis-evt[data-v-0c5748fe] { pointer-events: none; } .interaction-info .toolbar .share-box .qrcode-box[data-v-0c5748fe] { display: none; padding: 10px 16px 16px; position: absolute; top: 34px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 164px; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 0 4px #e5e9ef; box-shadow: 0 0 4px #e5e9ef; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .interaction-info .toolbar .share-box .has-qrcode-item:hover .qrcode-box[data-v-0c5748fe] { display: block; } .interaction-info .toolbar .share-box .qrcode-tit[data-v-0c5748fe] { margin-bottom: 12px; color: #757575; font-size: 16px; text-align: center; letter-spacing: 0; font-style: normal; } .interaction-info .toolbar .share-box .qrcode-ctnr[data-v-0c5748fe] { margin: 0 auto; width: 132px; height: 132px; } .van-qrcode[data-v-0c5748fe] { display: inline-block; } [class^=van-icon-][data-v-0c5748fe] { display: inline-block; font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .interaction-info .share-item i[data-v-0c5748fe] { color: #757575; } .interaction-info .toolbar .share-box i[data-v-0c5748fe] { font-size: 24px; vertical-align: top; margin-right: 6px; width: 24px; height: 24px; } .interaction-info .hover-item[data-v-0c5748fe] { cursor: pointer; } .interaction-info .advice-item[data-v-0c5748fe] { border: solid 1px #000; padding: 2px 5px; border-radius: 50px; margin-left: 10px; } .recommend-list[data-v-0c5748fe] { border-radius: 4px; padding: 29px 40px; background: #fff; margin-bottom: 13px; } .recommend-list .recommend-header[data-v-0c5748fe] { border-bottom: 1px solid #f4f5f7; 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-bottom: 20px; } .recommend-list .recommend-header .title[data-v-0c5748fe] { font-size: 18px; color: #222; } .recommend-list .recommend-header .more[data-v-0c5748fe] { cursor: pointer; font-size: 14px; color: #505050; line-height: 16px; } .recommend-list .recommend-header .more .iconfont[data-v-0c5748fe] { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 14px; } .recommend-list .recommend-article-list .article-item[data-v-0c5748fe] { cursor: pointer; padding: 18px 0 17px; border-bottom: 1px solid #f4f5f7; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .recommend-list .recommend-article-list .left-panel[data-v-0c5748fe] { -ms-flex-negative: 1; flex-shrink: 1; margin-right: 13px; } .recommend-list .recommend-article-list .left-panel .article-title[data-v-0c5748fe] { font-size: 16px; font-weight: 700; color: #212121; line-height: 26px; margin-bottom: 4px; -webkit-transition: color .3s; transition: color .3s; } .recommend-list .recommend-article-list .left-panel .article-desc[data-v-0c5748fe], .recommend-list .recommend-article-list .left-panel .article-title[data-v-0c5748fe] { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; } .recommend-list .recommend-article-list .left-panel .article-desc[data-v-0c5748fe] { height: 22px; font-size: 12px; color: #99a2aa; line-height: 22px; margin-bottom: 15px; } .recommend-list .recommend-article-list .left-panel .article-info[data-v-0c5748fe], .recommend-list .recommend-article-list .left-panel .article-info .article-info--up[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #99a2aa; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--up[data-v-0c5748fe] { margin-right: 22px; cursor: pointer; } .card-image[data-v-0c5748fe] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background: #eee; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--cover[data-v-0c5748fe] { width: 24px; height: 24px; margin-right: 4px; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--stats[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--stats>span[data-v-0c5748fe] { margin-right: 4px; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--stats .stats-categroy[data-v-0c5748fe] { color: #99a2aa; margin-right: 22px; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--stats .stats-item[data-v-0c5748fe] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 22px; } .recommend-list .recommend-article-list .left-panel .article-info .article-info--stats .iconfont[data-v-0c5748fe] { font-size: 16px; margin-right: 3px; } .recommend-list .recommend-article-list .right-panel[data-v-0c5748fe] { width: 117px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; } .recommend-list .recommend-article-list .right-panel .card-image .card-image__image[data-v-0c5748fe] { border-radius: 4px; } .comment-wrapper[data-v-0c5748fe] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .comment-wrapper .comment-m[data-v-0c5748fe] { padding: 20px 40px; background: #fff; } .comment-wrapper .comment-m .b-head[data-v-0c5748fe] { font-size: 18px; line-height: 24px; color: #222; margin: 0 0 20px; } .comment-wrapper .comment-m .b-head .results[data-v-0c5748fe] { margin-right: 10px; } .bb-comment[data-v-0c5748fe], .comment-i-fold[data-v-0c5748fe] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-0c5748fe], .comment-i-fold .reply-notice[data-v-0c5748fe] { margin-bottom: 10px; } .bb-comment .reply-notice .notice-item[data-v-0c5748fe], .comment-i-fold .reply-notice .notice-item[data-v-0c5748fe] { background-color: #FFF1D3; border: 1px solid #F8DFAA; color: #E78B1F; padding: 10px 30px 10px 40px; line-height: 20px; font-size: 14px; border-radius: 4px; position: relative; } .bb-comment .comment-header[data-v-0c5748fe], .comment-i-fold .comment-header[data-v-0c5748fe] { margin: 0 0 24px 0; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-0c5748fe], .comment-i-fold .comment-header .tabs-order[data-v-0c5748fe] { float: left; margin-bottom: -1px; } .bb-comment ul[data-v-0c5748fe], .comment-i-fold ul[data-v-0c5748fe], .bb-comment li[data-v-0c5748fe], .comment-i-fold li[data-v-0c5748fe] { margin: 0; padding: 0; list-style: none; } .bb-comment *.clearfix[data-v-0c5748fe], .comment-i-fold *.clearfix[data-v-0c5748fe] { zoom: 1; } .bb-comment .comment-header .tabs-order li[data-v-0c5748fe], .comment-i-fold .comment-header .tabs-order li[data-v-0c5748fe] { background-color: transparent; border-radius: 0; border: 0; padding: 8px 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 20px; height: 36px; font-size: 14px; font-weight: bold; color: #222; } .bb-comment .comment-header .tabs-order li.on[data-v-0c5748fe], .comment-i-fold .comment-header .tabs-order li.on[data-v-0c5748fe] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .bb-comment .comment-header .tabs-order li.on[data-v-0c5748fe]:after, .comment-i-fold .comment-header .tabs-order li.on[data-v-0c5748fe]:after { content: ''; width: 6px; height: 3px; background: transparent url(//s1.hdslb.com/bfs/seed/jinkela/commentpc/static/img/icons-comment.2f36fc5.png) -669px -31px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -3px; visibility: visible; } .bb-comment .comment-header .tabs-order li[data-v-0c5748fe]:last-child, .comment-i-fold .comment-header .tabs-order li[data-v-0c5748fe]:last-child { margin: 0 16px; } .right-side-bar[data-v-0c5748fe] { position: fixed; margin-left: 926px; bottom: -60px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-bottom: 50px; z-index: 10; } .right-side-bar.on[data-v-0c5748fe] { bottom: 0; } .right-side-bar .side-toolbar[data-v-0c5748fe] { background: #fff; -webkit-box-shadow: 0 2px 11px 0 rgba(0,0,0,.03); box-shadow: 0 2px 11px 0 rgba(0,0,0,.03); border-radius: 6px; padding: 8px 0; } .right-side-bar .side-toolbar .toolbar-item[data-v-0c5748fe] { position: relative; color: #505050; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 62px; margin-bottom: 4px; cursor: pointer; } .right-side-bar .side-toolbar .toolbar-item .iconfont[data-v-0c5748fe] { font-size: 28px; line-height: 28px; color: #505050; -webkit-transition: color .3s; transition: color .3s; } .right-side-bar .side-toolbar .toolbar-item:hover .iconfont[data-v-0c5748fe], .right-side-bar .side-toolbar .toolbar-item .iconfont.active[data-v-0c5748fe]{ color: #00a1d6; } .right-side-bar .side-toolbar .toolbar-item .toolbar-item__num[data-v-0c5748fe] { font-size: 12px; -webkit-transition: .3s; transition: .3s; margin-top: 4px; line-height: 8px; } .right-side-bar .to-top[data-v-0c5748fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; width: 62px; height: 62px; border-radius: 6px; -webkit-transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,-webkit-transform .3s; transition: transform .3s,opacity .3s; transition: transform .3s,opacity .3s,-webkit-transform .3s; -webkit-box-shadow: 0 2px 11px 0 rgba(0,0,0,.03); box-shadow: 0 2px 11px 0 rgba(0,0,0,.03); opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); margin-top: 15px; } .right-side-bar.on .to-top[data-v-0c5748fe] { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); cursor: pointer; } .right-side-bar .to-top .iconfont[data-v-0c5748fe] { font-size: 28px; line-height: 28px; color: #505050; -webkit-transition: color .3s; transition: color .3s; } /*投诉建议*/ .i-dialog-container[data-v-0c5748fe] { background: rgba(0,0,0,.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1001; -webkit-transition: all .3s; transition: all .3s; } .i-dialog-bomb[data-v-0c5748fe] { position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; z-index: 103; } .i-dialog-container .i-dialog-bomb[data-v-0c5748fe] { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .i-dialog-bomb[data-v-0c5748fe] { position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; z-index: 103; } .i-dialog-bomb .appeal-box[data-v-0c5748fe] { background: #fff; border-radius: 10px; overflow: hidden; width: 600px; height: 560px; } .i-dialog-bomb .appeal-box .header[data-v-0c5748fe] { position: relative; width: 100%; z-index: 100000; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e9ef; font-size: 16px; text-align: center; } .i-dialog-bomb .appeal-box .header .close[data-v-0c5748fe] { position: absolute; display: block; right: 14px; cursor: pointer; top: 0; font-size: 18px; } .i-dialog-bomb .appeal-box .wrap[data-v-0c5748fe] { width: 100%; position: relative; height: 428px; overflow: auto; } .i-dialog-bomb .appeal-box .wrap .container[data-v-0c5748fe] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; padding: 30px 40px; } .i-dialog-bomb .appeal-box .wrap .container .question[data-v-0c5748fe] { font-size: 14px; color: #222; margin-bottom: 18px; } .i-dialog-bomb .appeal-box .wrap .container .options[data-v-0c5748fe] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 16px; } .i-dialog-bomb .appeal-box .wrap .container .options .option[data-v-0c5748fe] { cursor: pointer; -ms-flex: 1 0 50%; -webkit-box-flex: 1; flex: 1 0 50%; font-size: 14px; margin-bottom: 14px; height: 22px; } .i-dialog-bomb .appeal-box .wrap .container .textarea[data-v-0c5748fe] { margin-bottom: 30px; } .i-dialog-bomb .appeal-box .wrap .container .textarea .memo[data-v-0c5748fe] { font-size: 14px; margin-bottom: 10px; } .i-dialog-bomb .appeal-box .wrap .container .textarea .textarea-wrap[data-v-0c5748fe] { width: 100%; position: relative; } .i-dialog-bomb .appeal-box .wrap .container .textarea .textarea-wrap textarea[data-v-0c5748fe] { overflow: auto; resize: none; padding: 6px 10px; border-radius: 4px; border: 1px solid #ccd0d7; width: 100%; height: 108px; font-size: 14px; outline: none; } .i-dialog-bomb .appeal-box .wrap .container .textarea .textarea-wrap .limit[data-v-0c5748fe] { color: #99a2aa; font-size: 12px; bottom: 11px; right: 5px; position: absolute; } .i-dialog-bomb .appeal-box .wrap .container .upload-area[data-v-0c5748fe] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 10px; } .upload-box[data-v-0c5748fe] { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .upload-box .upload-item[data-v-0c5748fe] { margin-right: 10px; position: relative; width: 62px; height: 62px; } .upload-box .add-item[data-v-0c5748fe] { cursor: pointer; border: 1px dashed #ccd0d7; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .upload-box .upload-icon[data-v-0c5748fe] { position: relative; width: 100%; height: 100%; cursor: pointer; } .upload-box .upload-icon[data-v-0c5748fe]:after, .upload-box .upload-icon[data-v-0c5748fe]:before { content: ""; position: absolute; left: 50%; top: 50%; border-radius: 4px; } .upload-box .upload-icon[data-v-0c5748fe]:before { width: 24px; border-top: 4px solid silver; margin-left: -12px; margin-top: -2px; } .upload-box .upload-icon[data-v-0c5748fe]:after { height: 24px; border-left: 4px solid silver; margin-left: -2px; margin-top: -12px; } .upload-box .upload-input[data-v-0c5748fe] { visibility: hidden; } .i-dialog-bomb .appeal-box .wrap .container .img-text[data-v-0c5748fe] { font-size: 12px; color: #99a2aa; text-align: left; } .i-dialog-bomb .appeal-box .submit[data-v-0c5748fe] { position: relative; width: 100%; background-color: #fff; border-top: 1px solid #e5e9ef; height: 80px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; text-align: center; } .i-dialog-bomb .appeal-box .submit>div[data-v-0c5748fe] { cursor: pointer; font-size: 14px; width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; } .i-dialog-bomb .appeal-box .submit .confirm[data-v-0c5748fe] { background: #00a1d6; color: #fff; margin-right: 20px; } .i-dialog-bomb .appeal-box .submit .cancel[data-v-0c5748fe] { background: #fff; color: #6d757a; border: 1px solid #ccd0d7; } /*投币*/ .modal[data-v-0c5748fe] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .modal .modal-close[data-v-0c5748fe] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .modal .coin-title[data-v-0c5748fe] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .modal .mc[data-v-0c5748fe] { text-align: center; zoom: 1; } .modal .mc-box[data-v-0c5748fe] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .modal .mc-box.left-con[data-v-0c5748fe] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .modal .mc-box .coin-run-box[data-v-0c5748fe] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .modal .mc-box .coin-run[data-v-0c5748fe] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .modal .mc-box .c-num[data-v-0c5748fe] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .modal .mc-box.on[data-v-0c5748fe] { border-style: solid; border-color: #02a0d8; background: transparent; } .modal .mc-box.on .c-num[data-v-0c5748fe] { color: #00AEEC; } .modal .mc-box.on .coin-run[data-v-0c5748fe]{ color: #00AEEC; } .modal .coin-bottom[data-v-0c5748fe] { text-align: center; padding: 25px 0; } .bi-btn[data-v-0c5748fe] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .modal .coin-bottom .bi-btn[data-v-0c5748fe] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } .noneVideo[data-v-0c5748fe] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 99; } .noneVideoBox[data-v-0c5748fe] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-0c5748fe], .noneVideo .undefineText[data-v-0c5748fe], .noneVideo .buttonText[data-v-0c5748fe]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-0c5748fe] { margin-top: 30px; } .noneVideo .buttonText button[data-v-0c5748fe] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } .show-download[data-v-0c5748fe] { padding: 10px 16px 16px; position: absolute; top: 20px; left: 20%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 99px; border: 1px solid #e5e9ef; -webkit-box-shadow: 0 0 4px #e5e9ef; box-shadow: 0 0 4px #e5e9ef; background-color: #fff; margin: 5px; } .img-box { /*margin: 25px 0;*/ /*white-space: nowrap;*/ } /* 卡片 视频 */ .img-box .card { height: 94px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; margin-bottom: 20px; background: #f4f4f5; background-color: hsla(240, 5%, 96%, .3); border-radius: 6px; border: solid 1px silver; } .video-holder { padding: 0 0 0 162px; position: relative; display: block; height: 100%; } .video-holder .video-cover { width: 150px; height: 92px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; position: absolute; left: 0; } .cover-default { background-color: #f0f1f4; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…E3LjQsMTdsLTksMmwwLjUsNGw5LjUtMkwxNy40LDE3eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);*/ background-position: 50%; background-repeat: no-repeat; } .video-holder .video-cover .cover-default, .slim-video-card .video-cover .cover-default { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 44px; } .video-holder .video-cover .video-cover-layer, .slim-video-card .video-cover .video-cover-img, .article-card-holder .article-bg-pic, .bangumi-card-holder .cover-img, .live-card-holder .cover-img, .audio-card, .cover-bg, .ticket-card-holder .cover-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .icon-video { /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAMAAACsuQomAAAAclBMV…VXLu6S25fwV90eUA62l1eFdU9/Ux2q/YEOtjlbfjoLrugTV6YSSQ5kbxYAAAAASUVORK5CYII=);*/ } .video-holder .video-cover .icon-video, .slim-video-card .video-cover .icon-video, .cover-box .icon-video, .audio-card, .cover-bg .icon-video, .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { position: absolute; top: 50%; left: 50%; /*margin-left: -20px;*/ /*margin-top: -18px;*/ font-size: 34px; color: gray; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cover-img { height: 100%; width: 100%; background-size: cover; } .video-holder .video-cover .duration, .slim-video-card .video-cover .duration { position: absolute; right: 3px; bottom: 2.5px; padding: 2.5px; color: #fff; font-size: 12px; border-radius: 2px; } .video-holder .video-info-container { padding-top: 10px; min-height: 84px; position: relative; text-align: left; height: 100%; } .video-holder .title, .slim-video-card .video-info .title { max-height: 38px; margin: 0 12px 5px 0; font-size: 15px; color: black; letter-spacing: 0; line-height: 19px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .video-holder .card-status, .slim-video-card .card-status{ line-height: 13px; font-size: 12px; color: #999; margin-bottom: 5px; /*position: absolute;*/ /*bottom: 30px;*/ } .video-holder .play-num , .slim-video-card .play-num{ margin-right: 13px; } .video-holder .status-icon, .slim-video-card .status-icon, .bangumi-data-box .iconfont { margin-right: 3px; margin-left: 3px; font-style: normal; vertical-align: middle; } .video-holder .partition, .slim-video-card .partition { font-size: 12px; line-height: 15px; color: #999; position: absolute; bottom: 5px; padding-left: 3px; } .img-box .up-label { vertical-align: middle; } .single-ellipsis { /* white-space: nowrap; */ display: -webkit-box; /* -webkit-box-orient: vertical; */ -webkit-line-clamp: 1; } .double-ellipsis, .single-ellipsis { overflow: hidden; text-overflow: ellipsis; } /*视频 两个*/ .card-container.slim { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .slim-video-card { font-size: 0; /*max-width: 325px;*/ width: 49%; height: 94px; display: inline-block; cursor: pointer; color: #999; text-align: left; border: 1px solid #e7e7e7; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; } .slim-video-card .video-cover { display: inline-block; width: 150px; height: 100%; border-bottom-left-radius: 6px; border-top-left-radius: 6px; overflow: hidden; position: relative; } .slim-video-card .video-info { width: calc(100% - 150px); height: 100%; display: inline-block; vertical-align: top; padding: 8px 10px 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background-color: hsla(240, 5%, 96%, .3); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /*文章*/ .img-box .article-card { min-height: 114px; } .article-card-holder { height: auto; overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; display: -webkit-box; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; } .article-card-holder .article-card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .article-card-holder .article-card-wrap .text-content { width: calc(100% - 150px); } .article-card-holder .article-card-wrap .title-wrap { } .article-card-holder .article-card-wrap .title { max-height: 36px; font-size: 14px; color: #212121; margin-bottom: 4px; line-height: 26px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .article-card-holder .article-card-wrap .desc { font-size: 12px; color: #99a2aa; line-height: 22px; } .article-card-holder .article-card-status { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 12px; color: #999; margin-top: 6px; } .status-item { margin-left: 15px; } .status-item i , .music-data-item i{ vertical-align: middle; } .article-card-holder .article-card-pics { width: 117px; height: 88px; } .article-card-holder .article-pic { position: relative; height: 100%; } /*番剧*/ .bangumi-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .bangumi-card-holder .bangumi-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bangumi-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .bangumi-card-holder .bangumi-cnt-ctnr { padding: 8px 24px 10px 15px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bangumi-card-holder .bangumi-title { margin-bottom: 0; font-size: 15px; color: black; max-height: 40px; line-height: 20px; } .bangumi-card-holder .bangumi-data-box { margin-top: 2px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #999; } .bangumi-card-holder .data-num { margin-left: 3px; min-width: 52px; color: #999; } .bangumi-card-holder .bangumi-tag-box { margin-top: 3px; } .card-text-label { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transform-origin: left bottom; transform-origin: left bottom; position: relative; display: inline-block; padding-left: 4px; padding-right: 4px; height: 17px; line-height: 16px; font-size: 10px; color: #fb7299; text-align: center; border: #fb7299; } .card-text-label:before { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 16px; border: 0.08em solid; border-color: inherit; border-radius: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .bangumi-card-holder .bangumi-score-ctnr { padding-top: 10px; padding-right: 12px; min-width: 50px; text-align: center; } .bangumi-card-holder .score-cnt { font-size: 12px; height: 24px; line-height: 24px; color: #ffa726; } .bangumi-card-holder .score-num { display: inline-block; font-size: 20px; } .bangumi-card-holder .score-disc { font-size: 10px; color: silver; } .v-f { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; min-width: 0; } /*直播*/ .live-card { min-height: 94px; } .live-card-holder { display: block; height: 94px; border: 1px solid #e7e7e7; border-radius: 6px; overflow: hidden; } .live-card-holder .live-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .live-card-holder .cover-box { position: relative; width: 150px; height: 100%; border-radius: 6px 0 0 6px; overflow: hidden; } .live-card-holder .cover-info { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 4px; /*left: 0;*/ padding-left: 8px; padding-right: 10px; /*width: 100%;*/ height: 15px; line-height: 15px; font-size: 11px; color: #fff; right: 0; } .live-cnt-ctnr { padding: 8px 12px 6px; color: #505050; text-align: left; } .live-title { margin-bottom: 0; height: 38px; line-height: 19px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; } .live-room-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .up-avatar { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKA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S1itdLm0yaCGMSNNLKhHJOVCn+ddpUS3AWiiipGY+r6vLp8saJpd5eBhndbpkL7GvPooGu/EWoXN5pGoSpIzMIYAQ6En+LFes153pej/ANo+KNdgn+028ckjMssfyHIfjBxVRsBt+EZI4Gms4NJ1KzjbMpku84J4GATXUVieHtP1HT1mh1C++2pkeS7feA7g/p3NbdJgLRRRUgcF8RAf7R0h1DBFZi7+V5oAyvJXv9O9c1CyjWruZpgI2j2pIdNBVzxwI+i/X/Guz8Sadqt7rcb2qS/ZIrSXlHxukKtgYznrisK0u7+Cy03Om6ydQsnYY2ERzAtnDE5PTjpW6a5RM3/hxbzQeG282Ixl52dd64yMAZ/MV1lc14RtdTtFvYdQgaONpvMgLPuyD1HXPGBXS1k9xi0UUUgPLfiDKp17b5lozxlThUO9Rgf6w9CPb0rPXT4Ifsb3c8U1jPHOyyR7lzIAeuQD1AFdB44ttVNy8NtPcSxXbqRbw23GAMfM45Jz2NLeeGtQu7SHRIeYLbEhubgAAMV+4gXt3J55/XeMkok2Nr4f2q2/heGUqwkuHaR8nrzgH8gK6asjw6902krBe2YtZrb9yVX7rAAYKn0IrXrFu7KFoooqQPM/GtjazeIha24WOQjzGjhtCzyMckkleTWfqUKx2qyS26WvlkY/4lbRq59GZic1s+INNutQ8eoIoQUaEfPKreXwpPJUj+dZ/ifw/e2NtEgt4Jmkbj7MkpPvkliO/pXRGStYR6Ho6QppVsLaCOBHjD7I1wqkjJx+NXhVTS43h0m1ikGHSFFYehAANXKwGLSUtFIBMUtFFMAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA/9k=); } .up-name { margin-bottom: 0; font-size: 12px; line-height: 16px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .live-status { margin-top: 2px; display: inline-block; height: 15px; line-height: 15px; font-size: 10px; border-radius: 2px; padding: 1px 2px; } .live-status.offline { color: #999; background-color: #e7e7e7; } .live-status.online { color: #fff; background-color: #fb7299; } .live-status.offline .icon-live{ display: none; } .live-status .icon-live { width: 12px; height: 12px; -webkit-transform: translateY(3px); transform: translateY(3px); background-image: url(data:image/gif;base64,R0lGODlhMAAwAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjUwQkRGMDNBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjUwQkRGMDRBQTE1MTFFOUE0MjlGMjNGODFDRjFCQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTBCREYwMUFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTBCREYwMkFBMTUxMUU5QTQyOUYyM0Y4MUNGMUJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTD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); background-size: 100% 100%; font-style: normal; background-repeat: no-repeat; background-position: 50%; display: inline-block; } /*音乐*/ .img-box .music-card { min-height: 98px; } .music-card-holder { position: relative; height: 96px; font-size: 0; text-align: left; border: solid 1px #e6e6e6; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 4px; background-color: hsla(240, 5%, 96%, .3); } .music-card-holder .music-cover-box { display: inline-block; width: 96px; height: 100%; } .music-card-holder .music-cover-ctnr { position: relative; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; overflow: hidden; } .music-card-holder .music-cnt-box { display: inline-block; padding: 8px 12px 0; position: absolute; } .music-card-holder .music-cnt-ctnr { color: #999; } .music-card-holder .music-title { margin-bottom: 0; font-size: 15px; height: 19px; line-height: 19px; color: #333; } .music-card-holder .music-data-box { margin-top: 4px; font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 13px; } .music-card-holder .music-data-item { margin-right: 12px; } .read-article-holder .music-card-holder .data-num { margin-left: 4px; min-width: 52px; font-size: 11px; } .music-card-holder .music-up-info { font-size: 12px; line-height: 22px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .music-card-holder .up-name { margin-left: 3px; } .music-card-holder .music-tag-box { margin-top: 3px; } /*商品*/ .ticket-card-holder { display: block; height: 104px; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; } .ticket-card-holder .ticket-card-ctnr { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ticket-card-holder .cover-box { position: relative; width: 78px; height: 100%; } .ticket-card-holder .ticket-cnt-box { padding: 8px 12px 4px; text-align: left; } .ticket-card-holder .ticket-name { margin-bottom: 3px; height: 21px; line-height: 21px; font-size: 15px; color: #333; } .ticket-card-holder .ticket-icon { margin-right: 6px; font-size: 12px; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-info { margin-top: 1px; height: 17px; line-height: 17px; color: #999; font-size: 12px; display: -ms-flexbox; display: -webkit-box; display: flex; } .ticket-card-holder .ticket-bottom-box { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .ticket-card-holder .ticket-price-box { margin: 0 6px 2px 0; font-size: 12px; color: #fb7299; } .ticket-card-holder .price { margin-left: 2px; font-size: 18px; -webkit-transform: translateY(1px); transform: translateY(1px); } /*投票*/ .vote-card-holder { margin: 16px 0; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 6px; height: 80px; position: relative; } .vote-card-holder .vote-head { height: 80px; font-size: 13px; color: #505050; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-icon-box { -ms-flex-preferred-size: 80px; flex-basis: 80px; height: 80px; background-color: #dff7ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; position: relative; } .vote-card .icon-toupiao, .vote-card .icon-toupiao1 { color: #00a1d6; } .vote-card-holder .head-left { padding: 10px 0; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .vote-card-holder .vote-head h3 { font-size: 16px; color: #212121; font-weight: normal; } .vote-card-holder .vote-head h3, .vote-card-holder .vote-head p { margin-bottom: 0; width: calc(100% - 90px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .vote-card-holder .vote-btn-box { width: 80px; height: 80px; text-align: center; position: absolute; top: 0; right: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vote-card-holder .vote-btn-box .vote-btn { cursor: pointer; width: 54px; display: inline-block; color: #fff; background-color: #00a1d6; border-radius: 4px; font-size: 13px; line-height: 28px; } .vote-card-holder .vote-btn-box .vote-btn[disabled]{ background-color: gainsboro; cursor: not-allowed; } /*代码块*/ pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; white-space: initial; overflow: auto; } /*编辑器内容样式*/ .img-text { display: block; text-align: center; border-bottom: solid 1px gainsboro; padding-bottom: 5px; outline: none } .article-holder table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 10px 0; line-height: 1.5; } .article-holder table td, .article-holder table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; min-height: 30px; height: 30px; } .article-holder table th { border-bottom: 2px solid #ccc; text-align: center; background-color: #f1f1f1; } blockquote { position: relative; padding-left: 25px!important;; margin: 20px 0!important;; line-height: 1.8!important;; font-size: 16px!important;; color: #6D757A !important; background-color: white!important;; border: none!important; } blockquote::before { content: ""; width: 20px; height: 19px; display: block; position: absolute; top: 4px; left: 0; background-image: url(data:image/png;base64,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); background-size: 100% 100%; } video{ height: auto; } .normal-article-holder > p { margin-bottom: 12px; } .normal-article-holder hr { cursor: pointer; display: block; height: 0; border: 0; border-top: 3px solid #ccc; margin: 20px 0; } #read-article-holder img { position: relative; max-width: 100%; /*height: auto;*/ /*width: auto;*/ /*vertical-align: middle;*/ } #read-article-holder pre { white-space: pre-wrap; display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; overflow: auto; } #read-article-holder code { display: inline-block; background-color: #f1f1f1; border-radius: 3px; padding: 3px 5px; margin: 0 3px; } #read-article-holder table { overflow: auto; /*display: -webkit-box;*/ height: 100%; width: 100%; } #read-article-holder .nochange { cursor: default !important; } #read-article-holder span[style~="color:"] a { color: inherit; } .article-detail-dialog .el-dialog__header, .article-detail-dialog .el-dialog__body { padding: 10px; } .article-detail-dialog .el-dialog__headerbtn { top: auto; } .contain-div[data-v-5eadee24] { margin: 40px auto 0; width: 90%; min-width: 1370px; padding-bottom: 25px; } .row[data-v-5eadee24] { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .gridview-content-container[data-v-5eadee24] { width: 75%; /*margin-left: 0;*/ /*margin-right: 0;*/ float: left; margin: auto; } .row [class^=col][data-v-5eadee24] { float: left; margin: 5px; min-height: 500px; } .col-6-med[data-v-5eadee24] { width: 430px; } .song-img[data-v-5eadee24], .list-img[data-v-5eadee24] { width: 370px; height: 370px; border-radius: 4px; } .list-img span[data-v-5eadee24] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 88px; color: #FFFFFF; } .song-intro[data-v-5eadee24] { font-size: 18px; color: #222; margin-top: 40px; } .song-content[data-v-5eadee24] { width: 298px; font-size: 12px; color: #99a2aa; line-height: 24px; margin-top: 10px; } .song-content.song-fold[data-v-5eadee24] { height: 48px; overflow: hidden; } .song-infoFold[data-v-5eadee24], .song-introText[data-v-5eadee24], .song-lrcFold[data-v-5eadee24] { display: inline-block; color: #00a1d6; font-size: 12px; cursor: pointer; } .song-content .content-span[data-v-5eadee24] { font-size: 12px; white-space: pre-line; word-wrap: break-word; } .song-type[data-v-5eadee24] { margin-top: 20px; color: #a2abb2; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .song-type .song-type-title[data-v-5eadee24] { white-space: nowrap; } .song-padding[data-v-5eadee24] { padding-right: 80px; font-size: 12px; line-height: 16px; } .list-padding[data-v-5eadee24] { padding-right: 60px; font-size: 12px; line-height: 24px; color: #99a2aa; } .song-padding .song-gap[data-v-5eadee24] { min-height: 300px; } .list-padding .list-gap[data-v-5eadee24] { min-height: 300px; } .song-title[data-v-5eadee24] { font-size: 24px; color: #212121; letter-spacing: 0; margin-bottom: 12px; line-height: 34px; font-weight: 600; word-wrap: break-word; } .list-title[data-v-5eadee24] { font-size: 24px; color: #212121; letter-spacing: 0; margin-bottom: 20px; line-height: 34px; font-weight: 600; word-break: break-word; } .song-time[data-v-5eadee24] { font-size: 12px; color: #99a2aa; } .song-play-num[data-v-5eadee24] { font-size: 12px; line-height: 22px; color: #99a2aa; } .song-play-num span[data-v-5eadee24] { color: #222; } .song-info[data-v-5eadee24] { line-height: 22px; } .song-info.song-infoStatus[data-v-5eadee24] { height: 110px; overflow: hidden; } .song-info .song-info-content[data-v-5eadee24] { font-size: 12px; color: #222; } .song-info .song-info-content .song-info-div[data-v-5eadee24] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; word-break: break-all; } .song-info .song-info-content .song-info-theme[data-v-5eadee24] { color: #99a2aa; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; } .song-info .song-info-content .song-info-detail[data-v-5eadee24] { -ms-flex-negative: 0; flex-shrink: 0; color: #222; } .list-padding .list-founder[data-v-5eadee24] { color: #000; } .list-padding .list-publish[data-v-5eadee24] { color: #99a2aa; } .list-padding .list-type[data-v-5eadee24] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .list-padding .list-type .list-type-text[data-v-5eadee24] { -ms-flex-negative: 0; flex-shrink: 0; } .list-padding .list-intro[data-v-5eadee24] { line-height: 18px; color: #99a2aa; } .list-padding .list-intro.list-fold[data-v-5eadee24] { height: 36px; overflow: hidden; } .list-padding .list-intro .list-div[data-v-5eadee24] { word-wrap: break-word; white-space: pre-line; } .share-board[data-v-5eadee24] { position: relative; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .song-playbtn[data-v-5eadee24], .list-playbtn[data-v-5eadee24] { width: 140px; height: 48px; display: inline-block; line-height: 48px; text-align: center; background-color: #00a1d6; border-radius: 4px; color: #fff; font-size: 18px; cursor: pointer; } .song-playbtn .song-play[data-v-5eadee24], .list-playbtn .list-play[data-v-5eadee24] { margin-left: 14px; } .share-board .song-share[data-v-5eadee24], .share-board .list-share[data-v-5eadee24] { display: inline-block; position: relative; margin-left: 40px; cursor: pointer; text-align: center; line-height: normal; } .font24[data-v-5eadee24] { font-size: 24px; color: #99a2aa; } .font-blue[data-v-5eadee24] { color: #00a1d6!important; } .share-board .song-share div[data-v-5eadee24] { color: #99a2aa; margin-top: 2px; } .share-board .song-share .song-share-ul[data-v-5eadee24] { position: absolute; left: 0; top: 46px; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; text-align: center; background-color: #fff; color: #222; z-index: 9; } .share-board .song-share .song-share-ul li[data-v-5eadee24] { width: 98px; height: 45px; line-height: 45px; border-bottom: 1px solid #ccd0d7; } .share-board .share-btn[data-v-5eadee24] { position: absolute; top: 51px; left: 160px; width: 339px; background: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); border-radius: 4px; z-index: 9; line-height: 24px; } .share-board .share-btn .share-type[data-v-5eadee24] { color: #212121; line-height: 12px; padding: 20px; position: relative; } .share-board .share-btn .share-type .close[data-v-5eadee24] { position: absolute; right: 10px; top: 20px; font-size: 24px; cursor: pointer; color: #99a2aa; } .share-board .share-btn ul[data-v-5eadee24] { padding: 0 8px; } .share-board .share-btn .i-share[data-v-5eadee24] { float: left; width: 64px; text-align: center; cursor: pointer; } .share-board .share-btn .font44[data-v-5eadee24] { font-size: 44px; line-height: 44px; } .share-board .share-btn .sina[data-v-5eadee24] { color: #db4437; } .share-board .share-btn .i-share div[data-v-5eadee24] { margin-top: 7px; color: #6d757a; } .share-board .share-btn .wechat[data-v-5eadee24] { color: #57bb40; } .share-board .share-btn .qzone[data-v-5eadee24] { color: #f4bf41; } .share-board .share-btn .tieba[data-v-5eadee24] { color: #247bd4; } .share-board .share-btn .link[data-v-5eadee24] { color: #8e9cad; } .share-board .share-btn .copyText[data-v-5eadee24] { opacity: 0; height: 0; } .share-board .share-btn .song-qrcode[data-v-5eadee24] { position: absolute; top: 110px; left: 45px; width: 120px; height: 120px; background-color: #fff; z-index: 9; display: none; padding: 10px; border: solid 1px #ccc; } .share-board .share-btn .i-share.wechat:hover~.song-qrcode[data-v-5eadee24] { display: block; } .share-board .share-btn .share-type.song-border[data-v-5eadee24] { border-top: 1px solid #e7e7e7; } .share-board .share-btn .dynamic[data-v-5eadee24] { color: #fb7299; } .song-intro.collect[data-v-5eadee24] { font-size: inherit; color: #222; height: 40px; margin: 0; line-height: 20px; } .song-change[data-v-5eadee24] { background-color: #e5e9f0; border-radius: 4px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #212121; cursor: pointer; } .lrc-fold[data-v-5eadee24] { height: 240px; overflow: hidden; margin-top: 12px; } .lrc-unfold[data-v-5eadee24] { height: auto; overflow: visible; margin-top: 12px; } .song-lrc[data-v-5eadee24] { font-size: 14px; line-height: 30px; color: #6d757a; word-wrap: break-word; } /* 歌单列表 */ .list-theme[data-v-5eadee24] { font-size: 18px; color: #222; line-height: 24px; margin-top: 18px; margin-bottom: 18px; } .list-theme span[data-v-5eadee24] { font-size: 16px; color: #99a2aa; } .list-info[data-v-5eadee24] { border-top: 1px solid #ccd0d7; overflow: auto; margin-right: 80px; } .list-info .list-li[data-v-5eadee24] { height: 44px; line-height: 44px; font-size: 14px; overflow: hidden; } .list-info .list-li.odd[data-v-5eadee24] { background-color: #f4f5f7; } .list-info .list-li .song-sort[data-v-5eadee24] { display: inline-block; width: 6%; height: 44px; text-align: center; color: #222; overflow: hidden; } .list-info .list-li .song-title[data-v-5eadee24] { display: inline-block; position: relative; width: 59%; height: 44px; color: #222; overflow: hidden; font-size: inherit; margin-bottom: inherit; line-height: inherit; font-weight: inherit; } .list-info .list-li .song-title .song-normal[data-v-5eadee24] { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; max-width: 100%; } .list-info .list-li .song-title .song-width[data-v-5eadee24] { min-width: 10px; max-width: 256px; } .list-info .list-li .song-title .song-video[data-v-5eadee24] { display: inline-block; vertical-align: top; height: 44px; } .list-info .list-li .song-title .song-float[data-v-5eadee24] { position: absolute; left: 286px; top: 0; font-size: 22px; color: #99a2aa; cursor: pointer; /*display: inline-block;*/ height: 44px; vertical-align: top; display: none; } .list-info .list-li .song-title .song-collection[data-v-5eadee24] { position: absolute; left: 316px; top: 0; font-size: 22px; color: #99a2aa; cursor: pointer; /*display: inline-block;*/ height: 44px; vertical-align: top; display: none; } .list-info .list-li .song-title:hover .song-float[data-v-5eadee24], .list-info .list-li .song-title:hover .song-collection[data-v-5eadee24] { display: block; } .list-info .list-li .song-title .song-float[data-v-5eadee24]:hover, .list-info .list-li .song-title .song-collection[data-v-5eadee24]:hover{ color: #00a1d6; } .list-info .list-li .song-uname[data-v-5eadee24] { display: inline-block; width: 25%; height: 44px; color: #99a2aa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-info .list-li .song-time[data-v-5eadee24] { width: 8%; height: 44px; display: inline-block; color: #99a2aa; overflow: hidden; } .list-info .list-li.even[data-v-5eadee24] { background-color: #fff; } .song-comment[data-v-5eadee24] { border-top: 1px solid #e5e9ef; padding-top: 30px; margin-right: 80px; margin-top: 20px; margin-bottom: 5px; width: 936px; } .list-comment[data-v-5eadee24] { margin-right: 64px; border-top: 1px solid #ccd0d7; padding-top: 30px; margin-top: 40px; } .b-head[data-v-5eadee24] { line-height: 24px; margin: 0 0 20px; } .b-head-t[data-v-5eadee24], .b-head[data-v-5eadee24] { font-size: 18px; color: #222; } .b-head-string[data-v-5eadee24], .results[data-v-5eadee24] { color: #99a2aa; font-size: 16px; } .bb-comment[data-v-5eadee24], .comment-i-fold[data-v-5eadee24] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-5eadee24], .comment-i-fold .reply-notice[data-v-5eadee24] { margin-bottom: 10px; } .bb-comment .comment-header[data-v-5eadee24], .comment-i-fold .comment-header[data-v-5eadee24] { margin: 0 0 24px; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-5eadee24], .comment-i-fold .comment-header .tabs-order[data-v-5eadee24] { float: left; margin-bottom: -1px; } .bb-comment .comment-header .tabs-order li[data-v-5eadee24], .comment-i-fold .comment-header .tabs-order li[data-v-5eadee24] { background-color: transparent; border-radius: 0; border: 0; padding: 8px 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 25px; height: 40px; font-size: 14px; font-weight: 700; color: #222; } .bb-comment .comment-header .tabs-order li.on[data-v-5eadee24], .comment-i-fold .comment-header .tabs-order li.on[data-v-5eadee24] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .bb-comment .comment-header .tabs-order li.on[data-v-5eadee24]:after, .comment-i-fold .comment-header .tabs-order li.on[data-v-5eadee24]:after { content: ""; width: 6px; height: 3px; background: transparent url(data:image/png;base64,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) -669px -31px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -3px; visibility: visible; } .bb-comment .comment-header .tabs-order li[data-v-5eadee24]:last-child, .comment-i-fold .comment-header .tabs-order li[data-v-5eadee24]:last-child { margin: 0 16px; } .bb-comment .bottom-page[data-v-5eadee24], .comment-i-fold .bottom-page[data-v-5eadee24] { margin: 20px 0; } .gridview-sidebar[data-v-5eadee24] { float: left; height: 100%; } .follow-container[data-v-5eadee24] { margin-bottom: 30px; width: 280px; } .follow-container .follow-left[data-v-5eadee24] { float: left; } .follow-container .follow-left .follow-img[data-v-5eadee24] { width: 68px; height: 68px; border-radius: 50%; cursor: pointer; } .follow-container .follow-right[data-v-5eadee24] { float: right; width: 168px; margin-left: 22px; } .follow-container .follow-right .follow-up[data-v-5eadee24] { font-size: 14px; color: #00a1d6; letter-spacing: 0; cursor: pointer; } .follow-container .follow-right .follow-intro[data-v-5eadee24] { font-size: 12px; color: #000; line-height: 20px; position: relative; } .follow-container .follow-right .follow-intro.follow-introFold[data-v-5eadee24] { height: 40px; overflow: hidden; } .follow-container .follow-right .follow-intro .follow-content[data-v-5eadee24] { font-size: 12px; word-break: break-all; } .follow-container .follow-right .follow-num[data-v-5eadee24] { font-size: 12px; color: #99a2aa; line-height: 24px; height: 24px; } .left[data-v-5eadee24] { text-align: left; } .follow-container .follow-right .follow-num .left[data-v-5eadee24] { float: left; } .right[data-v-5eadee24] { text-align: right; } .follow-container .follow-right .follow-num .right[data-v-5eadee24] { float: right; } .follow-container .follow-right .follow-btn[data-v-5eadee24] { width: 140px; height: 24px; line-height: 24px; background: #00a1d6; border-radius: 4px; color: #fff; text-align: center; margin-top: 10px; margin-bottom: 10px; cursor: pointer; font-size: 14px; } .follow-container .follow-right .unfollow-btn[data-v-5eadee24] { width: 70px; height: 24px; line-height: 24px; border-radius: 4px; color: #99a2aa; background-color: #fff; border: 1px solid #e5e9ef; margin-top: 10px; margin-bottom: 10px; cursor: pointer; text-align: center; font-size: 14px; } .follow-container .follow-right .van-message[data-v-5eadee24] { padding: 10px 16px; border-radius: 4px; position: absolute; top: 70px; left: 125px; background-color: rgba(245,34,45,.8); font-size: 12px; color: #fff; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .follow-container .follow-right .van-message.hide-error[data-v-5eadee24] { opacity: 0; } .creation-title[data-v-5eadee24] { font-size: 18px; color: #222; margin-top: 30px; } .creation-li[data-v-5eadee24] { height: 77px; font-size: 12px; margin-top: 11px; margin-bottom: 11px; } .creation-li .creation-left[data-v-5eadee24] { float: left; width: 75px; position: relative; } .creation-li .creation-left .creation-shadow[data-v-5eadee24] { width: 68px; height: 68px; margin-left: 5px; background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; } .creation-li .creation-left .creation-img[data-v-5eadee24] { position: absolute; top: 5px; left: 0; width: 70px; height: 70px; background-color: #e0e0e0; border-radius: 4px; } .creation-li .creation-right[data-v-5eadee24] { float: right; position: relative; width: 181px; height: 72px; padding-left: 13px; } .creation-li .creation-right .creation-theme[data-v-5eadee24] { color: #222; margin-bottom: 6px; } .creation-li .creation-right .creation-publish[data-v-5eadee24] { position: absolute; left: 13px; bottom: 0; color: #99a2aa; } .song-title .font18[data-v-5eadee24] { font-size: 24px; color: #00a1d6; position: absolute; right: 0; top: 0; cursor: pointer; } .song-title.collect[data-v-5eadee24] { font-weight: inherit; font-size: 18px; } .hotsong-li[data-v-5eadee24] { line-height: 16px; margin-top: 10px; margin-bottom: 10px; position: relative; /*width: 250px;*/ } .hotsong-li .hotsong-title[data-v-5eadee24] { font-size: 12px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 30px); } .hotsong-li .hotsong-upname[data-v-5eadee24] { font-size: 12px; color: #99a2aa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hotsong-li .font20[data-v-5eadee24] { color: #ccd0d7; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 20px; } .album-title[data-v-5eadee24] { font-size: 18px; color: #222; margin-top: 30px; } .song-li[data-v-5eadee24] { height: 77px; font-size: 12px; margin-top: 11px; margin-bottom: 11px; } .song-li .song-left[data-v-5eadee24] { float: left; width: 75px; position: relative; } .song-li .song-left .song-shadow[data-v-5eadee24] { width: 68px; height: 68px; margin-left: 5px; background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; } .song-li .song-left .song-img[data-v-5eadee24] { position: absolute; top: 5px; left: 0; width: 70px; height: 70px; background-color: #e0e0e0; border-radius: 4px; } .song-li .song-left .song-img span[data-v-5eadee24] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .song-li .song-right[data-v-5eadee24] { float: right; width: 181px; padding-left: 13px; } .song-li .song-right .song-theme[data-v-5eadee24] { color: #222; margin-top: 6px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .song-li .song-right .song-right-title[data-v-5eadee24] { color: #222; line-height: 20px; width: 181px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; font-size: 12px; } .song-li .song-right .song-right-bottom[data-v-5eadee24] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } .song-li .song-right .song-right-bottom .song-playnum[data-v-5eadee24] { color: #99a2aa; line-height: 20px; } .song-li .song-right .song-right-bottom .song-num[data-v-5eadee24] { color: #99a2aa; line-height: 20px; margin-left: 40px; } .album-title[data-v-5eadee24] { font-size: 18px; color: #222; margin-top: 30px; } .similar-song-menu[data-v-5eadee24] { margin-top: 12px; } .similar-song-menu .similar-left[data-v-5eadee24] { float: left; position: relative; margin-right: 14px; } .similar-song-menu .similar-left .similar-cover[data-v-5eadee24] { display: inline-block; background-color: #e0e0e0; border-radius: 4px; } .similar-song-menu .similar-left .similar-icon[data-v-5eadee24] { height: 30px; width: 30px; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmCAYAAAA53+RiAAAAAXNSR0IArs4c6QAAFEJJREFUeAHtXQmUTFca7kU30WINLXZt30eMpYmIPiShLUe0tk8wJIRIRkKsc3JCOOGIxBIZQpBYQpYxYcRyxL6FcWjS1g7diJ3TukNEM99X3n3ue/Ve1auqV9WLuufcusu72/u+d7f/LhUSElRBBIIIWEcg1HrQnBXywYMH+VCiQtBPSpqFvCXpjNDQ0Hv0zG0qxxMDAooD1FjomtA1JB0NuxV1CYGOS/oY7LtB2HUrkbMrTI4jBkSwFjwHHafoBjDDoO1U95HYIejNit4GojLszCBPpAUywqHbQS+D/h060Ip5Mm+WITwngJqtNQYgVAQIw6F7QZc2AyQrK+vPixcvnjp79mzasWPHLh05cuQGdOa1a9fu37x5Mys9PT0E+gHjFy5cOBQ6pGjRouElSpQIq1u3bhR0sZo1a0ZXrFixfOnSpauGh4dHmOUF/4vQy6BnohaddRHOr4+yhRgQUh1vNQa6DzQ7cY26DwUSknbt2nV09erV59euXfs7lCaMt46CBQuGxMfHF+zcuXPZ5s2b1wFZ9cKgDNLjoOEr6Ckg6ITBc796BZQYEFINbzMJOgHaCYwzZ84cXrp06a6ZM2dehnLUAL++PRIvVapU6PDhw0v17t27eaVKleob5Mf+6BvocSDolMFzv3gFhBgQUgClHws9Cjq//CZ37txJ//bbb9dMmzYt5dChQ1nys0DbGzRoED5y5MiYrl27dihQoEBhXf5/wD0VejIIuqN7ZrvT78SAlHiUeiZ0jFz6zMzMa4sWLfrP+PHjU9FPyI+y3Y7+KWTSpEkV+vXr1ykqKqqErkApcA8HOWt1/rY6/UYMCHkCJZ0F/Xe5xHfv3s2cO3fuChByLiMjZ49QCxUqRILKDRkypEdkZGSU/B6wL4B+AwTd1vnb4vQLMSClFkq3ErquXEp05ht79eq1Bx072+1cozBACFu2bFkzDBba6gp9BO5EkJOs8/fZaTsxIIUjrc+g1S8Mw9pUfHVfr1q1yp6hlc+v7V0C3bp1K4ja3gPD8PJSCpmwDwY5HMHZpmwlBqRMQMnel0u3Z8+eTe3atduZ0/oRuYye2Nn/rFu3rkWzZs3a6OL9E+RM1Pl57XQasnqTEggJg56NuCop9+7duzt58uR/xcbG5hlSiA0/ML4T343vKOH1PjEgFpKf11afawwKEoncv4ROFKVAp361Q4cO87du3SoXXDzOM2arVq0i16xZMwiDhKekl2Lf2he1x6d394kY5etYjoKopFy/fj312WefXZycnJyrOngJWI+stWrVCtuxY8crxYsXryBFJDk9QY7XGPhKDJuvoaJA58+fT0bbu+rcuXMBmbWLfLPbLFeuXCj60m5ly5blaFSoOSBmmHB4anpNDGqLpqMnKfXr11+FGvNYkSIAR40JPXz4sJ4crwcEXhEDUjgkZr/iUGy+IM5Y9LjVFPH+wmTNgVipn65ZY3/j8VDaY2JACqvrz9COeQo7+iZNmsx9XPoUQYKZyT5n3759Q6QBAec5jUGOR5NQj4Z2IIViFnZsDlI4XOToK0jKI5qIBTGRhtLEaqWC3aOAbmweEYO0KPtSxSwffvjhwrw+JHaDn+FjYkJspIfEjNhZVpabMjAej1TXiJQ5o+dES7iDpjMCu3fv1ksIOqBJsySVtkQMSOF6ylHoGGZP2VfVqlW/yCtiFr6TPxTFN6dOneoP2ZqY46Qgnzogx+16jtWmjItcDlL4AhRIBkkhEq4VMSJWUihiSCzdKrc1BrWFy8FJ0I6VR4juN7Ro0WK325SDAVQEdu7cGYslgxcUD66E1kOtOakGMLBYqTFco3eQwkUurKfsNUgn6OUCAWJG7JQgxJKYulQuiUFtqYHYCSIFrjzmtkUuUfbsNIkZsZPKkABsuVPIVLlsyhD5C8Tsx9hco8eerNk5fTmYZc2JisvU2Bs3TNpDsAjNWX+zsprWGJBSEZEoenEobpwIkiLQ8NwkdsRQitlHwVjyemQ1rTGINB3BRjAotxg9/fTTM4IjsUfAeWPj8Pm33377h7Q16iPUmreN0jKsMSAlHIF7iwjc9xUkRaDhvUkMiaWUQm8Fa8nrodWQGDzi0E495gDxAidGuVphl2UB7HfuBRnWOEyQ3xg7diwHNgFXOiyJsRhGa8piRszfRChuW01KSsoS7txqYqdnszp16lTDhvJ8EMsXx36xxOnTp/8l0O9DLImplK+KteTnvH8YVasQAnQWgbiXWNhzs3ngwIELcvnRtoeNGDGi07x585rI/oGw6zDtrGCuydqp80cgVVjJXffo9CcFYoM3djqGtm3b9qn8+fOHR0REhGIDfii+boeW7RAMXsNKYYbmLSw65syZ89fXX3+9PYJr3nv58uWbMQncbjEZn4NxIzsGAeOlUwbx+FD+KyecT3Yo9tbCDxOjpECQUrJkyQhU8YHR0dGlRN5mJj6c+2+99dZSnAjwuN8bOnTo/lu3bt0dNWpUZ9YYkUfPnj3jTp8+fX3ChAkU1PpdEVNiW7lyZZ6Wo4qD1hCjFs7x+OEPAzkUdn8cEXZ/mgMHDoyxQgrLQED79u3b0NvyjB49+jAIWMXWQE4DZHWKi4srLvv5067DVsVc5KkhBl8jCyZYDPnhhx807bKIZLeJydefnqR59epVr5oykccHH3xw7Lvvvtsm3DTRlEZCbNJB9vOnXYdtAwV7NUsNMfCNhXb48XgdT3KpIf1owYbtVAxj71nJAs3AVRw00oD6ySefPIOhcE8s3nVJSEgwPTIop49aty0tLU3z4VWvXr3ye++9V1sO5y87sSXGSvrEnNirSk9MTfGEZx7tOl4n0jQzMa+4d+LEiTNmz4V/SkpKKlZNF5w8efK28Js6dWp9ENURQ+HqTZs2rY+OfMCbb75ZRTw3MyHNeDBo0KDv9R8E/FqaxbHTn9gSYylNFXv66YlRJ13onNKkSH63bt++/YSrTDDcPdqwYcMlIEez+le+fPkicrx8+fJFYH7SAyfDuI7kUq1fv/7q3r17Nf1omTJlSg8ePLiSy4g2PdRhrGLP5E2J4elgm/K3lMySJUtMF46wu343tkh9g5PJThPdd955Z++FCxcuyplwEokJZFfUIA1pchhh//zzz/8n7MLs3r17HWH3p6nD2BoxPLLtz0Lp08bK6E30H1dkf3SID+bPn7+uffv2G3SDKDUYdoDexYrqYvQX51VPWNCX5wfZnY0PJD8KCYlvGvutRz4hIY0aNdKAJD+z067DWJOnWmOAAec0qnwM84qAdPzyi+7fv19Ta9B//PvVV1/dJ4cxskPEceell15afvv2bU2Z2Zm/++67mhc2io9BwzHZ/0kokMM7avyqQIxY1WQ+0QoHjjxVYuDSFATbXp2aDUcMP/5gCKkhBsuxlsvwyy+/ZGLSuV5fvB49erid84BYp9ahdevWlkZ3+vw8cWPQo5lLIa7KgSkxEFFbBsWTwrgKi6Yn9Q8oEQYiGrcduAhLE0PdJKy0yl9hCG7FqFalSpUn5HB6O7YYOR2bxiAgSh/ObrcBxobEUHipKl4DEmiFIeT9o0ePnhb54vRAVYyyhNOtySEw9g0nywEpj3ruueeekv30duTpREyRIkUK6MPZ7TbAWOXAtMaIu1nsLoy79LZs2aI2Z7heJCoxMbGsuzjyczRL12Q37dWqVSuq95PdWAWIlN20e9KM6uNadRtgbFhjrKbn13ALFiwgMeoZG9xS4VFzhuZBM89hYYsVK+by68cO/WL6l7px44ZTOvow/nTL7cQtOSPeYgSZlAqQ/MxuO3YrVsJdLg0wWSyJlieUAkaYXN4OwfylOowttFtROKPiNHdJTU112S7HxMQ41Sjs2ncaEFjJ35MwxFgXXuXAFTEhIEYXz14nCcESb1uAWcYsZTwrjb6mkNU1mNq1azulhYmcUx8i54dhtTpNoD/nTz/++KPfJ9i8vkunVGLkPkYjscWODscXq4tomxPi9+qzZs3q44oUJbNQ3OlS1UrGGIFFoVnShMX6SwYkB5fN4mMhMLJx48a15OecrF65cuVP2c8fdgOMDYlRPVkIXsLmj8IwTcqiIHpPhOjEEvnPP/88mzO36tNPP41DE6gp97Zt2w5xtGYWGR9IXayYajp/nG/RjOzM4vrqb4CxWjnUl8ACFMXuavXl1+drxkbxiRvmG+1hWiKFaUByHONu2DxmzJgaLVu2fEbOE2L1LAg0nWRhcpguXbo0kt3o3rJmzJiRJPv5y67D+JLCgSM7lRgl8+OiEIjkNFIRz3wxsbZeFquVJT1Jg3IvXLRjOkmkJHnixIkJ+jRXrFix5aeffrqu9xfu2bNnN8KAQ9MnYU9B0sGDBzWthwhvt6nDWMWe+ZgSwzsk7S4I08PlDBogrOaBMb/hQlqfPn3KTpkypTslynJaEKmfGzBgwE7ZT7bjVotikMO9IPtxbQZN21bZz592HcbWiMEXWt4fhcKkMcLTdNERXzXrjDHPqaHvq7gyGRcXtxSTRMO+BVtUQyFV7qLvW7DcvB1r8S5HcJ6W3VV4HcYuiVGlrLxtlRd72q2wG8Xj+QGGrgfNyoH1lCR07rfFcyykncUhIacFNfEcQ9RwiG26Y2em5sODxCCtf//+O0Q4f5vElhhL+WgGHJoJDobv3IzBNRFHEwdxyDS77xjDtR6RAG8E+w2pUKbWS5cuXUaVn2cg8FPjcPsrtiBVRK26vXDhwlSztRtuk0KN6MnlADUyLNgMkoGR3zyskgakb2HevPts5cqVI5VyUMpcEp2/2h9q+hjlwSElcEjHjh296g9EfCOTC1toRjYbPdP7YU38MsTvi12Rwjj42u+gnzmO2mNKCgYcEagpffWkoO9Kf/nllxcFkhSWmdcL01TUIZkU+mmIUQKpoKGjrqv42Wq89tpr+zBi2owvW78e4ciH/li8Ogyp8CKIRjSLX94WBDtpYvXNF9acbmCBbeHGjRudBJ/e5mM1HprbOlJYFXPhpxnJKJ4M9Dbt6JzqYTvnau4cVJ7ZZqDp2b548eLkYcOGNcRsvRxOWhUAUOlYG7mI9fqf8XW7lG95WhDsrNGAjybyyosvvrgEd7+okzpP0/Q2PLfIElspvhMxmj6GAdHPcE2AIgzHvAEz9M9w46s68WSY3Ko432nTpk0MNm+k450OsFnNjnfBhxc9bty4wUreHLiUQlOm+UCciGFgkLMMRk/a0X4fxh7b72kPKnsQ+PXXX7ugWa2vpLYcpPTSp2zUxzDMlyIgE+AN3sIdNH1DgFhKpDAxFWs5ZTNiNiCQuleL16rLkYJ27xHQYUmMibWTMiQGVYsbMdicORTvuufBzqDyDQFiSCylVJYpWEteD62GxCihZsJ0yKd4yhYdVgWn2EEPjxAghtKJZWJLjA2VYecvQmIQ8AXs/egOXsBAFLxXtl3AoBRhCsz7tPNGBzBeTvEPGh4iQOykWzGIKbE1VS5rDGOh1nwNI5F2SGszIdL4CCJ1B1n0Cyr3CGAyGYZjJpQPisXHlehburuK6aqPEfHGw/IHHUwYh4yaigdB0xoC/CcNiRRiSUxdKrfEgFnu85oqUuG9W5SMCnfQdI0AsQJmbaVQUxVMJS9nq9umjFHQnHHD3FHoGLqDVy8SBfeKw2PI/gZIf2uSglj2Xb0IhrkrcbgoCu945F91CHfQNEaAGEmkMBD/QsvSDk+3TZnIEgmuhX2BcPP/UzDSiBbuoKlFAMLf0rr/mFmgYKgNaOKy1JSJuGjSKHHeB+1Yp8HehbuQ1k7HPqxskdKKcuU0k39fsmnTprex5UrsVzuCMjYBMZQkW1IeEcMUQU4tGD9DO4Z+WJUNXiFPYBSVLVfIM2+wngxDrCWE8A57rKO/gq2uHpOsvEueMYgBsSAm0kvx/8uImUfKch8jp4qMvoL7n8KP//6ApeBuMB9bcvjuCgYVBC7ESMFK8rJm9YoYJo0MJ8KYI7Lhn9rw/1Mex5rDdzb47xj+sQ8x8kr59IWjvyGxy6EdIhuWgP8lE/wrLMc/hvj0V1he1xiSgC+CMrO+0CvppmKzho0UQzgyeeiTd3/5jnxXvrP0lsSCf+ZDbLxWPhHDXFEADpW5P0Bt1tj5cbiYl+c5fDe+o66jJwasKT5PH3xqylAIjULTNgEe78ue6BCDf1AqA2LR7nONkfPBl8LOjk1bpvDn7Jd/1ZEXBJ98B8q+dDN6viubLq87eoGVbNpaY0TCyiSUba1mJyfui9nAPyDIbes5XE/hcgcl6+IdFZMzer/8CbatNUYUGl8PJ1RNoFXZGp/xxbhg9PHHH5dD20yvHK1YRpaVZTYghe9GMYvHk0crL+2XGiNnjNoTDzc3HcTI/txDwLvusSMyFZvG5UfZbqe4Hp17BRzK7SQtB4typcBCKfFa4eEP0+/EsNAgh+s5Y6FHQWuOX+BsSzqvVecN3tl98Xa9evXCcVtTDLcYSbtZUGSH4srjVOjJIMWS6P5hNO9+A0KMKBoI4i0Xk6AToJ2aUW7H5WXRuEUJ+9jt38guyiGb3OCNqxtL4QKI5rodkiIY5yPfQI8HIVzNDYgKKDHijUBQDdhHQ/eBdjpxwGMYGCAkQSB4hLet8mJPu+7n5Emu+Pj4gjz7w2Mm3HWvP4KulPMeTMoEp4CQE4pfwIxsIUa8HQiqCDtXRntDRwt/vcnbVnmxJ8hK43WFvBmPl7Dxvi8easLZoxBox1ERXgPCGyfQT4TzHD2PbPN0MA+igoTyPF6HM5uuzoHyZMNS6Jkg5Ky+LI+VGwSFQ7eDXg79O3SgFfNk3ixDeE4AP1trjBEAAIbj6FbQraHjoBtAO/VH8PNFsd/gkcbNit6G2pHhS4J2x81xxOhfEEQVh18sdE1o9k1CmzZ9CCMrNk3HJX0M9t0gQj2IKgfOKfYcT4wZUCCMgwZevEbNWkaTiieP+fXTvAUC2IkHVRCBIAJ5GoH/AyJR0R2KK6kyAAAAAElFTkSuQmCC) 50% no-repeat; background-size: 100%; bottom: 20px; left: 20px; } .similar-song-menu .similar-right[data-v-5eadee24] { float: left; font-size: 12px; line-height: 20px; } .similar-song-menu .similar-right .title[data-v-5eadee24] { color: #222; margin: 10px 0; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .similar-song-menu .similar-right .song-num[data-v-5eadee24] { color: #99a2aa; } .song-scroll[data-v-5eadee24] { width: 62px; height: 85px; position: fixed; right: 20px; bottom: 15%; background-image: url(//s1.hdslb.com/bfs/static/audio/song/static/img/gotop.e8efbcb.png); background-repeat: no-repeat; background-position: -40px; cursor: pointer; } /*投币*/ .cc-modal[data-v-5eadee24] { background: rgba(0,0,0,.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1001; -webkit-transition: all .3s; transition: all .3s; } .modal[data-v-5eadee24] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .modal .modal-close[data-v-5eadee24] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .modal .coin-title[data-v-5eadee24] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .modal .mc[data-v-5eadee24] { text-align: center; zoom: 1; } .modal .mc-box[data-v-5eadee24] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .modal .mc-box.left-con[data-v-5eadee24] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .modal .mc-box .coin-run-box[data-v-5eadee24] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .modal .mc-box .coin-run[data-v-5eadee24] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .modal .mc-box .c-num[data-v-5eadee24] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .modal .mc-box.on[data-v-5eadee24] { border-style: solid; border-color: #02a0d8; background: transparent; } .modal .mc-box.on .c-num[data-v-5eadee24] { color: #00AEEC; } .modal .mc-box.on .coin-run[data-v-5eadee24]{ color: #00AEEC; } .modal .coin-bottom[data-v-5eadee24] { text-align: center; padding: 25px 0; } .bi-btn[data-v-5eadee24] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .modal .coin-bottom .bi-btn[data-v-5eadee24] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } /*收藏*/ .fv-modal .modal .fv-header[data-v-5eadee24] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; text-align: center; } .fv-modal .modal .content[data-v-5eadee24] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-5eadee24] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-5eadee24] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-5eadee24] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-5eadee24] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-5eadee24] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-5eadee24] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-5eadee24] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-5eadee24] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-5eadee24] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-5eadee24] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-5eadee24] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-5eadee24] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-5eadee24] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-5eadee24] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-5eadee24] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-5eadee24] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-5eadee24] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } .noneVideo[data-v-5eadee24] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 999; } .noneVideoBox[data-v-5eadee24] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-5eadee24], .noneVideo .undefineText[data-v-5eadee24], .noneVideo .buttonText[data-v-5eadee24]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-5eadee24] { margin-top: 30px; } .noneVideo .buttonText button[data-v-5eadee24] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } .audioplayer[data-v-164c993a] { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; white-space: nowrap; background-color: #384245; color: #737A7C; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 104; } .audioplayer .ap-status[data-v-164c993a] { position: relative; margin: 0 auto; width: 1110px; } .audioplayer .ap-playlist[data-v-164c993a] { width: 620px; position: absolute; right: 0; bottom: 60px; background-color: #384245; border-radius: 6px 6px 0 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; color: rgba(255, 255, 255, 0.4); font-weight: lighter; } .audioplayer .ap-playlist.ap-playlist-hide[data-v-164c993a] { -webkit-transform: translateY(100%); transform: translateY(100%); } .audioplayer .ap-playlist .ap-playlist-line[data-v-164c993a] { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; } .audioplayer .ap-playlist .ap-playlist-header[data-v-164c993a] { padding: 16px 0 16px 20px; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-name[data-v-164c993a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-playlist .ap-playlist-header .ap-playlist-title[data-v-164c993a] { color: #fff; } .audioplayer .ap-playlist .ap-playlist-header .ap-playlist-amount[data-v-164c993a] { font-size: 12px; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-artist[data-v-164c993a] { width: 75px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-button[data-v-164c993a] { cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; } .audioplayer .ap-playlist .ap-playlist-header .ap-playlist-clear-text[data-v-164c993a] { vertical-align: middle; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-deletion[data-v-164c993a] { width: 50px; text-align: center; } .audioplayer .ap-playlist .ap-playlist-body[data-v-164c993a] { position: relative; background-color: #455155; height: 260px; overflow: auto; } .audioplayer .ap-playlist .ap-playlist-body ol[data-v-164c993a] { margin: 0; padding: 0; } .audioplayer .ap-playlist .ap-playlist-line[data-v-164c993a] { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; } .audioplayer .ap-playlist .ap-playlist-body li[data-v-164c993a] { padding: 10px 0 10px 20px; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; line-height: 21px; } .audioplayer .ap-playlist .ap-playlist-body li[data-v-164c993a]:hover, .audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active[data-v-164c993a] { background: #425961; color: #32B0DA; } .audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active[data-v-164c993a] { font-weight: normal; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-name[data-v-164c993a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-playlist .ap-playlist-body .ap-svg-playing[data-v-164c993a] { display: none; } .audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active .ap-svg-playing[data-v-164c993a] { display: inline; } .audioplayer .ap-playlist .ap-playlist-body .ap-playlist-column-name-value[data-v-164c993a] { display: inline-block; border-bottom: 1px solid transparent; -webkit-transition: border-bottom 0.2s; transition: border-bottom 0.2s; max-width: 400px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-artist[data-v-164c993a] { width: 75px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-playlist .ap-playlist-line .ap-playlist-column-deletion[data-v-164c993a] { width: 50px; text-align: center; } .audioplayer .ap-playlist .ap-playlist-body .ap-deleteplaylist-button[data-v-164c993a] { display: none; } .audioplayer .ap-playlist .ap-playlist-body .ap-playlist-line:hover .ap-deleteplaylist-button[data-v-164c993a] { display: block; } .audioplayer .ap-controller[data-v-164c993a] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; background-color: #384245; position: relative; } .audioplayer .ap-controller .ap-controller-left[data-v-164c993a], .audioplayer .ap-controller .ap-controller-center[data-v-164c993a], .audioplayer .ap-controller .ap-controller-right[data-v-164c993a] { height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .audioplayer .ap-controller .ap-controller-left[data-v-164c993a] { width: 234px; } .audioplayer .ap-controller .ap-controller-left > *[data-v-164c993a], .audioplayer .ap-controller .ap-controller-right > *[data-v-164c993a] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; vertical-align: middle; } .audioplayer .ap-controller .ap-controller-left .ap-cover[data-v-164c993a] { width: 60px; height: 60px; background: #E7E7E7; background-image: url(/static/img/logo.943fc92.png); background-size: 100% 100%; cursor: pointer; } .audioplayer .ap-controller .ap-controller-left .ap-button[data-v-164c993a] { padding: 0 8px; } .audioplayer .ap-controller .ap-controller-left .ap-skipback-button[data-v-164c993a] { margin-left: 16px; } .audioplayer .ap-controller .ap-controller-left .ap-skipforward-button[data-v-164c993a] { margin-right: 16px; } .audioplayer .ap-controller .ap-controller-center[data-v-164c993a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; overflow: hidden; } .audioplayer .ap-controller .ap-controller-center .ap-controller-center-line[data-v-164c993a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .audioplayer .ap-controller .ap-controller-center .ap-name[data-v-164c993a] { cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-controller .ap-controller-center .ap-artist[data-v-164c993a] { font-size: 12px; margin-left: 6px; cursor: default; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .audioplayer .ap-controller .ap-controller-center .ap-time[data-v-164c993a] { font-size: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; cursor: default; min-width: 115px; } .audioplayer .ap-controller .ap-controller-center .ap-name[data-v-164c993a], .audioplayer .ap-controller .ap-controller-center .ap-current-time[data-v-164c993a], .audioplayer .ap-controller .ap-controller-center .ap-playlist-button-amount[data-v-164c993a] { color: #fff; } .audioplayer .ap-controller .ap-controller-center .ap-controller-center-line[data-v-164c993a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .audioplayer .ap-controller .ap-controller-center .ap-play-track[data-v-164c993a] { position: relative; width: 100%; height: 3px; } .audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap[data-v-164c993a] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 1.5px; overflow: hidden; background: #909090; } .audioplayer .ap-controller .ap-controller-right[data-v-164c993a] { width: 360px; padding: 0 20px; } .audioplayer .ap-controller .ap-controller-right .ap-button[data-v-164c993a] { padding: 0 8px; } .audioplayer .ap-controller .ap-controller-right .ap-line[data-v-164c993a] { font-size: 24px; padding: 0 8px; cursor: default; } .audioplayer .ap-controller .ap-controller-right .ap-line-draw[data-v-164c993a] { height: 24px; width: 1px; background: #979797; } .audioplayer .ap-controller .ap-controller-right .ap-volume-track-expand[data-v-164c993a] { width: 86px; margin-right: 8px; height: 28px; } .audioplayer .ap-controller .ap-controller-right .ap-playlist-button-bg[data-v-164c993a] { background: #4A5355; height: 28px; border-radius: 14px; padding: 0 8px 0 6px; } .audioplayer .ap-controller .ap-controller-right .ap-playlist-button-bg i[data-v-164c993a] { vertical-align: -webkit-baseline-middle; } .audioplayer .ap-controller .ap-controller-right .ap-playlist-button-amount[data-v-164c993a] { color: #fff; font-size: 12px; /*vertical-align: inherit;*/ -webkit-transition: 0.2s; transition: 0.2s; } .audioplayer .ap-toast[data-v-164c993a] { position: absolute; bottom: 72px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 10px 20px; background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; color: #fff; opacity: 1; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .audioplayer .ap-toast-hide[data-v-164c993a] { opacity: 0; -webkit-transform: translate(-50%, 12px); transform: translate(-50%, 12px); } .iconfont[data-v-164c993a] { color: #FFFFFF; } .font-28[data-v-164c993a] { font-size: 28px; } .audio-player { width: 96%; margin: auto; } .audio-player .audio__progress-wrap { margin-top: 10px!important; } .audio-player .audio__time-wrap { display: none!important; } .volume-slider .el-slider__runway{ height: 4px; } .volume-slider .el-slider__bar{ background-color: #00a1d6; height: 4px; } .volume-slider .el-slider__button-wrapper { height: 24px; width: 24px; top: -10px; } @-webkit-keyframes fadeVolume-data-v-05fe330e { from { height: 0; } to { height: 50px; } } @keyframes fadeVolume-data-v-05fe330e { from { height: 0; } to { height: 50px; } } @-webkit-keyframes fadeRate-data-v-05fe330e { from { max-height: 0; } to { max-height: 120px; } } @keyframes fadeRate-data-v-05fe330e { from { max-height: 0; } to { max-height: 120px; } } .fade-volume-enter-active[data-v-05fe330e] { -webkit-animation: fadeVolume-data-v-05fe330e 0.3s; animation: fadeVolume-data-v-05fe330e 0.3s; } .fade-volume-leave-active[data-v-05fe330e] { animation: fadeVolume-data-v-05fe330e 0.3s reverse; } .fade-rate-enter-active[data-v-05fe330e] { -webkit-animation: fadeRate-data-v-05fe330e 0.3s; animation: fadeRate-data-v-05fe330e 0.3s; } .fade-rate-leave-active[data-v-05fe330e] { animation: fadeRate-data-v-05fe330e 0.3s reverse; } .audio-player .audio__btn-wrap[data-v-05fe330e] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .audio-player .audio__play-icon[data-v-05fe330e] { width: 100%; height: 100%; fill: currentColor; overflow: hidden; } .audio-player .audio__play-volume-icon-wrap[data-v-05fe330e] { position: relative; width: 21px; height: 21px; cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; margin-left: 16px; } .audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap[data-v-05fe330e] { position: absolute; width: 21px; height: 50px; bottom: 21px; left: 0; background-color: #ddd; border-radius: 10px; } .audio-player .audio__play-volume-icon-wrap .audio__play-volume-wrap .audio__play-volume[data-v-05fe330e] { position: absolute; right: 0; bottom: 0; left: 0; border-radius: 10px; } .audio-player .audio__play-rate[data-v-05fe330e] { position: relative; height: 21px; line-height: 21px; cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; font-size: 16px; margin-right: 16px; } .audio-player .audio__play-rate__dropdown[data-v-05fe330e] { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 2px; color: #fff; border-radius: 15px; font-size: 12px; overflow: hidden; } .audio-player .audio__play-prev[data-v-05fe330e] { cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .audio-player .audio__play-prev svg[data-v-05fe330e] { display: block; width: 21px; height: 33px; } .audio-player .audio__play-prev.disable[data-v-05fe330e] { opacity: 0.5; } .audio-player .audio__play-start[data-v-05fe330e] { margin: 0 16px; cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .audio-player .audio__play-start svg[data-v-05fe330e] { display: block; width: 42px; height: 42px; } .audio-player .audio__play-pause[data-v-05fe330e] { margin: 0 16px; cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .audio-player .audio__play-pause svg[data-v-05fe330e] { display: block; width: 42px; height: 42px; } .audio-player .audio__play-next[data-v-05fe330e] { cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .audio-player .audio__play-next svg[data-v-05fe330e] { display: block; width: 21px; height: 33px; } .audio-player .audio__play-next.disable[data-v-05fe330e] { opacity: 0.5; } .audio__notice[data-v-05fe330e] { position: absolute; bottom: -15px; color: rgb(189, 178, 178); border-radius: 4px; font-size: 12px; } .audio-player .audio__progress-wrap[data-v-05fe330e] { position: relative; background: #ddd; height: 4px; border-radius: 3px; margin-top: 20px; cursor: pointer; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .audio-player .audio__progress[data-v-05fe330e] { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 3px; } .audio-player .audio__progress-point[data-v-05fe330e] { position: absolute; left: -8px; top: 50%; width: 16px; height: 16px; border-radius: 50%; margin-top: -8px; } .audio-player .audio__progress-point[data-v-05fe330e]:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff; border-radius: 50%; } .audio-player .audio__time-wrap[data-v-05fe330e] { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7px; } .audio-player .audio__current-time[data-v-05fe330e] { font-size: 10px; color: #888; } .audio-player .audio__duration[data-v-05fe330e] { font-size: 10px; color: #888; } .audio-player .audio-player__audio[data-v-05fe330e] { display: block; margin: 0 auto; } @media (any-hover: hover) { .audio-player .audio__play-rate:hover > span[data-v-05fe330e] { opacity: 0.7; } .audio-player .audio__play-rate__dropdown > div[data-v-05fe330e]:hover, .audio__play-icon[data-v-05fe330e]:hover { opacity: 0.7; } } .audio__play-loading[data-v-05fe330e] { width: 42px; height: 42px; position: relative; margin: 0 16px; } .audio__play-loading span[data-v-05fe330e] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; position: absolute; -webkit-animation: loading-data-v-05fe330e 1.04s ease infinite; animation: loading-data-v-05fe330e 1.04s ease infinite; } @-webkit-keyframes loading-data-v-05fe330e { 0% { opacity: 1; } 100% { opacity: 0.2; } } @keyframes loading-data-v-05fe330e { 0% { opacity: 1; } 100% { opacity: 0.2; } } .audio__play-loading span[data-v-05fe330e]:nth-child(1) { left: 0; top: 50%; margin-top: -4px; -webkit-animation-delay: 0.13s; animation-delay: 0.13s; } .audio__play-loading span[data-v-05fe330e]:nth-child(2) { left: 7px; top: 7px; -webkit-animation-delay: 0.26s; animation-delay: 0.26s; } .audio__play-loading span[data-v-05fe330e]:nth-child(3) { left: 50%; top: 0; margin-left: -4px; -webkit-animation-delay: 0.39s; animation-delay: 0.39s; } .audio__play-loading span[data-v-05fe330e]:nth-child(4) { top: 7px; right: 7px; -webkit-animation-delay: 0.52s; animation-delay: 0.52s; } .audio__play-loading span[data-v-05fe330e]:nth-child(5) { right: 0; top: 50%; margin-top: -4px; -webkit-animation-delay: 0.65s; animation-delay: 0.65s; } .audio__play-loading span[data-v-05fe330e]:nth-child(6) { right: 7px; bottom: 7px; -webkit-animation-delay: 0.78s; animation-delay: 0.78s; } .audio__play-loading span[data-v-05fe330e]:nth-child(7) { bottom: 0; left: 50%; margin-left: -4px; -webkit-animation-delay: 0.91s; animation-delay: 0.91s; } .audio__play-loading span[data-v-05fe330e]:nth-child(8) { bottom: 7px; left: 7px; -webkit-animation-delay: 1.04s; animation-delay: 1.04s; } .contain-div[data-v-1fa6df66] { margin: 40px auto 0; width: 90%; min-width: 1370px; padding-bottom: 25px; } .row[data-v-1fa6df66] { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .gridview-content-container[data-v-1fa6df66] { width: 75%; /*margin-left: 0;*/ /*margin-right: 0;*/ float: left; margin: auto; } .row [class^=col][data-v-1fa6df66] { float: left; margin: 5px; min-height: 500px; } .col-6-med[data-v-1fa6df66] { width: 430px; } .song-img[data-v-1fa6df66], .list-img[data-v-1fa6df66] { width: 370px; height: 370px; border-radius: 4px; } .list-img span[data-v-1fa6df66] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 88px; color: #FFFFFF; } .song-intro[data-v-1fa6df66] { font-size: 18px; color: #222; margin-top: 40px; } .song-content[data-v-1fa6df66] { width: 298px; font-size: 12px; color: #99a2aa; line-height: 24px; margin-top: 10px; } .song-content.song-fold[data-v-1fa6df66] { height: 48px; overflow: hidden; } .song-infoFold[data-v-1fa6df66], .song-introText[data-v-1fa6df66], .song-lrcFold[data-v-1fa6df66] { display: inline-block; color: #00a1d6; font-size: 12px; cursor: pointer; } .song-content .content-span[data-v-1fa6df66] { font-size: 12px; white-space: pre-line; word-wrap: break-word; } .song-type[data-v-1fa6df66] { margin-top: 20px; color: #a2abb2; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .song-type .song-type-title[data-v-1fa6df66] { white-space: nowrap; } .song-padding[data-v-1fa6df66] { padding-right: 80px; font-size: 12px; line-height: 16px; } .list-padding[data-v-1fa6df66] { padding-right: 60px; font-size: 12px; line-height: 24px; color: #99a2aa; } .song-padding .song-gap[data-v-1fa6df66] { min-height: 300px; } .list-padding .list-gap[data-v-1fa6df66] { min-height: 300px; } .song-title[data-v-1fa6df66] { font-size: 24px; color: #212121; letter-spacing: 0; margin-bottom: 12px; line-height: 34px; font-weight: 600; word-wrap: break-word; } .list-title[data-v-1fa6df66] { font-size: 24px; color: #212121; letter-spacing: 0; margin-bottom: 20px; line-height: 34px; font-weight: 600; word-break: break-word; } .song-time[data-v-1fa6df66] { font-size: 12px; color: #99a2aa; } .song-play-num[data-v-1fa6df66] { font-size: 12px; line-height: 22px; color: #99a2aa; } .song-play-num span[data-v-1fa6df66] { color: #222; } .song-info[data-v-1fa6df66] { line-height: 22px; } .song-info.song-infoStatus[data-v-1fa6df66] { height: 110px; overflow: hidden; } .song-info .song-info-content[data-v-1fa6df66] { font-size: 12px; color: #222; } .song-info .song-info-content .song-info-div[data-v-1fa6df66] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; word-break: break-all; } .song-info .song-info-content .song-info-theme[data-v-1fa6df66] { color: #99a2aa; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; } .song-info .song-info-content .song-info-detail[data-v-1fa6df66] { -ms-flex-negative: 0; flex-shrink: 0; color: #222; } .list-padding .list-founder[data-v-1fa6df66] { color: #000; } .list-padding .list-publish[data-v-1fa6df66] { color: #99a2aa; } .list-padding .list-type[data-v-1fa6df66] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .list-padding .list-type .list-type-text[data-v-1fa6df66] { -ms-flex-negative: 0; flex-shrink: 0; } .list-padding .list-intro[data-v-1fa6df66] { line-height: 18px; color: #99a2aa; } .list-padding .list-intro.list-fold[data-v-1fa6df66] { height: 36px; overflow: hidden; } .list-padding .list-intro .list-div[data-v-1fa6df66] { word-wrap: break-word; white-space: pre-line; } .share-board[data-v-1fa6df66] { position: relative; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .song-playbtn[data-v-1fa6df66], .list-playbtn[data-v-1fa6df66] { width: 140px; height: 48px; display: inline-block; line-height: 48px; text-align: center; background-color: #00a1d6; border-radius: 4px; color: #fff; font-size: 18px; cursor: pointer; } .song-playbtn .song-play[data-v-1fa6df66], .list-playbtn .list-play[data-v-1fa6df66] { margin-left: 14px; } .share-board .song-share[data-v-1fa6df66], .share-board .list-share[data-v-1fa6df66] { display: inline-block; position: relative; margin-left: 40px; cursor: pointer; text-align: center; line-height: normal; } .font24[data-v-1fa6df66] { font-size: 24px; color: #99a2aa; } .font-blue[data-v-1fa6df66] { color: #00a1d6!important; } .share-board .song-share div[data-v-1fa6df66] { color: #99a2aa; margin-top: 2px; } .share-board .song-share .song-share-ul[data-v-1fa6df66] { position: absolute; left: 0; top: 46px; border: 1px solid #ccd0d7; border-radius: 4px; font-size: 14px; text-align: center; background-color: #fff; color: #222; z-index: 9; } .share-board .song-share .song-share-ul li[data-v-1fa6df66] { width: 98px; height: 45px; line-height: 45px; border-bottom: 1px solid #ccd0d7; } .share-board .share-btn[data-v-1fa6df66] { position: absolute; top: 51px; left: 160px; width: 339px; background: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); border-radius: 4px; z-index: 9; line-height: 24px; } .share-board .share-btn .share-type[data-v-1fa6df66] { color: #212121; line-height: 12px; padding: 20px; position: relative; } .share-board .share-btn .share-type .close[data-v-1fa6df66] { position: absolute; right: 10px; top: 20px; font-size: 24px; cursor: pointer; color: #99a2aa; } .share-board .share-btn ul[data-v-1fa6df66] { padding: 0 8px; } .share-board .share-btn .i-share[data-v-1fa6df66] { float: left; width: 64px; text-align: center; cursor: pointer; } .share-board .share-btn .font44[data-v-1fa6df66] { font-size: 44px; line-height: 44px; } .share-board .share-btn .sina[data-v-1fa6df66] { color: #db4437; } .share-board .share-btn .i-share div[data-v-1fa6df66] { margin-top: 7px; color: #6d757a; } .share-board .share-btn .wechat[data-v-1fa6df66] { color: #57bb40; } .share-board .share-btn .qzone[data-v-1fa6df66] { color: #f4bf41; } .share-board .share-btn .tieba[data-v-1fa6df66] { color: #247bd4; } .share-board .share-btn .link[data-v-1fa6df66] { color: #8e9cad; } .share-board .share-btn .copyText[data-v-1fa6df66] { opacity: 0; height: 0; } .share-board .share-btn .song-qrcode[data-v-1fa6df66] { position: absolute; top: 110px; left: 45px; width: 120px; height: 120px; background-color: #fff; z-index: 9; display: none; padding: 10px; border: solid 1px #ccc; } .share-board .share-btn .i-share.wechat:hover~.song-qrcode[data-v-1fa6df66] { display: block; } .share-board .share-btn .share-type.song-border[data-v-1fa6df66] { border-top: 1px solid #e7e7e7; } .share-board .share-btn .dynamic[data-v-1fa6df66] { color: #fb7299; } .song-intro.collect[data-v-1fa6df66] { font-size: inherit; color: #222; height: 40px; margin: 0; line-height: 20px; } .song-change[data-v-1fa6df66] { background-color: #e5e9f0; border-radius: 4px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #212121; cursor: pointer; } .lrc-fold[data-v-1fa6df66] { height: 240px; overflow: hidden; margin-top: 12px; } .lrc-unfold[data-v-1fa6df66] { height: auto; overflow: visible; margin-top: 12px; } .song-lrc[data-v-1fa6df66] { font-size: 14px; line-height: 30px; color: #6d757a; word-wrap: break-word; } /* 歌单列表 */ .list-theme[data-v-1fa6df66] { font-size: 18px; color: #222; line-height: 24px; margin-top: 18px; margin-bottom: 18px; } .list-theme span[data-v-1fa6df66] { font-size: 16px; color: #99a2aa; } .list-info[data-v-1fa6df66] { border-top: 1px solid #ccd0d7; overflow: auto; margin-right: 80px; } .list-info .list-li[data-v-1fa6df66] { height: 44px; line-height: 44px; font-size: 14px; overflow: hidden; } .list-info .list-li.odd[data-v-1fa6df66] { background-color: #f4f5f7; } .list-info .list-li .song-sort[data-v-1fa6df66] { display: inline-block; width: 6%; height: 44px; text-align: center; color: #222; overflow: hidden; } .list-info .list-li .song-title[data-v-1fa6df66] { display: inline-block; position: relative; width: 59%; height: 44px; color: #222; overflow: hidden; font-size: inherit; margin-bottom: inherit; line-height: inherit; font-weight: inherit; } .list-info .list-li .song-title .song-normal[data-v-1fa6df66] { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; max-width: 100%; } .list-info .list-li .song-title .song-width[data-v-1fa6df66] { min-width: 10px; max-width: 256px; } .list-info .list-li .song-title .song-video[data-v-1fa6df66] { display: inline-block; vertical-align: top; height: 44px; } .list-info .list-li .song-title .song-float[data-v-1fa6df66] { position: absolute; left: 286px; top: 0; font-size: 22px; color: #99a2aa; cursor: pointer; /*display: inline-block;*/ height: 44px; vertical-align: top; display: none; } .list-info .list-li .song-title .song-collection[data-v-1fa6df66] { position: absolute; left: 316px; top: 0; font-size: 22px; color: #99a2aa; cursor: pointer; /*display: inline-block;*/ height: 44px; vertical-align: top; display: none; } .list-info .list-li .song-title:hover .song-float[data-v-1fa6df66], .list-info .list-li .song-title:hover .song-collection[data-v-1fa6df66] { display: block; } .list-info .list-li .song-title .song-float[data-v-1fa6df66]:hover, .list-info .list-li .song-title .song-collection[data-v-1fa6df66]:hover{ color: #00a1d6; } .list-info .list-li .song-uname[data-v-1fa6df66] { display: inline-block; width: 25%; height: 44px; color: #99a2aa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-info .list-li .song-time[data-v-1fa6df66] { width: 8%; height: 44px; display: inline-block; color: #99a2aa; overflow: hidden; } .list-info .list-li.even[data-v-1fa6df66] { background-color: #fff; } .song-comment[data-v-1fa6df66] { border-top: 1px solid #e5e9ef; padding-top: 30px; margin-right: 80px; margin-top: 20px; margin-bottom: 5px; width: 936px; } .list-comment[data-v-1fa6df66] { margin-right: 64px; border-top: 1px solid #ccd0d7; padding-top: 30px; margin-top: 40px; } .b-head[data-v-1fa6df66] { line-height: 24px; margin: 0 0 20px; } .b-head-t[data-v-1fa6df66], .b-head[data-v-1fa6df66] { font-size: 18px; color: #222; } .b-head-string[data-v-1fa6df66], .results[data-v-1fa6df66] { color: #99a2aa; font-size: 16px; } .bb-comment[data-v-1fa6df66], .comment-i-fold[data-v-1fa6df66] { font-size: 0; zoom: 1; min-height: 100px; background: #fff; } .bb-comment .reply-notice[data-v-1fa6df66], .comment-i-fold .reply-notice[data-v-1fa6df66] { margin-bottom: 10px; } .bb-comment .comment-header[data-v-1fa6df66], .comment-i-fold .comment-header[data-v-1fa6df66] { margin: 0 0 24px; border-bottom: 1px solid #e5e9ef; } .bb-comment .comment-header .tabs-order[data-v-1fa6df66], .comment-i-fold .comment-header .tabs-order[data-v-1fa6df66] { float: left; margin-bottom: -1px; } .bb-comment .comment-header .tabs-order li[data-v-1fa6df66], .comment-i-fold .comment-header .tabs-order li[data-v-1fa6df66] { background-color: transparent; border-radius: 0; border: 0; padding: 8px 0; margin-right: 16px; border-bottom: 1px solid transparent; position: relative; float: left; cursor: pointer; line-height: 25px; height: 40px; font-size: 14px; font-weight: 700; color: #222; } .bb-comment .comment-header .tabs-order li.on[data-v-1fa6df66], .comment-i-fold .comment-header .tabs-order li.on[data-v-1fa6df66] { border-bottom: 1px solid #00a1d6; color: #00a1d6; } .bb-comment .comment-header .tabs-order li.on[data-v-1fa6df66]:after, .comment-i-fold .comment-header .tabs-order li.on[data-v-1fa6df66]:after { content: ""; width: 6px; height: 3px; background: transparent url(data:image/png;base64,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) -669px -31px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -3px; visibility: visible; } .bb-comment .comment-header .tabs-order li[data-v-1fa6df66]:last-child, .comment-i-fold .comment-header .tabs-order li[data-v-1fa6df66]:last-child { margin: 0 16px; } .bb-comment .bottom-page[data-v-1fa6df66], .comment-i-fold .bottom-page[data-v-1fa6df66] { margin: 20px 0; } .gridview-sidebar[data-v-1fa6df66] { float: left; height: 100%; } .follow-container[data-v-1fa6df66] { margin-bottom: 30px; width: 280px; } .follow-container .follow-left[data-v-1fa6df66] { float: left; } .follow-container .follow-left .follow-img[data-v-1fa6df66] { width: 68px; height: 68px; border-radius: 50%; cursor: pointer; } .follow-container .follow-right[data-v-1fa6df66] { float: right; width: 168px; margin-left: 22px; } .follow-container .follow-right .follow-up[data-v-1fa6df66] { font-size: 14px; color: #00a1d6; letter-spacing: 0; cursor: pointer; } .follow-container .follow-right .follow-intro[data-v-1fa6df66] { font-size: 12px; color: #000; line-height: 20px; position: relative; } .follow-container .follow-right .follow-intro.follow-introFold[data-v-1fa6df66] { height: 40px; overflow: hidden; } .follow-container .follow-right .follow-intro .follow-content[data-v-1fa6df66] { font-size: 12px; word-break: break-all; } .follow-container .follow-right .follow-num[data-v-1fa6df66] { font-size: 12px; color: #99a2aa; line-height: 24px; height: 24px; } .left[data-v-1fa6df66] { text-align: left; } .follow-container .follow-right .follow-num .left[data-v-1fa6df66] { float: left; } .right[data-v-1fa6df66] { text-align: right; } .follow-container .follow-right .follow-num .right[data-v-1fa6df66] { float: right; } .follow-container .follow-right .follow-btn[data-v-1fa6df66] { width: 140px; height: 24px; line-height: 24px; background: #00a1d6; border-radius: 4px; color: #fff; text-align: center; margin-top: 10px; margin-bottom: 10px; cursor: pointer; font-size: 14px; } .follow-container .follow-right .unfollow-btn[data-v-1fa6df66] { width: 70px; height: 24px; line-height: 24px; border-radius: 4px; color: #99a2aa; background-color: #fff; border: 1px solid #e5e9ef; margin-top: 10px; margin-bottom: 10px; cursor: pointer; text-align: center; font-size: 14px; } .follow-container .follow-right .van-message[data-v-1fa6df66] { padding: 10px 16px; border-radius: 4px; position: absolute; top: 70px; left: 125px; background-color: rgba(245,34,45,.8); font-size: 12px; color: #fff; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15); box-shadow: 0 4px 12px rgba(0,0,0,.15); -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .follow-container .follow-right .van-message.hide-error[data-v-1fa6df66] { opacity: 0; } .creation-title[data-v-1fa6df66] { font-size: 18px; color: #222; margin-top: 30px; } .creation-li[data-v-1fa6df66] { height: 77px; font-size: 12px; margin-top: 11px; margin-bottom: 11px; } .creation-li .creation-left[data-v-1fa6df66] { float: left; width: 75px; position: relative; } .creation-li .creation-left .creation-shadow[data-v-1fa6df66] { width: 68px; height: 68px; margin-left: 5px; background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; } .creation-li .creation-left .creation-img[data-v-1fa6df66] { position: absolute; top: 5px; left: 0; width: 70px; height: 70px; background-color: #e0e0e0; border-radius: 4px; } .creation-li .creation-right[data-v-1fa6df66] { float: right; position: relative; width: 181px; height: 72px; padding-left: 13px; } .creation-li .creation-right .creation-theme[data-v-1fa6df66] { color: #222; margin-bottom: 6px; } .creation-li .creation-right .creation-publish[data-v-1fa6df66] { position: absolute; left: 13px; bottom: 0; color: #99a2aa; } .song-title .font18[data-v-1fa6df66] { font-size: 24px; color: #00a1d6; position: absolute; right: 0; top: 0; cursor: pointer; } .song-title.collect[data-v-1fa6df66] { font-weight: inherit; font-size: 18px; } .hotsong-li[data-v-1fa6df66] { line-height: 16px; margin-top: 10px; margin-bottom: 10px; position: relative; /*width: 250px;*/ } .hotsong-li .hotsong-title[data-v-1fa6df66] { font-size: 12px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 30px); } .hotsong-li .hotsong-upname[data-v-1fa6df66] { font-size: 12px; color: #99a2aa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hotsong-li .font20[data-v-1fa6df66] { color: #ccd0d7; position: absolute; top: 0; right: 0; cursor: pointer; font-size: 20px; } .album-title[data-v-1fa6df66] { font-size: 18px; color: #222; margin-top: 30px; } .song-li[data-v-1fa6df66] { height: 77px; font-size: 12px; margin-top: 11px; margin-bottom: 11px; } .song-li .song-left[data-v-1fa6df66] { float: left; width: 75px; position: relative; } .song-li .song-left .song-shadow[data-v-1fa6df66] { width: 68px; height: 68px; margin-left: 5px; background: rgba(50,176,218,.3); border: 1px solid #32b0da; border-radius: 4px; } .song-li .song-left .song-img[data-v-1fa6df66] { position: absolute; top: 5px; left: 0; width: 70px; height: 70px; background-color: #e0e0e0; border-radius: 4px; } .song-li .song-left .song-img span[data-v-1fa6df66] { margin: auto; top: 48%; position: absolute; left: 52%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; font-size: 17px; color: #FFFFFF; } .song-li .song-right[data-v-1fa6df66] { float: right; width: 181px; padding-left: 13px; } .song-li .song-right .song-theme[data-v-1fa6df66] { color: #222; margin-top: 6px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .song-li .song-right .song-right-title[data-v-1fa6df66] { color: #222; line-height: 20px; width: 181px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; font-size: 12px; } .song-li .song-right .song-right-bottom[data-v-1fa6df66] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } .song-li .song-right .song-right-bottom .song-playnum[data-v-1fa6df66] { color: #99a2aa; line-height: 20px; } .song-li .song-right .song-right-bottom .song-num[data-v-1fa6df66] { color: #99a2aa; line-height: 20px; margin-left: 40px; } .album-title[data-v-1fa6df66] { font-size: 18px; color: #222; margin-top: 30px; } .similar-song-menu[data-v-1fa6df66] { margin-top: 12px; } .similar-song-menu .similar-left[data-v-1fa6df66] { float: left; position: relative; margin-right: 14px; } .similar-song-menu .similar-left .similar-cover[data-v-1fa6df66] { display: inline-block; background-color: #e0e0e0; border-radius: 4px; } .similar-song-menu .similar-left .similar-icon[data-v-1fa6df66] { height: 30px; width: 30px; position: absolute; background: url(data:image/png;base64,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) 50% no-repeat; background-size: 100%; bottom: 20px; left: 20px; } .similar-song-menu .similar-right[data-v-1fa6df66] { float: left; font-size: 12px; line-height: 20px; } .similar-song-menu .similar-right .title[data-v-1fa6df66] { color: #222; margin: 10px 0; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .similar-song-menu .similar-right .song-num[data-v-1fa6df66] { color: #99a2aa; } .song-scroll[data-v-1fa6df66] { width: 62px; height: 85px; position: fixed; right: 20px; bottom: 15%; background-image: url(//s1.hdslb.com/bfs/static/audio/song/static/img/gotop.e8efbcb.png); background-repeat: no-repeat; background-position: -40px; cursor: pointer; } /*投币*/ .cc-modal[data-v-1fa6df66] { background: rgba(0,0,0,.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1001; -webkit-transition: all .3s; transition: all .3s; } .modal[data-v-1fa6df66] { background: #fff; margin: auto; border-radius: 4px; z-index: 10; -webkit-animation: popin .3s; animation: popin .3s; width: 420px; height: 420px; overflow: hidden; position: fixed; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .modal .modal-close[data-v-1fa6df66] { position: absolute; right: 20px; top: 15px; font-size: 20px; cursor: pointer; color: #99a2aa; font-weight: bold; } .modal .coin-title[data-v-1fa6df66] { font-size: 16px; margin-top: 20px; color: #18191C; text-align: center; } .modal .mc[data-v-1fa6df66] { text-align: center; zoom: 1; } .modal .mc-box[data-v-1fa6df66] { overflow: hidden; position: relative; display: inline-block; margin-right: 30px; margin-top: 35px; width: 160px; height: 120px; border: 2px dashed #ccd0d6; border-radius: 5px; background-repeat: no-repeat; background-position: center; } .modal .mc-box.left-con[data-v-1fa6df66] { margin-left: 35px; /*background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);*/ background-size: 120px; } .modal .mc-box .coin-run-box[data-v-1fa6df66] { width: 120px; /*height: 206px;*/ height: 120px; overflow: hidden; margin: 0 auto; } .modal .mc-box .coin-run[data-v-1fa6df66] { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; } .modal .mc-box .c-num[data-v-1fa6df66] { color: #9499A0; text-align: left; font-size: 14px; line-height: 40px; position: absolute; left: 15px; top: 0px; } .modal .mc-box.on[data-v-1fa6df66] { border-style: solid; border-color: #02a0d8; background: transparent; } .modal .mc-box.on .c-num[data-v-1fa6df66] { color: #00AEEC; } .modal .mc-box.on .coin-run[data-v-1fa6df66]{ color: #00AEEC; } .modal .coin-bottom[data-v-1fa6df66] { text-align: center; padding: 25px 0; } .bi-btn[data-v-1fa6df66] { display: inline-block; background: #00a1d6; color: #fff; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #00a1d6; text-align: center; cursor: pointer; } .modal .coin-bottom .bi-btn[data-v-1fa6df66] { display: inline-block; background: #00AEEC; color: white; font-size: 14px; padding: 4px 18px; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #00AEEC; text-align: center; cursor: pointer; } /*收藏*/ .fv-modal .modal .fv-header[data-v-1fa6df66] { height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; border-bottom: 1px solid #ccd0d7; text-align: center; } .fv-modal .modal .content[data-v-1fa6df66] { padding: 0 36px; height: 300px; overflow: auto; } .fv-modal .modal .content .group-list[data-v-1fa6df66] { max-height: 300px; padding-bottom: 14px; } .fv-modal .modal .content .group-list ul[data-v-1fa6df66] { position: relative; margin-top: 24px; min-height: 210px; } .fv-modal .modal .content .group-list li[data-v-1fa6df66] { padding-bottom: 24px; font-size: 14px; color: #18191C; cursor: pointer; } .fv-modal .modal .content .group-list li label[data-v-1fa6df66] { cursor: pointer; display: block; } .fv-modal .modal .content .group-list li .fav-title[data-v-1fa6df66] { max-width: 220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #18191ccf; } .fv-modal .modal .content .group-list li label .personal[data-v-1fa6df66] { color: #9499A0; font-style: inherit; margin-left: 3px; } .fv-modal .modal .content .group-list li label .count[data-v-1fa6df66] { position: absolute; right: 0; color: #61666D; font-size: 12px; } .fv-modal .modal .content .group-list .add-group[data-v-1fa6df66] { margin-bottom: 5px; width: 348px; } .fv-modal .modal .content .group-list .add-group .add-btn[data-v-1fa6df66] { height: 34px; line-height: 34px; padding: 0 34px; border: 1px solid #9499A0; border-radius: 4px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAC5JREFUKBVjYMABZi5a9R+EcUgzMOGSICQ+EjQy4gs5fAFEduDgNHQ0HhnIT6sAudAOjNLnY/wAAAAASUVORK5CYII=) no-repeat 10px center;*/ font-size: 12px; color: #61666D; cursor: pointer; position: relative; } .fv-modal .modal .bottom[data-v-1fa6df66] { height: 76px; text-align: center; margin: 0 36px; border-top: 1px solid #E3E5E7; } .fv-modal .modal .bottom .btn[data-v-1fa6df66] { font-size: 14px; width: 160px; height: 40px; margin-top: 18px; background: #00AEEC; border: none; border-radius: 4px; color: white; cursor: pointer; } .fv-modal .modal .bottom .btn.disable[data-v-1fa6df66] { background-color: #E3E5E7; color: #9499A0; } .fv-modal .modal .content .group-list .add-group .input-group[data-v-1fa6df66] { height: 34px; line-height: 34px; border: 1px solid #00AEEC; border-radius: 4px; position: relative; } .fv-modal .modal .content .group-list .add-group .fav-add-tip[data-v-1fa6df66] { display: inline-block; line-height: 40px; height: 40px; position: absolute; top: -52px; padding: 0 10px; border-radius: 4px; background: #00AEEC; z-index: 1; } .fv-modal .modal .content .group-list .add-group .fav-add-tip .icon-close[data-v-1fa6df66] { display: inline-block; margin-left: 10px; line-height: 28px; opacity: 0.9 !important; cursor: pointer; vertical-align: sub; width: 24px; height: 24px; color: white; } .fv-modal .modal .content .group-list .add-group .input-group input[data-v-1fa6df66] { border: none; font-size: 12px; width: 200px; margin-left: 10px; padding: 0; -webkit-box-shadow: none; box-shadow: none; height: 100%; background: transparent; color: #18191C; } .fv-modal .modal .content .group-list .add-group .input-group .submit[data-v-1fa6df66] { float: right; height: 32px; width: 90px; background: #d9f1f9; border: none; border-left: 1px solid #00AEEC; border-radius: 0 4px 4px 0; font-size: 14px; color: #00AEEC; cursor: pointer; } .noneVideo[data-v-1fa6df66] { background: #f5f7fa; position: fixed; width: 100%; height: 100%; top: 56px; left: 0; z-index: 999; } .noneVideoBox[data-v-1fa6df66] { position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } .noneVideo .undefineImg[data-v-1fa6df66], .noneVideo .undefineText[data-v-1fa6df66], .noneVideo .buttonText[data-v-1fa6df66]{ text-align: center; color: #757575; } .noneVideo .buttonText[data-v-1fa6df66] { margin-top: 30px; } .noneVideo .buttonText button[data-v-1fa6df66] { color: white; background-color: #0b8dea; padding: 5px 10px; border: none; } @charset "utf-8"; .content_Vip{ font-size: 12px; height: 100%; width: 100%; background-color: #fff; } .content_Vip .Buydetial_box .inside .headTitle{ background-color:#FF7D18; color:#fff; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 12px; } .content_Vip .Buydetial_box .tab{ margin: 5px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .content_Vip .Buydetial_box .tab>div{ width: 100%; } .content_Vip .Buydetial_box .tab>div>div{ width: 48%; text-align: center; height: 41px; background-repeat: no-repeat; background-size: contain; } .content_Vip .Buydetial_box .tab>div>.tabT{ margin-left: 4%; } .content_Vip .Buydetial_box .inside>p{ padding: 6px 12px; } .content_Vip .Buydetial_box .tab>.chooseBuyTab{ margin: 8px auto; height: 180px; width: 180px; background-repeat: no-repeat; background-size: contain; background-position: center; } .content_Vip .Buydetial_box .inside>p>span{ color: #FF7D18; font-size: 15px; font-weight: bold; } .content_Vip .Buydetial_box{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5) } .content_Vip .Buydetial_box .inside{ font-size: 14px; background-color: #fff; width: 300px; height: 400px; margin: 100px auto; border-radius: 5px; } .content_Vip .erweima_box{ width: 80%; margin: 20px auto; height: 180px; border: 1px solid #bbb; } .content_Vip .erweima_box .ewm_img{ width: 120px; height: 120px; margin: 10px auto; background-repeat: no-repeat; background-size: contain; background-position: center; } .content_Vip .erweima_box>h3{ background-color: #eee; padding:5px 42px; font-size: 18px; line-height: 30px; background-repeat: no-repeat; background-size: 50px; background-position: 5px center; text-align: center; } .content_Vip .interests_box .tittle{ padding: 10px 0; font-weight: bold; color: red; } .content_Vip .interests_box p{ padding: 2px 0; } .content_Vip .interests_box{ font-size: 14px; padding: 10px; } .content_Vip .vip>span{ display: block; text-align: center; margin: 5px 0; } .content_Vip .points_box .detil_text{ padding:10px; } .content_Vip .buyBtn{ border: 1px solid #ccc; padding: 8px 0; border-radius: 5px; width: 280px; margin: 5px auto; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f3f3f3)); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), inset 0 -1px 1px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), inset 0 -1px 1px rgba(0, 0, 0, 0.06); } .content_Vip .points_box>.buyBtn{ width: 300px; margin: 10px auto; padding: 18px 0; } .content_Vip .points_box>.buyBtn:hover{ color: #eb5505; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #f3f3f3),to(#ffffff)); background: linear-gradient(to bottom, #f3f3f3 22%,#ffffff 100%); -webkit-box-shadow:none; box-shadow:none; } .content_Vip .point .buyBtn:hover{ color: #eb5505; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #f3f3f3),to(#ffffff)); background: linear-gradient(to bottom, #f3f3f3 22%,#ffffff 100%); -webkit-box-shadow:none; box-shadow:none; } .content_Vip .vip .buyBtn.inNow{ color: #eb5505; background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #f3f3f3),to(#ffffff)); background: linear-gradient(to bottom, #f3f3f3 22%,#ffffff 100%); -webkit-box-shadow:none; box-shadow:none; } .content_Vip .buyBtn span{ width: 0; height: 0; border: 5px solid transparent; border-left-color: #f76b1f; border-left-width: 6px; border-right-width: 5px; display: inline-block; } .content_Vip .point{ width: 340px; border: 1px solid #bbb; height: 180px; margin: 10px 0; } .content_Vip .vip { width: 90%; border: 1px solid #bbb; /* height: 280px; */ margin: 10px 0; padding-bottom: 10px; } .content_Vip .point>p,.content_Vip .vip>p{ padding:5px 42px; font-size: 16px; line-height: 30px; text-align: center; margin-top: 30px; } .content_Vip .point>h3{ background-color: #eee; padding:5px 42px; font-size: 18px; line-height: 30px; background-repeat: no-repeat; background-size: 30px; background-position: 5px center; text-align: center; } .content_Vip .vip>h3{ background-color: #eee; padding:5px 40px; font-size: 18px; line-height: 30px; background-repeat: no-repeat; background-size: 30px; text-align: center; background-position: 5px center; margin-bottom: 10px; } .content_Vip .vip>h3>span{ color:red; font-style:italic; font-size: 18px; padding-left: 60px; } .content_Vip .point_box .inline_box{ width: 50%; -webkit-box-align: center; display: inline-block; } .content_Vip .vip_box .inline_box{ width: 50%; margin: 0 auto; } .content_Vip .point_box{ width: 100%; } .content_Vip .vip_box{ width: 100%; } .content_Vip .smTitles{ width: 100%; font-size: 18px; font-weight:bold; padding-left: 5px; background-repeat: no-repeat; background-size: contain; padding-bottom: 5px; background-position: bottom; margin-top: 10px; } .content_Vip .points_box{ padding: 0 5%; background-color: #fff; } .content_Vip .swiper_box{ width: 100%; height: 400px; padding: 0 5%; margin: 10px 0; } .content_Vip .swiper-containerOne { width: 100%; height: 100%; overflow: hidden; position: relative; } .content_Vip .toOthers{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #7283ce30; } /* .content_Vip .toOthers.one{ } */ .content_Vip .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content_Vip .login_logo{ font-size: 18px; padding: 10px 10%; margin: 5px auto; } .content_Vip .login_text{ font-size: 19px; padding: 20px 5%; background-color: #F4F4F4; margin: 5px auto 0; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; } .content_Vip #error_img { padding: 0; } .content_Vip .Buydetial_box .tab>.saoyisaoR,.content_Vip .Buydetial_box .tab>.saoyisaoB{ display: none !important; } @media screen and (max-width:760px){ .content_Vip .swiper_box{ padding: 0; } .content_Vip .point_box .inline_box{ width: 100%; } .content_Vip .vip_box .inline_box{ width: 100%; } } @media screen and (max-width:400px){ .content_Vip .points_box{ padding: 0 0.5%; } .content_Vip .point{ width: 320px; } .content_Vip .buyBtn{ width: 220px; } } @media screen and (min-width:761px){ .content_Vip .Buydetial_box .inside{ width: 500px; } .content_Vip .Buydetial_box .tab>.chooseBuyTab{ margin: 0; } .content_Vip .Buydetial_box .tab{ margin-top: 30px; } .content_Vip .Buydetial_box .tab>div{ width: 30%; } .content_Vip .Buydetial_box .tab>div>div{ width: 100%; height: 41px; } .content_Vip .Buydetial_box .tab>.tabB_box{ height: 100px; } .content_Vip .Buydetial_box .tab>div>.tabT{ margin-left: 0%; } .content_Vip .Buydetial_box .tab>.saoyisaoR,.content_Vip .Buydetial_box .saoyisaoB{ display: -webkit-box !important; display: -ms-flexbox !important; display: -o-box !important; display: box !important; } .content_Vip .Buydetial_box .tab>.saoyisaoR{ width: 100px; height: 100px; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 20px; } .content_Vip .Buydetial_box .saoyisaoB{ width: 160px; height: 50px; padding-left: 40px; background-repeat: no-repeat; margin: 0 auto; background-size: 40px; background-position: left center; } } @media screen and (max-width:761px){ .content_Vip .erweima_box{ height: 210px; width: 100%; } .content_Vip .erweima_box>h3{ padding: 5px 0 5px 42px } } @media screen and (min-width:761px) and (max-width:1080px){ .content_Vip .vip_box .inline_box{ width: 50%; } } @media screen and (min-width:1200px) and (max-width:1599px){ .content_Vip .point_box .inline_box{ width: 33%; } } @media screen and (min-width:1600px){ .content_Vip .point_box .inline_box{ width: 25%; } } /* .ids_mainbody .list_one::-webkit-scrollbar {display:none} */ .content_Vip .toEnd{ color: red; } .content_Vip .toEnd:hover{ color: #ff5600; } .content_Vip .Buydetial_box .saoyisaoB{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMzMjY1MjUzNjAyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc1OTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgyMi4zOTU3NTIwNTA3ODEzIDkwMi40Mjc5OTAxMzY3MTg4TDIxMC45MzE4MjQyMTg3NTAwMiA5MDIuNDI3OTkwMTM2NzE4OGMtMzIuMzc3MTQ4NDM3NTAwMDA0IDAtNTguNzE2Njg5OTQxNDA2MjUtMjYuMzQwNDQxNTAzOTA2MjUyLTU4LjcxNjY4OTk0MTQwNjI1LTU4LjcxNjY4OTk0MTQwNjI1TDE1Mi4yMTUxMzQyNzczNDM3NCA2MjkuODY5NTg0NTcwMzEyNGMwLTguOTQwODM4MTgzNTkzNzUgNy4yNDgxODYwMzUxNTYyNDktMTYuMTg5MDI0MjE4NzUgMTYuMTg5MDI0MjE4NzUtMTYuMTg5MDI0MjE4NzVzMTYuMTg5MDI0MjE4NzUgNy4yNDgxODYwMzUxNTYyNDkgMTYuMTg5MDI0MjE4NzUgMTYuMTg5MDI0MjE4NzVsMCAyMTMuODQxNzE1NjI0OTk5OThjMCAxNC41MjI0NTM2MTMyODEyNSAxMS44MTUyODk2NDg0Mzc1MDEgMjYuMzM4NjQyMzgyODEyNTAyIDI2LjMzODY0MjM4MjgxMjUwMiAyNi4zMzg2NDIzODI4MTI1MDJsNjExLjQ2MzkyNzgzMjAzMTIgMGMxNC41MjMzNTI3MzQzNzQ5OTkgMCAyNi4zMzg2NDIzODI4MTI1MDItMTEuODE2MTg4NzY5NTMxMjUyIDI2LjMzODY0MjM4MjgxMjUwMi0yNi4zMzg2NDIzODI4MTI1MDJMODQ4LjczNDM5NDQzMzU5MzcgNjI5Ljg2OTU4NDU3MDMxMjRjMC04Ljk0MDgzODE4MzU5Mzc1IDcuMjQ4MTg2MDM1MTU2MjQ5LTE2LjE4OTAyNDIxODc1IDE2LjE4OTAyNDIxODc1LTE2LjE4OTAyNDIxODc1czE2LjE4OTAyNDIxODc1IDcuMjQ4MTg2MDM1MTU2MjQ5IDE2LjE4OTAyNDIxODc1IDE2LjE4OTAyNDIxODc1bDAgMjEzLjg0MTcxNTYyNDk5OTk4Qzg4MS4xMTI0NDE5OTIxODc1IDg3Ni4wODc1NDg2MzI4MTI1IDg1NC43NzIwMDA0ODgyODEzIDkwMi40Mjc5OTAxMzY3MTg4IDgyMi4zOTU3NTIwNTA3ODEzIDkwMi40Mjc5OTAxMzY3MTg4ek04NjQuOTIzNDE3NzczNDM3NCA0MTMuOTA2MjA3NzE0ODQzNzNjLTguOTQwODM4MTgzNTkzNzUgMC0xNi4xODkwMjQyMTg3NS03LjI0ODE4NjAzNTE1NjI0OS0xNi4xODkwMjQyMTg3NS0xNi4xODkwMjQyMTg3NWwwLTIyOC44ODU4MTUwMzkwNjI1MmMwLTE0LjUyMjQ1MzYxMzI4MTI1LTExLjgxNTI4OTY0ODQzNzUwMS0yNi4zMzg2NDIzODI4MTI1MDItMjYuMzM4NjQyMzgyODEyNTAyLTI2LjMzODY0MjM4MjgxMjUwMkwyMTAuOTMxODI0MjE4NzUwMDIgMTQyLjQ5MjcyNjA3NDIxODc1Yy0xNC41MjMzNTI3MzQzNzQ5OTkgMC0yNi4zMzg2NDIzODI4MTI1MDIgMTEuODE1Mjg5NjQ4NDM3NTAxLTI2LjMzODY0MjM4MjgxMjUwMiAyNi4zMzg2NDIzODI4MTI1MDJsMCAyMjguODg1ODE1MDM5MDYyNTJjMCA4Ljk0MDgzODE4MzU5Mzc1LTcuMjQ4MTg2MDM1MTU2MjQ5IDE2LjE4OTAyNDIxODc1LTE2LjE4OTAyNDIxODc1IDE2LjE4OTAyNDIxODc1cy0xNi4xODkwMjQyMTg3NS03LjI0ODE4NjAzNTE1NjI0OS0xNi4xODkwMjQyMTg3NS0xNi4xODkwMjQyMTg3NWwwLTIyOC44ODU4MTUwMzkwNjI1MmMwLTMyLjM3NjI0OTMxNjQwNjI0NSAyNi4zNDA0NDE1MDM5MDYyNTItNTguNzE2Njg5OTQxNDA2MjUgNTguNzE2Njg5OTQxNDA2MjUtNTguNzE2Njg5OTQxNDA2MjVsNjExLjQ2MzkyNzgzMjAzMTIgMGMzMi4zNzYyNDkzMTY0MDYyNDUgMCA1OC43MTY2ODk5NDE0MDYyNSAyNi4zNDA0NDE1MDM5MDYyNTIgNTguNzE2Njg5OTQxNDA2MjUgNTguNzE2Njg5OTQxNDA2MjVsMCAyMjguODg1ODE1MDM5MDYyNTJDODgxLjExMjQ0MTk5MjE4NzUgNDA2LjY1ODAyMTY3OTY4NzQ3IDg3My44NjUxNTUwNzgxMjQ5IDQxMy45MDYyMDc3MTQ4NDM3MyA4NjQuOTIzNDE3NzczNDM3NCA0MTMuOTA2MjA3NzE0ODQzNzN6TTkwNi43NDIzNjQyNTc4MTI1IDUyNC44NDQxOTE3OTY4NzVMMTI3LjA3OTg3NjI2OTUzMTIxIDUyNC44NDQxOTE3OTY4NzVjLTguOTQwODM4MTgzNTkzNzUgMC0xNi4xODkwMjQyMTg3NS03LjI0ODE4NjAzNTE1NjI0OS0xNi4xODkwMjQyMTg3NS0xNi4xODkwMjQyMTg3NXM3LjI0ODE4NjAzNTE1NjI0OS0xNi4xODkwMjQyMTg3NSAxNi4xODkwMjQyMTg3NS0xNi4xODkwMjQyMTg3NWw3NzkuNjYxNTg5NzQ2MDkzNyAwYzguOTQwODM4MTgzNTkzNzUgMCAxNi4xODkwMjQyMTg3NSA3LjI0ODE4NjAzNTE1NjI0OSAxNi4xODkwMjQyMTg3NSAxNi4xODkwMjQyMTg3NVM5MTUuNjgzMjAyNDQxNDA2NCA1MjQuODQ0MTkxNzk2ODc1IDkwNi43NDIzNjQyNTc4MTI1IDUyNC44NDQxOTE3OTY4NzV6IiBwLWlkPSI3NTkxIiBmaWxsPSIjOGE4YThhIj48L3BhdGg+PC9zdmc+); } .content_Vip .Buydetial_box .tab>.saoyisaoR{ background-image: url(/static/img/weiSYS.9eabe9b.jpg); } .content_Vip .Buydetial_box .tabO{ background-image: url(data:image/png;base64,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); } .content_Vip .Buydetial_box .tabT:hover{ background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIADAAjgMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP75be3SdJJJJLosbq9X5b28jULHeTxoqpHOqKFRVUBVAwKzjFNNtyvzT+3NbTklopJbIZP9hh/v3n/gwv8A/wCSafIu8/8AwOf/AMkL+tkH2GH+/ef+DC//APkmjkXef/gc/wD5IP62QfYYf795/wCDC/8A/kmjkXef/gc//kg/rZB9hh/v3n/gwv8A/wCSaORd5/8Agc//AJIP62QfYYf795/4ML//AOSaORd5/wDgc/8A5IP62QfYYf795/4ML/8A+SaORd5/+Bz/APkg/rZB9hh/v3n/AIML/wD+SaORd5/+Bz/+SD+tkH2GH+/ef+DC/wD/AJJo5F3n/wCBz/8Akg/rZB9hh/v3n/gwv/8A5Jo5F3n/AOBz/wDkg/rZB9hh/v3n/gwv/wD5Jo5F3n/4HP8A+SD+tkH2GH+/ef8Agwv/AP5Jo5F3n/4HP/5IP62QfYYf795/4ML/AP8AkmjkXef/AIHP/wCSD+tkH2GH+/ef+DC//wDkmjkXef8A4HP/AOSD+tkH2GH+/ef+DC//APkmjkXef/gc/wD5IP62QfYYf795/wCDC/8A/kmjkXef/gc//kg/rZB9hh/v3n/gwv8A/wCSaORd5/8Agc//AJIP62R/P7/wdFxCD/ghr+2+iPOVktf2cGZZbm4nUtH+2T+zgEYCeWQKVEjjKgHDEGhK00k5WcZXvKUtnC27fdjP6ArH/Uv/ANfmof8Apfc0Q2f+Of8A6XIX/A/IuVYBQB8h/tuftFan+zL8Drvxz4e0+11DxXrniHTfBXhX+0Imn0yw1nVrHVtUfVNQgSSJ7iGw0nQ9Unt7fzFjn1AWUNxm2eZT+G/SF8UMw8J/Dyrn+T4ejXzrM81wnD+U1MTD2uGwWMxuFx2Mnjq9G8VX+rYPLsVKhSk/ZSxbw/t41aCqUan9DfRi8HMD43eKGH4WzjF18JkOV5RjeJs++qTjSxuKy3L8Vl+BjgcHVlCpGjUxePzTA0q1bkc6WDeJqUrVo02v5+rn/goT+2Jc3E1w3xr1aIzSvKYrbw74Kt7ePexbZDBH4aWOKJM7URQAqgDnrX+aFb6SPjdXq1K0vEDNISqzlNxo4XKaFKLk23GnRpZfClSgr2jCEYxirJJI/wBcaP0Qvo50KVOivDPL6ipQjBTrZxxNVqz5UlzVKs86c6k5WvKUndttne6r+1T/AMFBdD+HPhj4t6r8SPE9n8OvGepX2j+GPE76Z8PXtdW1LTLnVLO+tYbWLSJNRhe3udF1SJnurOCNjaOY3dXiaT3sZ4vfSQy/hvKOL8ZxbxDQ4bz7EYrCZRm06eTvD47EYKticPiqVKMcLKspUa2ExNOXtKUE3SlytqzfyeA8Bvoi5pxlnnh9gOC8jxHGPDWCwuY55kccbxfGvl+CxtHAYjC16lepmMMHUjWo5ngaijQxNWcViIqcYyjUUOc8K/8ABR79rrw5rthq958Tj4qsrWZGvfD3iLw54Xl0nVbYOrSWly+n6NYanaiTaMXWmahZXkXRJ/KeWKTgyb6T/jXlGYYfHT4yr5tSpTg6+XZtgctxOCxlFThOdCqo4OliKKqcig6+DxGGxUIuSpV4KUlL2c++hn9HrOcqxeX4bgdZDia9OSw2b5PnOeU8wwFflahiKMcXmWLwNdwu70MbhMThp7ypc8ac4f0J6r+1N8N/CP7Pvg79ozxza+OtO8G+K9C8Iaq2n+B/hf8AFH40eKrC78XWlvNb6evgz4OeC/HPjXUYrK5lktr3VbHw3LptrHCb28uLW0YS1/rPwdxXhOLeEeGeLIQ+o0eI8owGZLD1p3WErYvCqvWws8RKNODWHqqrQjXkqcK8oRcFerTi/wDEXjzhXEcCcZ8V8HYuvHGV+Fs/zXI6mLoU58mM/s3G1cJDF06K9pUhHEwpwrqk3KdKNTkn70JH4xfHr/g4b+EXwq/bb/Zq/Zo8I/Bn4q+LvhX8ZdJjv/HfxR8UfBT9qv4afEjwTc3Gq+JdOS38G/s+eLP2dLP4nfFaCGLRbK7N74M0jUre6lvrzTYXiutIvmT6KdWThKvRrYOph6U8PCq/b0Wv31ZU6kniPrCp0XQpyVVQnCUq7/dU2pyTXxcsXGNanSdOp76b5nTqxkrJ2SpOlzzu1a8dvkz71+LP/BWX9l34cfsv/tJ/tO6ZB8XNS0P9nDwPZeJdU8PfEn9n/wDaI/Zvm8X+IvFF7P4f+HfgrwxrPx/+EHgK01jUfGPjL+z/AA3NdeG7bxK/hg6naanrenx209ml5axFKcowo1KWIqTlGMY0KsKtnKUY3nKnKahGKbqSv73sqdWcITVOSWkq0Y06lRqaVON3z06lO7d+WK9pCN3J2jpezava6PO/2e/+Cz37JfjL4HfCr4hftZ/FL4BfsU/GD4neCtH+JEn7PHxA/aB0HXvGHhTwL41iOufDPXNZv9Z8L/De83ePPAd1oHjiwt/+EXgittL8QWMSXl6Vecr6xHnqxVPEyVOrKmpQwmLqKXJZOTdOhKC5ndw5ZzU6Tp1VJe05YqFem4QlUnSpSnFS5JVYXSlrHdxesbP4VZtrpc8U+A//AAcI/scfFH9mH9p39qXx9DefDnwl+zB8dYfhJ4k8MeGPEFl8WvGWveEPEOpeF9B+HHxl0/RdF03QLq18FfEPxFruraPorNDdQrJ4T1uVNUvPIligj6xVjHDKphqv1rFU4VKeEpuPtNabqVIOpiPqtH2lBRkq0ee8PcvrVpqUwxVKcK1RyUYUanJJ35rptRhPljeXLNv3dOj10dvSrj/gqD+0X4o+NvwPb4Mf8E3v2lviR+xh8S/hzo/jjxT+0fNpB0Dxjoc/iTT/ABRqmhQ+E/hNLDeSeLNFu9Mh8A6lFrEnibSnuIPFmow/YrZ9BMl9xvM3yTqrDY5OnPkeEeW4ipVrrmipVaGLoTq4PkSk5QUpNVfZtKcY1IVFpzzc4KNLmpTipOrzxjy3TaTpySm/s3elubZtNH17+xJ/wUL/AGd/2/8ATPixqfwBn8cH/hSfjsfDf4h6f478H3fg7U9I8Xrbz3E+mR2l1cXP2r7J9mnhuZon8uO4jaMFutdmGxSxDa9jVov2FDEwVSVCSqUMT7X2NWEsPXrwcZexqaSlGSsm42abqFSFRScHflnKEtJRalG101JJ6XR9yV1FhQAUAfz6/wDB0j/yg3/bc/68/wBnP/1sn9m2ofxx/wAE/wA4B0/rzP3+sf8AUv8A9fmof+l9zRDZ/wCOf/pcg/4H5FyrAKAPyq/4K+/8m1eCP+y5eGv/AFAfiZX8c/Td/wCTU8P/APZwsp/9Zviw/vT9nf8A8nq4o/7NdnX/AK1nBJ+Dnw6vNIt7LWjrt3qmn2dtJbXMV1pPwW8BfFQ5kjnW7Oo3/jDXvD02hQQJBbNaw2097b3TS3kskdk8G+8/zZyGeAVLFvMMRjcNSpunOnUwXCeTcSXvGp7b6xVzTMstlgoQUKTpRpzrwq81WUlRdNOt/qxxjhsxrYrLP7Lw+BxeJrwrUZ0Mf4l8V8B/BOk8P9TwnDuVZvTzSrVlVrxr1K1LDVqChh6cJ4mNXlw36C+Hvi18N/j/APCn9n39j7wdf+LrLxvp3xC1WWLxXrXwA+E934Qux4h1TxdqIc+Erfx/qFv4dttJtPEAn1XVNLsbq6eDTb68aCR7uZT/AElguLeF/Ejgnws8EMkxGe4fiDBcT46Mc3x/AnC9TJq7zzMs2xFOf1GjxHiZ5fQwVPMozxtfD4atOVPD167pzbs/5Fzjw/4z8JePvF36RXEeE4exXC+M4QwEJ5Blvi1x/h+IcO8owHD2Dcf9YK3CWDrZxWzDEZQ6WAwOOxVChGrjcLh41YRw9Nr4B+O3h+Pwb8U/GHgSHxF4f8WxeB9XuvDDeI/DfhDRPBenane6awi1bZpWhwxwSfYtW+3acl5NNdSXUdok8cqwSRQx/wA6cc5XDIeK874fp5lgM4hkOYYjKXmmW5dhcswmMrYObpYqdKhhY8k6cMVGtRp1pTqOtTpxqRcYSjCP9a+FebT4k4E4d4qqZPm/D9TijLqGeLJs64hzPiXGYLDY1OeX82PzSrOrD6zl/wBVxksNTp0IUJ4iVKcJVYTqT/pT+FXw2j+MX7AHgX4XSa1q/hw+Of2fdG8PW+v6Dr/jPwvqmjXt94ciTT9Sg1v4eeK/Avja0itL4W815H4a8ZeGNUvrJLjT4dasBdNcJ/sJ4G0vbeCvh5TvyuXCmW8ra5oqUYuUOeD0qU+ZL2lKd4VYc1OpGUJSi/8AB36ROvjr4tLVX484kV02nrmFdaOLjJPs1JNdGj+Jf4yN8DfgvqXxJ+C37a37L37S17/wWj8A+J9J+HP7Esnw4/al/bH8SeAPjRYfFXxDreg/B/4o/CHxx40+Ovjfxn4W8L6PrUt7c694bl8Zx3fiHWpYtD0yTR/EOpeMtF8Bfp6w0/ZVIU5zjhJtPERjhMr/ANmdKEJ1Y4mgsC3iKqaUsLKhSq+2c6S5I04+3n+CznCMnGtSn9ci+Wg1WxLVTnk1TlTm6zcVd+9FyXVJ8zlGH6l/tO/8EkPH/gv/AIIJ/ErQP2yP2ov2j/iJ8e/hD4b+In7Zvjm2h+LUfjDwtqfxa0D4d3dp4I+FPiLVfH2jePNc1v4Z/DHTEkt20zwh4i8LWGv+NtS8S+MYbtvtHh06PvCMaFWGJp4ajQc8RQoww8YU1ClTr4ijh/aSVJRj9bVKpW/eQbUPb1KDniKUITltUw8ng5RrVas5whOtJubd5xpykoXlzN04tLRNXa5tG7Kf9j+0/b+8E/Bn/ggJ+0d+zbe/Gr4rfs8XXwuX4PftlfA/wz4gurzwZY+Cta17WLLQvjNq/hS7vzb6pqvhew8Y+JNXuNQs7RNXMvw98GaQtzPbXEcNrx05qkq05fWX/t2YOgqFDE14RlRzbGe2pVIUJ8jeKoVPZ0ZV6ao0J0vaynzKmlcFW5cFOneUPZQjWi5RSs6ceWfvfyNtuz5nZR2bJv8Agjv8KL743/8ABOj/AIKUfDjSvhLpvxx1DVf+Ctvx7vE+G2p/tJfFH9k611WPTNG/Z31E3kvxt+DWheJPiB4Z/stbOXUYbHS9IntfEklmdB1KSHT725mj6KVOnUyzKFUw8cVCOX4GUqMlSn/zCuMZeyryjRq2k17tWUYx1qxbqU4Raw6co4tLd4utb35072lB/wASmnOOmui1+F6Nnwt+0v8AD79qT4Z/8Fa/2GP2VtL+Enj74b+Gfi98N9e1m+/Ze0H/AILIft1+OfAHxbOm2/xV8nWfEH7ReveGdK+JXwkuNNXwxbG30Lwd4Q1vT7seGrCOW4iXxDqX2RypYNUK1T6hTpypzwUY0vqGWyqWq4lU3yWrOi41k3SbnVhKioupFN8qeU/bLFUaSlJKcJtwWMxLjLljN3c3FTi42vaMWnZJ7u39Qf8AwSt8FeFfDngL4s6/4K+Hfwv8FaD4o8aaWs2qfCn/AIKR/Gv/AIKQ6H4n1/StLuJdXfUvG3xh0HRh8Pdb02LV9Oa60Lw9NfSa9DqVvqWt/Z3tNMNxWFWG5qssNhaeGi+SM/ZxwtPnmuaXvU8JUq01KMZxfPKSqSU0muWMG+2kmk9U7vRqvVrrz96rGLj6LTufqpXYahQAUAfz6/8AB0j/AMoN/wBtz/rz/Zz/APWyf2bah/HH/BP84B0/rzP3+sf9S/8A1+ah/wCl9zRDZ/45/wDpcg/4H5FyrAKAPy4/4K0/2f8A8M+/Db+1vP8A7K/4aA8Hf2n9lx9p/s//AIQn4kfbfs+ePP8As3meTnjzNua/j76a3sf+IX8M/WOb2H/ER8l9vyfH7H/V7iv2nJ/e5Obl87H90/s/vrn/ABFzjT+z/ZfX/wDiEfEf1H29/YfXP9ZuDPq3tra+y9tye0tryXPyX8Sr+2PYeOHsfh1a/GrSfDb6hNN8M7D4QJ43t/h9J4UluPM8P3PgQ+FMaLqWiT6dPZyf2rC91d6hJLJc6/d3GrzX8r/w3il4zYXOqOH4apcc4HCVK86vCuF4OXENLJamWzrf7FW4c/sxuhi8FUpzptY2lOvXxU5yrY/EVsZUr1Jf6A5K/o44vheOK4xr+GeYZzHB06XG2L8RJcMVeLoZ/To8mb0eKln98ywWZ0sZSxMPqFSNDD4SFOFHKcPRy+nhIR+8vDvxzt/2RPCOheIv2qND8EfEP9pfU7yGPw/oPhXRvB+nfF3wL4C1Oza01a+8ffEPQrIH+0r+yllbT9OuJZNWvGaOGbVpVudTu9C/o3JOP8N4IZNgsx8V8p4f4n8VcTWgsryrKcJk2X8bcM8P43CVaGOxXFPFmWYSdb+0cdhq3NhcFip1c1UJR9tjY/Wa8sD/AClnHhbW+kLxDmuT+A+acT8H+CeBw1Seb5rn2ZcRYzw94q4swOIjiMvwvCfCGaYpr6lhMTTprGYyjCGX4dKdSll9N0cFh818K0v9lv8AY6/acd7r9nX4/av8O/Heos1wfhf8YooLq/nv5nkdrTTb2S5sb++3Lm4mudJ1Px5PHhmufLMhWD4LBeEfgj4qXn4YeJeL4X4ixCco8H+IdOj9Yr4upXaVHCZjRnQdaM4PnjHBT4ixenNXVNzlGl+qY7x1+kb4IRjQ8Y/CXL+MOFcGo0lxz4c1KtDCUsJTjCMcRjcNCjisJhbStRp0cwwPClKfuxo86gpVf1wl/Zq8Y+I/2RfB37OEvxs+JPwL8Tab4Q8GeGdd+Kf7POt6JpPjvT4vD0lg2t2vgrxL4y8H+IbbSE8QWtpcaWdbbwwmtWNleyXWmnTtSjhnh/0W8NuF8x4S8PuD+Fc1rYeWYZBlODwGOngK1eeErVcMpRn7Cs4YTESoybU4SlToydoqtSlTdSjP/K7xZ4oy7jrxJ464uyeGNw+WcT8S5tnOAhjadCjj6OFx+LniKUMTSpVcXQp4iMJclWNKvXpxlzezqzXLM/LX9jv9hz/gjj+1J4Y/at+GXh/9mvVfjL4k8E/GzVvh/wDHH4v/ALU0+u+Pfjx8W/Efh64vtN0341eCfjnq/i3W/iAvgLxXqeleKdI8HeMPBWu/D/8Atu58KeIr238PwWEtnqmsfZYaeHqLko4iVV0lTk3RqRhCKnVqVqfu4P2WFi6us6tOEIzq0pU1jIS5op/msKOHmqkXSu1OUZyqrmnJpcrmpzcp20ajJNaqXJbd+yfs6fsZ/CH41/stftkfALwn+0n+214n/Z6+KGrftC/sazeBP2gviJ4Y+JWsfBHWvgt8SPiX8CPiBqXwS8W67pPibxb/AMIbqmpaEZfBum+P/FHivyvDWmaHLLpXhy+ur/RrJRw6UpQp1ZL6t9WiouCVL2tH6vjKEvY0nSoRpwi6UJQw1HCuadVTnOXsp0tIQjKnUjzVZQqOrTtOSk4JOdGahJqU7NpuPPKdrR0WqfafCDVvhH+y/wD8EkvAGl/B/Vv2nbj4a+CfBGi/Bb4c654Th+B0H7UUut+Kvi5F8FfDmqeHl8fXdt8BLPxYfHniK2utNu/F848IWWmeVea3byiG4s3wweJw9bLVi+etChWrYivVm4+zqJ1cbVqYi0aU6s4U3UlUUVTqTrRotctT2yUirKlTUI8z5YxpwtyOd7KEWudKHNdp+8lG+6tofM37H/wR/Y7/AGX/APgm7+1l4q+EvxN/bi+CnhrRfi98Zfid+054t8YeMfhhJ+174c+NHwWmstC+J3gmPVPB+j+Ifg9qWuazfeCI9LtLbwR/b2i+L7zxM0OleJpG1K0/s66iw1WnWUalajGhKhhOWhU+qSjGlBSwuFpyTpckJfWoOCnOE+arGlWnHldOGdKMaVGbi6iTlUqTcuWVTni7VG7KUW/3f2bp7x3ueMePP2PP2NPGvw5+BH/BXLx1+0t/wU38Qan4A0vwto2g/E3UfiX8H/8Aha37NPhnxh42vPhx4+l+IWj/APCB2+naFpnwT8S+LfF9r8cotDuvF+o+D7TSfGl9YWevWuiyyVHs8PHCTUcRjKuGrzi5VPbTq1ZOlNuhKjVqXxUozrU4RwscLKTq1K1OVGEo1ZTJlCDcMTKVVSgkk/cTpqT5Z88VFRXs+aXtb35VGV78tj9C/wDgkH+zJ+y5+z38Ffi3r37Iur/H7WPhT8Yfjz8RPEEmr/HLWvCuq23jfxT4H17Ufhp4h+K/wyj8L6VpKL4A+Id34WE/h7WtRtLKfxToOj6Jr1jpVjo91p01904VwqOVWE604KnRwtPndL2fs8Opyi6UaSTTUq86NZVeWtGpRdOpCEqbvpQpwpwap81pTnJuWrcr8ra/uy5U4taNNSWjP1prsNgoAKAP59f+DpH/AJQb/tuf9ef7Of8A62T+zbUP44/4J/nAOn9eZ+/1j/qX/wCvzUP/AEvuaIbP/HP/ANLkH/A/IuVYBQB8mftpfs53f7TnwSvfAWj6na6T4o0fXtP8ZeErjUGmXS59e0mx1XTVsNUe3WSWG01HS9a1OzF0kNx9iupra9a2uFtzE/4n4/eF2L8WvD+rw7luLo4TOMvzPC5/k7xTlHCYjHYPDY7B/VMVUgpSpU8ThMwxVOFZQmqWIdGpOLpxnb+gPo0+MmH8D/E7DcWZjga+PyPMcqxnDfEFHBqnLHUsqzDFYDGvF4GNVwp1MRg8dlmBxLoSqUfrNCnWwyrUpVlUj+G+l/sl/wDBRr4f2d54U8KaJ8UtA0J5ZGn0zwb8WtLsPDt8ZH8w3H2TRvG9vYzee2Jm86BZw5H2iOOZWRf878P4L/Sb4ao4vJcqyfjLLsBWlfE4TIuKKEMrxd2pqdSGWZ2sHiL2jJqpFzjJJVIwqRcV/qLjvpA/Q24txOGz/Psz4FzbNY04KljeI/D/AB2LzjCqEeRUvrGZcMVcVS9kr017Oq6Tiv3M503GT85uf2Bv2y7y4murv4MeI7q6uJHmuLm58Q+EZ7ieaRi0ks00viVpJZHYlnkdmZmJLEk18xP6O3jhUnKpU8P87qVJtynOdfLpTlJu7lKUse3Jt6tttt7n2VH6WX0bsPSp0MP4k5NQoUYRp0aNHJ+IaVKlTglGFOnThksYQhGKSjCKUYpJJJHSeDP+Cbf7XHibX9P03Ufh0PBemS3dsmoeJfEPiPwwtjpNtJKFlvTZ6brd9q9+1ugeUW+m2NxMzKqMYhIr16+RfRc8a85zChhKvCVTJMPKtQhiMzzfMMsw2FwVKpUUZYmVOnjKuNxMaMeapOlgcNia9opKnzSgn4vEn00Po+ZJlOLxuD4xfEuNp4etLCZLk+TZ48VmFeFNuGGWIxuWYXL8IqsnGDrY3FUacU5SXtORxP6RrP4cavoPwST4T+FPHWr6L4g074ZyeBfD3xLu7SPXdb0jXY/DT6JpnjiXTr+6FvqeoadqJh10aZc3i2txNCLJ50t23r/rPwxw6uGOE8k4XoY/EYt5LkmDyiGZYnnliMRUwmEhh3jakZ1qkoyqVIusqCryjRTVGnU5IRZ/iJxfxDPi3iriPiieBwmVz4hzrM84/s7AU4U8Fl6zDF1cVHB4WEKdOPscLGoqMJezi5qHPOPNKR8b/slf8E0vhN+xV8S9F8dfA/xt8TodGk/Z20P4DfEPwd4/+IXxK+K1t46uvBHiSy8RfDbxxpuqfEzx94sk+GyeCn1f4r21r8PvAVjpHgKZvitrN5ZaPpE+nx/bfcp0HTnCblB8tJxlGnRp0IzrVJRliMQ40eSLqYiUKTnzxqOCppU5Q56vP8xClGm7wcrcqi1Kcp3UX7ms2+VQTnaMeWL522tEeq/st/syfEH9mzxD8ZbSX4z6N46+EvxM+NHx9+Ofh7wI/wAKv+Ea8V+C/Fv7QHxn8TfGTxBaXvxDi+IGtW3ivRtGvvFusaJpdt/whPh64ktfsV3cXZlt5IbghRqxxFWs6/NTrWboeyilGcadCjTnGpzOelKjacZcynOXPH2aXI6hFwTV01zTktLNc85VGm7tNJydtFpvcwNZ/Ya8KeJP2NLL9jTxD4rfWvCCeIPCurazreoeG7WdPEGmeHvjvpHxsvvD2oeHn1Q2xsNfGmSeEL1jqMnl2F7LqAimkQWT8lDLZYfLI5dDEO8VJLEezcZJTryrNxhGqnGaUnGElU92Vp2duR1KKmrNXV4tp6p2adn3TtZ+RpfGT9hT4N/E79n7wl+yr4S0+2+Bv7P2k/EjwT418W/Dz4L2Vz8M4vFvh/wf4x/4WRceD9O8QfDzVvB3iTwJc+KfiJZaJ4r8R+OPCmqWvi6+u7LUma/+369e6mnVVw7nGlCE4xpwqQdaFWlHERxNGNKVKVGqqrfNzRcH7SfPJOnF2b2l04uPIlyRunan+7s1Ln0cLON5atxs3rrrcyvhJ+wn4O+DnwG/aX/Zn0Dxp4m8QfBv49+IvjDrXh7QPiHfeJfibrXw5sPjx4Tgs/id4f1Lxj8RvF/izxP8UrPxF8R9R8d/FK8v/GWpf2xfat8QNc0zWL/VVVdSlJYebpYqnGs6csRGahUhHlnQlKl7Gm4KE4QjGhTjSjSjSjRt7PnnKdWc6jIU4wi4auDbfLJuWktZpuV3Lmk5Sbk3rJrZI+lfgP8ACnTvgR8D/g38ENIvl1TS/g78K/h98LtO1RdOg0capZeAPCek+FbbUv7Jtpri301r+LSlu2sILieK0aYwRzyqgkbenGUacIzkpzjGKnNJxU5pLmnyuU2uaV5Wc5NX1lJ6uoxUYxitoxUV6RSS/BHq9WMKACgD+fX/AIOkf+UG/wC25/15/s5/+tk/s21D+OP+Cf5wDp/Xmfvvb3CQJJHJHdBhdXrfLZXkilZLyeRGV44GRgyMrAqxGDSjJJNNSvzT+xN7zk1qotbMZP8Abof7l5/4L7//AORqfOu0/wDwCf8A8iL+t0H26H+5ef8Agvv/AP5Go512n/4BP/5EP63Qfbof7l5/4L7/AP8AkajnXaf/AIBP/wCRD+t0H26H+5ef+C+//wDkajnXaf8A4BP/AORD+t0H26H+5ef+C+//APkajnXaf/gE/wD5EP63Qfbof7l5/wCC+/8A/kajnXaf/gE//kQ/rdB9uh/uXn/gvv8A/wCRqOddp/8AgE//AJEP63Qfbof7l5/4L7//AORqOddp/wDgE/8A5EP63Qfbof7l5/4L7/8A+RqOddp/+AT/APkQ/rdB9uh/uXn/AIL7/wD+RqOddp/+AT/+RD+t0H26H+5ef+C+/wD/AJGo512n/wCAT/8AkQ/rdB9uh/uXn/gvv/8A5Go512n/AOAT/wDkQ/rdB9uh/uXn/gvv/wD5Go512n/4BP8A+RD+t0H26H+5ef8Agvv/AP5Go512n/4BP/5EP63Qfbof7l5/4L7/AP8AkajnXaf/AIBP/wCRD+t0H26H+5ef+C+//wDkajnXaf8A4BP/AORD+t0fz+/8HRcon/4Ia/tvuiThY7X9nBWaW2uIFDSftk/s4FFBnijDFhG5wpJwpJoTvNNKVlGV7xlHdwtul2Yz/9k=); } .content_Vip .Buydetial_box .tabT{ background-image: url(data:image/png;base64,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); } .content_Vip .erweima_box .ewm_img{ background-image: url(/static/img/qrcodeNew.a79526d.jpg); } .content_Vip .erweima_box>h3{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1ZWFhODg5Zi0yMmRiLWY2NDUtOGNhYy1kMjY2MDQ3MDc0YzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTNEQjEzMjcxQjA2MTFFNTg2NDNGMEUxRjI4NzFCRTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTNEQjEzMjYxQjA2MTFFNTg2NDNGMEUxRjI4NzFCRTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODU4NjI3MmEtNTllOS1jNDRjLWI3M2YtMTUyNGEzYmUyNzYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVlYWE4ODlmLTIyZGItZjY0NS04Y2FjLWQyNjYwNDcwNzRjNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PieEtuAAAAF+SURBVHja7JlBjoIwFIaL4yGsh+Aesxl1y9aJ4QgcgRvIxi1LE13oPbiDgUuM+JphFjLQFmiJlv8lTZvQvPR7/2t5FK8sSzYl8wAMYAADGMAABjCAAQxgAPeymatgURSVkwJus7ml6B6pW4stM8CNUOgUx/Hm5YHJTCzSq4JmT2FSprcjUmLM/flJ3YEab5mSd1FY5azueEvtajoIiuCr1se7AP9zFgQB832fZVnG0jStOxbzlyOfPVwWUFmw5jrREZA1UK1ovtUprZOOQ/Y8Cg8AAxjAAAbweLW0bRMVHle8FguXFE6o3SXPf6jtXQIOFWv/qOY4A8z7znnbQ0uUvn/lb9vYpUPrqY5vG0NhKDxlhV/9W9e6wmEYOqtw3vQOS5KkUwlnO0tMKvwtg6jZjf3eWnYvlYZlTK4xp9BV+MJGuJiTZIyOCVHEbelCIsSu6YGVv4eUVifqvgy4OtN+XJlcG/4PAxjAAAYwgAEMYAADGMAABjCAATwBewgwAIO82uHXWzTbAAAAAElFTkSuQmCC); } .content_Vip .point>h3{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMzMTg2NzA2MDA4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxOTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgwNi4zMzY3NjggMCAyMTcuNTE4NzAxIDBDOTcuNDEzNjkxIDAgMCA5Ny4zNDE0MjYgMCAyMTcuNDQ2NDM2bDAgNTg4LjgxODA2NmMwIDEyMC4xMDUwMTEgOTcuNDEzNjkxIDIxNy40NDY0MzYgMjE3LjUxODcwMSAyMTcuNDQ2NDM2bDU4OC44MTgwNjYgMGMxMjAuMTA1MDExIDAgMjE3LjUxODcwMS05Ny4zNDE0MjYgMjE3LjUxODcwMS0yMTcuNDQ2NDM2TDEwMjMuODU1NDY5IDIxNy40NDY0MzZDMTAyMy44NTU0NjkgOTcuMzQxNDI2IDkyNi40NDE3NzggMCA4MDYuMzM2NzY4IDB6TTczOC45ODU0NjIgNDc5LjYyNTEyNGwwIDczLjk5OTcxOEw1NTguMzk0MzU0IDU1My42MjQ4NDFsMCAxMDEuODk0MTQzIDE4MC41OTExMDggMCAwIDc0Ljg2NjkwMkw1NTguMzk0MzU0IDczMC4zODU4ODZsMCAxNDguNDMzMDI4TDQ2NS4zODg4NSA4NzguODE4OTEzbDAtMTQ4LjQzMzAyOEwyNzguMTQ5MzMgNzMwLjM4NTg4NiAyNzguMTQ5MzMgNjU1LjUxODk4NCA0NjUuMzg4ODUgNjU1LjUxODk4NGwwLTEwMS44OTQxNDNMMjc4LjE0OTMzIDU1My42MjQ4NDEgMjc4LjE0OTMzIDQ3OS42MjUxMjQgNDM3LjkyODAxNyA0NzkuNjI1MTI0IDI0My4xMDA2MzUgMTQ0Ljg5MjAyNWwxMDQuNzEyNDkxIDBDNDM4Ljg2NzQ2NiAzMTEuMTc0NTk0IDQ5NC4yOTQ5ODkgNDE2LjY4MjAwNCA1MTMuODA2NjM0IDQ2MS4xOTc0NTlsMS44Nzg4OTkgMGM2LjY0ODQxMi0xOC40Mjc2NjQgMjQuNzg3MDE1LTU1LjQyNzUyMyA1NC41NjAzMzktMTEwLjk5OTU3N2wxMTEuMzYwOTAzLTIwNS4zMDU4NTcgOTkuMDc1Nzk0IDBMNTgzLjk3NjI4OCA0NzkuNjI1MTI0IDczOC45ODU0NjIgNDc5LjYyNTEyNHoiIHAtaWQ9IjQxOTMiIGZpbGw9IiM3Nzc3NzciPjwvcGF0aD48L3N2Zz4=); } .content_Vip .vip>.vip1{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTM0NzQ0NDM1MTY4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM5NzciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTgwOC4zNTM1NjggNjMuODE1NDIxIDIxMi43NDMzMTIgNjMuODE1NDIxYy04Mi4yMjc3NyAwLTE0OC45MDY0MDEgNjYuNjA0OTU0LTE0OC45MDY0MDEgMTQ4LjkwMjMwOGwwIDU5NS42MTQzNDljMCA4Mi4xNTkyMDggNjYuNjc4NjMyIDE0OC45MDIzMDggMTQ4LjkwNjQwMSAxNDguOTAyMzA4bDU5NS42MTAyNTYgMGM4Mi4yMjc3NyAwIDE0OC45MDIzMDgtNjYuNzQzMSAxNDguOTAyMzA4LTE0OC45MDIzMDhMOTU3LjI1NTg3NyAyMTIuNzE3NzI5Qzk1Ny4yNTU4NzcgMTMwLjQyMDM3NSA4OTAuNTgxMzM4IDYzLjgxNTQyMSA4MDguMzUzNTY4IDYzLjgxNTQyMUw4MDguMzUzNTY4IDYzLjgxNTQyMXpNODA4LjM1MzU2OCAyODcuMTczNDg4bC00Mi44Mjc0MTEgMEw0NjcuNzIwNTE3IDgwOC4zMzIwNzlsLTQyLjYwODQyMyAwTDI1NC45ODIzMjIgMzcxLjUwOTI2OWwtNDIuNjAwMjM3IDAgMC03OS4zODkxMTggMTI3LjY2NzY4MSAwIDEwNy43NTIwOTYgMjg3Ljg0MjczMSAxOTAuMTMwMjkyLTM2Ny4yNDUxNTIgMTcwLjQyMjQzOCAwTDgwOC4zNTQ1OTIgMjg3LjE3MzQ4OCA4MDguMzUzNTY4IDI4Ny4xNzM0ODh6IiBwLWlkPSIzOTc4IiBmaWxsPSIjNzc3Nzc3Ij48L3BhdGg+PC9zdmc+); } .content_Vip .vip>.vip2{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMzMTg2NTk5NjkwIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0NjMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkzMi4zNTIgMEg5MS42NDhDNDAuOTYgMCAwIDQwLjk2IDAgOTEuNjQ4djg0MC43MDRDMCA5ODMuMDQgNDAuOTYgMTAyNCA5MS42NDggMTAyNGg4NDAuNzA0YzUwLjY4OCAwIDkxLjY0OC00MC45NiA5MS42NDgtOTEuNjQ4VjkxLjY0OEMxMDI0IDQwLjk2IDk4My4wNCAwIDkzMi4zNTIgMHogbS0xNy40MDggOTAxLjEyaC0yODQuMTZjMC00MS40NzIgMTMuMzEyLTc3LjMxMiA0MC40NDgtMTA4LjU0NCAxNC44NDgtMTYuODk2IDQ2LjA4LTQxLjk4NCA5My42OTYtNzQuNzUyIDI2LjExMi0xOC40MzIgNDQuNTQ0LTMzLjc5MiA1NS44MDgtNDUuNTY4IDE3LjkyLTE5Ljk2OCAyNi42MjQtNDEuNDcyIDI2LjYyNC02NC41MTIgMC0yMi4wMTYtNi4xNDQtMzguOTEyLTE3LjkyLTQ5LjY2NC0xMS43NzYtMTAuNzUyLTI5LjY5Ni0xNS44NzItNTMuMjQ4LTE1Ljg3Mi0yNS4wODggMC00NC4wMzIgOC43MDQtNTYuMzIgMjUuNi0xMi4yODggMTUuODcyLTE5LjQ1NiA0MC40NDgtMjAuNDggNzIuMTkyaC02Ni41NmMwLjUxMi00NS41NjggMTMuODI0LTgxLjkyIDM5LjkzNi0xMTAuMDggMjYuNjI0LTI5LjY5NiA2MS45NTItNDQuNTQ0IDEwNS45ODQtNDQuNTQ0IDM5LjQyNCAwIDcxLjY4IDExLjI2NCA5Ny4yOCAzNC4zMDQgMjUuMDg4IDIzLjA0IDM3Ljg4OCA1MS43MTIgMzcuODg4IDg4LjU3NiAwIDM1LjMyOC0xMy44MjQgNjcuMDcyLTM5LjkzNiA5Ni4yNTYtMTUuODcyIDE2Ljg5Ni00NC41NDQgMzguOTEyLTg0LjQ4IDY1LjUzNi00MS40NzIgMjcuMTM2LTY2LjU2IDUxLjItNzUuNzc2IDcxLjY4aDIwMC43MDRWOTAxLjEyeiBtLTc0NC45Ni0xNi4zODRWMjAxLjIxNkgxMDguMDMyVjEzOS4yNjRoMjQ4LjMydjMxMC43ODRsMzEyLjgzMi0zMTAuNzg0aDI0Ni4yNzJMMTY5Ljk4NCA4ODQuNzM2eiIgcC1pZD0iMTQ2NCIgZmlsbD0iIzc3Nzc3NyI+PC9wYXRoPjwvc3ZnPg==); } .content_Vip .vip>.vip3{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTMzMTg2NjA0NDk3IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2MzYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkzMi4zNTIgMEg5MS42NDhDNDAuOTYgMCAwIDQwLjk2IDAgOTEuNjQ4djg0MC43MDRDMCA5ODMuMDQgNDAuOTYgMTAyNCA5MS42NDggMTAyNGg4NDAuNzA0YzUwLjY4OCAwIDkxLjY0OC00MC45NiA5MS42NDgtOTEuNjQ4VjkxLjY0OEMxMDI0IDQwLjk2IDk4My4wNCAwIDkzMi4zNTIgMHogbS04MjQuMzIgMjAxLjIxNlYxMzkuMjY0aDI0OC4zMnYzMTAuNzg0bDMxMi44MzItMzEwLjc4NGgyNDYuMjcyTDE2OS45ODQgODg0LjczNlYyMDEuMjE2SDEwOC4wMzJ6IG03NzQuNjU2IDY3MC43MmMtMjcuMTM2IDI0LjU3Ni02My40ODggMzYuODY0LTEwNy41MiAzNi44NjQtNDEuOTg0IDAtNzYuMjg4LTEwLjc1Mi0xMDEuODg4LTMyLjI1Ni0yOC42NzItMjQuMDY0LTQ0LjU0NC01OS4zOTItNDguMTI4LTEwNC45Nmg2OC4wOTZjMS4wMjQgMjYuMTEyIDkuMjE2IDQ2LjU5MiAyNS4wODggNjAuOTI4IDE0LjMzNiAxMy4zMTIgMzMuMjggMTkuOTY4IDU2LjMyIDE5Ljk2OCAyNS42IDAgNDYuMDgtNy4xNjggNjAuOTI4LTIxLjUwNCAxMy4zMTItMTMuMzEyIDE5Ljk2OC0yOS4xODQgMTkuOTY4LTQ4LjY0IDAtMjMuNTUyLTcuMTY4LTQwLjQ0OC0yMC45OTItNTEuMi0xMy44MjQtMTEuMjY0LTMzLjc5Mi0xNi4zODQtNTkuOTA0LTE2LjM4NGgtMjguNjcydi01MC4xNzZoMjguNjcyYzI0LjA2NCAwIDQxLjk4NC01LjEyIDU0Ljc4NC0xNS4zNiAxMS43NzYtMTAuMjQgMTguNDMyLTI1LjYgMTguNDMyLTQ1LjU2OCAwLTE5Ljk2OC01LjYzMi0zNC44MTYtMTYuMzg0LTQ1LjA1Ni0xMS43NzYtMTAuMjQtMjkuNjk2LTE1LjM2LTUzLjI0OC0xNS4zNi0yNC4wNjQgMC00MS45ODQgNS42MzItNTUuMjk2IDE3LjkyLTEzLjgyNCAxMS43NzYtMjEuNTA0IDMwLjIwOC0yNC4wNjQgNTQuNzg0aC02NS41MzZjMy41ODQtNDAuOTYgMTguNDMyLTczLjIxNiA0NS41NjgtOTUuNzQ0IDI1LjYtMjMuMDQgNTguODgtMzMuNzkyIDk4LjgxNi0zMy43OTIgNDAuOTYgMCA3NC43NTIgOS43MjggOTkuODQgMjkuNjk2IDI0LjU3NiAxOS45NjggMzYuODY0IDQ3LjEwNCAzNi44NjQgODIuNDMyIDAgNDQuNTQ0LTIzLjA0IDc0LjI0LTY4LjA5NiA4OS4wODggMjQuMDY0IDcuNjggNDMuMDA4IDE4LjQzMiA1NS4yOTYgMzMuMjggMTMuODI0IDE1LjM2IDIwLjQ4IDM1LjMyOCAyMC40OCA1OS4zOTItMC41MTIgMzYuODY0LTEzLjMxMiA2Ny41ODQtMzkuNDI0IDkxLjY0OHoiIHAtaWQ9IjE2MzciIGZpbGw9IiM3Nzc3NzciPjwvcGF0aD48L3N2Zz4=); } .content_Vip .smTitles{ background-image: url(data:image/gif;base64,R0lGODlh6AMDAIAAAOtVBeXl5SH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUzOEZBMEY3MDVDOTExRTU4ODdFQ0ZGNjgyM0NEMkNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUzOEZBMEY4MDVDOTExRTU4ODdFQ0ZGNjgyM0NEMkNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTM4RkEwRjUwNUM5MTFFNTg4N0VDRkY2ODIzQ0QyQ0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTM4RkEwRjYwNUM5MTFFNTg4N0VDRkY2ODIzQ0QyQ0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAA6AMDAAACVYSPqcvtD6OctNqLcw68+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MaYbEovGITCotwabzCY1Kp9Sq9YrNareepfcLDovHEq75jE6r1+y2+w2HFQAAOw==) } .watch-later-list[data-v-f3fb118c] { min-height: 460px; width: 980px; margin: auto; } .watch-later-list header[data-v-f3fb118c] { margin: 30px 0 24px; } .watch-later-list header[data-v-f3fb118c]:before { content: ""; display: inline-block; width: 25px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACm0lEQVRIibWVXUhTYRzGf3u3dnac22TiCvIjsVKM2oUV7UJqRCVRSpFG0EV1rZSS3Rhe1W1dKEGBEBQUdJMrqIgGCWX0sUzIFDWa86Mktbm1uZU7XWwD1/zYrD1wLt7//znP7z3nPed9VZ62emI6DDQCO4Bs0pMfeANcAR7Gi/n1bQCI2PgS4ADsqwAQu8cOPIhlJUgAh4CWVQQvpRaibyUB0vQfAXE1/g3ZngFIQqYADMu5c3bXoVKr04UkZIqlXHFlb60k78hZ1PqcdEGpQwC064qxHL+AtH5j5iAA6iwDeTUNZFvtmYNE3YKcyqOYD5xCtUbKECSmrE0VmPeezCwkONzDtPN2yn5NWulKBG+3A5/LCSjLWuP7VlqQSNDP1JObhEYH0ppXypDwpJupRx3M+2aSemqDGWPFPnRFWxBZRiKBWebcHwGKAHdKkJ99L/nx/B7K/O+knq6wnNyqM4TGBpl+dovwtxEAtGsLEXrjJ7l421Hg8YqQGeedResaoxlz1Wl8rqcEhlyYbDVIB0sBCHkG8L64L4e/fuk02apLBeBbCbSYDBX7CY8PERh6j6W2GbnEyviNZoRWh1xixVLbTPDzB62/t+uaAN6uBqIrKsfX48Rkq0ZIclJfSDKmXdUEBt/ZBXB1NRAhGwlPjiAVlC49kYIyfk2N6QTRI/NyupBIcHbR+mh7A6PtDdGBClAUJb7wF4HXwDlgJ6BfCTLn7kNrKSTkGUAusQKJPyDA3Eg/GkPuxMKvyxG7ltWCoA1CNvR5uztlKX9z0rpEQkG8rxwISd+qUpTlt4cVVOXtdnQGh3u0JlsNuoKy6BN4+vF2OxBa+a6l7vyJf4UAFPl7u64HB117wt89EgqKxpg7odLqWi3HmjoA/gB2vcWrmiS2/AAAAABJRU5ErkJggg==); vertical-align: middle; margin-right: 5px; } .watch-later-list header .t[data-v-f3fb118c] { font-size: 18px; } address[data-v-f3fb118c], caption[data-v-f3fb118c], cite[data-v-f3fb118c], code[data-v-f3fb118c], dfn[data-v-f3fb118c], em[data-v-f3fb118c], th[data-v-f3fb118c], var[data-v-f3fb118c] { font-style: normal; font-weight: 400; } .i-wrapper .r-con[data-v-f3fb118c] { width: 260px; float: right; } .watch-later-list header .r-con[data-v-f3fb118c] { width: auto; } .watch-later-list header .s-btn[data-v-f3fb118c] { cursor: pointer; background: #fff; border: 1px solid #00a1d6; display: inline-block; padding: 5px; color: #00a1d6; text-align: center; vertical-align: middle; border-radius: 4px; margin: 0 9px; -webkit-transition: all .2s; transition: all .2s; } .watch-later-list header .s-btn.disabled[data-v-f3fb118c] { color: #C9CCD0; border: 1px solid #C9CCD0; cursor: not-allowed; } .watch-later-list .list-box .av-item[data-v-f3fb118c] { position: relative; padding: 0 0 0 50px; margin: 0 0 20px; } .watch-later-list .list-box .av-item .key[data-v-f3fb118c] { position: absolute; width: 80px; left: -28px; top: 40px; font-size: 20px; color: #222; text-align: center; } .watch-later-list .list-box .av-item .av-pic[data-v-f3fb118c] { float: left; width: 160px; height: 100px; overflow: hidden; border-radius: 4px; position: relative; } .lazy-img[data-v-f3fb118c] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) 50% no-repeat; width: 100%; height: 100%; display: inline-block; } .lazy-img img[data-v-f3fb118c] { display: block; width: 100%; height: 100%; } .watch-later-list .list-box .av-item .av-pic .corner[data-v-f3fb118c] { position: absolute; bottom: 0; right: 0; border-radius: 4px 0 0 0; background: rgba(0,0,0,.5); color: #eee; font-size: 12px; padding: 3px 5px; } .watch-later-list .list-box .av-item .av-about[data-v-f3fb118c] { margin-left: 180px; height: 99px; border-bottom: 1px solid #e5e9ef; } .watch-later-list .list-box .av-item .av-about .t[data-v-f3fb118c] { font-size: 14px; color: #222; font-weight: 700; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; width: 740px; } .watch-later-list .list-box .av-item .av-about .info[data-v-f3fb118c] { margin-top: 20px; } .watch-later-list .list-box .av-item .av-about .info .user[data-v-f3fb118c] { color: #6d757a; } .watch-later-list .list-box .av-item .av-about .info .user .face[data-v-f3fb118c] { float: left; vertical-align: middle; overflow: hidden; border-radius: 50%; width: 20px; height: 20px; } .watch-later-list .list-box .av-item .av-about .info .user span[data-v-f3fb118c] { margin: 2px 0 0 10px; float: left; } .watch-later-list .list-box .av-item .av-about .info .state[data-v-f3fb118c] { float: right; margin-top: 3px; } .watch-later-list .list-box .av-item .av-about .info .state .looked[data-v-f3fb118c] { color: #999; padding: 3px 25px; margin-right: 20px; border-right: 1px solid #e5e9ef; } .watch-later-list .list-box .av-item .av-about .info .state .btn-del[data-v-f3fb118c] { cursor: pointer; font-size: 16px; vertical-align: top; margin-top: 3px; background-position: -342px -1047px; } .be-pager[data-v-f3fb118c] { text-align: center; margin: 20px auto; } li[data-v-49a41815]{ width: 160px; height: 90px; margin: 10px; list-style: none; background-image: url(/static/img/small.d64e2cb.jpeg); background-size: 1600px; position: absolute; } .van-fpbar-box[data-v-49a41815] { position: absolute; left: 0; top: 0; width: 100%; height: 10px; border-color: #000; border-style: solid; border-width: 4px 8px; background: #444; -webkit-box-sizing: border-box; box-sizing: border-box; } .van-fpbar-box span[data-v-49a41815] { display: block; background: #fff; height: 2px; -webkit-transition: width .12s; transition: width .12s; } .box[data-v-2cafcef7]{ width: 800px; height: 500px; margin:0 auto; } .barrage-container-wrap[data-v-2cafcef7]{ width: 100%; height: 500px; position: relative; overflow: hidden; /*background: url('./img/bg.jpg') no-repeat;*/ background-size: 100% 100%; border: solid 1px; } .barrage-container[data-v-2cafcef7]{ position: absolute; top: 0; left: 0; right: 0; bottom: 30px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .barrage-item[data-v-2cafcef7]{ position:absolute; top:0; left: 100%; white-space: nowrap; cursor: pointer; color:#fff; } .barrage-item .barrage-tip[data-v-2cafcef7]{ display: none; position: absolute; top:-26px; padding: 7px 15px; line-height: 12px; font-size: 12px; color: #f20606; background-color: #fff; white-space: nowrap; border: 1px solid #ddd; border-radius: 8px; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.1); box-shadow: 0 0 10px 1px rgba(0,0,0,.1); -webkit-transform-origin: 15px 100%; transform-origin: 15px 100%; webkit-animation: tipScale-data-v-2cafcef7 cubic-bezier(.22,.58,.12,.98) .4s; -webkit-animation: tipScale-data-v-2cafcef7 cubic-bezier(.22,.58,.12,.98) .4s; animation: tipScale-data-v-2cafcef7 cubic-bezier(.22,.58,.12,.98) .4s; } .send-wrap[data-v-2cafcef7]{ margin-top: 20px; } .input[data-v-2cafcef7]{ width: 300px; height: 30px; line-height: 30px; outline: none; -webkit-appearance: none; border-radius: 5px; padding:0; padding-left: 10px; } .send-btn[data-v-2cafcef7]{ height: 38px; line-height: 38px; text-align: center; font-weight: bold; color: #fff; background: #93d0ea; text-shadow:1px 1px 1px #333; border-radius: 5px; margin:0 20px 20px 0; position: relative; overflow: hidden; cursor: pointer; padding:5px 15px; } @-webkit-keyframes tipScale-data-v-2cafcef7{ 0{ -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .box[data-v-29cd4545]{ width: 300px; height: 200px; border:1px solid hotpink; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; } .left_con[data-v-29cd4545]{ height: 200px; width: 270px; float: left; overflow: hidden; } .right_con[data-v-29cd4545]{ height: 200px; width: 30px; background: #ccc; float: right; cursor: pointer; position: relative; } .box_scroll[data-v-29cd4545]{ width: 30px; background: burlywood; border-radius: 15px; position: absolute; left: 0; } .list-complete-item[data-v-dc93cea8] { -webkit-transition: all 1s; transition: all 1s; height: 2.5rem; line-height: 2.5rem; color: black; text-align: center; font-size: 10pt; vertical-align: middle; margin-top: 0.1rem; border-bottom: #e0e0e0 0.8px solid; margin-left: 1rem; margin-right: 1rem; } .styleclass[data-v-dc93cea8] { width: 100%; display: inline-block; text-align: left; height: 2.5rem; line-height: 2.3rem; padding-top: 0.2rem; } .dargDiv[data-v-dc93cea8] { cursor: move } .img_template_item_remove[data-v-dc93cea8] { width: 1.2rem; height: 1.2rem; margin-top: 0.65rem; float: left; margin-right: 0.3rem } .img_template_item_sort[data-v-dc93cea8] { width: 1.2rem; height: 1.2rem; margin-top: 0.65rem; vertical-align: middle; float: right; right: 0.5rem } p[data-v-dc93cea8] { display: inline-block; height: 2.5rem; line-height: 2.5rem; width: 85%; margin-left: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:before { width: 30px; background: #409eff; } /* 基本重置 */ *[data-v-6d0dcf72] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .body[data-v-6d0dcf72] { color: #333; background-color: #f4f4f4; } .container[data-v-6d0dcf72] { width: 80%; margin: 0 auto; } /* Header */ header[data-v-6d0dcf72] { background-color: #ff9800; color: #fff; padding: 20px 0; } header img[data-v-6d0dcf72] { width: 60px; height: 60px; position: absolute; left: calc(5% - 30px); } header h1[data-v-6d0dcf72] { margin: 0; } header h1 a[data-v-6d0dcf72] { color: #fff; text-decoration: none; } nav ul[data-v-6d0dcf72] { list-style-type: none; padding: 0; margin: 10px 0 0; } nav ul li[data-v-6d0dcf72] { display: inline; margin: 0 15px; } nav ul li a[data-v-6d0dcf72] { color: #fff; text-decoration: none; } /* Footer */ footer[data-v-6d0dcf72] { background-color: #ff9800; color: #fff; text-align: center; padding: 20px 0; position: fixed; bottom: 0; width: 100%; } *[data-v-6ebb2e20] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-6ebb2e20] { width: 80%; margin: 0 auto; } /* Hero Section */ #hero[data-v-6ebb2e20] { /*background: url('../assets/image/app/logo.jpg') no-repeat center center/cover;*/ /*color: #fff;*/ padding: 80px 0; text-align: center; background-color: #f2f4f6; } #hero h2[data-v-6ebb2e20] { margin: 0 0 20px; } #hero p[data-v-6ebb2e20] { font-size: 1.2em; } .btn[data-v-6ebb2e20] { display: inline-block; padding: 10px 20px; color: #fff; background-color: #333; text-decoration: none; border-radius: 5px; } /* Section */ section[data-v-6ebb2e20] { padding: 40px 0; background-color: #fff; } section h2[data-v-6ebb2e20] { margin-bottom: 20px; } .features-grid[data-v-6ebb2e20] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .feature[data-v-6ebb2e20] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; background-color: #f4f4f4; padding: 20px; border-radius: 8px; } ul[data-v-6ebb2e20] { list-style-type: none; } ul li[data-v-6ebb2e20] { margin-bottom: 10px; } .download-center[data-v-6ebb2e20] { margin: auto; text-align: center; } .download-center .btn[data-v-6ebb2e20] { display: inline-block; margin: 10px; padding: 10px 20px; border: solid 1px #9e9e9e; border-radius: 10px; text-decoration: underline; } .open[data-v-6ebb2e20] { z-index: 9; background: #0000008a; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .open img[data-v-6ebb2e20] { width: 100%; height: 100%; } /* 基本重置 */ *[data-v-c572de6e] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-c572de6e] { width: 80%; margin: 0 auto; } /* 主要内容 Section */ section[data-v-c572de6e] { padding: 40px 0; background-color: #fff; } section h2[data-v-c572de6e] { margin-bottom: 20px; } *[data-v-1d8f7c8c] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-1d8f7c8c] { width: 80%; margin: 0 auto; } section[data-v-1d8f7c8c] { padding: 40px 0; background-color: #fff; } section h2[data-v-1d8f7c8c] { margin-bottom: 20px; } ul[data-v-1d8f7c8c] { list-style-type: disc; padding-left: 20px; } ul li[data-v-1d8f7c8c] { margin-bottom: 10px; } *[data-v-2311546f] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-2311546f] { width: 80%; margin: 0 auto; } /* 主要内容 Section */ section[data-v-2311546f] { padding: 40px 0; background-color: #fff; } section h2[data-v-2311546f] { margin-bottom: 20px; } .features-grid[data-v-2311546f] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .feature[data-v-2311546f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; background-color: #f4f4f4; padding: 20px; border-radius: 8px; } /* 基本重置 */ *[data-v-1b08a94d] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container[data-v-1b08a94d] { width: 80%; margin: 0 auto; } /* 详细信息 Section */ #details[data-v-1b08a94d] { padding: 40px 0; background-color: #fff; } #details h2[data-v-1b08a94d] { margin-bottom: 20px; } #details ul[data-v-1b08a94d] { list-style-type: disc; padding-left: 20px; margin-bottom: 20px; } #details .faq h4[data-v-1b08a94d] { margin-top: 20px; font-size: 1.1em; } #details .faq p[data-v-1b08a94d] { margin: 10px 0 20px; } .container[data-v-4a1ebb5f] { width: 100%; background-color: #fff; font-size: 16px; } .header[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: gray 1px 1px 10px; box-shadow: gray 1px 1px 10px; padding: 10px; position: fixed; font-weight: bold; width: 100%; z-index: 9; background: #fff; top: 0 } .header .icon[data-v-4a1ebb5f] { width: 30px; height: 30px; border-radius: 10px; border: solid 1px #eee; } .header .title[data-v-4a1ebb5f] { font-size: 22px; margin-left: 10px; } .header .right[data-v-4a1ebb5f] { position: absolute; right: 10px; border-radius: 50px; background-color: #FFC107; padding: 5px 10px; } .none[data-v-4a1ebb5f] { text-align: center; line-height: 200px; margin: auto; margin-top: 60px; } .box[data-v-4a1ebb5f] { margin: 10px 0; } .shop-address[data-v-4a1ebb5f] { float: right; border-radius: 50px; background: #d8d5d5; padding: 2px 5px; font-size: 24px; } .shop-price[data-v-4a1ebb5f] { position: relative; } .shop-price .price[data-v-4a1ebb5f] { font-size: 24px; color: #FF5722; } .shop-price .degree[data-v-4a1ebb5f] { margin-left: 10px; font-size: 24px; background: #c5f5c7; color: #1db124; padding: 2px 5px; } .shop-price .bargain[data-v-4a1ebb5f] { font-size: 24px; margin: 0 5px; color: #9C27B0; } .shop-price .trading[data-v-4a1ebb5f] { margin: 0 5px; } .shop-title[data-v-4a1ebb5f] { font-weight: bold; } .shop-desc[data-v-4a1ebb5f] { padding: 10px; border-radius: 5px; } .shop-class[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-class .scroll-div_H[data-v-4a1ebb5f] { white-space: nowrap; width: 100%; overflow: hidden; margin: 0 10px; } .shop-class .scroll-div_H .scroll-div-item_H[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } .shop-class .box-item[data-v-4a1ebb5f] { font-size: 12px; border-right: solid 1px #eee; padding-right: 10px; margin: 5px; } .shop-class .box-item .title[data-v-4a1ebb5f] { color: #9e9e9e; margin-bottom: 5px; } .shop-class .box-item .content[data-v-4a1ebb5f] { font-weight: bold; } .shop-class .box-item[data-v-4a1ebb5f]:last-of-type{ border-right: none; } .shop-user[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; position: relative; } .shop-user .headimg[data-v-4a1ebb5f] { width: 48px; height: 48px; border-radius: 50%; } .shop-user .center[data-v-4a1ebb5f] { margin-left: 10px; } .shop-user .center .user[data-v-4a1ebb5f] { font-weight: bold; } .shop-user .center .times[data-v-4a1ebb5f] { font-weight: lighter; } .shop-user .chat[data-v-4a1ebb5f] { right: 0; position: absolute; margin: auto; text-align: center; top: 10px; padding: 2px 15px; border-radius: 50px; background: #FFC107; } .shop-user .attention[data-v-4a1ebb5f] { right: 0; position: absolute; margin: auto; text-align: center; top: 5px; } .shop-user .attention .button[data-v-4a1ebb5f] { padding: 5px 15px; border-radius: 50px; background: #FFC107; } .shop-user .attention .mutual[data-v-4a1ebb5f] { background: #d8d8d8; } .shop-phone .call[data-v-4a1ebb5f] { float: right; } .shop-images .image[data-v-4a1ebb5f] { width: 100%; vertical-align: bottom; // margin-bottom: 5px; } .shop-images .img-container[data-image-count="2"] .imgs[data-v-4a1ebb5f]{ margin: 1px; } .shop-images .img-container[data-image-count="3"] .imgs[data-v-4a1ebb5f]:nth-of-type(1){ margin: 1px; } .shop-images .img-container[data-image-count="3"] .imgs[data-v-4a1ebb5f]:nth-of-type(2) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; margin: 1px; display: inline-block; } .shop-images .img-container[data-image-count="3"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; margin: 1px; display: inline-block; } .shop-images .img-container[data-image-count="4"][data-v-4a1ebb5f] { /* 特定于1张图片的样式 */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop-images .img-container[data-image-count="4"] .imgs[data-v-4a1ebb5f]:nth-of-type(1) { width: 100%; margin: 1px; } .shop-images .img-container[data-image-count="4"] .imgs[data-v-4a1ebb5f]:nth-of-type(2) { padding-bottom: calc(66.66% - 2px); width: calc(66.66% - 2px); height: 0; overflow: hidden; margin: 1px; } .shop-images .img-container[data-image-count="4"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { width: 33.33%; } .shop-images .img-container[data-image-count="4"] .imgs:nth-of-type(3) .right .img-child[data-v-4a1ebb5f] { padding-bottom: calc(100% - 2px); width: calc(100% - 2px); height: 0; overflow: hidden; margin: 1px; display: inline-block; vertical-align: bottom; } .shop-images .img-container[data-image-count="5"] .imgs[data-v-4a1ebb5f] { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="5"] .imgs[data-v-4a1ebb5f]:nth-of-type(1) { padding-bottom: 0; width: 100%; height: auto; margin: 1px; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(1){ margin: 1px; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(2) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(4) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(5) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="6"] .imgs[data-v-4a1ebb5f]:nth-of-type(6) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="7"][data-v-4a1ebb5f] { /* 特定于1张图片的样式 */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(1) { width: 100%; margin: 1px; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(2) { padding-bottom: calc(66.66% - 2px); width: calc(66.66% - 2px); height: 0; overflow: hidden; margin: 1px; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { width: 33.33%; } .shop-images .img-container[data-image-count="7"] .imgs:nth-of-type(3) .right .img-child[data-v-4a1ebb5f] { padding-bottom: calc(100% - 2px); width: calc(100% - 2px); height: 0; overflow: hidden; margin: 1px; display: inline-block; vertical-align: bottom; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(5) { padding-bottom: calc(33.3% - 2px); width: calc(33.3% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(6) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="7"] .imgs[data-v-4a1ebb5f]:nth-of-type(7) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(1){ margin: 1px; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(2) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(4) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(5) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(6) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(7) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="8"] .imgs[data-v-4a1ebb5f]:nth-of-type(8) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(1){ margin: 1px; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(2){ margin: 1px; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(3) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(4) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(5) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(6) { padding-bottom: calc(50% - 2px); width: calc(50% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; vertical-align: bottom; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(7) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(8) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-images .img-container[data-image-count="9"] .imgs[data-v-4a1ebb5f]:nth-of-type(9) { padding-bottom: calc(33.33% - 2px); width: calc(33.33% - 2px); height: 0; overflow: hidden; display: inline-block; margin: 1px; } .shop-num[data-v-4a1ebb5f]{ padding: 2px 5px; color: #9E9E9E; margin: 2px; position: absolute; right: 0; bottom: 0; } .input-box[data-v-4a1ebb5f] { height: 35px; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .input-box .submitpinglun[data-v-4a1ebb5f] { float: right; padding: 5px 10px; background: #FFC107; border-radius: 10px; } .input-box .cirbOX .input[data-v-4a1ebb5f] { border: solid 1px #eee; margin-right: 10px; border-radius: 16px; padding: 5px 10px; width: calc(100% - 80px); } .goods-carts[data-v-4a1ebb5f] { /* #ifndef APP-NVUE */ display: -webkit-box; display: -ms-flexbox; display: flex; /* #endif */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding-bottom: 10px; } .goods-carts .goods-nav[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .goods-carts .goods-nav .flex[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .goods-carts .goods-nav .cart-box[data-v-4a1ebb5f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; background-color: #fff; z-index: 900; } .goods-carts .goods-nav .cart-left[data-v-4a1ebb5f] { padding: 0 5px; } .goods-carts .goods-nav .cart-left .cart-button-left[data-v-4a1ebb5f] { padding: 0; background: transparent; line-height: normal; } .goods-carts .goods-nav .cart-left .cart-button-left[data-v-4a1ebb5f]::after{ border: none; } .goods-carts .goods-nav .cart-left .cart-button-left[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; margin: 0 10px; } .goods-carts .goods-nav .cart-left .cart-button-left .tab-text[data-v-4a1ebb5f] { margin-top: 3px; font-size: 12px; color: #646566; } .goods-carts .goods-nav .cart-left .cart-button-left .dot-box[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; right: -2px; top: 2px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .goods-carts .goods-nav .cart-right[data-v-4a1ebb5f] { margin: 5px 0; margin-right: 10px; border-radius: 100px; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .goods-carts .goods-nav .cart-right .cart-button-right[data-v-4a1ebb5f]{ 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-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffa200; } .goods-carts .goods-nav .cart-right .cart-button-right .button-text[data-v-4a1ebb5f] { font-size: 14px; color: #fff; } .goods-carts .goods-nav .right_own .cart-button-right[data-v-4a1ebb5f] { background: #eee; color: #000; } .goods-carts .goods-nav .right_own .cart-button-right .button-text[data-v-4a1ebb5f] { color: #000; } .back[data-v-4a1ebb5f] { position: fixed; z-index: 9; } .show_pop[data-v-4a1ebb5f]{ width: 100%; margin-bottom: 30px; } .show_pop .header[data-v-4a1ebb5f] { background: -webkit-gradient(linear, left top, right top, from(#f7f25530), to(#ffe03fa1)); background: linear-gradient(to right, #f7f25530, #ffe03fa1); padding: 10px; padding-bottom: 0; } .show_pop .header .close[data-v-4a1ebb5f] { text-align: right; } .show_pop .header .right[data-v-4a1ebb5f] { float: right; width: 100px; height: 100px; } .show_pop .header .right .image[data-v-4a1ebb5f] { width: 100%; height: 100%; border-radius: 10px; } .show_pop .header .left[data-v-4a1ebb5f] { height: 100px; } .show_pop .header .left .bold[data-v-4a1ebb5f] { font-size: 24px; font-weight: bold; padding-top: 10px; } .show_pop .header .left .desc[data-v-4a1ebb5f] { font-size: 15px; margin-top: 10px; } .show_pop .content-title[data-v-4a1ebb5f] { font-size: large; font-weight: bold; margin: 10px; } .show_pop .content-desc[data-v-4a1ebb5f] { margin: 10px 30px; } .show_pop .content-desc .bold[data-v-4a1ebb5f] { font-weight: bold; border-bottom: solid 1px #FFC107; } .show_pop .footer[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .show_pop .footer .agree[data-v-4a1ebb5f] { background-color: #FFC107; } .open[data-v-4a1ebb5f] { z-index: 9; background: #0000008a; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .open img[data-v-4a1ebb5f] { width: 100%; height: 100%; } .open .confirm-box[data-v-4a1ebb5f] { background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; height: auto; border-radius: 10px; } .open .confirm-box .content[data-v-4a1ebb5f] { padding: 30px; text-align: center; font-size: 16px; } .open .confirm-box .flex[data-v-4a1ebb5f] { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; border-top: solid 1px #eee; } .open .confirm-box .flex .cancel[data-v-4a1ebb5f] { border-right: solid 1px #eee; width: 50%; padding: 20px; } .open .confirm-box .flex .enter[data-v-4a1ebb5f] { width: 50%; padding: 20px; color: #3f8db5; } .position-fixed[data-v-4a1ebb5f] { position: fixed; bottom: 100px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #FFC107; padding: 5px 10px; border-radius: 50px; font-weight: bold; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; } #shopsSlider .el-slider__bar { background-color: #FFC90B; } #shopsSlider .el-slider__runway { margin: 0; } #shopsSlider .el-slider__button { border: 2px solid #FFC90B; background-color: #FFC90B; } .download[data-v-bc2e745e] { position: fixed; width: 100%; height: 100%; background: #ffc107; } .image[data-v-bc2e745e] { position: absolute; width: 80%; height: 80%; left: 10%; top: 10%; } .title[data-v-bc2e745e] { font-size: xx-large; font-weight: bold; text-align: center; position: absolute; top: 10%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .item-box[data-v-bc2e745e] { position: absolute; bottom: 10%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .item-box .text[data-v-bc2e745e] { text-align: center; } .item-box .button[data-v-bc2e745e] { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } .item-box .button .down-btn[data-v-bc2e745e] { margin: 10px; padding: 10px 20px; border: solid 1px #f53e29; border-radius: 50px; -webkit-box-shadow: #d73a28 1px 2px 1px; box-shadow: #d73a28 1px 2px 1px; background: #f53e29; color: #fff; font-weight: bold; } .open[data-v-bc2e745e] { z-index: 9; background: #0000008a; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .open img[data-v-bc2e745e] { width: 100%; height: 100%; } @font-face { font-family: "iconfont"; /* Project id 2827089 */ src: url(/static/fonts/iconfont.1b127b4.woff2) format('woff2'), url(/static/fonts/iconfont.3817645.woff) format('woff'), url(/static/fonts/iconfont.7ea3a39.ttf) format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-yinfu2:before { content: "\E6B0"; } .icon-jubao:before { content: "\E6AF"; } .icon-canyuhuati:before { content: "\E6AE"; } .icon-tvdianshi:before { content: "\E6ED"; } .icon-tiwen:before { content: "\E6A8"; } .icon-shimingrenzheng:before { content: "\E6A9"; } .icon-youxiang:before { content: "\E6AB"; } .icon-xiaosuolvetu:before { content: "\E699"; } .icon-fuzhidao:before { content: "\E695"; } .icon-quxiaoshoucang_huaban1:before { content: "\E696"; } .icon-yidongdaowenjianjia:before { content: "\E697"; } .icon-line-folderlockwenjianjiasimi:before { content: "\E73D"; } .icon-line-folderopenwenjianjiadakai:before { content: "\E73F"; } .icon-shandian:before { content: "\E8C5"; } .icon-24gf-videoAlbum:before { content: "\E9F5"; } .icon-ic_home:before { content: "\E694"; } .icon-a-tianjiaguanzhuguanzhu:before { content: "\E6AA"; } .icon-a-shoucangguanzhu:before { content: "\E6AC"; } .icon-shengyinkai:before { content: "\ECA6"; } .icon-shengyinjingyin:before { content: "\ECA9"; } .icon-yinleliebiao-:before { content: "\E690"; } .icon-suijibofang:before { content: "\E6A4"; } .icon-danquxunhuan:before { content: "\E6A5"; } .icon-liebiaoxunhuan:before { content: "\E6A7"; } .icon-zanting1:before { content: "\E68D"; } .icon-bofang3:before { content: "\E68E"; } .icon-xiayishou:before { content: "\E68F"; } .icon-shangyishou:before { content: "\E68C"; } .icon-biaoqian:before { content: "\E68B"; } .icon-bofangqi-xiayiji:before { content: "\E6A6"; } .icon-liebiao:before { content: "\E688"; } .icon-liebiao1:before { content: "\E68A"; } .icon-a-shuaxinzhongbo:before { content: "\E6E4"; } .icon-cai1:before { content: "\E687"; } .icon-cai:before { content: "\E73C"; } .icon-chehui:before { content: "\E685"; } .icon-bofangqi-danmudingbuguan:before { content: "\E69A"; } .icon-bofangqi-danmudingbukai:before { content: "\E69B"; } .icon-bofangqi-danmudibuguan:before { content: "\E69C"; } .icon-bofangqi-danmudibukai:before { content: "\E69D"; } .icon-bofangqi-danmugundongguan:before { content: "\E69E"; } .icon-bofangqi-danmugundongkai:before { content: "\E69F"; } .icon-bofangqi-danmucaiseguan:before { content: "\E6A2"; } .icon-bofangqi-danmucaisekai:before { content: "\E6A3"; } .icon-QQ-circle-fill:before { content: "\E887"; } .icon-code:before { content: "\E686"; } .icon-neibufankui:before { content: "\E684"; } .icon-jinggao1:before { content: "\E683"; } .icon-zitishezhi:before { content: "\E682"; } .icon-shezhi2:before { content: "\E8B8"; } .icon-ai55:before { content: "\E6AD"; } .icon-danmukaiqi:before { content: "\E67D"; } .icon-danmuguanbi:before { content: "\E67E"; } .icon-shipin1:before { content: "\E67C"; } .icon-jiangbei:before { content: "\E872"; } .icon-shimingrenzheng-renzhengwancheng:before { content: "\E6E2"; } .icon-gonggao:before { content: "\E70D"; } .icon-lingdang:before { content: "\E671"; } .icon-jiangpin:before { content: "\E672"; } .icon-qianbao1:before { content: "\E673"; } .icon-guanbipinglun:before { content: "\E674"; } .icon-yonghu:before { content: "\E676"; } .icon-wodeheji:before { content: "\E677"; } .icon-wenjian:before { content: "\E679"; } .icon-umbrella:before { content: "\E8C0"; } .icon-pinglunguolv:before { content: "\E67A"; } .icon-quanxianshenqing-suodingwenjian-02:before { content: "\E7E0"; } .icon-zuanshi:before { content: "\E67B"; } .icon-daochu:before { content: "\E670"; } .icon-coin:before { content: "\E681"; } .icon-pinglun2:before { content: "\E66F"; } .icon-dianzan1:before { content: "\E8C4"; } .icon-danmu:before { content: "\E6FD"; } .icon-xiazai2:before { content: "\E66E"; } .icon-fensi1:before { content: "\E65F"; } .icon-shoujichongdian:before { content: "\E6D7"; } .icon-a-guaduandianhuabeifen22:before { content: "\E66B"; } .icon-iconbaidizhuanqu_nanshengtubiao-xian:before { content: "\E65D"; } .icon-nvshengtubiao-xian:before { content: "\E65E"; } .icon-xiaolian:before { content: "\E7ED"; } .icon-kulian:before { content: "\E75A"; } .icon-sort:before { content: "\E786"; } .icon-dongtai:before { content: "\E65C"; } .icon-lianjie:before { content: "\E654"; } .icon-ningmeng1:before { content: "\E652"; } .icon-ningmengxianxing:before { content: "\E659"; } .icon-ningmeng:before { content: "\E657"; } .icon-xingxing1:before { content: "\E656"; } .icon-aixin1:before { content: "\E8C3"; } .icon-xialasanjiao:before { content: "\E650"; } .icon-toupiao2:before { content: "\E644"; } .icon-suoxiao:before { content: "\E645"; } .icon-hangchengliangdian:before { content: "\E669"; } .icon-tongzhi:before { content: "\E675"; } .icon-pingfenka:before { content: "\E646"; } .icon-suoxiao1:before { content: "\E64C"; } .icon-fangda:before { content: "\E64D"; } .icon-yezhutoupiaocopy:before { content: "\E64E"; } .icon-M_jianji:before { content: "\E75C"; } .icon-yindaoshebei:before { content: "\E759"; } .icon-star:before { content: "\E643"; } .icon-qq-copy:before { content: "\E658"; } .icon-tieba:before { content: "\E642"; } .icon-sandian:before { content: "\E62E"; } .icon-zimu:before { content: "\E62F"; } .icon-bianji1:before { content: "\E631"; } .icon-canshupeizhi:before { content: "\E633"; } .icon-shujufenxi:before { content: "\E639"; } .icon-bianjijilu:before { content: "\E660"; } .icon-wenhao-yuankuang:before { content: "\E8E9"; } .icon-fenxiang:before { content: "\E63F"; } .icon-zanting:before { content: "\E61D"; } .icon-bofang2:before { content: "\E62D"; } .icon-start:before { content: "\E706"; } .icon-quxiaoshangchuan:before { content: "\E6DD"; } .icon-zhinan:before { content: "\E6F8"; } .icon-zhiding:before { content: "\E61C"; } .icon-huihuaxuanzhong:before { content: "\E666"; } .icon-toupiao1:before { content: "\E61A"; } .icon-toupiao:before { content: "\E617"; } .icon-dingxiang:before { content: "\E616"; } .icon-shizhong:before { content: "\E62C"; } .icon-huihuaguanli:before { content: "\E63B"; } .icon-zan:before { content: "\E870"; } .icon-erji1:before { content: "\E758"; } .icon-aixin:before { content: "\ECA1"; } .icon-shipin:before { content: "\E6B1"; } .icon-icon_shipin_danmushu:before { content: "\E741"; } .icon-liulan:before { content: "\E649"; } .icon-uploadimg:before { content: "\E62A"; } .icon-uploadimg1:before { content: "\E629"; } .icon-yinle1:before { content: "\E667"; } .icon-NEW-copy:before { content: "\E889"; } .icon-HOT-copy:before { content: "\E88A"; } .icon-xinjian:before { content: "\E6B4"; } .icon-zhaopin_re:before { content: "\E638"; } .icon-jia:before { content: "\E626"; } .icon-shanchu:before { content: "\E630"; } .icon-bianji:before { content: "\E615"; } .icon-ic_interactive_:before { content: "\E64B"; } .icon-guanbi:before { content: "\E665"; } .icon-shengming:before { content: "\E651"; } .icon-jiazai:before { content: "\E668"; } .icon-success_fill:before { content: "\E72D"; } .icon-shezhi1:before { content: "\E648"; } .icon-changjianwentixiangguanwenti:before { content: "\E689"; } .icon-kefu:before { content: "\E625"; } .icon-jinggao:before { content: "\EB65"; } .icon-wenti:before { content: "\E6CE"; } .icon-column__upload2x:before { content: "\E691"; } .icon-interactive_upload2x:before { content: "\E692"; } .icon-music__upload2x:before { content: "\E693"; } .icon-ic_reel_normal2x:before { content: "\E6B5"; } .icon-shipinsucaitougao:before { content: "\E6B8"; } .icon-tiezhi:before { content: "\E647"; } .icon-shiyanhuaxue:before { content: "\E653"; } .icon-icon-:before { content: "\E612"; } .icon-fensi:before { content: "\E619"; } .icon-boshimao:before { content: "\E61E"; } .icon-shouye1:before { content: "\E678"; } .icon-shuju:before { content: "\E6DA"; } .icon-shezhi:before { content: "\E8B7"; } .icon-qizihuodong:before { content: "\E614"; } .icon-zhibo1:before { content: "\E634"; } .icon-shipinguanli1:before { content: "\E611"; } .icon-xiazai1:before { content: "\E680"; } .icon-xinfeng:before { content: "\E857"; } .icon-zaixianshangchuan:before { content: "\E610"; } .icon-shangchuanjianli:before { content: "\E622"; } .icon-shipinshangchuan:before { content: "\E60C"; } .icon--:before { content: "\E623"; } .icon-erji-:before { content: "\E613"; } .icon-shipinguanli:before { content: "\E664"; } .icon-note:before { content: "\EA2D"; } .icon-diannao:before { content: "\E71A"; } .icon-bofang1:before { content: "\E87C"; } .icon-shouji1:before { content: "\E60A"; } .icon-duihao:before { content: "\E607"; } .icon-yanjing:before { content: "\E661"; } .icon-pinglun1:before { content: "\E663"; } .icon-youjian:before { content: "\E605"; } .icon-dingdan:before { content: "\E63A"; } .icon-ren:before { content: "\E6C5"; } .icon-tuichu-:before { content: "\E608"; } .icon-shouji4:before { content: "\E606"; } .icon-qianbao:before { content: "\E64A"; } .icon-zhibo:before { content: "\E6EF"; } .icon-kecheng:before { content: "\E721"; } .icon-gaojianguanli:before { content: "\E730"; } .icon-yuyan:before { content: "\E978"; } .icon-taojinbi:before { content: "\E757"; } .icon-xingxing:before { content: "\E6CC"; } .icon-bofang:before { content: "\E70A"; } .icon-pinglun:before { content: "\E637"; } .icon-dianzan:before { content: "\EC7F"; } .icon-weixin-copy:before { content: "\E65B"; } .icon-weibo-copy:before { content: "\E65A"; } .icon-xiazai:before { content: "\E621"; } .icon-renxiang:before { content: "\E6D3"; } .icon-upzhux:before { content: "\E662"; } .icon-shouji:before { content: "\E655"; } .icon-columnszhuanlan:before { content: "\E6DC"; } .icon-zixun:before { content: "\E604"; } .icon-yundongyuan:before { content: "\E698"; } .icon-yangshi_icon_tongyong_swap:before { content: "\E67F"; } .icon-fire:before { content: "\E729"; } .icon-huo:before { content: "\E66C"; } .icon-right-1-copy:before { content: "\E61F"; } .icon-shang:before { content: "\E63C"; } .icon-xia:before { content: "\E63D"; } .icon-zuo:before { content: "\E63E"; } .icon-huihua:before { content: "\E60D"; } .icon-qinggan:before { content: "\E627"; } .icon-electric_car_:before { content: "\E601"; } .icon-canjiaxiaowaijingsai:before { content: "\E602"; } .icon-xinwen:before { content: "\E632"; } .icon-jilu:before { content: "\E796"; } .icon-jinrongdasha:before { content: "\E60E"; } .icon--dianyingyuan-:before { content: "\E603"; } .icon-tubiaozhizuomobanyihuifu-:before { content: "\E6A1"; } .icon-yishu:before { content: "\E66A"; } .icon-yinle:before { content: "\E731"; } .icon-tuijian:before { content: "\E636"; } .icon-tuiguang:before { content: "\E61B"; } .icon-hongdian:before { content: "\E628"; } .icon-huanyihuan:before { content: "\E635"; } .icon-shouye:before { content: "\E620"; } .icon-CheeseCake:before { content: "\E60F"; } .icon-_shequluntan:before { content: "\E609"; } .icon-kepu_zi:before { content: "\E60B"; } .icon-tubiaozhizuomoban:before { content: "\E641"; } .icon-chuangzuo:before { content: "\E6C6"; } .icon-fengche:before { content: "\E827"; } .icon-jilu1:before { content: "\E624"; } .icon-zhishi:before { content: "\E6F6"; } .icon-huodongbaobei:before { content: "\E62B"; } .icon-erji:before { content: "\E64F"; } .icon-pindao:before { content: "\E756"; } .icon-huodongtuiguang:before { content: "\E66D"; } .icon-zhibojianying:before { content: "\E6A0"; } .icon-shengle:before { content: "\EF40"; } .icon-lvyou:before { content: "\E618"; } .icon-sousuo:before { content: "\E640"; } .icon-tanchi:before { content: "\E600"; } pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e} ._3EjfP0XbmVFyhTeRnPFXeg_0, ._1DJnIbKj65aoKsYfib4sN__0, ._2JiMYn1HrBqsKiv6FPhxor_0, ._2JisNetVw9uWEmdra2R1V__0 { -webkit-box-sizing: border-box; box-sizing: border-box; } .menu[data-v-c3ad3fc2] { position: fixed; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); background: #fff; border-radius: 4px; padding: 8px 0; } .menu_body[data-v-c3ad3fc2] { display: block; } .menu_item[data-v-c3ad3fc2] { list-style: none; line-height: 32px; padding: 0 16px; margin: 0; font-size: 13px; outline: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s; transition: 0.2s; border-bottom: 1px solid #00000000; } .menu_item__divided[data-v-c3ad3fc2] { border-bottom-color: #ebeef5; } .menu_item .menu_item_icon[data-v-c3ad3fc2] { margin-right: 8px; width: 13px; } .menu_item .menu_item_label[data-v-c3ad3fc2] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .menu_item .menu_item_expand_icon[data-v-c3ad3fc2] { margin-left: 16px; font-size: 6px; width: 10px; } .menu_item__available[data-v-c3ad3fc2] { color: #606266; cursor: pointer; } .menu_item__available[data-v-c3ad3fc2]:hover { background: #ecf5ff; color: #409eff; } .menu_item__disabled[data-v-c3ad3fc2] { color: #c0c4cc; cursor: not-allowed; } .menu_item_expand[data-v-c3ad3fc2] { background: #ecf5ff; color: #409eff; } .contextmenu-submenu-fade-enter-active, .contextmenu-submenu-fade-leave-active { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .contextmenu-submenu-fade-enter, .contextmenu-submenu-fade-leave-to { opacity: 0; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:grabbing}.pswp__bg{background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.pswp__bg,.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.pswp__scroll-wrap{overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1), -webkit-transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{right:0;bottom:0;overflow:hidden}.pswp__img,.pswp__item{position:absolute;left:0;top:0}.pswp__img{width:auto;height:auto}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:"";top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a,.pswp__share-tooltip a:hover{color:#000;text-decoration:none}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:"";display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:none;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:none}/*# sourceMappingURL=skin.css.map*/@charset "UTF-8";.el-pagination--small .arrow.disabled,.el-table .el-table__cell.is-hidden>*,.el-table .hidden-columns,.el-table--hidden{visibility:hidden}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing),.el-message__closeBtn:focus,.el-message__content:focus,.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing),.el-rate:active,.el-rate:focus,.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing),.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-input__suffix,.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}@font-face{font-family:element-icons;src:url(/static/fonts/element-icons.535877f.woff) format("woff"),url(/static/fonts/element-icons.732389d.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-dialog,.el-pager li{background:#FFF;-webkit-box-sizing:border-box}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-date-table,.el-table th.el-table__cell{-webkit-user-select:none;-moz-user-select:none}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:200px}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}@-webkit-keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}.el-dialog{position:relative;margin:0 auto 50px;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409EFF}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #E4E7ED;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF}.el-dropdown-menu,.el-menu--collapse .el-submenu .el-menu{z-index:10;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#F5F7FA}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#FFF}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;padding:10px 0;margin:5px 0;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #EBEEF5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#FFF}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;border:1px solid #E4E7ED;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;position:relative;-webkit-box-sizing:border-box;white-space:nowrap;list-style:none}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio-button__inner,.el-radio-group{display:inline-block;line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.el-radio-group{font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{white-space:nowrap;background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409EFF}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #409EFF;box-shadow:-1px 0 0 0 #409EFF}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#F2F6FC}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-popover,.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409EFF}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #DCDFE6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#DCDFE6;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#FFF}.el-switch.is-checked .el-switch__core{border-color:#409EFF;background-color:#409EFF}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#FFF}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table--mini,.el-table--small,.el-table__expand-icon{font-size:12px}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#F5F7FA}.el-table .el-table__cell{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini .el-table__cell{padding:6px 0}.el-table .cell,.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table tr{background-color:#FFF}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #EBEEF5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#FFF}.el-table th.el-table__cell>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#409EFF}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{-webkit-box-sizing:border-box;box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #EBEEF5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.el-table--border th.el-table__cell,.el-table__fixed-right-patch{border-bottom:1px solid #EBEEF5}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #EBEEF5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#F5F7FA;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.el-picker-panel,.el-table-filter{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.el-table .caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.el-table .descending .sort-caret.descending{border-top-color:#409EFF}.el-table .hidden-columns{position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:#ecf5ff}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#F5F7FA}.el-table__body tr.current-row>td.el-table__cell{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#F5F7FA}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.el-date-table td,.el-date-table td div{height:30px;-webkit-box-sizing:border-box}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#F2F6FC}.el-table-filter__bottom button:hover{color:#409EFF}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#C0C4CC}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409EFF;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#FFF}.el-date-table td.available:hover{color:#409EFF}.el-date-table td.current:not(.disabled) span{color:#FFF;background-color:#409EFF}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#FFF}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409EFF}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#F5F7FA;opacity:1;cursor:not-allowed;color:#C0C4CC}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#F2F6FC;border-radius:15px}.el-date-table td.selected div:hover{background-color:#F2F6FC}.el-date-table td.selected span{background-color:#409EFF;color:#FFF;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #EBEEF5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-month-table td.today .cell{color:#409EFF;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#FFF}.el-month-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-month-table td.disabled .cell:hover{color:#C0C4CC}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#409EFF}.el-month-table td.in-range div,.el-month-table td.in-range div:hover{background-color:#F2F6FC}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#FFF}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#FFF;background-color:#409EFF}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#409EFF}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#409EFF;font-weight:700}.el-year-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-year-table td.disabled .cell:hover{color:#C0C4CC}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409EFF}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#FFF}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409EFF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409EFF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#C0C4CC;float:left;line-height:32px}.el-date-editor .el-range-input,.el-date-editor .el-range-separator{height:100%;margin:0;text-align:center;display:inline-block;font-size:14px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;padding:0;width:39%;color:#606266}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::-moz-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::placeholder{color:#C0C4CC}.el-date-editor .el-range-separator{padding:0 5px;line-height:32px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#C0C4CC;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active,.el-range-editor.is-active:hover{border-color:#409EFF}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#E4E7ED}.el-range-editor.is-disabled input{background-color:#F5F7FA;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::-moz-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::placeholder{color:#C0C4CC}.el-range-editor.is-disabled .el-range-separator{color:#C0C4CC}.el-picker-panel{color:#606266;border:1px solid #E4E7ED;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-popover,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409EFF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409EFF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409EFF}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#FFF;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409EFF}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#F5F7FA;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#C0C4CC;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #E4E7ED;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box;box-sizing:content-box}.el-slider__button,.el-slider__button-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #E4E7ED;border-bottom:1px solid #E4E7ED}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409EFF}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #E4E7ED}.el-popover{position:absolute;background:#FFF;min-width:150px;border:1px solid #EBEEF5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F56C6C}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409EFF}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67C23A}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#E6A23C}.el-message-box__status.el-icon-error{color:#F56C6C}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F56C6C;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#C0C4CC}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#409EFF;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409EFF;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1), -webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.el-collapse-item__arrow,.el-tabs__nav{-webkit-transition:-webkit-transform .3s}.el-tabs__new-tab .el-icon-plus{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#409EFF}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#E4E7ED;z-index:1}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after,.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.el-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 2px 2px #409EFF inset;box-shadow:0 0 2px 2px #409EFF inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{-webkit-transform:scale(.9);transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:#C0C4CC;color:#FFF}.el-tabs__item.is-active{color:#409EFF}.el-tabs__item:hover{color:#409EFF;cursor:pointer}.el-tabs__item.is-disabled{color:#C0C4CC;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #E4E7ED}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #E4E7ED;border-bottom:none;border-radius:4px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close,.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #E4E7ED;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#FFF}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--border-card{background:#FFF;border:1px solid #DCDFE6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#F5F7FA;border-bottom:1px solid #E4E7ED;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409EFF;background-color:#FFF;border-right-color:#DCDFE6;border-left-color:#DCDFE6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#409EFF}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#C0C4CC}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #DCDFE6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #E4E7ED;border-bottom:none;border-top:1px solid #E4E7ED;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #E4E7ED;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #E4E7ED;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #E4E7ED;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #E4E7ED}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #E4E7ED;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #E4E7ED;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #E4E7ED;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}.el-tree{position:relative;cursor:default;background:#FFF;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#409EFF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#409EFF;color:#fff}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#F5F7FA}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C0C4CC;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C0C4CC}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .2s;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.el-alert--success.is-light .el-alert__description{color:#67C23A}.el-alert--success.is-dark{background-color:#67C23A;color:#FFF}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#FFF}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.el-alert--warning.is-light .el-alert__description{color:#E6A23C}.el-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.el-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.el-alert--error.is-light .el-alert__description{color:#F56C6C}.el-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active{opacity:0}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:-webkit-box;display:-ms-flexbox;display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #EBEEF5;position:fixed;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67C23A}.el-notification .el-icon-error{color:#F56C6C}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#E6A23C}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.9);transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{-webkit-transform:scale(.8);transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-upload-cover::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{-webkit-transform:scale(1);transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button-wrapper.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__btn,.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:-webkit-grab;cursor:grab}.el-slider__button.dragging{cursor:-webkit-grabbing;cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{-webkit-transform:translateY(50%);transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;-webkit-transform:translateY(50%);transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row{position:relative}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{-webkit-box-sizing:border-box;box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-row--flex.is-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.el-row--flex.is-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.el-row--flex.is-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.el-row--flex.is-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.el-row--flex.is-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row--flex.is-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[class*=el-col-]{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-upload--picture-card,.el-upload-dragger{-webkit-box-sizing:border-box;cursor:pointer}.el-col-0{width:0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409EFF;color:#409EFF}.el-upload:focus .el-upload-dragger{border-color:#409EFF}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;height:180px;text-align:center;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#C0C4CC;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #DCDFE6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409EFF;font-style:normal}.el-upload-dragger:hover{border-color:#409EFF}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409EFF}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67C23A}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409EFF}.el-upload-list__item:hover{background-color:#F5F7FA}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409EFF;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409EFF}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#FFF}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#FFF;font-size:14px;cursor:pointer;vertical-align:middle;-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#FFF;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#FFF;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress-bar,.el-progress-bar__inner::after,.el-progress-bar__innerText,.el-spinner{display:inline-block;vertical-align:middle}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67C23A}.el-progress.is-success .el-progress__text{color:#67C23A}.el-progress.is-warning .el-progress-bar__inner{background-color:#E6A23C}.el-progress.is-warning .el-progress__text{color:#E6A23C}.el-progress.is-exception .el-progress-bar__inner{background-color:#F56C6C}.el-progress.is-exception .el-progress__text{color:#F56C6C}.el-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.el-card,.el-message{border-radius:4px;overflow:hidden}.el-progress-bar__inner::after{height:100%}.el-progress-bar__innerText{color:#FFF;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67C23A}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#E6A23C}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#F56C6C}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67C23A}.el-message .el-icon-error{color:#F56C6C}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#E6A23C}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:#F56C6C;border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#409EFF}.el-badge__content--success{background-color:#67C23A}.el-badge__content--warning{background-color:#E6A23C}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#F56C6C}.el-card{border:1px solid #EBEEF5;background-color:#FFF;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}.el-rate{height:20px;line-height:1}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#C0C4CC;-webkit-transition:.3s;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-webkit-box;display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.el-step{position:relative;-ms-flex-negative:1;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#C0C4CC;border-color:#C0C4CC}.el-step__head.is-success{color:#67C23A;border-color:#67C23A}.el-step__head.is-error{color:#F56C6C;border-color:#F56C6C}.el-step__head.is-finish{color:#409EFF;border-color:#409EFF}.el-step__icon{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFF;-webkit-transition:.15s ease-out;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{-webkit-transform:translateY(1px);transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#C0C4CC}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#C0C4CC}.el-step__title.is-success{color:#67C23A}.el-step__title.is-error{color:#F56C6C}.el-step__title.is-finish{color:#409EFF}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#C0C4CC}.el-step__description.is-success{color:#67C23A}.el-step__description.is-error{color:#F56C6C}.el-step__description.is-finish{color:#409EFF}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.el-step.is-vertical .el-step__head{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{-webkit-transform:scale(.8) translateY(1px);transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#C0C4CC}.el-step.is-simple .el-step__arrow::before{-webkit-transform:rotate(-45deg) translateY(-4px);transform:rotate(-45deg) translateY(-4px);-webkit-transform-origin:0 0;transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{-webkit-transform:rotate(45deg) translateY(4px);transform:rotate(45deg) translateY(4px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.el-carousel__item,.el-carousel__mask{height:100%;top:0;left:0;position:absolute}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);opacity:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;-webkit-transition:.2s;transition:.2s}.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #EBEEF5;border-bottom:1px solid #EBEEF5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;line-height:48px;background-color:#FFF;color:#303133;cursor:pointer;border-bottom:1px solid #EBEEF5;font-size:13px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409EFF}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#FFF;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #EBEEF5}.el-cascader__tags,.el-tag{-webkit-box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-cascader{display:inline-block;position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#C0C4CC}.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#C0C4CC}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__tags .el-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#C0C4CC;color:#FFF}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#F5F7FA}.el-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#C0C4CC}.el-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.el-cascader__search-input::-webkit-input-placeholder{color:#C0C4CC}.el-cascader__search-input:-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-ms-input-placeholder{color:#C0C4CC}.el-cascader__search-input::-moz-placeholder{color:#C0C4CC}.el-cascader__search-input::placeholder{color:#C0C4CC}.el-color-predefine{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{-webkit-box-shadow:0 0 3px 2px #409EFF;box-shadow:0 0 3px 2px #409EFF}.el-color-predefine__color-selector>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:-webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:-webkit-gradient(linear,left bottom, left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty,.el-color-picker__icon{top:50%;left:50%;font-size:12px;position:absolute}.el-color-picker__empty{color:#999;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;width:100%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;text-align:center}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;-webkit-transition:all .3s;transition:all .3s}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-link,.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#FFF;background-color:#409EFF;font-size:0}.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #DCDFE6;background-color:#F5F7FA;color:#C0C4CC}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer-panel{border:1px solid #EBEEF5;border-radius:4px;overflow:hidden;background:#FFF;display:inline-block;vertical-align:middle;width:200px;max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409EFF}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#F5F7FA;margin:0;padding-left:15px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-divider__text,.el-link{font-weight:500;font-size:14px}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#FFF;margin:0;padding:0;border-top:1px solid #EBEEF5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-container,.el-timeline-item__node{display:-webkit-box;display:-ms-flexbox}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-aside,.el-header{-webkit-box-sizing:border-box}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-footer,.el-main{-webkit-box-sizing:border-box}.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}.el-timeline{margin:0;font-size:14px;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #E4E7ED}.el-timeline-item__icon{color:#FFF;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#E4E7ED;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image__error,.el-timeline-item__dot{display:-webkit-box;display:-ms-flexbox}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#409EFF}.el-timeline-item__node--success{background-color:#67C23A}.el-timeline-item__node--warning{background-color:#E6A23C}.el-timeline-item__node--danger{background-color:#F56C6C}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;padding:0}.el-drawer,.el-empty,.el-result{-webkit-box-orient:vertical;-webkit-box-direction:normal}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #409EFF}.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:#409EFF}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#409EFF}.el-link.el-link--default.is-disabled{color:#C0C4CC}.el-link.el-link--primary{color:#409EFF}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:#F56C6C}.el-link.el-link--danger{color:#F56C6C}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:#67C23A}.el-link.el-link--success{color:#67C23A}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:#E6A23C}.el-link.el-link--warning{color:#E6A23C}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;color:#303133}.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-divider__text.is-center{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.el-image__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#C0C4CC;vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-button,.el-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff}.el-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.el-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;background-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:first-child{border-right-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:last-child{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.el-calendar{background-color:#fff}.el-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #EBEEF5}.el-backtop,.el-page-header{display:-webkit-box;display:-ms-flexbox}.el-calendar__title{color:#000;-ms-flex-item-align:center;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#C0C4CC}.el-backtop,.el-calendar-table td.is-today{color:#409EFF}.el-calendar-table td{border-bottom:1px solid #EBEEF5;border-right:1px solid #EBEEF5;vertical-align:top;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#F2F8FE}.el-calendar-table tr:first-child td{border-top:1px solid #EBEEF5}.el-calendar-table tr td:first-child{border-left:1px solid #EBEEF5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#F2F8FE}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-page-header{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:24px}.el-page-header__left{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{content:"";position:absolute;width:1px;height:16px;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#DCDFE6}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;-ms-flex-item-align:center;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox-button__inner,.el-empty__image img,.el-radio{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-radio,.el-radio__input{line-height:1;white-space:nowrap;outline:0}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio{color:#606266;font-weight:500;cursor:pointer;margin-right:30px}.el-cascader-node>.el-radio,.el-radio:last-child{margin-right:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in, -webkit-transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{-webkit-box-shadow:0 0 2px 2px #409EFF;box-shadow:0 0 2px 2px #409EFF}.el-radio__label{font-size:14px;padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;font-size:14px}.el-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.el-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.el-avatar,.el-drawer{-webkit-box-sizing:border-box;overflow:hidden}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.el-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.el-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;background:#C0C4CC;width:40px;height:40px;line-height:40px;font-size:14px}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-drawer,.el-drawer__header{display:-webkit-box;display:-ms-flexbox}.el-empty__image img,.el-empty__image svg{vertical-align:top;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}.el-drawer.ltr,.el-drawer.rtl,.el-drawer__container{top:0;bottom:0;height:100%}@-webkit-keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes rtl-drawer-in{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes rtl-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ltr-drawer-in{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes ltr-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-webkit-keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ttb-drawer-in{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@keyframes ttb-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}}@-webkit-keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes btt-drawer-in{0%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes btt-drawer-out{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,100%);transform:translate(0,100%)}}.el-drawer{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);outline:0}.el-drawer__body>*,.el-empty{-webkit-box-sizing:border-box}.el-drawer.rtl{-webkit-animation:rtl-drawer-out .3s;animation:rtl-drawer-out .3s;right:0}.el-drawer__open .el-drawer.rtl{-webkit-animation:rtl-drawer-in .3s 1ms;animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{-webkit-animation:ltr-drawer-out .3s;animation:ltr-drawer-out .3s;left:0}.el-drawer__open .el-drawer.ltr{-webkit-animation:ltr-drawer-in .3s 1ms;animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{-webkit-animation:ttb-drawer-out .3s;animation:ttb-drawer-out .3s;top:0}.el-drawer__open .el-drawer.ttb{-webkit-animation:ttb-drawer-in .3s 1ms;animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{-webkit-animation:btt-drawer-out .3s;animation:btt-drawer-out .3s;bottom:0}.el-drawer__open .el-drawer.btt{-webkit-animation:btt-drawer-in .3s 1ms;animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#72767b;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:32px;padding:20px 20px 0}.el-drawer__header>:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.el-drawer__title{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.el-drawer__body>*{-webkit-box-sizing:border-box;box-sizing:border-box}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer__container{position:relative;left:0;right:0;width:100%}.el-drawer-fade-enter-active{-webkit-animation:el-drawer-fade-in .3s;animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-popconfirm__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}@-webkit-keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:-webkit-gradient(linear,left top, right top,color-stop(25%, #f2f2f2),color-stop(37%, #e6e6e6),color-stop(63%, #f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading 1.4s ease infinite;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-empty,.el-skeleton__image{display:-webkit-box;display:-ms-flexbox}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom,.el-result__title{margin-top:20px}.el-descriptions{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions--mini,.el-descriptions--small{font-size:12px}.el-descriptions__body{color:#606266;background-color:#FFF}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #EBEEF5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item__container{display:-webkit-box;display:-ms-flexbox;display:flex}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C} /*# sourceMappingURL=app.ceebcdf5e99018a0d5aee81b406a6cc3.css.map*/