/* .szfk .el-drawers .el-drawer__header { position:relative; overflow:hidden; height:100px; margin-bottom:0; color:var(--d-main); display:flex; align-items:center } .szfk .el-drawers .el-drawer__header .setting-title { margin-left:85px; height:52px; text-align:left; display:flex; flex-direction:column; justify-content:space-between; margin-top:-20px } .szfk .el-drawers .el-drawer__header .setting-title h3 { font-weight:700; font-size:20px } .szfk .el-drawers .el-drawer__header .setting-title .d-sub { font-size:12px; color:var(--d-sub) } .szfk .el-drawers .el-drawer__header>:first-child { flex:1 } .szfk .el-drawers .el-drawer__header .setting-logo { left:0; top:0; height:100%; width:450px; background-color:var(--setting-card-color); z-index:-1 } .szfk .el-drawers .el-drawer__header .setting-logo img { width:60px; position:absolute; top:20px; left:20px } .szfk .el-drawers .el-drawer__header .setting-title { margin-left:85px; height:52px; text-align:left; display:flex; flex-direction:column; justify-content:space-between; margin-top:-20px } .szfk .el-drawers .el-drawer__header .setting-title h3 { font-weight:700; font-size:20px } .szfk .el-drawers .el-drawer__header .setting-title .d-sub { font-size:12px; color:var(--d-sub) } .ababababagban{ float:left; line-height:20px; width:20px; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:50%; height:20px; color:#fff; margin-right:6px; background-color:rgba(var(--alpha-color),.2); } */ .szfk.int{ width: 426px; padding: 0 12px; background-color: var(--setting-card-color); border-bottom: 1px solid transparent; height: 64px; border-radius: 5px 5px 0 0; border-top: none; display: flex ; align-items: center; border-radius: 5px 5px 0 0; border-top: none; } .aszlogo{ /* left: 36px; */ /* width: var(--size); */ /* height: var(--size); */ /* line-height: var(--size); */ /* color: var(--primary-color); */ display: flex; /* flex-flow: wrap; */ /* align-items: center; */ /* justify-content: center; */ /* font-size: 255458px; */ position: fixed; top: 10px; /* right: 20px; */ border-radius: 38px; /* background-color: rgba(255, 255, 255, 0.6); */ /* background-color: rgba(255, 255, 255, 0.6); width: 75%; height: 65px; */ } .el-drawers.rtl.open{ /* --size: 56px; left: 36px; width: var(--size); height: var(--size); line-height: var(--size); color: var(--primary-color); display: flex; flex-flow: wrap; align-items: center; justify-content: center; position: fixed; */ top: 35px; right: 25%; font-size: 18px; height: 88vh; /* 其他样式 */ border-radius: 38px; /* background-color: rgba(255, 255, 255, 0.6); */ backdrop-filter: saturate(200%) blur(15px); } /* .el-drawer__body{ background-color: var(--el-drawers-bg-color); color: #000000; --el-drawers-padding-primary: 0; flex: 1; padding: var(--el-drawers-padding-primary); overflow: hidden; backdrop-filter: saturate(200%) blur(15px); } */ .gban{ /* width: 340px; height: 65px; margin-top: 15px; margin-right: 25px; margin-bottom: 15px; margin-left: 20%; */ --size: 56px; left: 36px; width: var(--size); height: var(--size); line-height: var(--size); color: var(--primary-color); display: flex; flex-flow: wrap; align-items: center; justify-content: center; font-size: 18px; position: fixed; top: 20px; right: 20px; /* 其他样式 */ border-radius: 38px; background-color: rgba(255, 255, 255, 0.6); /* width: var(--size); height: var(--size); line-height: var(--size); color: var(--primary-color); display: flex; flex-flow: wrap; align-items: center; justify-content: center; font-size: 18px; position: fixed; top: 20px; right: 20px; border-radius: 38px; background-color: rgba(255, 255, 255, 0.6); */ } .hidden { display: none !important; } .cthad { /* position: relative; overflow: hidden; height: 100px; margin-bottom: 0; color: var(--d-main); display: flex; align-items: center; */ width: 75%; height: 65px; margin-top: 15px; margin-right: 25px; margin-bottom: 15px; margin-left: 20%; /* margin-top：设置元素顶部的外边距。 margin-right：设置元素右侧的外边距。 margin-bottom：设置元素底部的外边距。 margin-left：设置元素左侧的外边距。 */ border-radius: 38px; background-color: rgba(255, 255, 255, 0.6); /* height: 88vh; background-color: #a0a0a080; box-shadow: -16px 5px 38px #3434341a; -webkit-backdrop-filter: saturate(200%) blur(15px); backdrop-filter: saturate(200%) blur(15px); position: fixed; z-index: 2; bottom: 50px; right: 20px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s */ } .szfk { margin: 0; padding: 0; position: relative; z-index: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 20px; padding-top: 20px; transition: all .3s ease-in-out; } .szfk .d-layout .d-tabs .close.d-tabs-item { margin-bottom: 0; padding-bottom: 0; padding-top: 0 } .szfk .d-layout .d-tabs .close.d-tabs-item .setting-aside-item { border-bottom-color: var(--setting-border_line_panel) } .szfk-item { margin: 0; padding: 0; position: relative; z-index: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 20px; padding-top: 20px; transition: all .3s ease-in-out; } .drawer-hover { height: 88vh; background-color: #a0a0a080; box-shadow: -16px 5px 38px #3434341a; -webkit-backdrop-filter: saturate(200%) blur(15px); backdrop-filter: saturate(200%) blur(15px); position: fixed; z-index: 2; bottom: 50px; right: 20px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; } .el-input__wrapper[data-v-0b20d99b] { display:flex; justify-content:center; align-items:center } .el-input__inner[data-v-0b20d99b] { width:70%; color:#fff; font-size:12px; height:25px!important; line-height:25px; padding:0; outline:0; text-align:center; border-radius:25px; border-color:transparent; background-color:rgba(var(--img-text),.1); box-sizing:border-box } .el-input__inner[data-v-0b20d99b]:focus { border-color:#fff } .el-button--small[data-v-0b20d99b] { --el-button-size:24px; height:var(--el-button-size); padding:5px 11px; font-size:12px; border-radius:calc(var(--el-border-radius-base) - 1px) } .app-group-popover.left[data-v-0b20d99b] { top:var(--clientY)!important; right:auto!important; bottom:auto!important; border-radius: 25px; left:calc(var(--sidebar-width) + 30px)!important } .app-group-popover.right[data-v-0b20d99b] { top:var(--clientY)!important; right:calc(var(--sidebar-width) + 30px)!important; bottom:auto!important; left:auto!important } .app-group-popover .el-popover__title[data-v-0b20d99b] { color:rgba(var(--img-text),.8)!important } .app-group-popover .el-input__wrapper input[data-v-0b20d99b]::-webkit-input-placeholder { color:rgba(var(--img-text),.6)!important } .el-popper[data-v-0b20d99b] { backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); background-color:rgba(var(--img-bg),var(--sidebar-opacity,.5)); min-width:150px; width:238px; height:238px; border-radius:4px; padding:12px; z-index:var(--el-index-popper); color:var(--el-text-color-regular); line-height:1.4; text-align:justify; font-size:22px; box-shadow:var(--el-box-shadow-light); word-break:break-all; box-sizing:border-box } .el-popover__title[data-v-0b20d99b] { color:var(--el-text-color-primary); font-size:16px; line-height:1; margin-bottom:12px } .el-popover__reference[data-v-0b20d99b]:focus:hover,.el-popover__reference[data-v-0b20d99b]:focus:not(.focusing) { outline-width:0 } .app-group-icon[data-v-0b20d99b] { display:grid; color:rgba(var(--img-text),.6)!important; grid-template-columns:repeat(7,1fr); grid-auto-flow:dense; grid-gap:5px } .app-group-icon .app-group-icon-item[data-v-0b20d99b] { padding-bottom:100%; border-radius:5px; transition:background .2s } .app-group-icon .app-group-icon-item.active[data-v-0b20d99b] { background-color:hsla(0,0%,100%,.2); color:rgba(var(--img-text),.9)!important } .app-group-icon .app-group-icon-item.active img[data-v-0b20d99b] { filter:brightness(0) } .app-group-icon .app-group-icon-item .d-icon[data-v-0b20d99b] { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto } .svg-icon[data-v-97c549d8] { fill:currentColor; overflow:hidden } .svg-external-icon[data-v-97c549d8] { background-color:currentColor; -webkit-mask-size:cover!important; mask-size:cover!important; display:inline-block } @keyframes fadeIn-c886f938-70ffa2b4 { 0% { opacity:0 } to { opacity:1 } }.app-sidebar[data-v-70ffa2b4] { animation:fadeIn-c886f938-70ffa2b4 .2s; --icon-size:56px; z-index:2; width:var(--sidebar-width) } .app-sidebar.is-left[data-v-70ffa2b4] { left:0 } .app-sidebar.is-right[data-v-70ffa2b4] { right:0 } .app-sidebar.is-autoHide.is-left .app-sidebar-body[data-v-70ffa2b4] { transform:translate(-100%) } .app-sidebar.is-autoHide.is-right .app-sidebar-body[data-v-70ffa2b4] { transform:translate(100%) } .app-sidebar.is-autoHide.active .app-sidebar-body[data-v-70ffa2b4] { transform:translate(0) } .app-sidebar .app-sidebar-body[data-v-70ffa2b4] { font-size:12px; transition:transform .2s; color:rgba(var(--img-text),.6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); background-color:rgba(var(--img-bg),var(--sidebar-opacity,.5)) } .app-sidebar .app-sidebar-body .app-sidebar-avatar[data-v-70ffa2b4] { margin-top:40px; margin-bottom:140px } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4] { flex:1; max-height:600px; overflow-y:auto; --scroll-bar-color-bg:rgba(var(--img-text),0.2) } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar:hover { width:0 } .app-sidebar .app-sidebar-body .app-sidebar-group::-ms .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-sidebar .app-sidebar-body .app-sidebar-group[data-v-70ffa2b4]::-webkit-scrollbar-corner { background:none } .app-sidebar .app-sidebar-body .app-sidebar-group .app-sidebar-ul[data-v-70ffa2b4] { height:100% } .app-sidebar .app-sidebar-body .app-sidebar-group .app-sidebar-ul .active[data-v-70ffa2b4] { background-color:hsla(0,0%,100%,.14901960784313725) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item[data-v-70ffa2b4] { height:var(--icon-size); display:flex; justify-content:center; align-items:center; margin:4px 0; height:50px; transition:background .3s; color:#fff } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item[data-v-70ffa2b4]:hover { cursor:pointer; color:#eee } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item:hover .d-icon[data-v-70ffa2b4] { transform:scale(1.2) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item:hover img[data-v-70ffa2b4] { filter:brightness(90%) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item[data-v-70ffa2b4]:active { transform:scale(.92) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item.classActive img[data-v-70ffa2b4] { filter:brightness(90%) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item.classActive .app-group-item-title[data-v-70ffa2b4] { color:#eee } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item .d-icon[data-v-70ffa2b4] { transition:transform .2s; font-size:22px; --color:inherit; height:1em; width:1em; line-height:1em; display:inline-flex; justify-content:center; align-items:center; fill:currentColor; color:var(--color) } .app-sidebar .app-sidebar-body .app-sidebar-group .app-group-item .app-group-item-title[data-v-70ffa2b4] { width:var(--sidebar-width); padding:0 4px; margin-top:2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .app-sidebar .app-sidebar-setting[data-v-70ffa2b4] { height:calc(var(--icon-size)*2); display:flex; flex-direction:column; justify-content:space-around; align-items:center; font-size:20px } .app-sidebar .app-sidebar-setting p[data-v-70ffa2b4] { widows:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff } .app-sidebar .app-sidebar-setting p i[data-v-70ffa2b4]:hover { cursor:pointer; color:#eee } .app-sidebar .app-sidebar-setting .icon-feedback[data-v-70ffa2b4] { width:20px; height:20px; display:inline-block; background-image:url(https://static.newtab.com/assetsImgs/feedback.svg) } @keyframes fadeIn-c886f938-48339a20 { 0% { opacity:0 } to { opacity:1 } }.app-sidebar[data-v-48339a20] { animation:fadeIn-c886f938-48339a20 .2s; --icon-size:56px; z-index:2; width:var(--sidebar-width); display:flex; align-items:center } .app-sidebar.is-left[data-v-48339a20] { left:0 } .app-sidebar.is-left .wrapper[data-v-48339a20] { height:100%; width:calc(var(--sidebar-width)/2 + 130px) } .app-sidebar.is-left .wrapper .py[data-v-48339a20] { padding-bottom:16px; padding-top:16px } .app-sidebar.is-left .wrapper .category-item[data-v-48339a20] { margin-bottom:8px; border-radius:8px; width:calc(var(--sidebar-width) - 16px); height:36px } .app-sidebar.is-left .wrapper .category-item .category-img-box+.category-text[data-v-48339a20] { text-shadow:0 0 4px rgba(0,0,0,.30196078431372547) } .app-sidebar.is-left .wrapper .category-item .category-img-box:active+.category-text[data-v-48339a20],.app-sidebar.is-left .wrapper .category-item .category-img-box:hover+.category-text[data-v-48339a20] { text-shadow:none } @media (max-width:720px) { .app-sidebar.is-left .wrapper .category-item .category-text[data-v-48339a20] { box-shadow:none!important; font-family:ali-65; text-shadow:none!important } }.app-sidebar.is-left .wrapper .category-item .category-img-box[data-v-48339a20] { position:relative; display:flex; align-items:center; justify-content:center; width:100% } .app-sidebar.is-left .wrapper .category-item .category-text[data-v-48339a20] { font-size:12px; padding-left:4px; padding-right:8px; border-radius:5px; max-width:50px; height:24px; transform:translateX(-20px); opacity:0; text-align:center } .app-sidebar.is-left .wrapper .category-item .transition-category-pointer[data-v-48339a20] { transition:all .2s } .app-sidebar.is-left .wrapper .category-item[data-v-48339a20]:hover { color:#c1c1c1; background:rgba(0,0,0,.5) } .app-sidebar.is-left .wrapper .category-item:hover .category-text[data-v-48339a20] { box-shadow:0 0 15px 0 hsla(0,0%,60%,.1); color:#fff; max-width:50px; font-weight:500; padding-left:8px; transform:translateX(0); opacity:1 } .app-sidebar.is-left .wrapper .category-item[data-v-48339a20]:active { background:rgba(51,51,51,.5) } .app-sidebar.is-left .wrapper .active[data-v-48339a20] { background:rgba(0,0,0,.5) } .app-sidebar.is-left .wrapper .active .category-text[data-v-48339a20] { background:#fff; box-shadow:0 0 15px 0 hsla(0,0%,60%,.1); color:#000!important; max-width:50px; font-weight:500; padding-left:8px; transform:translateX(0); opacity:1 } .app-sidebar.is-left .hi[data-v-48339a20] { display:flex; flex-direction:column; align-items:center; justify-content:space-between; margin-top:8px; width:calc(var(--sidebar-width) + 57px) } .app-sidebar.is-left .hi .hi_item[data-v-48339a20] { width:100%; position:relative } .app-sidebar.is-left .hi .hi_item .hi-icons[data-v-48339a20] { position:absolute; top:10px; opacity:0; left:calc(var(--sidebar-width) - 10px); transition:all .2s } .app-sidebar.is-left .hi .hi_item .hi-svg[data-v-48339a20] { height:36px; width:calc(var(--sidebar-width) - 16px); padding:8px 0; display:flex; align-items:center; justify-content:center; border-radius:10px } .app-sidebar.is-left .hi .hi_item:hover .hi-svg[data-v-48339a20] { color:#fff; background-color:rgba(0,0,0,.5) } .app-sidebar.is-left .hi .hi_item:hover .hi-icons[data-v-48339a20] { left:calc(var(--sidebar-width) + 10px)!important; opacity:1; color:#fff } .app-sidebar.is-left .category-box[data-v-48339a20] { max-height:calc(100vh - 320px); width:calc(var(--sidebar-width) + 58px); align-self:flex-start; overflow-y:auto; overflow-x:hidden } .app-sidebar.is-right[data-v-48339a20] { right:0 } .app-sidebar.is-right .wrapper[data-v-48339a20] { height:100%; width:calc(var(--sidebar-width)/2 + 130px) } .app-sidebar.is-right .wrapper>div[data-v-48339a20] { display:flex; justify-content:flex-end } .app-sidebar.is-right .wrapper .py[data-v-48339a20] { padding-bottom:16px; padding-top:16px } .app-sidebar.is-right .wrapper .category-item[data-v-48339a20] { margin-bottom:8px; height:36px; justify-content:flex-end } .app-sidebar.is-right .wrapper .category-item .category-img-box+.category-text[data-v-48339a20] { text-shadow:0 0 4px rgba(0,0,0,.30196078431372547) } .app-sidebar.is-right .wrapper .category-item .category-img-box:active+.category-text[data-v-48339a20],.app-sidebar.is-right .wrapper .category-item .category-img-box:hover+.category-text[data-v-48339a20] { text-shadow:none } @media (max-width:720px) { .app-sidebar.is-right .wrapper .category-item .category-text[data-v-48339a20] { box-shadow:none!important; font-family:ali-65; text-shadow:none!important } }.app-sidebar.is-right .wrapper .category-item .category-img-box[data-v-48339a20] { margin-right:8px; border-radius:8px; position:relative; display:flex; align-items:center; justify-content:center; width:calc(var(--sidebar-width) - 16px) } .app-sidebar.is-right .wrapper .category-item .category-text[data-v-48339a20] { font-size:12px; padding-left:4px; padding-right:8px; border-radius:5px; max-width:50px; height:24px; transform:translateX(20px); opacity:0; text-align:center } .app-sidebar.is-right .wrapper .category-item .transition-category-pointer[data-v-48339a20] { transition:all .2s } .app-sidebar.is-right .wrapper .category-item[data-v-48339a20]:hover { color:#c1c1c1 } .app-sidebar.is-right .wrapper .category-item:hover .category-img-box[data-v-48339a20] { background:rgba(0,0,0,.5) } .app-sidebar.is-right .wrapper .category-item:hover .category-text[data-v-48339a20] { box-shadow:0 0 15px 0 hsla(0,0%,60%,.1); color:#fff; max-width:50px; font-weight:500; padding-left:8px; transform:translateX(-8px); opacity:1 } .app-sidebar.is-right .wrapper .active .category-img-box[data-v-48339a20] { background:rgba(0,0,0,.5) } .app-sidebar.is-right .wrapper .active .category-text[data-v-48339a20] { background:#fff; box-shadow:0 0 15px 0 hsla(0,0%,60%,.1); color:#000!important; max-width:50px; font-weight:500; padding-left:8px; transform:translateX(-8px); opacity:1 } .app-sidebar.is-right .hi[data-v-48339a20] { display:flex; flex-direction:column; align-items:center; justify-content:space-between; margin-top:8px; width:calc(var(--sidebar-width)/2 + 130px) } .app-sidebar.is-right .hi .hi_item[data-v-48339a20] { width:100%; position:relative; display:flex; justify-content:flex-end } .app-sidebar.is-right .hi .hi_item .hi-icons[data-v-48339a20] { position:absolute; top:10px; opacity:0; right:calc(var(--sidebar-width) - 10px); transition:all .2s } .app-sidebar.is-right .hi .hi_item .hi-svg[data-v-48339a20] { height:36px; width:calc(var(--sidebar-width) - 16px); padding:8px 0; display:flex; align-items:center; justify-content:center; border-radius:10px } .app-sidebar.is-right .hi .hi_item:hover .hi-svg[data-v-48339a20] { color:#fff; background-color:rgba(0,0,0,.5) } .app-sidebar.is-right .hi .hi_item:hover .hi-icons[data-v-48339a20] { right:calc(var(--sidebar-width) + 10px)!important; opacity:1; color:#fff } .app-sidebar.is-right .category-box[data-v-48339a20] { max-height:calc(100vh - 320px); width:calc(var(--sidebar-width) + 58px); align-self:flex-end; overflow-y:auto; overflow-x:hidden } .app-sidebar.is-autoHide.is-left .h-sidebar[data-v-48339a20] { transform:translate(calc(var(--sidebar-width)/2*-1 + -170px)) } .app-sidebar.is-autoHide.is-right .h-sidebar[data-v-48339a20] { transform:translate(calc(var(--sidebar-width)/2 + 170px)) } .app-sidebar.is-autoHide.active .h-sidebar[data-v-48339a20] { transform:translate(0) } .app-sidebar .pointer-events-auto[data-v-48339a20] { pointer-events:auto } .app-sidebar .h-sidebar[data-v-48339a20] { font-size:12px; transition:transform .2s; color:rgba(var(--img-text),.6); max-height:calc(100vh - 200px); width:var(--sidebar-width) } .app-sidebar .h-sidebar .home-sidedock[data-v-48339a20] { padding-bottom:8px; padding-top:8px; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); background-color:rgba(var(--img-bg),var(--sidebar-opacity,.5)); border-radius:16px; width:var(--sidebar-width) } .app-sidebar .h-sidebar .home-sidedock .category-box[data-v-48339a20]::-webkit-scrollbar { width:0; display:none; background-color:transparent } .app-sidebar .h-sidebar .home-sidedock .category-box[data-v-48339a20] { scrollbar-width:none } .app-sidebar .h-sidebar .home-sidedock .group[data-v-48339a20] { height:220px } .app-sidebar .h-sidebar .home-sidedock .group .pointer-events-none[data-v-48339a20] { pointer-events:none } .app-sidebar .h-sidebar .home-sidedock .line[data-v-48339a20] { width:calc(var(--sidebar-width) - 16px); height:1px; background:#a19f9f } .app-sidebar .h-sidebar .home-sidedock .contset[data-v-48339a20] { width:100%; height:120px } .app-sidebar .h-sidebar .glass-sidbar[data-v-48339a20] { -webkit-backdrop-filter:saturate(200%) blur(40px); backdrop-filter:saturate(200%) blur(40px); border-radius:16px } .d-icon[data-v-0a254603] { --color:inherit; height:1em; width:1em; line-height:1em; display:inline-flex; justify-content:center; align-items:center; fill:currentColor; color:var(--color); font-size:inherit } .app-serach-box[data-v-0a254603] { max-width:600px; margin:3vh auto 20px } .app-serach-box .se-input-box[data-v-0a254603] { backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 0 10px 3px rgba(0,0,0,.10196078431372549); z-index:1; border-radius:var(--search-radius); height:var(--search-height); background-color:var(--search-bgColor); transition:background .2s; color:var(--d-main) } .app-serach-box .se-input-box .se-select[data-v-0a254603] { display:flex; align-items:center; justify-content:center; height:100%; min-width:50px; max-width:50px; transition:.2s; position:relative } .app-serach-box .se-input-box .se-select img[data-v-0a254603] { image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges } .app-serach-box .se-input-box .se-select .select-icon-arrow[data-v-0a254603] { margin-top:-5px; top:45%; right:2px } .app-serach-box .se-input-box .se-select .icon-search[data-v-0a254603] { font-size:20px } .app-serach-box .se-input-box .se-select[data-v-0a254603]:hover { background-color:rgba(var(--alpha-bg),.4) } .app-serach-box .se-input-box .se-input[data-v-0a254603] { color:var(--d-main); background-color:transparent; font-size:14px; line-height:1.25rem; outline:none; border:none; font-family:inherit } .app-serach-box .se-input-box .se-close[data-v-0a254603] { transform:scale(0); transition:transform .2s; color:#fff; font-size:12px } .app-serach-box .se-input-box .se-close.active[data-v-0a254603] { transform:scale(1) } .app-serach-box .se-input-box .select-icon[data-v-0a254603] { color:rgba(var(--alpha-color),.52) } .app-serach-box .se-input-box.active[data-v-0a254603],.app-serach-box .se-input-box[data-v-0a254603]:hover { background-color:rgba(var(--alpha-bg),.8) } .app-serach-box .se-down[data-v-0a254603] { left:0; right:0; z-index:10 } .app-serach-box .se-down .se-all[data-v-0a254603] { transform:scaleY(0); transition:.2s; border-radius:var(--search-radius); padding:2.5px 10px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); background-color:rgba(var(--alpha-bg),.8); box-shadow:0 0 10px 3px rgba(0,0,0,.1607843137254902); text-align:left; height:0; transform-origin:top } .app-serach-box .se-down .se-all .se-item[data-v-0a254603] { width:64px; padding:6px 0; display:inline-block; cursor:pointer; position:relative; transition:background .2s; border-radius:8px } .app-serach-box .se-down .se-all .se-item .se-item-del[data-v-0a254603] { font-size:12px; text-align:center; display:none; top:-3px; right:-3px; width:12px; height:12px; position:absolute; background:var(--bg-info); box-shadow:0 0 4px 3px rgba(0,0,0,.0392156862745098); border-radius:50%; color:rgba(var(--alpha-color),.6); border:1px solid rgba(var(--alpha-color),.04); box-sizing:content-box } .app-serach-box .se-down .se-all .se-item .se-item-del[data-v-0a254603]:hover { background:#e62828; color:#fff } .app-serach-box .se-down .se-all .se-item .se-item-title[data-v-0a254603] { font-size:12px; color:var(--d-main); line-height:22px; text-align:center } .app-serach-box .se-down .se-all .se-item .se-item-icon[data-v-0a254603] { color:rgba(var(--alpha-bg),.8); display:flex; align-items:center; justify-content:center; line-height:30px; margin:0 auto; height:36px; width:36px; border-radius:8px; background-color:var(--bg-card) } .app-serach-box .se-down .se-all .se-item[data-v-0a254603]:hover { background-color:var(--search-list-hover) } .app-serach-box .se-down .se-all .se-item:hover .se-item-del[data-v-0a254603] { display:block } .app-serach-box .se-down .se-all .se-item:hover .se-item-icon[data-v-0a254603] { box-shadow:0 0 10px 3px rgba(0,0,0,.050980392156862744) } .app-serach-box .se-down .se-all.action[data-v-0a254603] { margin:6px 0; padding:10px; height:auto; transform:scaleY(1) } .app-serach-box .se-down .se-W[data-v-0a254603] { backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); background-color:rgba(var(--alpha-bg),.8); border-radius:20px; transition:height .2s; height:0; transform-origin:top } .app-serach-box .se-down .se-W .se-w-grop[data-v-0a254603] { display:flex; flex-direction:column; position:relative } .app-serach-box .se-down .se-W .se-w-grop .se-W-item_title[data-v-0a254603] { font-size:14px; height:25px; line-height:25px; text-align:left; font-weight:700; padding-left:15px; color:rgba(var(--alpha-color),.8) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main[data-v-0a254603] { display:grid; grid-template-columns:repeat(2,1fr); --new:#ff455b; --ecom:#8399f5; --hot:#f60; --fei:#fc3200; --bao:#de1544; --rec:#4dadfe; overflow:hidden } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main ul[data-v-0a254603] { margin-top:5px } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .new[data-v-0a254603] { background-color:var(--new) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .ecom[data-v-0a254603] { background-color:var(--ecom) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .hot[data-v-0a254603] { background-color:var(--hot) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .fei[data-v-0a254603] { background-color:var(--fei) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .bao[data-v-0a254603] { background-color:var(--bao) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .rec[data-v-0a254603] { background-color:var(--rec) } .app-serach-box .se-down .se-W .se-w-grop .hotsearch.se-W-item_main li .right_hot[data-v-0a254603] { color:#fff; width:16px; height:16px; border-radius:3px; text-align:center; line-height:16px } .app-serach-box .se-down .se-W .se-w-grop .recom.se-W-item_main[data-v-0a254603] { overflow:hidden } .app-serach-box .se-down .se-W .se-w-grop .recom.se-W-item_main .se-W-items[data-v-0a254603] { cursor:pointer; padding:0 10px; color:rgba(var(--alpha-color),.8); height:30px; line-height:30px; font-size:12px; background-color:var(--search-box-items-bg); border-radius:5px 5px 5px 5px; margin:5px 0; margin-left:15px } .app-serach-box .se-down .se-W .se-w-grop .recom.se-W-item_main .se-W-items.focus[data-v-0a254603],.app-serach-box .se-down .se-W .se-w-grop .recom.se-W-item_main .se-W-items[data-v-0a254603]:hover { background-color:hsla(0,0%,100%,.4) } .app-serach-box .se-down .se-W .se-w-grop .recom.se-W-item_main .se-W-items[data-v-0a254603]:active { background-color:hsla(0,0%,100%,.1) } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main[data-v-0a254603] { height:100%; overflow:hidden } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items[data-v-0a254603] { cursor:pointer; padding:0 10px; width:102px; color:rgba(var(--alpha-color),.8); height:30px; line-height:33px; font-size:12px; background-color:var(--search-box-items-bg); border-radius:5px; margin:5px 0; margin-left:15px; position:relative } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items span[data-v-0a254603] { width:93% } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items .se-history-del[data-v-0a254603] { font-size:10px; transform:scale(.6); width:20px; height:20px; opacity:0; border-radius:10px; background-color:#ccc; color:#fff; position:absolute; right:5px; top:4.5px } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items .se-history-del[data-v-0a254603]:hover { background-color:#e7e2e2 } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items .se-history-del[data-v-0a254603]:active { background-color:#696767 } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items.focus[data-v-0a254603],.app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items[data-v-0a254603]:hover { background-color:hsla(0,0%,100%,.4) } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items.focus .se-history-del[data-v-0a254603],.app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items:hover .se-history-del[data-v-0a254603] { opacity:1 } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .se-W-items[data-v-0a254603]:active { background-color:hsla(0,0%,100%,.1) } .app-serach-box .se-down .se-W .se-w-grop .history.se-W-item_main .no-history[data-v-0a254603] { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(var(--alpha-color),.8) } .app-serach-box .se-down .se-W .se-w-grop .se-W-item_main[data-v-0a254603] { overflow:auto } .app-serach-box .se-down .se-W .se-w-grop .se-W-item_main[data-v-0a254603]::-webkit-scrollbar { width:2px } .app-serach-box .se-down .se-W .se-w-grop .se-W-item_main[data-v-0a254603]::-webkit-scrollbar-thumb { background-color:rgb(var(--alpha-bg)) } .app-serach-box .se-down .se-W .se-w-grop .se-W-item_main[data-v-0a254603]::-webkit-scrollbar-track { background-color:var(--d-sub) } .app-serach-box .se-down .se-W.is_se-grop[data-v-0a254603] { display:flex; flex-direction:column } .app-serach-box .se-down .se-W .se-W-item[data-v-0a254603] { cursor:pointer; padding:0 10px; color:rgba(var(--alpha-color),.8); height:30px; line-height:33px; font-size:12px; transition:padding-left .2s } .app-serach-box .se-down .se-W .se-W-item .se-W-icon[data-v-0a254603] { color:rgba(var(--alpha-color),.52); margin-right:10px; font-family:YouSheBiaoTiHei-Regular,YouSheBiaoTiHei; text-align:center; display:inline-block; box-sizing:content-box } .app-serach-box .se-down .se-W .se-W-item .se-history-del[data-v-0a254603] { display:none; margin-left:10px } .app-serach-box .se-down .se-W .se-W-item .se-history-del[data-v-0a254603]:hover { color:#007ffe } .app-serach-box .se-down .se-W .se-W-item.focus[data-v-0a254603],.app-serach-box .se-down .se-W .se-W-item[data-v-0a254603]:hover { background-color:hsla(0,0%,100%,.4); padding-left:5px!important; color:var(--search-box-hot-color) } .app-serach-box .se-down .se-W .se-W-item.focus .se-history-del[data-v-0a254603],.app-serach-box .se-down .se-W .se-W-item:hover .se-history-del[data-v-0a254603] { display:block } .app-serach-box .se-down .se-W .se-W-item[data-v-0a254603]:active { color:#000 } .app-serach-box .se-down .se-W .se-W-item.se-W-active[data-v-0a254603] { background-color:rgba(var(--alpha-bg),.3); padding-left:15px!important } .app-serach-box .se-down .se-W .se-W-item.se-W-active .se-history-del[data-v-0a254603] { display:block } .app-serach-box .se-down .se-W.isReqBaidu[data-v-0a254603] { height:120px!important } .app-serach-box .se-down .se-W.isReqBaidu .item-fanyi[data-v-0a254603] { display:none } .app-serach-box .se-down .se-W.isReqBaidu .req-baidu-per[data-v-0a254603] { color:var(--d-main); background-color:rgba(var(--alpha-bg),.8) } .app-serach-box .se-down .se-W.active[data-v-0a254603] { height:30px } .dark[data-v-0a254603] { --search-list-hover:hsla(0,0%,100%,0.03) } .light[data-v-0a254603] { --search-list-hover:hsla(0,0%,100%,0.7) } .search-icon[data-v-0a254603] { width:20px; height:20px; display:inline-block; vertical-align:middle } .se-input[data-v-0a254603]::-webkit-input-placeholder { color:rgba(var(--alpha-color),.56)!important } .se-input[data-v-0a254603]:-moz-placeholder,.se-input[data-v-0a254603]::-moz-placeholder { color:rgba(var(--alpha-color),.56)!important } .se-input[data-v-0a254603]:-ms-input-placeholder { color:rgba(var(--alpha-color),.6)!important } .grid-box[data-v-16f5e7d4] { display:grid; padding-top:2vh; grid-template-columns:repeat(auto-fill,var(--icon-size)); grid-template-rows:repeat(auto-fill,var(--icon-size)); grid-auto-flow:dense; grid-gap:var(--icon-gap-x) var(--icon-gap-y); justify-content:center; padding-bottom:50px } .grid-box .grid-item[data-v-16f5e7d4],.grid-box[data-v-16f5e7d4] { position:relative; -webkit-user-select:none; -moz-user-select:none; user-select:none; box-sizing:border-box } .grid-box .grid-item[data-v-16f5e7d4] { list-style-type:none; grid-column:span 1; grid-row:span 1; height:100%; opacity:var(--icon-opacity); width:calc(var(--icon-size) + var(--icon-gap-y)); height:calc(var(--icon-size) + var(--icon-gap-x)); border-radius:var(--icon-radius); transition:width .3s,height .3s } .grid-box .grid-item .app-item-icon[data-v-16f5e7d4]:hover { box-shadow:0 0 10px rgba(0,0,0,.30196078431372547) } .grid-box .grid-item .app-item-icon[data-v-16f5e7d4]:active { transform:scale(.98) } .grid-box .grid-item .app-item-icon[data-v-16f5e7d4] { position:relative; width:100%; height:100%; overflow:hidden; border-radius:var(--icon-radius); font-size:var(--icon-size); box-shadow:0 0 5px rgba(0,0,0,.10196078431372549); transition:all .3s ease; cursor:pointer } .grid-box .grid-item .app-item-icon .size-1x1[data-v-16f5e7d4],.grid-box .grid-item .app-item-icon .size-1x2[data-v-16f5e7d4],.grid-box .grid-item .app-item-icon .size-2x1[data-v-16f5e7d4] { font-size:16px } .grid-box .grid-item .app-item-icon .size-2x2[data-v-16f5e7d4] { font-size:20px } .grid-box .grid-item .app-item-icon .size-2x4[data-v-16f5e7d4] { font-size:30px } .grid-box .grid-item .swing[data-v-16f5e7d4] { animation:aswing-16f5e7d4 .3s ease infinite; transform-origin:center 50px } .grid-box .grid-item .delete-icon[data-v-16f5e7d4] { z-index:11; position:absolute; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 0 7px rgba(0,0,0,.2); right:2px; top:-5px; height:20px; width:20px; border-radius:50%; color:#333; background-color:hsla(0,0%,100%,.4); display:none; transition:.2s } .grid-box .grid-item .app-item-icon.swing+.delete-icon[data-v-16f5e7d4] { display:flex } .grid-box .grid-item .delete-icon[data-v-16f5e7d4]:hover { cursor:pointer; background-color:#d83030; color:#fff } .grid-box .icon-size-1x1[data-v-16f5e7d4],.grid-box .icon-size-mini[data-v-16f5e7d4] { width:var(--icon-size); height:var(--icon-size) } .grid-box .icon-size-1x2[data-v-16f5e7d4] { grid-column:span 2; width:calc(var(--icon-size)*2 + var(--icon-gap-y)*1); height:var(--icon-size) } .grid-box .icon-size-2x1[data-v-16f5e7d4] { grid-row:span 2; width:var(--icon-size); height:calc(var(--icon-size)*2 + var(--icon-gap-x)*1) } .grid-box .icon-size-2x2[data-v-16f5e7d4],.grid-box .icon-size-small[data-v-16f5e7d4] { grid-column:span 2; grid-row:span 2; width:calc(var(--icon-size)*2 + var(--icon-gap-y)); height:calc(var(--icon-size)*2 + var(--icon-gap-x)) } .grid-box .icon-size-2x4[data-v-16f5e7d4],.grid-box .icon-size-medium[data-v-16f5e7d4] { grid-column:span 4; grid-row:span 2; width:calc(var(--icon-size)*4 + var(--icon-gap-y)*3); height:calc(var(--icon-size)*2 + var(--icon-gap-x)) } .grid-box .icon-size-4x4[data-v-16f5e7d4] { grid-column:span 4; grid-row:span 4; width:calc(var(--icon-size)*4 + var(--icon-gap-y)*3); height:calc(var(--icon-size)*4 + var(--icon-gap-x)*3) } .grid-box .app-item-img[data-v-16f5e7d4] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .grid-box .app-item-title[data-v-16f5e7d4] { width:calc(100% + var(--icon-gap-y)); margin-left:calc(var(--icon-gap-y)/2*-1); display:var(--icon-name); padding-top:6px; text-align:center; color:var(--icon-nameColor); font-size:var(--icon-nameSize); line-height:1.1; filter:drop-shadow(0 2px 7px rgba(0,0,0,.8)) } .grid-box button[data-v-16f5e7d4] { width:14px; height:14px; line-height:14px; text-align:center; padding:2px; border:1px solid #ccc } .site.app-item-img[data-v-16f5e7d4] { border-radius:50%; padding:5px; width:auto; height:auto; max-width:100%; max-height:100% } .site.app-item-icon[data-v-16f5e7d4] { display:flex; justify-content:center; align-items:center; background-color:var(--icon-bg-color) } @keyframes aswing-16f5e7d4 { 0% { transform:rotate(0) scale(1) } 20% { transform:rotate(-2deg) scale(1) } 60% { transform:rotate(0) scale(1) } 80% { transform:rotate(2deg) scale(1) } to { transform:rotate(0) scale(1) } }.d-contextmenu[data-v-65afb3de] { box-shadow:0 10px 30px rgba(0,0,0,.5019607843137255); width:var(--width,140px); z-index:999; border-radius:8px; padding:5px 4px; background-color:rgba(11,11,11,.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(11,11,11,.2) } .d-contextmenu .d-contextmenu-item[data-v-65afb3de] { transition:background .2s; font-size:12px; line-height:30px; color:#fff; padding:0 4px; cursor:pointer; margin:4px 0; border-radius:6px } .d-contextmenu .d-contextmenu-item .item-icon[data-v-65afb3de] { display:inlnie-block; width:20px; vertical-align:-3px; font-size:15px } .d-contextmenu .d-contextmenu-item .overflow-hidden[data-v-65afb3de] { overflow:hidden } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-65afb3de] { font-size:12px; height:20px; line-height:20px; width:36px; background-color:hsla(0,0%,100%,.10196078431372549); border-radius:12px; text-align:center; margin:0 2px 4px; cursor:pointer; float:left; transition:background-color .25s } .d-contextmenu .d-contextmenu-item .contextmenu-layout em.active[data-v-65afb3de] { background-color:hsla(0,0%,100%,.30196078431372547) } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-65afb3de]:hover { background-color:hsla(0,0%,100%,.2) } .d-contextmenu .d-contextmenu-item.hover[data-v-65afb3de]:hover { background-color:hsla(0,0%,100%,.10196078431372549) } .animation[data-v-65afb3de] { animation:scale-65afb3de .2s both; transform-origin:0 0 } .fixed[data-v-65afb3de] { position:fixed } @keyframes scale-65afb3de { 0% { transform:scale(0); opacity:0 } 60% { transform:scale(1.03); opacity:1 } to { transform:scale(1) } }.d-color .d-color-item[data-v-715ff7ad] { --size:18px; position:relative; width:var(--size,18px); height:var(--size,18px); border-radius:50%; border:1px solid transparent; display:flex; transition:transform .2s; justify-content:center; align-items:center } .d-color .d-color-item.colorTransparent[data-v-715ff7ad] { background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwRjkxNDhCNzE2RjExRUNBNzQxOEE4RDQ1NDRENUIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwRjkxNDhDNzE2RjExRUNBNzQxOEE4RDQ1NDRENUIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGOTE0ODk3MTZGMTFFQ0E3NDE4QThENDU0NEQ1QjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGOTE0OEE3MTZGMTFFQ0E3NDE4QThENDU0NEQ1QjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gMmjFAAAB7klEQVR42sSYzUsCURTFn4MZgotgCsV9n7gpF9U6a2UR9RdEWK1cW5talWt3ffwNCaGLkta5alai1l6SdKdIBtK5cQc01BkbZ96BH8jg3HucGd87d1yapgkTUoAPLIANsA7mQEBVVQ/4wucP8A5ewDMogQboGBV3mzAQADvgCIQHfMcLptjkNh97BdfggQ0O/YViSOFdkONiYTGaVvi8HNfxjmrCD5IgDULCmkJcJ8l1TZkIglsQF+NVnOsGjZ6Jab6EUWGP6HlxgQNQ63cl6J5d2GhAV5T7ePuZ2AIx4Yxi3K/HhAougcchE9TnCszoJoh9sCSc1SLYo/76Sngs5Ij6+sjEPC8sMrRMqyyZiAi52lR4M5KpVYV3Q5n6vR0BySb8bsoDVqvU63Urp0+QifawbdaMAYsmvhWjwOGAqmTiTbKJMpnISzaRVzh+yVSOTJQ5lMoQRf2SwrH8RpIJSnENheeCe1B02ECR+3b0UPMJTkHbIQPU54z79sS7J3DnkAlK3Y/9MmYLnIOMzQYyHHRbg+aOGqedrE0Gsly/ZjT8VMAhSI3ZQIrrVsyOgVWQ4CBasNi8wHUSXHekgbjFM2SEL6H2j4XohM9Pdz8Df+VqNpujvp+goWUNzFIgwjY+CbrfT+T5n2b6/cSPAAMAlElvl00t75IAAAAASUVORK5CYII=) no-repeat; background-size:cover; background-position:50% } .d-color .d-color-item .d-icon[data-v-715ff7ad] { color:#fff; font-size:var(--size) } .d-color .d-color-item.isWhite[data-v-715ff7ad] { border-color:rgba(0,0,0,.30196078431372547) } .d-color .d-color-item.isWhite .d-icon[data-v-715ff7ad] { color:rgba(0,0,0,.30196078431372547) } .d-color .d-color-item[data-v-715ff7ad]:hover { transform:scale(1.1) } .d-color .el-color-picker--small[data-v-715ff7ad] { height:var(--size,18px)!important } .d-color .el-color-picker__color[data-v-715ff7ad],.d-color .el-color-picker__trigger[data-v-715ff7ad] { border:none; border-radius:50%; overflow:hidden; padding:0; height:var(--size,18px)!important; width:var(--size,18px)!important } .d-color .el-color-picker__color .el-color-picker__color-inner[data-v-715ff7ad],.d-color .el-color-picker__trigger .el-color-picker__color-inner[data-v-715ff7ad] { background:url(data:image/jpeg; base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAoACgDAREAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAABwgFCQECAwb/xAAbAQEAAgMBAQAAAAAAAAAAAAAHBQgEBgkCA//aAAwDAQACEAMQAAAAtDxz5W1UCFyvPjBIQ3DFlnlQSIjmYjFNq9UXBpsZ4z082a8AvOs5DAi8eCll17Fx33nreeBxljInF9fGdVbdb7EI+oXh8+aZq4cPoRWE8NMu9OXutT//xAAwEAABBAECAwcDAwUAAAAAAAABAgMEBREABgghMQcJEhMUIkFRYXEVUpGBweHx8v/aAAgBAQABPwDi84td0jcs3su7MbdyDGgrLNnZxTh514ZCm0K6oCTyKhhWQeYHXcz1hcFyZZz3n3lc1uyHCtRJ+SVEnW80+QF5T01a7ptdvThYUlrJiSWiFIfivKbWkjoQpJBB/rruzO9I30e0ur4cuIfdD1xXXb6Ye3r+evxSoks8m2HnOrqHFe0KVlYWtIJKelk7ItZ0iwmKK3ZDynHVk5JUo5Jz9zqTEICs9NdrjIq2HHDyH/P51vLc7YecAc6f4+2ou/JtBfRb+rlKalQJbchhxCiClxCgtJB+CCAdekJGPDr9Jcd9qU9dcbZ3PtXbEM0tJ6lEnzPUP+oSnyMKRj2nJVnOOXTVuL6Y+pctzw5+PCP7aVVKJytXPT9S9DluwpDZDjLim3AfhQOCP5GpTkasYL7vXXEbYK3Mw608vI/b/H4+mtx0CGH3EeXg/wCvvqt2jMv7uJQ1jBclTZTceM2gElTi1BKQAOpJI1xJcOF7HvJnaBsGqXLYlrLs2DHGXG3DzUtKRzWFHmQMkE631NnQluRJsV5hYOFIdQUKBGOoIBGu0F31SVk6vNq2txY+hpayRMfWQlLEZhS1qJwAAACSc/TXdi915v17tHq+IniE2u9UVlM+mXQUM5GJEuSnm286jq0hB9wSrCipKSQEjn//xAAlEQABBAEEAgIDAQAAAAAAAAABAAIDBAUGBxESITETIwhBUWH/2gAIAQIBAT8Ar365sDgrB3YpAAFh3d3BVqTLMBa4cgrcbbalWoOymNZ1LfLmj0R/QP0sdqf7eSVpLVcTpACVo2w27wQqzPiYrELbEJZKOQVDmbUb+wKx2tb9KXsF+Ou7ta+ZIckehbx1/wBUOrqU7eY/IQzrHD2pq89eUsKq13Sv44W30AxkgkHsrTeobIiHY+FWzj+PJW4W21uW669jm8tPsfxUMZLV+t7eCtPM+PhYS49o4Cfk52w9fRX/xAAkEQABBAICAgIDAQAAAAAAAAABAAIDBAURBiESMQcTCBRBUf/aAAgBAwEBPwDleVsgGCt6V1skFol6xXnN2sRDJIRpY+rZdB2Fk+OufETpcl4w9kRc0drBNlEv1riHGZrDA/SxXGCYfSODilGiFc4JXug9Li/42NyeVNqOTQHetLEfHEWFg+jw9JuHhg6a1Voopm7Co48OcuIV46ThsK9joJmecY7Ku1YqbC6Q6C4ZyyrHE2ncd469H+LENhmYJGHYKwsbmHtfuVqtIvlOgPZK+YflrFWaEmKxD/NzunPHoD/Af7tf/9k=) no-repeat; background-size:cover; background-color:transparent!important } .d-color .el-color-picker__icon[data-v-715ff7ad] { position:absolute!important; top:3px; left:3px } .el-color-picker__mask[data-v-715ff7ad] { height:30px; width:30px; border-radius:4px; position:absolute; top:1px; left:1px; z-index:1; cursor:not-allowed; background-color:hsla(0,0%,100%,.7019607843137254) } .el-color-picker__trigger[data-v-715ff7ad] { display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; height:32px; width:32px; padding:4px; border:1px solid var(--el-border-color); border-radius:4px; font-size:0; position:relative; cursor:pointer } .el-color-picker__color[data-v-715ff7ad] { position:relative; display:block; box-sizing:border-box; border:1px solid var(--el-text-color-secondary); border-radius:var(--el-border-radius-small); width:100%; height:100%; text-align:center } .el-color-picker__color.is-alpha[data-v-715ff7ad] { background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 0),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 0),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 0),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 0); background-size:12px 12px; background-position:0 0,6px 0,6px -6px,0 6px } .el-color-picker__color-inner[data-v-715ff7ad] { display:inline-flex; justify-content:center; align-items:center; width:100%; height:100% } .el-color-picker__color-inner .block[data-v-715ff7ad] { opacity:0 } .el-color-picker[data-v-715ff7ad] { display:flex } .el-color-picker .el-color-picker__empty[data-v-715ff7ad] { font-size:12px; color:var(--el-text-color-secondary) } .el-color-picker .el-color-picker__icon[data-v-715ff7ad] { display:inline-flex; justify-content:center; align-items:center; color:#fff; font-size:12px } .el-color-picker__panel[data-v-715ff7ad] { position:absolute; z-index:10; padding:6px; box-sizing:content-box; background-color:#fff; border-radius:var(--el-border-radius-base); box-shadow:var(--el-box-shadow-light) } .el-color-picker--small .el-color-picker__empty[data-v-715ff7ad],.el-color-picker--small .el-color-picker__icon[data-v-715ff7ad] { transform:scale(.8) } .d-layout-content[data-v-68858480] { flex:1; flex-basis:auto; overflow:auto; --scroll-bar-color-bg:var(--d-main) } .d-layout-content .d-paper-warp[data-v-68858480] { height:100%; overflow:auto } .d-layout-content[data-v-68858480]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .d-layout-content[data-v-68858480]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .d-layout-content[data-v-68858480]::-webkit-scrollbar:hover { width:5px } .d-layout-content::-ms .d-layout-content[data-v-68858480]::-webkit-scrollbar-track { width:5px; background-color:transparent } .d-layout-content[data-v-68858480]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .d-layout-content[data-v-68858480]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .d-layout-content[data-v-68858480]::-webkit-scrollbar-corner { background:none } .d-layout-content .d-paper-ul[data-v-68858480] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); grid-template-rows:120px; grid-auto-flow:dense; grid-gap:15px } .d-bg-card[data-v-68858480] { background-color:var(--bg-card) } .d-color .d-color-item[data-v-68858480] { --size:18px; position:relative; width:var(--size,18px); height:var(--size,18px); border-radius:50%; border:1px solid transparent; display:flex; transition:transform .2s; justify-content:center; align-items:center } .d-color .el-color-picker--small[data-v-68858480] { height:var(--size,18px)!important } .d-color .el-color-picker__color[data-v-68858480],.d-color .el-color-picker__trigger[data-v-68858480] { border:none; border-radius:50%; overflow:hidden; padding:0; height:var(--size,18px)!important; width:var(--size,18px)!important } .el-color-picker__color[data-v-68858480] { position:relative; display:block; box-sizing:border-box; border:1px solid var(--el-text-color-secondary); border-radius:var(--el-border-radius-small); width:100%; height:100%; text-align:center } .el-color-picker__color.is-alpha[data-v-68858480] { background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 0),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 0),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 0),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 0); background-size:12px 12px; background-position:0 0,6px 0,6px -6px,0 6px } .el-color-picker__color-inner[data-v-68858480] { display:inline-flex; justify-content:center; align-items:center; width:100%; height:100% } .d-color .el-color-picker__color .el-color-picker__color-inner[data-v-68858480],.d-color .el-color-picker__trigger .el-color-picker__color-inner[data-v-68858480] { background:url(data:image/jpeg; base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAoACgDAREAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAABwgFCQECAwb/xAAbAQEAAgMBAQAAAAAAAAAAAAAHBQgEBgkCA//aAAwDAQACEAMQAAAAtDxz5W1UCFyvPjBIQ3DFlnlQSIjmYjFNq9UXBpsZ4z082a8AvOs5DAi8eCll17Fx33nreeBxljInF9fGdVbdb7EI+oXh8+aZq4cPoRWE8NMu9OXutT//xAAwEAABBAECAwcDAwUAAAAAAAABAgMEBREABgghMQcJEhMUIkFRYXEVUpGBweHx8v/aAAgBAQABPwDi84td0jcs3su7MbdyDGgrLNnZxTh514ZCm0K6oCTyKhhWQeYHXcz1hcFyZZz3n3lc1uyHCtRJ+SVEnW80+QF5T01a7ptdvThYUlrJiSWiFIfivKbWkjoQpJBB/rruzO9I30e0ur4cuIfdD1xXXb6Ye3r+evxSoks8m2HnOrqHFe0KVlYWtIJKelk7ItZ0iwmKK3ZDynHVk5JUo5Jz9zqTEICs9NdrjIq2HHDyH/P51vLc7YecAc6f4+2ou/JtBfRb+rlKalQJbchhxCiClxCgtJB+CCAdekJGPDr9Jcd9qU9dcbZ3PtXbEM0tJ6lEnzPUP+oSnyMKRj2nJVnOOXTVuL6Y+pctzw5+PCP7aVVKJytXPT9S9DluwpDZDjLim3AfhQOCP5GpTkasYL7vXXEbYK3Mw608vI/b/H4+mtx0CGH3EeXg/wCvvqt2jMv7uJQ1jBclTZTceM2gElTi1BKQAOpJI1xJcOF7HvJnaBsGqXLYlrLs2DHGXG3DzUtKRzWFHmQMkE631NnQluRJsV5hYOFIdQUKBGOoIBGu0F31SVk6vNq2txY+hpayRMfWQlLEZhS1qJwAAACSc/TXdi915v17tHq+IniE2u9UVlM+mXQUM5GJEuSnm286jq0hB9wSrCipKSQEjn//xAAlEQABBAEEAgIDAQAAAAAAAAABAAIDBAUGBxESITETIwhBUWH/2gAIAQIBAT8Ar365sDgrB3YpAAFh3d3BVqTLMBa4cgrcbbalWoOymNZ1LfLmj0R/QP0sdqf7eSVpLVcTpACVo2w27wQqzPiYrELbEJZKOQVDmbUb+wKx2tb9KXsF+Ou7ta+ZIckehbx1/wBUOrqU7eY/IQzrHD2pq89eUsKq13Sv44W30AxkgkHsrTeobIiHY+FWzj+PJW4W21uW669jm8tPsfxUMZLV+t7eCtPM+PhYS49o4Cfk52w9fRX/xAAkEQABBAICAgIDAQAAAAAAAAABAAIDBAURBiESMQcTCBRBUf/aAAgBAwEBPwDleVsgGCt6V1skFol6xXnN2sRDJIRpY+rZdB2Fk+OufETpcl4w9kRc0drBNlEv1riHGZrDA/SxXGCYfSODilGiFc4JXug9Li/42NyeVNqOTQHetLEfHEWFg+jw9JuHhg6a1Voopm7Co48OcuIV46ThsK9joJmecY7Ku1YqbC6Q6C4ZyyrHE2ncd469H+LENhmYJGHYKwsbmHtfuVqtIvlOgPZK+YflrFWaEmKxD/NzunPHoD/Af7tf/9k=) no-repeat; background-size:cover; background-color:transparent!important } .d-color .el-color-picker__icon[data-v-68858480] { position:absolute!important } .d-color .d-color-item .d-icon[data-v-68858480] { color:#fff; font-size:var(--size) } .d-color .d-color-item.isWhite[data-v-68858480] { border-color:rgba(0,0,0,.30196078431372547) } .d-color .d-color-item.isWhite .d-icon[data-v-68858480] { color:rgba(0,0,0,.30196078431372547) } .d-color .d-color-item.colorTransparent[data-v-68858480] { background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwRjkxNDhCNzE2RjExRUNBNzQxOEE4RDQ1NDRENUIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwRjkxNDhDNzE2RjExRUNBNzQxOEE4RDQ1NDRENUIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGOTE0ODk3MTZGMTFFQ0E3NDE4QThENDU0NEQ1QjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGOTE0OEE3MTZGMTFFQ0E3NDE4QThENDU0NEQ1QjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gMmjFAAAB7klEQVR42sSYzUsCURTFn4MZgotgCsV9n7gpF9U6a2UR9RdEWK1cW5talWt3ffwNCaGLkta5alai1l6SdKdIBtK5cQc01BkbZ96BH8jg3HucGd87d1yapgkTUoAPLIANsA7mQEBVVQ/4wucP8A5ewDMogQboGBV3mzAQADvgCIQHfMcLptjkNh97BdfggQ0O/YViSOFdkONiYTGaVvi8HNfxjmrCD5IgDULCmkJcJ8l1TZkIglsQF+NVnOsGjZ6Jab6EUWGP6HlxgQNQ63cl6J5d2GhAV5T7ePuZ2AIx4Yxi3K/HhAougcchE9TnCszoJoh9sCSc1SLYo/76Sngs5Ij6+sjEPC8sMrRMqyyZiAi52lR4M5KpVYV3Q5n6vR0BySb8bsoDVqvU63Urp0+QifawbdaMAYsmvhWjwOGAqmTiTbKJMpnISzaRVzh+yVSOTJQ5lMoQRf2SwrH8RpIJSnENheeCe1B02ECR+3b0UPMJTkHbIQPU54z79sS7J3DnkAlK3Y/9MmYLnIOMzQYyHHRbg+aOGqedrE0Gsly/ZjT8VMAhSI3ZQIrrVsyOgVWQ4CBasNi8wHUSXHekgbjFM2SEL6H2j4XohM9Pdz8Df+VqNpujvp+goWUNzFIgwjY+CbrfT+T5n2b6/cSPAAMAlElvl00t75IAAAAASUVORK5CYII=) no-repeat; background-size:cover; background-position:50% } .d-layout-content[data-v-15572e53] { flex:1; flex-basis:auto } .d-layout-content .d-scrollbar[data-v-15572e53] { --scroll-bar-color-bg:var(--d-main) } .d-layout-content .d-scrollbar .d-paper-warp[data-v-15572e53] { height:100%; overflow:auto } .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .d-layout-content .d-scrollbar[data-v-15572e53]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar:hover { width:5px } .d-layout-content .d-scrollbar::-ms .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar-track { width:5px; background-color:transparent } .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .d-layout-content .d-scrollbar[data-v-15572e53]::-webkit-scrollbar-corner { background:none } .d-layout-content .d-paper-ul[data-v-15572e53] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); grid-template-rows:120px; grid-auto-flow:dense; grid-gap:15px } .d-layout-content[data-v-38ac9316] { flex:1; flex-basis:auto; overflow:hidden } .d-layout-content .d-scrollbar[data-v-38ac9316] { height:100%; overflow-y:auto; --scroll-bar-color-bg:var(--d-main) } .d-layout-content .d-scrollbar .d-paper-warp[data-v-38ac9316] { height:100%; overflow:auto } .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .d-layout-content .d-scrollbar[data-v-38ac9316]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar:hover { width:5px } .d-layout-content .d-scrollbar::-ms .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar-track { width:5px; background-color:transparent } .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .d-layout-content .d-scrollbar[data-v-38ac9316]::-webkit-scrollbar-corner { background:none } .d-layout-content .d-paper-ul[data-v-38ac9316] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); grid-template-rows:120px; grid-auto-flow:dense; grid-gap:15px } .d-layout-content .d-paper-ul .paper-bing[data-v-38ac9316] { grid-column:span 4; display:flex } .d-layout-content .d-paper-ul .paper-bing>div p[data-v-38ac9316] { line-height:16px } .d-layout-content .d-paper-ul .paper-bing .paper-figure[data-v-38ac9316] { max-width:235px; min-width:188px; margin-right:15px } .d-layout-content[data-v-19fee570] { flex:1; flex-basis:auto } .d-layout-content .d-scrollbar[data-v-19fee570] { --scroll-bar-color-bg:var(--d-main) } .d-layout-content .d-scrollbar .d-paper-warp[data-v-19fee570] { height:100%; overflow:auto } .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .d-layout-content .d-scrollbar[data-v-19fee570]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar:hover { width:5px } .d-layout-content .d-scrollbar::-ms .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar-track { width:5px; background-color:transparent } .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .d-layout-content .d-scrollbar[data-v-19fee570]::-webkit-scrollbar-corner { background:none } .d-layout-content .d-paper-ul[data-v-19fee570] { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); grid-template-rows:120px; grid-auto-flow:dense; grid-gap:15px } .wallpaper-tabs .el-button { --el-button-font-weight:var(--el-font-weight-primary); --el-button-border-color:var(--el-border-color); --el-button-bg-color:var(--el-fill-color-blank); --el-button-text-color:var(--el-text-color-regular); --el-button-disabled-text-color:var(--el-disabled-text-color); --el-button-disabled-bg-color:var(--el-fill-color-blank); --el-button-disabled-border-color:var(--el-border-color-light); --el-button-divide-border-color:hsla(0,0%,100%,0.5); --el-button-hover-text-color:var(--el-color-primary); --el-button-hover-bg-color:var(--el-color-primary-light-9); --el-button-hover-border-color:var(--el-color-primary-light-7); --el-button-active-text-color:var(--el-button-hover-text-color); --el-button-active-border-color:var(--el-color-primary); --el-button-active-bg-color:var(--el-button-hover-bg-color); --el-button-outline-color:var(--el-color-primary-light-5); --el-button-hover-link-text-color:var(--el-color-info); --el-button-active-color:var(--el-text-color-primary); --el-button-bg-color:transparent; display:inline-flex; justify-content:center; align-items:center; line-height:1; height:32px; white-space:nowrap; cursor:pointer; color:var(--el-button-text-color); text-align:center; box-sizing:border-box; outline:0; transition:.1s; font-weight:var(--el-button-font-weight); -webkit-user-select:none; -moz-user-select:none; user-select:none; vertical-align:middle; -webkit-appearance:none; background-color:var(--el-button-bg-color); border:var(--el-border); border-color:var(--el-button-border-color); padding:8px 15px; font-size:var(--el-font-size-base); border-radius:var(--el-border-radius-base) } .wallpaper-tabs .el-button.is-loading { position:relative; pointer-events:none } .wallpaper-tabs .el-button.is-loading:before { z-index:1; pointer-events:none; content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:inherit; background-color:var(--el-mask-color-extra-light) } .wallpaper-tabs .el-button.is-round { border-radius:var(--el-border-radius-round) } .wallpaper-tabs .el-button.is-circle { border-radius:50%; padding:8px } .d-layout { display:flex; flex:auto; flex-direction:row; min-height:0 } .d-content { max-width:var(--max-width); margin:0 auto; box-sizing:border-box } .d-relative { position:relative } .d-absolute { position:absolute } .d-fixed { position:fixed } .d-nowrap { white-space:nowrap } .d-disabled { background:#e8e8e8; color:#999; cursor:not-allowed } .d-show { display:block } .d-hide { display:none } .d-auto-x { overflow-x:auto } .d-auto-y { overflow-y:auto } .d-fieldset { border:1px solid rgba(var(--alpha-color),.05); border-radius:2px } .d-block { display:block } .d-inline { display:inline-block } .d-middle { vertical-align:middle } .d-box { box-sizing:border-box } .d-clear { clear:both } .d-flex-x { display:flex; justify-content:center } .d-flex-start { display:flex; justify-content:flex-start } .d-flex-end { display:flex; justify-content:flex-end } .d-flex-around { display:flex; justify-content:space-around } .d-flex-column { flex-direction:column } .d-flex-top { align-items:flex-start } .d-flex-bottom { align-items:flex-end } .d-shrink { flex-shrink:1 } .d-row { display:flex; flex-wrap:wrap; position:relative; box-sizing:border-box } .d-col-24 { max-width:100%; flex:0 0 100% } .d-col-22 { max-width:91.66666666%; flex:0 0 91.66666666% } .d-col-16 { max-width:66.66666667%; flex:0 0 66.66666667% } .d-col-13 { max-width:54.1666666%; flex:0 0 54.1666666% } .d-col-12 { max-width:50%; flex:0 0 50% } .d-col-11 { max-width:45.83333333%; flex:0 0 45.83333333% } .d-col-10 { max-width:41.66666666%; flex:0 0 41.66666666% } .d-col-8 { max-width:33.33333333%; flex:0 0 33.33333333% } .d-col-6 { max-width:25%; flex:0 0 25% } .d-col-4 { max-width:16.66666667%; flex:0 0 16.66666667% } .d-tabs { color:var(--d-main); font-size:var(--fontSize,14px) } .d-tabs .d-tabs-item { position:relative; z-index:1; margin:5px 0; padding:var(--padding,8px) } .d-tabs .d-tabs-item:hover { transition:background .2s,color .2s; cursor:pointer; color:var(--primary-color) } .d-tabs .d-tabs-item.active { transition:color .2s; color:var(--active-color,#fff); border-color:var(--primary-color); background:var(--active-bg,var(--primary-color)); border-radius:var(--bg-radius,0) } .paper-tabs { position:relative; background:var(--bg-input); --title-height:40px; height:100%; padding-top:30px; min-width:166px; max-width:220px } .paper-tabs h2 { box-sizing:border-box; text-align:left; line-height:var(--title-height); color:var(--d-main); padding-left:20px; font-size:24px; font-weight:700 } .paper-tabs .paper-setting { position:absolute; left:20px; bottom:20px; font-size:20px; width:120px; cursor:pointer; color:rgba(var(--alpha-color),.7); justify-content:left } .paper-tabs .paper-setting:hover { color:rgba(var(--alpha-color),.8) } .paper-tabs .d-left-tabs { overflow:auto; height:calc(100% - var(--title-height) - 1px) } @keyframes rotating { 0% { transform:rotate(0) } to { transform:rotate(1turn) } }.el-icon { --color:inherit; height:1em; width:1em; line-height:1em; display:inline-flex; justify-content:center; align-items:center; position:relative; fill:currentColor; color:var(--color); font-size:inherit } .el-icon.is-loading { animation:rotating 2s linear infinite } .el-icon svg { height:1em; width:1em } .d-figure .el-image { transition:.2s!important } .d-figure:hover .el-image { transform:scale(1.1) } .wallspic { position:absolute; top:0; left:0; z-index:1 } .el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper { width:100%; height:100% } .el-image { position:relative; display:inline-block; overflow:hidden } .el-image__inner { vertical-align:top; opacity:1 } .el-image__inner.is-loading { opacity:0 } .el-image__wrapper { position:absolute; top:0; left:0 } .el-image__error,.el-image__placeholder { background:var(--el-fill-color-light) } .el-image__error { position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; font-size:14px; color:var(--el-text-color-placeholder); 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:flex; align-items:center; justify-content:center; border-radius:50%; opacity:.8; cursor:pointer; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; user-select:none } .el-input__wrapper { --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover) } .el-image__placeholder { display:flex; align-items:center; justify-content:center } .el-image__placeholder:before { color:var(--d-sub); content:"正在加载(服务器宽带低加载可能要很久)"; display:inline-block; font-size:14px } .d-figure { --btn-size:40px; position:relative; height:var(--5f5d2b7c); width:var(--72e8454b); border-radius:5px; overflow:hidden } .d-figure .video { position:absolute; left:0; width:100%; top:0; height:100%; -o-object-fit:cover; object-fit:cover } .d-figure .paper-down { --size:24px; position:absolute; right:2px; top:2px; cursor:pointer; border-radius:50%; font-size:14px; transition:.2s; text-align:center; line-height:var(--size); width:var(--size); height:var(--size); color:#fff; z-index:1; opacity:0 } .d-figure .paper-down:hover { background-color:rgba(0,0,0,.8) } .d-figure .d-image-select { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; transition:.2s } .d-figure .d-image-select .d-image-select-btn { width:var(--btn-size); display:block; text-align:center; height:var(--btn-size); border-radius:50%; font-size:12px; background-color:rgba(0,0,0,.4); border:none; color:#fff; transition:background .2s; cursor:pointer } .d-figure .d-image-select .d-image-select-btn:hover { background-color:var(--primary-color) } .d-figure .el-image { width:100%; height:100% } .d-figure:hover video { display:block } .d-figure:hover .paper-down { opacity:1 } .d-figure:hover .el-image { opacity:.8 } .d-figure:hover .d-image-select { opacity:1 } .d-figure[data-v-5e46c750] { border-radius:5px; height:120px } .webGradients-group li { display:inline-block; width:28px; height:28px; background:var(--bg-input); padding:5px; margin:0 6px; border-radius:3px; border:1px solid transparent } .webGradients-group li.active { border:1px solid #259be5 } .webGradients-group li span { width:16px; height:16px; display:block; border-radius:50% } .app-AsideBars[data-v-0755cb14] { background:var(--bg-body); padding:30px 20px; overflow:hidden } .app-AsideBars .app-AsideBars_wrap[data-v-0755cb14] { overflow-y:auto } .app-AsideBars .app-AsideBars_wrap[data-v-0755cb14]::-webkit-scrollbar { width:0 } .app-AsideBars .asideBars_content_ul[data-v-0755cb14] { display:grid; grid-template-columns:1fr 1fr; gap:20px } .app-AsideBars .asideBars_content_ul li[data-v-0755cb14] { width:470px; height:260px; background:var(--bg-card); border-radius:15px; padding:5px 0 } .app-AsideBars .asideBars_content_ul li p[data-v-0755cb14] { border-radius:5px; font-size:14px; background-color:var(--switch_block-color); overflow:hidden; border:2px solid transparent; -webkit-user-select:none; -moz-user-select:none; user-select:none; transition:all .2s } .app-AsideBars .asideBars_content_ul li p span[data-v-0755cb14] { display:inline-flex; padding:5px 15px } .app-AsideBars .asideBars_content_ul li p.is-asidebar[data-v-0755cb14] { color:var(--primary-color); border:2px solid var(--primary-color) } .app-AsideBars .asideBars_content_ul li p.is-asidebar span[data-v-0755cb14] { background-color:rgba(24,144,255,.2) } :host { text-align:center } .app-date-box,:host { -moz-user-select:none; user-select:none; -webkit-user-select:none; color:var(--time-color,"#fff") } .app-date-box { font-family:auto; display:flex; flex-direction:column; justify-content:flex-end; align-items:center } .app-date { font-size:14px; line-height:26px; opacity:.88; margin-top:-3px; text-shadow:0 2px 4px rgba(0,0,0,.16) } .app-date span { margin:0 2px } .app-date .time-month { display:var(--time-month) } .app-date .time-week { display:var(--time-week) } .app-date .time-lunar { display:var(--time-lunar) } .app-time { font-size:var(--time-size); font-family:var(--time-font); -webkit-user-select:none; -moz-user-select:none; user-select:none; font-weight:var(--time-fontWeight); text-shadow:0 2px 6px rgba(0,0,0,.16); display:inline-block; line-height:var(--time-size); transition:font .2s } .app-time.fontFamily-align .colon { vertical-align:unset!important } .app-time .colon { vertical-align:calc(var(--time-size)/12) } .app-time .sec { display:var(--time-sec) } .leading-5[data-v-065d263a] { line-height:1.25rem } .bg-transparent[data-v-065d263a] { background-color:transparent } .cursor-pointer[data-v-065d263a] { cursor:pointer } .app-yiyan[data-v-065d263a] { max-height:60px; min-height:40px; color:hsla(0,0%,100%,.9019607843137255) } .app-yiyan .yiyan-text[data-v-065d263a] { text-shadow:0 0 20px rgba(0,0,0,.8); font-size:12px; display:flex; align-items:center; justify-content:center } .app-yiyan .yiyan-text span[data-v-065d263a] { display:inline-block; max-width:400px; margin:0 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .app-yiyan .yiyan-from[data-v-065d263a] { opacity:0; transition:.4s; text-align:center; font-size:12px } .app-yiyan .app-yiyan-body .app-yiyan-btn[data-v-065d263a] { display:none; padding:2px 4px; width:70px; left:100%; font-size:12px; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); background-color:rgba(var(--alpha-color),.2); border-radius:6px } .app-yiyan .app-yiyan-body .app-yiyan-btn span[data-v-065d263a] { width:20px; height:20px; border-radius:4px } .app-yiyan .app-yiyan-body .app-yiyan-btn span[data-v-065d263a]:hover { background-color:hsla(0,0%,100%,.2) } .app-yiyan .app-yiyan-body[data-v-065d263a]:hover { background-color:rgba(0,0,0,.0196078431372549); -webkit-backdrop-filter:blur(1px); backdrop-filter:blur(1px) } .app-yiyan .app-yiyan-body:hover .app-yiyan-btn[data-v-065d263a] { display:flex } .app-yiyan .app-yiyan-body:hover .yiyan-from[data-v-065d263a] { opacity:1 } [data-v-145fbb90] .el-upload { display:block } [data-v-145fbb90] .el-icon-plus { --color:inherit; height:1em; width:1em; line-height:1em; fill:currentColor; color:var(--color); font-size:12px } [data-v-145fbb90] .el-icon-plus,[data-v-145fbb90] .el-input { display:inline-flex; justify-content:center; align-items:center } [data-v-145fbb90] .el-input { flex-grow:1; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); background-image:none; border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); transition:var(--el-transition-box-shadow); transform:translateZ(0); --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover); --el-input-text-color:var(--el-text-color-regular); --el-input-border:var(--el-border); --el-input-hover-border:var(--el-border-color-hover); --el-input-focus-border:var(--el-color-primary); --el-input-transparent-border:0 0 0 1px transparent inset; --el-input-border-color:var(--el-border-color); --el-input-border-radius:var(--el-border-radius-base); --el-input-icon-color:var(--el-text-color-placeholder); --el-input-placeholder-color:var(--el-text-color-placeholder); --el-input-hover-border-color:var(--el-border-color-hover); --el-input-clear-hover-color:var(--el-text-color-secondary); --el-input-focus-border-color:var(--el-color-primary); --el-input-height:var(--el-component-size); font-size:var(--el-font-size-base) } .el-input[data-v-145fbb90]:hover { box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset } [data-v-145fbb90] .el-input__inner { --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover); --el-input-inner-height:calc(var(--el-input-height,32px) - 2px); width:100%; flex-grow:1; color:var(--el-input-text-color,var(--el-text-color-regular)); font-size:inherit; height:var(--el-input-inner-height); line-height:var(--el-input-inner-height); outline:0; border:none; background:0 0; box-sizing:border-box } [data-v-145fbb90].avatar-uploader { width:100%; height:100% } [data-v-145fbb90].avatar-uploader .el-upload { border-radius:6px; cursor:pointer; position:relative; overflow:hidden; width:100%!important; height:100%!important } [data-v-145fbb90] .cropDialog { background-color:var(--bg-card); height:450px; margin-top:5vh!important } [data-v-145fbb90] .cropDialog .el-dialog__title { color:var(--d-main) } [data-v-145fbb90] .cropDialog .el-dialog__body { height:340px; display:flex; flex-direction:column; align-items:center } [data-v-145fbb90] .cropDialog .el-dialog__body .vue-cropper { width:260px; height:260px } [data-v-145fbb90] .cropDialog .el-dialog__body .cropDialog-center { width:260px } [data-v-145fbb90] .cropDialog .el-dialog__body .cropDialog-bottom { margin-top:10px; width:300px } [data-v-145fbb90] .cropDialog .el-dialog__footer button { width:100px; height:32px } [data-v-145fbb90] .cropDialog .el-dialog__footer .el-button--default { border:1px solid var(--bg-hover) } .avatar-uploader .el-upload[data-v-145fbb90]:hover { border-color:#409eff } .avatar-uploader-icon[data-v-145fbb90] { font-size:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important } .avatar[data-v-145fbb90] { width:100%; height:100%; display:block } .app-icon-wrap[data-v-145fbb90] { padding:10px; background-color:var(--add-card,var(--bg-card)); border-radius:6px } .app-icon-wrap .icon-preview[data-v-145fbb90] { width:var(--icon-size); height:var(--icon-size); display:inline-block; margin-right:4px; margin-bottom:30px; border-radius:17px; font-size:13px; color:var(--d-main); text-align:center; border:2px solid transparent; box-sizing:content-box; cursor:pointer; position:relative } .app-icon-wrap .icon-preview .icon-preview-body[data-v-145fbb90] { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; border-radius:16px; margin-bottom:7px; overflow:hidden; background-color:rgba(var(--alpha-color),.05); border:1px solid rgba(var(--alpha-color),.1) } .app-icon-wrap .icon-preview .d-text-icon[data-v-145fbb90] { font-size:22px } .app-icon-wrap .icon-preview .d-text-icon .d-text-txt[data-v-145fbb90] { position:absolute; left:50%; font-weight:500; line-height:1; transform:translate(-50%); transform-origin:0 center } .app-icon-wrap .icon-preview.active[data-v-145fbb90] { position:relative; border-color:#fff; box-shadow:0 0 12px 3px rgba(var(--alpha-color),.2) } .app-icon-wrap .icon-preview.active[data-v-145fbb90]:before { content:"\2714"; position:absolute; font-weight:700; color:var(--primary-color); right:0; bottom:0; width:18px; height:18px; background:#fff; z-index:1; border-radius:14px 0 15px } .app-icon-wrap .form .address .getIcon[data-v-145fbb90] { border:none; transform:scale(1); transition:all .2s ease-out } .app-icon-wrap .form .address .el-input[data-v-145fbb90] { justify-content:flex-start } .app-icon-wrap .form .address[data-v-145fbb90] .el-input__inner { flex-grow:0; width:var(--width); padding:0; padding-left:30px } .app-icon-wrap .form .iconBgcolor[data-v-145fbb90] { display:flex; align-items:center; justify-content:flex-start } .app-icon-wrap .form .iconBgcolor[data-v-145fbb90] .el-form-item__content { margin:0!important; flex:1 } .el-overlay[data-v-e91dc3fa] { position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; background-color:rgba(0,0,0,.3) } .el-overlay .el-message-box[data-v-e91dc3fa] { width:420px; height:150px; background-color:var(--bg-card); border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); padding-bottom:10px; vertical-align:middle; text-align:left; overflow:hidden; backface-visibility:hidden; box-sizing:border-box } .el-overlay .el-message-box .el-message-box__header[data-v-e91dc3fa] { width:100%; position:relative; padding:15px; padding-bottom:10px } .el-overlay .el-message-box .el-message-box__header .el-message-box__title[data-v-e91dc3fa] { position:relative; display:flex; align-items:center; justify-content:center } .el-overlay .el-message-box .el-message-box__header .el-message-box__title .d-icon[data-v-e91dc3fa] { position:relative; top:auto; padding-right:5px; text-align:center; font-size:25px; color:#e6a23c } .el-overlay .el-message-box .el-message-box__header .el-message-box__headerbtn[data-v-e91dc3fa] { position:absolute; top:15px; right:15px; padding:0; border:none; outline:0; background:0 0; font-size:16px; cursor:pointer } .el-overlay .el-message-box .el-message-box__header .el-message-box__headerbtn .d-icon[data-v-e91dc3fa] { color:#909399; font-size:inherit; font-size:18px } .el-overlay .el-message-box .el-message-box__content[data-v-e91dc3fa] { padding:15px 27px; text-align:center } .el-overlay .el-message-box .el-message-box__content p[data-v-e91dc3fa] { color:var(--d-main) } .el-overlay .el-message-box .el-message-box__btns[data-v-e91dc3fa] { display:flex; align-items:center; justify-content:center } .el-overlay .el-message-box .el-message-box__btns button[data-v-e91dc3fa] { width:60px; height:32px; background-color:#fff; border-radius:5px; cursor:pointer } .el-overlay .el-message-box .el-message-box__btns .cancel[data-v-e91dc3fa] { border:1px solid #ccc; color:#606266 } .el-overlay .el-message-box .el-message-box__btns .cancel[data-v-e91dc3fa]:hover { background-color:#ecf5ff; border-color:#c6e2ff; color:#1890ff } .el-overlay .el-message-box .el-message-box__btns .sure[data-v-e91dc3fa] { margin-left:10px; border:none; color:#fff; background-color:#1890ff } .el-overlay .el-message-box .el-message-box__btns .sure[data-v-e91dc3fa]:hover { background-color:#79bbff } .app-notes[data-v-44a79cc9] { width:100%; height:100%; background-color:var(--bg-card); display:flex } .app-notes .notes-aside[data-v-44a79cc9] { overflow:hidden; background-color:var(--bg-input); box-sizing:border-box; padding-top:20px; position:relative } .app-notes .notes-aside .aside-top[data-v-44a79cc9] { height:60px; padding-left:20px; display:flex; align-items:center; justify-content:space-between } .app-notes .notes-aside .aside-top .aside-top-title[data-v-44a79cc9] { font-size:20px; line-height:60px } .app-notes .notes-aside .aside-top .aside-top-sort[data-v-44a79cc9] { display:flex; flex-direction:column; margin-right:10px } .app-notes .notes-aside .aside-top .aside-top-sort span[data-v-44a79cc9] { display:inline-block; margin-bottom:3px } .app-notes .notes-aside .aside-top .aside-top-sort .top-sort[data-v-44a79cc9] { border-top:6px solid transparent; border-bottom:6px solid #1890ff; border-left:6px solid transparent; border-right:6px solid transparent } .app-notes .notes-aside .aside-top .aside-top-sort .bottom-sort[data-v-44a79cc9] { border-top:6px solid var(--d-sub); border-bottom:6px solid transparent; border-left:6px solid transparent; border-right:6px solid transparent } .app-notes .notes-aside .aside-noContent[data-v-44a79cc9] { font-size:14px; margin-top:50px; text-align:center } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9] { height:calc(100% - 120px); overflow:hidden; overflow-y:auto; --scroll-bar-color-bg:var(--bg-hover) } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar:hover { width:5px } .app-notes .notes-aside .aside-bottom::-ms .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-notes .notes-aside .aside-bottom[data-v-44a79cc9]::-webkit-scrollbar-corner { background:none } .app-notes .notes-aside .aside-bottom .aside-bottom-item[data-v-44a79cc9] { cursor:pointer; height:67px; padding:16px; border-left:6px solid transparent; border-top:1px solid transparent; display:flex; border-top:1px solid rgba(var(--alpha-color),.04); justify-content:space-between; transition:all .2s ease-out } .app-notes .notes-aside .aside-bottom .aside-bottom-item .aside-bottom-item-left[data-v-44a79cc9] { width:120px } .app-notes .notes-aside .aside-bottom .aside-bottom-item .aside-bottom-item-left p[data-v-44a79cc9] { font-weight:550; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis } .app-notes .notes-aside .aside-bottom .aside-bottom-item .aside-bottom-item-left span[data-v-44a79cc9] { font-size:12px; color:var(--d-sub) } .app-notes .notes-aside .aside-bottom .aside-bottom-item .aside-bottom-item-right[data-v-44a79cc9] { width:20px; margin-top:-5px; margin-right:-10px } .app-notes .notes-aside .aside-bottom .aside-bottom-item .aside-bottom-item-right .d-icon[data-v-44a79cc9] { display:inline-block; color:#1890ff; font-size:20px; margin-bottom:10px; transform:scale(0); transition:all .2s ease-out } .app-notes .notes-aside .aside-bottom .borderActive[data-v-44a79cc9] { border-left-color:#1890ff; background-color:var(--bg-card); box-shadow:0 4px 24px -12px rgba(0,0,0,.3) } .app-notes .notes-aside .aside-bottom .colorActive[data-v-44a79cc9] { color:#1890ff } .app-notes .notes-aside .aside-add[data-v-44a79cc9] { width:35px; height:35px; border-radius:50%; background-color:#1890ff; display:flex; align-items:center; justify-content:center; position:absolute; bottom:10px; right:10px; box-shadow:0 0 5px 2px rgba(0,0,0,.12156862745098039) } .app-notes .notes-aside .aside-add .d-icon[data-v-44a79cc9] { color:#fff; font-size:18px } .app-notes .notes-aside .aside-add[data-v-44a79cc9]:hover { background-color:#2e9afe } .app-notes .notes-main[data-v-44a79cc9] { padding:20px; box-sizing:border-box; position:relative } .app-notes .notes-main .notes-main-head[data-v-44a79cc9] { margin-bottom:10px; height:30px } .app-notes .notes-main .notes-main-head input[data-v-44a79cc9] { width:100%; height:100%; border:none; outline:none; font-weight:550; font-size:16px; color:var(--d-main); background-color:var(--bg-card); border-bottom:1px solid rgba(var(--alpha-color),.04) } .app-notes .notes-main .notes-main-body[data-v-44a79cc9] { height:calc(100% - 40px) } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9] { --height:27px; resize:none; border:none; outline:none; line-height:calc(var(--height) + 1px); color:var(--d-main); font-size:16px; background-color:var(--bg-card); background:linear-gradient(180deg,transparent,transparent var(--height),var(--dividing-line) var(--height),var(--dividing-line) var(--height)); background-size:100% calc(var(--height) + 1px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar:hover { width:5px } .app-notes .notes-main .notes-main-body textarea::-ms .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-notes .notes-main .notes-main-body textarea[data-v-44a79cc9]::-webkit-scrollbar-corner { background:none } .app-notes .notes-main .notes-main-fixed[data-v-44a79cc9] { position:relative; bottom:5px; left:0; font-size:13px; color:var(--d-sub); background-color:var(--bg-card) } .daysMatters-body { color:var(--daysMatters-text-color); font-size:17px; position:relative; background-color:var(--daysMatters-bg-color); background-image:var(--bgImgs)!important; background-repeat:no-repeat; background-size:cover; border-radius:14px } .daysMatters-body:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; -webkit-backdrop-filter:blur(var(--bg-filter)); backdrop-filter:blur(var(--bg-filter)); border-radius:14px } .daysMatters-body .app-icon-panel-title { margin-top:10px; color:var(--d-main) } .daysMatters-body .commemorate,.daysMatters-body .countdown,.daysMatters-body .DateOfLove { position:relative; z-index:1; overflow:hidden; border-radius:14px } .daysMatters-body.icon-size-1x1 { width:var(--icon-size); height:var(--icon-size) } .daysMatters-body.icon-size-1x2 { width:calc(var(--icon-size)*2 + var(--icon-padding,30px)); height:var(--icon-size) } .daysMatters-body.icon-size-2x1 { width:var(--icon-size); height:calc(var(--icon-size)*2 + var(--icon-padding,30px)) } .daysMatters-body.icon-size-2x2 { width:calc(var(--icon-size)*2 + var(--icon-padding,30px)); height:calc(var(--icon-size)*2 + var(--icon-padding,30px)) } .daysMatters-body.icon-size-2x4 { width:calc(var(--icon-size)*4 + var(--icon-padding,30px)*3); height:calc(var(--icon-size)*2 + var(--icon-padding,30px)) } .daysMatters-body .commemorate-1x2 { font-size:11px } .daysMatters-body .commemorate-2x2 { flex-direction:column; font-size:.5em } .daysMatters-body .commemorate-2x4 { overflow:hidden; font-size:.5em } .daysMatters-body .commemorate-2x4 .grid-2x4 { display:grid; grid-template-columns:1fr 1fr; padding:10px; gap:5px } .daysMatters-body .commemorate-2x4 .grid-2x4 p { width:100%; text-align:center } .daysMatters-body .countdown-1x2 .countdown_title { height:40%; background-color:var(--daysMatters-text-color); color:var(--daysMatters-bg-color); font-size:11px; font-weight:700 } .daysMatters-body .countdown-1x2 div { font-size:16px } .daysMatters-body .countdown-2x2 .countdown_title,.daysMatters-body .countdown-2x4 .countdown_title { height:30%; background-color:var(--daysMatters-text-color); color:var(--daysMatters-bg-color); font-size:.7em; font-weight:700 } .daysMatters-body .countdown-2x2 div,.daysMatters-body .countdown-2x4 div { font-size:2.8em; align-items:center } .daysMatters-body .countdown-2x2 div .countdown_target,.daysMatters-body .countdown-2x4 div .countdown_target { font-size:.1em; flex-shrink:0; text-align:center } .daysMatters-body .DateOfLove-1x2 { font-size:11px } .daysMatters-body .DateOfLove-1x2 .DateOfLove_title { height:40%; font-size:.2em } .daysMatters-body .DateOfLove-2x2,.daysMatters-body .DateOfLove-2x4 { padding:10px; justify-content:space-between } .daysMatters-body .DateOfLove-2x2 .DateOfLove_title,.daysMatters-body .DateOfLove-2x4 .DateOfLove_title { flex-shrink:0; font-size:.25em; text-align:left } .daysMatters-body .DateOfLove-2x2 .DateOfLove_body,.daysMatters-body .DateOfLove-2x4 .DateOfLove_body { background-repeat:no-repeat; background-position:100% 0; flex-grow:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end } .daysMatters-body .DateOfLove-2x2 .DateOfLove_body { background-image:url(https://static.newtab.com/assetsImgs/habit/22.png) } .daysMatters-body .DateOfLove-2x2 .DateOfLove_body p { font-size:1.6em } .daysMatters-body .DateOfLove-2x2 .DateOfLove_body .date { font-size:.2em } .daysMatters-body .DateOfLove-2x4 .DateOfLove_body { background-image:url(https://static.newtab.com/assetsImgs/habit/24.png) } .daysMatters-body .DateOfLove-2x4 .DateOfLove_body p { font-size:2.6em } .daysMatters-body .DateOfLove-2x4 .DateOfLove_body .date { font-size:.2em } .daysMatters-body .meal { width:110px; height:24px; border-radius:39px 39px 39px 39px; line-height:24px } .daysMatters-body .ccc { color:var(--ccc-color) } .daysMatters-body .family { font-family:var(--familys); font-weight:400 } .app-daysMatter[data-v-27c6acb3] { color:var(--d-main); box-sizing:border-box; overflow:hidden; min-height:300px; height:100%; transform:translateZ(0); z-index:10; position:relative } .app-daysMatter .app-days[data-v-27c6acb3] { height:100%; position:relative; background:var(--bg-card) } .app-daysMatter .app-days .app-dayjs-icon-item[data-v-27c6acb3] { transition:.2s; float:left; padding:10px 0; margin:0 16px; height:170px } .app-daysMatter .app-days .app-dayjs-icon-item[data-v-27c6acb3]:hover { cursor:pointer } .app-daysMatter .app-days .app-dayjs-icon-item[data-v-27c6acb3]:active { transform:scale(1) } .app-daysMatter .app-days .app-dayjs-icon-item .active[data-v-27c6acb3] { border-radius:15px; box-shadow:0 0 0 2px var(--primary-color); border:1px solid #fff } .app-daysMatter .app-days .setting-ul[data-v-27c6acb3] { background-color:var(--bg-card); border-radius:6px; padding-top:6px; height:calc(100% - 260px); overflow-y:auto } .app-daysMatter .app-days .setting-ul[data-v-27c6acb3]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:6px; height:6px } .app-daysMatter .app-days .setting-ul[data-v-27c6acb3]::-webkit-scrollbar-thumb { background:var(--bg-hover); border-radius:4px } .app-daysMatter .app-days .setting-ul[data-v-27c6acb3]::-webkit-scrollbar-track { background-color:transparent } .app-daysMatter .app-days .setting-ul>li[data-v-27c6acb3] { padding:0 15px; margin-bottom:10px; height:36px; line-height:30px; color:rgba(var(--alpha-color),.8) } .app-daysMatter .app-days .setting-ul>li span[data-v-27c6acb3] { font-size:14px } .app-daysMatter .app-days .setting-ul .use-event-btn[data-v-27c6acb3] { position:absolute; right:4px; top:5px; height:24px; line-height:24px; background-color:transparent } .app-daysMatter .app-days .setting-ul .use-event-btn[data-v-27c6acb3]:hover { opacity:.8 } .app-daysMatter .app-days-aside[data-v-27c6acb3] { padding:30px; overflow-y:auto; box-sizing:border-box; flex-shrink:0; width:var(--el-aside-width,300px); overflow-x:hidden } .app-daysMatter .app-days-aside[data-v-27c6acb3]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:6px; height:6px; background:var(--bg-body) } .app-daysMatter .app-days-aside[data-v-27c6acb3]::-webkit-scrollbar-track { background-color:transparent } .app-daysMatter .app-days-aside[data-v-27c6acb3]::-webkit-scrollbar-thumb { background:var(--bg-hover); border-radius:4px } .app-daysMatter .app-days-aside .d-tabs-x[data-v-27c6acb3] { color:rgba(var(--alpha-color),.6); font-size:var(--fontSize,14px); height:var(--height,32px); background-color:rgba(var(--alpha-color),.1); border-radius:var(--bg-radius,calc(var(--height,32px)/2)) } .app-daysMatter .app-days-aside .d-tabs-x[data-v-27c6acb3]:before { content:""; position:absolute; z-index:0; width:var(--target-width); height:calc(var(--height,32px) - 4px); left:var(--target-left,0); top:2px; background:var(--active-bg,rgba(var(--alpha-color),.2)); border-radius:var(--bg-radius,calc(var(--height,32px)/2)); transition:left .2s ease 0s } .app-daysMatter .app-days-aside .d-tabs-x .d-tabs-x-item[data-v-27c6acb3] { display:inline-block; position:relative; z-index:1; padding:var(--padding,0 22px); transition:color .2s; height:100%; line-height:var(--height,32px) } .app-daysMatter .app-days-aside .d-tabs-x .d-tabs-x-item[data-v-27c6acb3]:hover { cursor:pointer; color:rgba(var(--alpha-color),1) } .app-daysMatter .app-days-aside .d-tabs-x .d-tabs-x-item.active[data-v-27c6acb3] { transition:color .2s; color:#fff } .app-daysMatter .app-days-aside .app-dayjs-theme[data-v-27c6acb3] { list-style:none } .app-daysMatter .app-days-content[data-v-27c6acb3] { position:relative; padding:0 30px; overflow-y:auto; z-index:1 } .app-daysMatter .app-days-content .pt-2[data-v-27c6acb3] { padding-top:.5rem } .app-daysMatter .app-days-content .pb-2[data-v-27c6acb3] { padding-bottom:.5rem } .app-daysMatter .shrink-btn[data-v-27c6acb3] { width:30px; height:30px; border-radius:50%; background-color:#999; color:#fff; position:absolute; top:40%; left:-15px } .app-daysMatter .shrink-btn[data-v-27c6acb3]:hover { opacity:.8 } .app-daysMatter .shrink-btn.active[data-v-27c6acb3] { transform:rotate(180deg) } .setting-panel[data-v-27c6acb3] { padding:8px 16px; background-color:var(--bg-card); border-radius:6px; cursor:pointer; line-height:36px; color:var(--d-main) } .setting-panel .img-top[data-v-27c6acb3] { display:flex; align-items:center; overflow-x:auto; --scroll-bar-color-bg:var(--d-sub) } .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .setting-panel .img-top[data-v-27c6acb3]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar:hover { width:0 } .setting-panel .img-top::-ms .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar-track { width:0; background-color:transparent } .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .setting-panel .img-top[data-v-27c6acb3]::-webkit-scrollbar-corner { background:none } .setting-panel .img-top li[data-v-27c6acb3] { width:42px; height:52px; border-radius:6px; overflow:hidden; margin-right:8px; flex-shrink:0 } .setting-panel .img-top li img[data-v-27c6acb3] { width:100%; height:100%; transform:scale(1); transition:all .3s ease } .setting-panel .img-bottom[data-v-27c6acb3] { display:flex; align-items:center } .setting-panel .img-bottom span[data-v-27c6acb3] { font-size:14px; margin-right:20px } .setting-panel .img-bottom .el-slider[data-v-27c6acb3] { flex:0.9 } .bg-select-title span[data-v-27c6acb3] { display:inline-block; font-size:12px; margin:0 5px; cursor:pointer; color:rgba(var(--alpha-color),.5); border-radius:4px; line-height:16px; padding:0 4px } .bg-select-title span.active[data-v-27c6acb3] { background-color:rgba(var(--alpha-color),.2); color:#fff } .img-select-item[data-v-27c6acb3] { overflow:hidden; border-radius:6px; height:52px; width:42px } .img-select-item img[data-v-27c6acb3] { transition:transform .2s; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .img-select-item:hover img[data-v-27c6acb3] { transform:scale(1.2) } .bg-image[data-v-27c6acb3] { width:100%; z-index:1; transition:transform .2s,opacity .2s; transform-origin:right } .bg-image ul[data-v-27c6acb3] { background-color:var(--bg-card); border-radius:6px; margin-bottom:6px; height:52px } .bg-image.active[data-v-27c6acb3] { transform:scaleX(1) } .d-button[data-v-27c6acb3] { --d-button-padding:8px 15px; --d-button-height:32px; --d-button-radius:6px; --d-button-bg:var(--bg-input); --d-button-color:var(--d-main); --d-button-text-size:14px; --d-button-custon-bg:var(--506575d5) } .d-button-size-large[data-v-27c6acb3] { --d-button-padding:12px 19px; --d-button-height:40px } .d-button-size-small[data-v-27c6acb3] { --d-button-padding:5px 11px; --d-button-height:24px; --d-button-text-size:12px } .d-button.is-round[data-v-27c6acb3] { --d-button-radius:20px } .d-button-type-primary[data-v-27c6acb3] { --d-button-bg:var(--primary-color); --d-button-color:#fff } .d-button[data-v-27c6acb3] { display:inline-flex; justify-content:center; align-items:center; line-height:1; height:var(--d-button-height); white-space:nowrap; cursor:pointer; padding:var(--d-button-padding); border-radius:var(--d-button-radius); background:var(--d-button-custon-bg,var(--d-button-bg)); color:var(--d-button-color); font-size:var(--d-button-text-size); overflow:hidden; position:relative } .d-button span[data-v-27c6acb3] { line-height:var(--d-button-height) } .d-button[data-v-27c6acb3]:hover:before { opacity:.9 } .d-button-type-default[data-v-27c6acb3]:hover { color:#1890ff } .d-button[data-v-27c6acb3]:active:before { opacity:.8 } .el-button[data-v-27c6acb3] { --el-button-font-weight:var(--el-font-weight-primary); --el-button-border-color:var(--el-border-color); --el-button-bg-color:var(--el-fill-color-blank); --el-button-text-color:var(--el-text-color-regular); --el-button-disabled-text-color:var(--el-disabled-text-color); --el-button-disabled-bg-color:var(--el-fill-color-blank); --el-button-disabled-border-color:var(--el-border-color-light); --el-button-divide-border-color:hsla(0,0%,100%,0.5); --el-button-hover-text-color:var(--el-color-primary); --el-button-hover-bg-color:var(--el-color-primary-light-9); --el-button-hover-border-color:var(--el-color-primary-light-7); --el-button-active-text-color:var(--el-button-hover-text-color); --el-button-active-border-color:var(--el-color-primary); --el-button-active-bg-color:var(--el-button-hover-bg-color); --el-button-outline-color:var(--el-color-primary-light-5); --el-button-hover-link-text-color:var(--el-color-info); --el-button-active-color:var(--el-text-color-primary); display:inline-flex; justify-content:center; align-items:center; line-height:1; height:32px; white-space:nowrap; cursor:pointer; color:var(--el-button-text-color); text-align:center; box-sizing:border-box; outline:0; transition:.1s; font-weight:var(--el-button-font-weight); -webkit-user-select:none; -moz-user-select:none; user-select:none; vertical-align:middle; background-color:var(--el-button-bg-color); border:var(--el-border); border-color:var(--el-button-border-color); padding:8px 15px; font-size:var(--el-font-size-base); border-radius:var(--el-border-radius-base) } .event-list span[data-v-27c6acb3] { background-color:rgba(0,0,0,.06); border-radius:20px; margin:4px; cursor:pointer; padding:2px 6px; line-height:18px; font-size:12px; display:inline-block; transition:background .2s; border:1px solid rgba(0,0,0,.02); color:rgba(0,0,0,.66) } .event-list span[data-v-27c6acb3]:hover { background-color:rgba(0,0,0,.1); color:rgba(0,0,0,.86) } [data-v-27c6acb3] .el-carousel__indicator.is-active .el-carousel__button { background-color:rgba(var(--alpha-color),.6) } [data-v-27c6acb3] .el-carousel__indicator .el-carousel__button { width:10px; height:10px; background-color:rgba(var(--alpha-color),.15); border-radius:50%; cursor:pointer; transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1); outline:none } [data-v-27c6acb3] .el-carousel__item { display:flex; align-items:center; justify-content:center } [data-v-27c6acb3] .el-popover { background-color:rgb(var(--alpha-color))!important } [data-v-27c6acb3] .el-date-editor .el-input__inner { padding-left:20px!important } [data-v-27c6acb3] .el-input { --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover); --el-input-height:var(--el-component-size-small); --el-input-text-color:var(--el-text-color-regular); --el-input-border:var(--el-border); --el-input-hover-border:var(--el-border-color-hover); --el-input-focus-border:var(--el-color-primary); --el-input-transparent-border:0 0 0 1px transparent inset; --el-input-border-color:var(--el-border-color); --el-input-border-radius:var(--el-border-radius-base); --el-input-bg-color:var(--el-fill-color-blank); --el-input-icon-color:var(--el-text-color-placeholder); --el-input-placeholder-color:var(--el-text-color-placeholder); --el-input-hover-border-color:var(--el-border-color-hover); --el-input-clear-hover-color:var(--el-text-color-secondary); --el-input-focus-border-color:var(--el-color-primary); position:relative; font-size:var(--el-font-size-base); display:inline-flex; align-items:center; width:100%; font-size:12px; padding:1px 7px; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); background-image:none; border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); transition:var(--el-transition-box-shadow); transform:translateZ(0); box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset } [data-v-27c6acb3] .el-input .el-input__inner { --el-input-inner-height:24px; color:var(--el-input-text-color,var(--el-text-color-regular)); font-size:inherit; height:var(--el-input-inner-height); line-height:var(--el-input-inner-height); padding:0; outline:0; border:none; background:0 0; box-sizing:border-box } [data-v-27c6acb3] .el-input .el-input__inner:focus { outline:0 } [data-v-27c6acb3] .el-input .el-input__inner::-moz-placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } [data-v-27c6acb3] .el-input .el-input__inner::placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } [data-v-27c6acb3] .el-input .el-input-group__append { background-color:transparent; border:none; width:70px; height:24px } [data-v-27c6acb3] .el-input .el-input-group__append .el-button { height:100%; width:70px } .app-main { height:100% } .app-main .app-header { --height:3vh; height:var(--height); color:#080505; transition:.2s; position:relative } @media screen and (min-height:768px) { .app-main .app-header { --height:6vh } }@media screen and (min-height:1280px) { .app-main .app-header { --height:11vh } }@media screen and (min-height:1560px) { .app-main .app-header { --height:15vh } }@media screen and (min-height:2000px) { .app-main .app-header { --height:18vh } }.app-main .app-icon-grid-wrap { transition:.1s ease } .app-main .app-icon-grid-wrap .app-icon-grid { max-width:var(--icon-max-width,1350px); margin:0 auto; padding:0 calc(var(--sidebar-width,45px)*2); height:100%; overflow:hidden } .app-main .app-icon-grid-wrap .app-icon-wrap { position:relative; height:100% } .app-main .app-icon-grid-wrap .app-icon-wrap .app-icon-item { transition:transform .28s ease-out!important; position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block; z-index:calc(var(--el-index-normal) - 1); transform:translateY(0) scale(1) } .app-main .iconEdiit { width:740px!important; height:450px!important; background-color:var(--bg-card) } .app-main .iconEdiit .el-dialog__title { color:var(--d-main) } .app-main .iconEdiit .el-dialog__header { text-align:left } .app-item { list-style-type:none; position:relative; grid-column:span 1; grid-row:span 1; width:100%; -moz-user-select:none; user-select:none; -webkit-user-select:none; box-sizing:border-box } .app-item,.app-item .grid-card-handle { height:100% } .app-item .app-item-icon { position:relative; width:100%; height:100%; overflow:hidden; border-radius:var(--icon-radius); font-size:12px; box-shadow:0 0 5px rgba(0,0,0,.10196078431372549); transition:transform .2s; cursor:pointer } .app-item .app-item-icon:hover { box-shadow:0 0 10px rgba(0,0,0,.30196078431372547) } .app-item .app-item-icon:active { transform:scale(.98) } .app-item .app-item-title { width:calc(100% + var(--icon-gap-y)); margin-left:calc(var(--icon-gap-y)/2*-1); display:var(--icon-name); text-align:center; color:var(--icon-nameColor); font-size:var(--icon-nameSize); line-height:1.1; filter:drop-shadow(0 2px 7px rgba(0,0,0,.8)) } .app-item .delete-btn { cursor:pointer; position:absolute; top:10px; right:10px; border-radius:10px; height:30px!important; width:30px!important; padding:0; transition:opacity .3s ease,transform .3s ease; opacity:0; transform:scale(.5) } .app-item:hover .delete-btn { opacity:1; transform:scale(1) } ::v-deep .grid-item { margin:5px } .wallpaper { position:absolute; left:0; top:0; right:0; bottom:0; transition:background .3s,transform .3s,height .3s; background-size:cover; background-position:50%; z-index:-1; width:100%; height:100% } .wallpaper.change { transform:scale(1.1) } .zoom-enter-active,.zoom-leave-active { transition:transform 1s } .zoom-enter,.zoom-leave-to { transform:scale(1) } .wallpaper:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; backdrop-filter:blur(var(--wall-blur)); -webkit-backdrop-filter:blur(var(--wall-blur)); background-color:rgba(0,0,0,var(--wall-mask)) } .wallpaper .wallpaper-video { position:relative; height:100%; width:100%; -o-object-fit:cover; object-fit:cover; transition:.3s; background-size:cover; background-repeat:no-repeat; background-position:50% } .d-flex-between[data-v-4f7ab52a] { display:flex; align-items:center; justify-content:space-between } [data-v-4f7ab52a] .el-dropdown { font-size:13px } .mb-12[data-v-5e8568e7] { margin-bottom:3rem } .ac[data-v-5e8568e7] { text-align:center } .w-\[30px\][data-v-5e8568e7] { width:30px } .d-radio[data-v-5e8568e7] { position:relative; width:var(--width,60px); height:var(--height,40px); line-height:var(--height,40px); border-radius:var(--raidus,6px); border:var(--border-width,2px) solid var(--border-color,transparent); background:var(--bg-card); display:inline-block } .d-radio .d-radio__input[data-v-5e8568e7] { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0; margin:0 } .d-radio .d-radio__core[data-v-5e8568e7] { width:100%; height:100% } .d-radio .d-radio__title[data-v-5e8568e7] { display:inline-block; font-size:12px; width:50px; height:24px; line-height:24px; border-radius:12px } .d-radio.is-checked[data-v-5e8568e7] { border-color:var(--primary-color); color:var(--primary-color); transition:border .2s } .d-radio.is-checked .d-radio__title[data-v-5e8568e7] { transition:background .2s; background-color:var(--primary-color); color:#fff } .rounded[data-v-26b90975] { padding:.5rem; border-radius:.375rem } .d-toggle[data-v-26b90975] { position:relative; height:18px; width:var(--width,60px); height:var(--height,40px); line-height:var(--height,40px); border-radius:var(--raidus,6px); border:1px solid transparent; background:var(--bg-card); transition:border .2s } .d-toggle .d-toggle__core[data-v-26b90975] { width:100%; height:100%; transition:.2s; cursor:auto } .d-toggle.is-checked[data-v-26b90975] { border-color:var(--primary-color); color:var(--primary-color) } .d-toggle.is-checked .d-toggle__core[data-v-26b90975] { background-color:rgba(24,144,255,.063) } .switch_block[data-v-26b90975] { width:126px!important; margin:5px 0 } .paper-img[data-v-34f47902] { position:relative; border-radius:4px; overflow:hidden; margin-bottom:10px; height:160px } .paper-img .el-image[data-v-34f47902] { transition:.2s; display:block; height:100% } .paper-img .el-image .el-image__inner[data-v-34f47902] { width:100%; height:100%; opacity:1 } .paper-img .wall-change[data-v-34f47902] { position:absolute; left:0; right:0; bottom:10px; width:100%; opacity:1; transition:.2s } .paper-img .wall-change button[data-v-34f47902] { width:100px; height:32px; line-height:32px; margin:5px; background-color:var(--bg-card); border-radius:6px; border:none; color:var(--primary-color); transition:.2s } .paper-img .wall-change button[data-v-34f47902]:hover { cursor:pointer; opacity:.9 } .d-flex-center[data-v-34f47902] { display:flex; flex-flow:wrap; align-items:center; justify-content:center } h2[data-v-34f47902] { text-align:left } .switch_block[data-v-34f47902] { width:190px!important } .sidebar-main[data-v-67d0f20f] { padding:4px 0; display:flex; justify-content:space-around; margin-bottom:3rem } .sidebar-main .d-radio[data-v-67d0f20f] { position:relative; width:var(--width,60px); height:var(--height,40px); line-height:var(--height,40px); border-radius:var(--raidus,6px); border:var(--border-width,2px) solid var(--border-color,transparent); background:var(--bg-card); display:inline-block } .sidebar-main .d-radio .d-radio__core[data-v-67d0f20f] { width:100%; height:100% } .sidebar-main .d-radio .sidebar-item[data-v-67d0f20f] { width:100%; height:100%; line-height:20px; border-radius:6px; background:rgba(var(--alpha-color),.06); position:relative; border:1px solid transparent; cursor:pointer } .sidebar-main .d-radio .sidebar-item .side-time[data-v-67d0f20f] { display:inline-block; font-size:12px; line-height:12px; color:var(--d-sub); font-weight:500; font-family:var(--time-font) } .sidebar-main .d-radio .sidebar-item span[data-v-67d0f20f] { content:""; display:block; width:60%; height:6px; border-radius:4px; margin:2px auto; background:rgba(var(--alpha-color),.1); position:relative } .sidebar-main .d-radio .sidebar-item p[data-v-67d0f20f] { width:70%; margin:5px auto; line-height:0 } .sidebar-main .d-radio .sidebar-item p i[data-v-67d0f20f] { width:8px; height:8px; display:inline-block; margin:2px; border-radius:2px; background:rgba(var(--alpha-color),.1) } .sidebar-main .d-radio .d-radio__title[data-v-67d0f20f] { display:inline-block; font-size:12px; width:50px; height:24px; line-height:24px; border-radius:12px } .sidebar-main .d-radio.is-checked[data-v-67d0f20f] { border-color:var(--primary-color); color:var(--primary-color); transition:border .2s } .sidebar-main .d-radio.is-checked .d-radio__title[data-v-67d0f20f] { transition:background .2s; background-color:var(--primary-color); color:#fff } h2[data-v-67d0f20f] { text-align:center } .switch_block[data-v-67d0f20f] { width:190px!important } .switch_block i.icon-simple[data-v-67d0f20f],.switch_block i.icon-widget[data-v-67d0f20f] { display:inline-flex; width:25px; height:25px; align-items:center; margin-right:10px } .sidebar-main[data-v-40bef36c] { padding:4px 0; display:flex; justify-content:space-around; margin-bottom:3rem } .sidebar-main .sidebar-item[data-v-40bef36c] { border-radius:4px; background:rgba(var(--alpha-color),.06); position:relative; border:1px solid transparent; cursor:pointer } .sidebar-main .sidebar-item span[data-v-40bef36c] { display:block; width:10px; height:100%; background:rgba(var(--alpha-color),.1); position:relative } .sidebar-main .sidebar-item.right span[data-v-40bef36c] { position:absolute; right:0 } .sidebar-main .sidebar-item span[data-v-40bef36c]:before { content:""; position:absolute; top:26px; left:2px; width:6px; height:2px; border-radius:2px; background:rgba(var(--alpha-color),.3); box-shadow:0 10px 0 0 rgba(var(--alpha-color),.3),0 20px 0 0 rgba(var(--alpha-color),.3) } .sidebar-main .sidebar-item span[data-v-40bef36c]:after { content:""; position:absolute; left:2px; width:6px; height:6px; border-radius:50%; top:10px; background:rgba(var(--alpha-color),.5) } .sidebar-main .d-radio[data-v-40bef36c] { position:relative; width:var(--width,60px); height:var(--height,40px); line-height:var(--height,40px); border-radius:var(--raidus,6px); border:var(--border-width,2px) solid var(--border-color,transparent); background:var(--bg-card); display:inline-block; text-align:center } .sidebar-main .d-radio .d-radio__core[data-v-40bef36c] { width:100%; height:100% } .sidebar-main .d-radio .d-radio__title[data-v-40bef36c] { display:inline-block; font-size:12px; width:50px; height:24px; line-height:24px; border-radius:12px } .sidebar-main .d-radio.is-checked[data-v-40bef36c] { border-color:var(--primary-color); color:var(--primary-color); transition:border .2s } .sidebar-main .d-radio.is-checked .d-radio__title[data-v-40bef36c] { transition:background .2s; background-color:var(--primary-color); color:#fff } .reset-panel[data-v-61b89676] { width:172px; height:120px; background-color:var(--setting-reset-bgcolor); padding:10px; border-radius:5px 5px 5px 5px; display:flex; flex-direction:column; justify-content:space-between; align-items:center } .reset-panel .reset-icon[data-v-61b89676] { width:148px } p[data-v-61b89676] { width:100%; text-align:left } p .d-sub[data-v-61b89676] { display:inline-block; margin-top:5px; color:var(--d-sub) } .mb-12[data-v-c00b9e32] { margin-bottom:3rem } .ac[data-v-c00b9e32] { text-align:center } .w-\[30px\][data-v-c00b9e32] { width:30px } .d-radio[data-v-c00b9e32] { position:relative; width:var(--width,60px); height:var(--height,40px); line-height:var(--height,40px); border-radius:var(--raidus,6px); border:var(--border-width,2px) solid var(--border-color,transparent); background:var(--bg-card); display:inline-block } .d-radio .d-radio__input[data-v-c00b9e32] { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0; margin:0 } .d-radio .d-radio__core[data-v-c00b9e32] { width:100%; height:100% } .d-radio .d-radio__title[data-v-c00b9e32] { display:inline-block; font-size:12px; width:50px; height:24px; line-height:24px; border-radius:12px } .d-radio.is-checked[data-v-c00b9e32] { border-color:var(--primary-color); color:var(--primary-color); transition:border .2s } .d-radio.is-checked .d-radio__title[data-v-c00b9e32] { transition:background .2s; background-color:var(--primary-color); color:#fff } .setting-modals { background-color:rgba(0,0,0,.4); z-index:1999; height:100%; overflow:hidden; --active-bg:rgba(24,144,255,0.1); --bg-radius:6px } .setting-modals .active { transition:color .2s; color:var(--primary-color,#fff); border-color:var(--primary-color); background:var(--active-bg,var(--primary-color)); border-radius:var(--bg-radius,0) } .setting-modals .bb { border-bottom:1px solid var(--dividing-line) } @keyframes shake { 0% { transform:translate(100%) } to { transform:translate(0) } }.el-drawer_active.rtl { animation:shake var(--el-transition-duration) cubic-bezier(.36,.07,.19,.97) both } .el-drawers { --el-drawers-bg-color:var(--setting-bg-color)!important; --color:var(--d-main); overflow:visible!important; position:absolute; right:0; top:0; bottom:0; height:100%; box-sizing:border-box; background-color:transparent; display:flex; flex-direction:column; box-shadow:var(--el-box-shadow-dark) } .el-drawers .el-drawer__header { position:relative; overflow:hidden; height:100px; margin-bottom:0; color:var(--d-main); display:flex; align-items:center } .el-drawers .el-drawer__header .setting-title { margin-left:85px; height:52px; text-align:left; display:flex; flex-direction:column; justify-content:space-between; margin-top:-20px } .el-drawers .el-drawer__header .setting-title h3 { font-weight:700; font-size:20px } .el-drawers .el-drawer__header .setting-title .d-sub { font-size:12px; color:var(--d-sub) } .el-drawers .el-drawer__header>:first-child { flex:1 } .el-drawers .el-drawer__header .setting-logo { left:0; top:0; height:100%; width:450px; background-color:var(--setting-card-color); z-index:-1 } .el-drawers .el-drawer__header .setting-logo img { width:60px; position:absolute; top:20px; left:20px } .el-drawers .el-drawer__body {/*设置下面*/ background-color:var(--el-drawers-bg-color); color:var(--color); --el-drawers-padding-primary:0; flex:1; padding:var(--el-drawers-padding-primary); overflow:hidden; border-radius: 25px; background-image: url("https://img95.699pic.com/photo/60031/7139.jpg_wh300.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .el-drawers .el-drawer__body .setting-close { --size:36px; left:-36px; width:var(--size); height:var(--size); line-height:var(--size); color:var(--primary-color); display:flex; flex-flow:wrap; align-items:center; justify-content:center; font-size:18px } .el-drawers .el-drawer__body>* { box-sizing:border-box } .el-drawers .d-layout {/*设置背景图片*/ display:flex; flex-direction:column; overflow:auto; scrollbar-color:var(--bg-hover) var(--bg-card); scrollbar-width:none; background-color:var(--el-drawers-bg-color); background-image: url("https://cdn.pixabay.com/photo/2024/05/26/15/27/anime-8788959_1280.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; backdrop-filter: saturate(200%) blur(15px); } .el-drawers .d-layout::-webkit-scrollbar { width:0 } .el-drawers .d-layout .d-tabs { color:var(--d-main); font-size:13px } .el-drawers .d-layout .d-tabs .d-tabs-item:first-child { padding-top:20px!important } .el-drawers .d-layout .d-tabs .close.d-tabs-item { margin-bottom:0; padding-bottom:0; padding-top:0 } .el-drawers .d-layout .d-tabs .close.d-tabs-item .setting-aside-item { border-bottom-color:var(--setting-border_line_panel) } .el-drawers .d-layout .d-tabs .d-tabs-item {/*啊哈哈*/ /* margin:0; padding:0; position:relative; z-index:1; display:flex; justify-content:center; flex-direction:column; align-items:center; margin-bottom:20px; padding-top:20px; transition:all .3s ease-in-out */ margin: 1px; padding: 120px; position: relative; z-index: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 20px; padding-top: 20px; transition: all .3s ease-in-out; /* backdrop-filter: saturate(200%) blur(2px); */ } .el-drawers .d-layout .d-tabs .d-tabs-item:first-child .setting-aside-item.int { border-radius:25px; border-top:none } .el-drawers .d-layout .d-tabs .d-tabs-item:last-child .setting-aside-item.int { border-radius:25px; border-bottom:none } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item { width:426px; padding:0 12px; background-color:var(--setting-card-color); border-bottom:1px solid transparent; height:64px } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item.ibr {/*设置没有zd*/ border-radius:25px 25px 0 0 } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item.int { border-radius:25px } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item .item-icon { flex-shrink:0; width:28px; height:28px; border-radius:50%; background-color:#0000006e } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item .setting-tab-text { flex-grow:1; display:flex; align-items:center; justify-content:space-between; margin-left:12px; -webkit-user-select:none; -moz-user-select:none; user-select:none } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item .setting-tab-text .jia { display:inline-block; width:18px; height:18px; background-image:url(https://static.newtab.com/assetsImgs/jiaActive.svg); background-size:cover } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item .setting-tab-text .jian { display:inline-block; width:18px; height:18px; background-image:url(https://static.newtab.com/assetsImgs/jianActive.svg); background-size:cover } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item:hover .setting-tab-text .jia { background-image:url(https://static.newtab.com/assetsImgs/jiaHover.svg) } .el-drawers .d-layout .d-tabs .d-tabs-item .setting-aside-item:hover .setting-tab-text .jian { background-image:url(https://static.newtab.com/assetsImgs/jianHover.svg) } .el-drawers .d-layout .d-tabs .d-tabs-item .setting_content_transition { transition:all .3s ease-in-out; overflow:hidden; border-radius: 0px 0px 25px 25px; } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content { width:426px; padding:0 12px; padding-bottom:8px; background:#141414; border-radius:0 0 5px 5px; transition:all .5s ease; background-color:var(--setting-card-color) } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .border_line_panel { border-bottom:1px solid var(--setting-border_line_panel) } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .setting-panel { padding:10px 0; border-radius:6px; line-height:20px; color:var(--d-main) } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .setting-panel .right { display:flex; align-items:center } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .setting-panel .right span { opacity:.7; border-radius: 5px; background-color: #7a61ff; } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .setting-panel .right .right-icon {/*/设置跳转按钮*/ display:inline-block; width:20px; margin-left:10px; height:20px; background-image:url(/images/设置/tz.png); background-color: #2b5734; border-radius: 25px; background-size:contain } .el-drawers .d-layout .d-tabs .d-tabs-item .d-layout-content .mt10 { margin-top:10px } .icon-roate { transition:transform .3s } .el-dropdown-menu { padding:10px 0!important; margin:5px 0!important; background-color:#fff!important; border:1px solid #ebeef5!important } .el-dropdown-menu .el-dropdown-menu__item { padding:0 20px!important } .switch_block { width:95px; height:36px; background-color:var(--switch_block-color); border-radius:61px; color:var(--switch-color); transition:all .2s; fill:var(--layout-image); overflow:hidden; display:flex; align-items:center; justify-content:center } .switch_block span { display:inline-flex; justify-content:center; border-radius:61px; width:100%; height:100%; border:1px solid transparent } .switch_block:hover { background-color:var(--switch_block-hover-color) } .switch_block.is-checked { fill:var(--primary-color)!important; background-color:var(--primary-color); color:var(--primary-color)!important } .switch_block.is-checked span { background-color:rgba(var(--alpha-bg),.8); border:1px solid var(--primary-color)!important } .reset-icon { height:28px; background:#448ef7; border-radius:28px; color:#fff; line-height:28px } .reset-icon i { display:inline-block; width:11px; height:11px; background-image:url(https://static.newtab.com/assetsImgs/resetIcon.svg) } .app-showNotes[data-v-86dc2554] { position:fixed; width:300px; height:auto; top:90px; left:90px; z-index:10; perspective:500px; max-height:calc(100vh - 129px); overflow-x:hidden; overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-showNotes[data-v-86dc2554]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-showNotes[data-v-86dc2554]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-showNotes[data-v-86dc2554]::-webkit-scrollbar:hover { width:0 } .app-showNotes::-ms .app-showNotes[data-v-86dc2554]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-showNotes[data-v-86dc2554]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-showNotes[data-v-86dc2554]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-showNotes[data-v-86dc2554]::-webkit-scrollbar-corner { background:none } .app-showNotes li[data-v-86dc2554] { position:relative; cursor:pointer; font-size:13px; line-height:16px; padding:14px 16px; background:rgba(var(--alpha-bg),.5); border-radius:5px; color:rgba(var(--alpha-color),.8); margin-bottom:10px; text-align:left; word-break:break-all; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transform:rotateX(0) rotateY(0); transform-origin:center 50px; transition:all .2s ease-out .1s; max-height:calc(100vh - 129px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-showNotes li[data-v-86dc2554]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar:hover { width:0 } .app-showNotes li::-ms .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-showNotes li[data-v-86dc2554]::-webkit-scrollbar-corner { background:none } .app-showNotes li .notes-fixed-cancel[data-v-86dc2554] { font-size:18px; position:absolute; right:10px; top:6px } .app-showNotes li[data-v-86dc2554]:hover { transform:rotateX(3deg) rotateY(-3deg) } .d-contextmenu[data-v-65593050] { box-shadow:0 10px 30px rgba(0,0,0,.5019607843137255); width:var(--width,140px); z-index:999; border-radius:8px; padding:5px 4px; background-color:rgba(11,11,11,.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(11,11,11,.2) } .d-contextmenu .d-contextmenu-item[data-v-65593050] { transition:background .2s; font-size:12px; line-height:30px; color:#fff; padding:0 4px; cursor:pointer; margin:4px 0; border-radius:6px } .d-contextmenu .d-contextmenu-item .item-icon[data-v-65593050] { display:inlnie-block; width:20px; vertical-align:-3px; font-size:15px } .d-contextmenu .d-contextmenu-item .overflow-hidden[data-v-65593050] { overflow:hidden } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-65593050] { font-size:12px; height:20px; line-height:20px; width:36px; background-color:hsla(0,0%,100%,.10196078431372549); border-radius:12px; text-align:center; margin:0 2px 4px; cursor:pointer; float:left; transition:background-color .25s } .d-contextmenu .d-contextmenu-item .contextmenu-layout em.active[data-v-65593050] { background-color:hsla(0,0%,100%,.30196078431372547) } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-65593050]:hover { background-color:hsla(0,0%,100%,.2) } .d-contextmenu .d-contextmenu-item.hover[data-v-65593050]:hover { background-color:hsla(0,0%,100%,.10196078431372549) } .animation[data-v-65593050] { animation:scale-65593050 .2s both; transform-origin:0 0 } .fixed[data-v-65593050] { position:fixed } @keyframes scale-65593050 { 0% { transform:scale(0); opacity:0 } 60% { transform:scale(1.03); opacity:1 } to { transform:scale(1) } }.home-menu-item[data-v-65593050] { justify-content:space-between; align-items:center; display:flex; margin-left:4px } .home-menu-item .wall-icon[data-v-65593050] { width:20px; height:20px; background:hsla(0,0%,100%,.1); border-radius:4px; margin-left:4px } .d-contextmenu[data-v-7c2abcc4] { box-shadow:0 10px 30px rgba(0,0,0,.5019607843137255); width:var(--width,140px); z-index:999; border-radius:8px; padding:5px 4px; background-color:rgba(11,11,11,.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(11,11,11,.2) } .d-contextmenu .d-contextmenu-item[data-v-7c2abcc4] { transition:background .2s; font-size:12px; line-height:30px; color:#fff; padding:0 4px; cursor:pointer; margin:4px 0; border-radius:6px } .d-contextmenu .d-contextmenu-item .item-icon[data-v-7c2abcc4] { display:inlnie-block; width:20px; vertical-align:-3px; font-size:15px } .d-contextmenu .d-contextmenu-item .overflow-hidden[data-v-7c2abcc4] { overflow:hidden } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-7c2abcc4] { font-size:12px; height:20px; line-height:20px; width:36px; background-color:hsla(0,0%,100%,.10196078431372549); border-radius:12px; text-align:center; margin:0 2px 4px; cursor:pointer; float:left; transition:background-color .25s } .d-contextmenu .d-contextmenu-item .contextmenu-layout em.active[data-v-7c2abcc4] { background-color:hsla(0,0%,100%,.30196078431372547) } .d-contextmenu .d-contextmenu-item .contextmenu-layout em[data-v-7c2abcc4]:hover { background-color:hsla(0,0%,100%,.2) } .d-contextmenu .d-contextmenu-item.hover[data-v-7c2abcc4]:hover { background-color:hsla(0,0%,100%,.10196078431372549) } .animation[data-v-7c2abcc4] { animation:scale-7c2abcc4 .2s both; transform-origin:0 0 } .fixed[data-v-7c2abcc4] { position:fixed } @keyframes scale-7c2abcc4 { 0% { transform:scale(0); opacity:0 } 60% { transform:scale(1.03); opacity:1 } to { transform:scale(1) } }.compontent { width:100%; height:100% } .base-icon { color:#fff; background-color:#154280; background-repeat:no-repeat } .base-icon:before { background-position:top; background-size:120px } .base-yin_d { background-image:linear-gradient(35deg,#354564 30%,#4c5f7f,#8b9bb8) } .calendar-icon { color:var(--d-main); background:var(--bg-card); font-family:HarmonyOS_Sans } .topsearch-icon { position:relative; width:100%; height:100%; background-image:linear-gradient(135deg,rgba(20,20,20,.7),rgba(20,20,20,.4)); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff; border-radius:var(--icon-radius) } .countdown-wrap { background-color:#fff; color:#000 } h2 { text-align:left; font-size:14px } .el-overlay { z-index:2000; height:100%; background-color:var(--el-overlay-color-lighter) } .el-overlay,.el-overlay-dialog { position:fixed; top:0; right:0; bottom:0; left:0; overflow:auto } .el-dialog { --el-dialog-width:50%; --el-dialog-margin-top:15vh; --el-dialog-bg-color:var(--el-bg-color); --el-dialog-box-shadow:var(--el-box-shadow); --el-dialog-title-font-size:var(--el-font-size-large); --el-dialog-content-font-size:14px; --el-dialog-font-line-height:var(--el-font-line-height-primary); --el-dialog-padding-primary:20px; --el-dialog-border-radius:var(--el-border-radius-small); position:relative; margin:var(--el-dialog-margin-top,15vh) auto 50px; background:var(--el-dialog-bg-color); border-radius:var(--el-dialog-border-radius); box-shadow:var(--el-dialog-box-shadow); box-sizing:border-box; width:var(--el-dialog-width,50%)!important } .el-dialog:focus { outline:0!important } .el-dialog__header { padding:var(--el-dialog-padding-primary); padding-bottom:10px; margin-right:16px } .el-dialog__body { padding:0!important; padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary); color:var(--el-text-color-regular); font-size:var(--el-dialog-content-font-size) } .d-scrollbar-hide { scrollbar-color:var(--bg-hover) var(--bg-card); scrollbar-width:none } .app-recommend { --icon-radius:12px; overflow:hidden; margin:5px -10px; background-color:hsla(0,0%,100%,.0392156862745098); border-radius:10px } .app-recommend .app-recommend-item { float:left; text-align:center; width:82px; padding:10px; cursor:pointer; transition:transform .2s } .app-recommend .app-recommend-item .icon-title { margin:0 -10px } .app-recommend .app-recommend-item:hover { transform:translateY(-2px) } .app-recommend .app-recommend-item .app-recommend-item-icon { display:inline-block; width:52px; height:52px; margin-bottom:6px; border-radius:var(--icon-radius); overflow:hidden } .app-recommend .app-recommend-item .app-recommend-item-icon .icon-size-1x1 { width:100%!important; height:100%!important } .app-recommend .app-recommend-item .app-recommend-item-icon .app-item { --icon-size:60px!important; font-size:var(--icon-size) } .app-recommend .app-recommend-item .app-recommend-item-icon .icon-img { width:100%; height:100%; display:block; -o-object-fit:cover; object-fit:cover } .app-recommend .app-recommend-item.list { float:none; width:100%; display:flex; line-height:16px; padding:8px 10px; text-align:left; transition:background-color .2s } .app-recommend .app-recommend-item.list .icon-title { flex:1; margin:0 6px; font-size:13px } .app-recommend .app-recommend-item.list:hover { background-color:hsla(0,0%,100%,.0392156862745098) } .app-recommend .app-recommend-item.list .app-recommend-item-icon { float:left; width:16px; height:16px; border-radius:4px; margin:0 } .icon-size-1x1 { width:55px; height:55px } .global-search-model { background:none!important } .global-search-model .el-overlay-dialog { overflow:hidden; width:100%; height:100%; display:flex; align-items:center; justify-content:center } .global-search-model .el-dialog { position:relative; border-radius:20px; overflow:hidden; color:#fff; background-color:rgba(22,22,22,.7607843137254902); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px) } .global-search-model .el-dialog .el-dialog__header { padding:16px 16px 10px; border-bottom:1px solid hsla(0,0%,100%,.1) } .global-search-input { height:20px; padding:0 10px; display:flex } .global-search-input .icon-clear { font-size:18px; display:inline-block; margin-right:-6px; color:#bbb; text-align:center; border-radius:10px; cursor:pointer } .global-search-input .icon-clear:hover { color:#e6e6e6 } .global-search-input .input { line-height:20px; height:20px; font-size:16px; color:#ddd; width:100%; text-align:left; outline:none; border:none; background-color:transparent; font-family:inherit } .global-search-input .input::-webkit-input-placeholder { color:#aaa } .global-search-body { color:#efefef; padding:0 30px 10px; max-height:70vh; min-height:200px; overflow-x:auto } .global-search-body .global-search-top { overflow:hidden; margin:5px -10px; background-color:hsla(0,0%,100%,.0392156862745098); border-radius:10px; text-align:left } .global-search-body .global-search-top:hover { cursor:pointer; background-color:hsla(0,0%,100%,.058823529411764705) } .global-search-body .keyword-search { background-color:hsla(0,0%,100%,.0392156862745098); line-height:30px; margin:0 -30px; padding:0 30px; cursor:pointer } .feedback[data-v-be67e662] { width:800px; height:404px; background:#fff; box-shadow:0 0 10px 0 rgba(51,51,51,.15); border-radius:10px; background-image:url(https://static.newtab.com/assetsImgs/feedbackBg.png); position:fixed; z-index:1; left:0; top:0; right:0; bottom:0; margin:auto } .feedback header[data-v-be67e662] { width:100%; height:60px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e3e3e3 } .feedback header p[data-v-be67e662] { font-size:15px; font-weight:700; color:#448ef7 } .feedback header i[data-v-be67e662] { color:#999 } .feedback textarea[data-v-be67e662] { width:760px; height:136px; background:#fff; border-radius:10px 10px 10px 10px; padding:10px; opacity:1; border:1px solid #e3e3e3; margin:20px; outline:none; resize:none } .feedback .tel[data-v-be67e662] { display:flex; align-items:center; margin-left:20px } .feedback .confim[data-v-be67e662] { margin-top:50px } .feedback .confim div[data-v-be67e662] { width:120px; height:36px; line-height:36px; border-radius:5px 5px 5px 5px; margin:0 25px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none } .feedback .confim .cancel[data-v-be67e662] { background:#fff; border:1px solid #e3e3e3 } .feedback .confim .cancel[data-v-be67e662]:hover { background:#ededed } .feedback .confim .cancel[data-v-be67e662]:active { background:#d1d1d1 } .feedback .confim .submit[data-v-be67e662] { background:#448ef7; color:#fff } .feedback .confim .submit[data-v-be67e662]:hover { background:#5f9ffb } .feedback .confim .submit[data-v-be67e662]:active { background:#287ffc } [data-v-be67e662] .el-input { width:240px; border-radius:5px 5px 5px 5px } .paper-setting-modal[data-v-20a41610] { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; height:100%; overflow:auto } .el-drawer[data-v-20a41610] { --el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color)); --el-drawer-padding-primary:var(--el-dialog-padding-primary,20px); position:absolute; background-color:var(--el-drawer-bg-color); display:flex; box-sizing:border-box; flex-direction:column; box-shadow:var(--el-box-shadow-dark); overflow:hidden; margin-bottom:10px; --color:var(--d-main) } .el-drawer__sr-focus[data-v-20a41610]:focus { outline:0!important } .el-drawer__header[data-v-20a41610] { align-items:center; color:#72767b; display:flex; margin-bottom:32px; padding:var(--el-drawer-padding-primary); padding-bottom:0 } .el-drawer__header[data-v-20a41610]>:first-child { flex:1 } .el-drawer__title[data-v-20a41610] { margin:0; flex:1; line-height:inherit; font-size:1rem } .el-drawer__footer[data-v-20a41610] { padding:var(--el-drawer-padding-primary); padding-top:10px; text-align:right } .el-drawer__close-btn[data-v-20a41610] { display:inline-flex; border:none; cursor:pointer; font-size:var(--el-font-size-extra-large); color:inherit; background-color:transparent; outline:0 } .el-drawer__close-btn:focus i[data-v-20a41610],.el-drawer__close-btn:hover i[data-v-20a41610] { color:var(--el-color-primary) } .el-drawer__body[data-v-20a41610] { flex:1; padding:var(--el-drawer-padding-primary); overflow:hidden } .el-drawer__body>[data-v-20a41610] { box-sizing:border-box } .el-drawer.btt[data-v-20a41610] { width:100%; left:0; right:0; animation:none; bottom:0 } .paper-setting-modal[data-v-20a41610] { --el-overlay-color-lighter:none!important } .paper-setting-modal .el-drawer[data-v-20a41610] { width:800px; margin:0 auto; --el-drawer-bg-color:none!important; box-shadow:none } .paper-setting-wrap[data-v-20a41610] { font-size:14px; padding:26px 30px; color:var(--d-main); width:100%; border-radius:12px; height:auto; border:1px solid rgba(var(--alpha-color),.1); background-color:rgba(var(--alpha-bg),.8); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px) } h1[data-v-20a41610] { font:inherit } .paper-setting-wrap .paper-setting-item[data-v-20a41610] { background-color:rgba(var(--alpha-color),.06); border-radius:8px; padding:12px 16px; display:flex; justify-content:space-between } .paper-setting-wrap .paper-setting-item .demonstration[data-v-20a41610] { display:inline-flex; align-items:center } .paper-setting-wrap .paper-setting-item .demonstration[data-v-20a41610]:first-child { width:100px; justify-content:flex-start } .paper-setting-wrap .paper-setting-item .demonstration[data-v-20a41610]:nth-child(2) { width:20px; justify-content:flex-end } .paper-setting-wrap .paper-setting-item .el-slider[data-v-20a41610] { flex:1 } .paper-setting-wrap .paper-back[data-v-20a41610] { width:18px; height:18px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; color:rgba(var(--alpha-color),.3); font-size:14px; vertical-align:-2px; transition:background .2s ease-in } .paper-setting-wrap .paper-back[data-v-20a41610]:hover { background-color:rgba(var(--alpha-color),.2) } .paper-setting-wrap h1 span[data-v-20a41610]:hover { opacity:.8 } .paper-setting-modal[data-v-5baae783] { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; height:100%; overflow:auto } .el-drawer[data-v-5baae783] { --el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color)); --el-drawer-padding-primary:var(--el-dialog-padding-primary,20px); position:absolute; background-color:var(--el-drawer-bg-color); display:flex; box-sizing:border-box; flex-direction:column; box-shadow:var(--el-box-shadow-dark); overflow:hidden; margin-bottom:10px; --color:var(--d-main) } .el-drawer__sr-focus[data-v-5baae783]:focus { outline:0!important } .el-drawer__header[data-v-5baae783] { align-items:center; color:#72767b; display:flex; margin-bottom:32px; padding:var(--el-drawer-padding-primary); padding-bottom:0 } .el-drawer__header[data-v-5baae783]>:first-child { flex:1 } .el-drawer__title[data-v-5baae783] { margin:0; flex:1; line-height:inherit; font-size:1rem } .el-drawer__footer[data-v-5baae783] { padding:var(--el-drawer-padding-primary); padding-top:10px; text-align:right } .el-drawer__close-btn[data-v-5baae783] { display:inline-flex; border:none; cursor:pointer; font-size:var(--el-font-size-extra-large); color:inherit; background-color:transparent; outline:0 } .el-drawer__close-btn:focus i[data-v-5baae783],.el-drawer__close-btn:hover i[data-v-5baae783] { color:var(--el-color-primary) } .el-drawer__body[data-v-5baae783] { flex:1; padding:var(--el-drawer-padding-primary); overflow:hidden } .el-drawer__body>[data-v-5baae783] { box-sizing:border-box } .el-drawer.btt[data-v-5baae783] { width:100%; left:0; right:0; animation:none; bottom:0 } .paper-setting-modal[data-v-5baae783] { --el-overlay-color-lighter:none!important } .paper-setting-modal .el-drawer[data-v-5baae783] { width:800px; margin:0 auto; --el-drawer-bg-color:none!important; box-shadow:none } .paper-setting-wrap[data-v-5baae783] { font-size:14px; padding:26px 30px; color:var(--d-main); width:100%; border-radius:12px; height:auto; border:1px solid rgba(var(--alpha-color),.1); background-color:rgba(var(--alpha-bg),.8); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px) } h1[data-v-5baae783] { font:inherit } .paper-setting-wrap .paper-setting-item[data-v-5baae783] { background-color:rgba(var(--alpha-color),.06); border-radius:8px; padding:12px 16px; display:flex; justify-content:space-between } .paper-setting-wrap .paper-setting-item .demonstration[data-v-5baae783] { display:inline-flex; align-items:center } .paper-setting-wrap .paper-setting-item .demonstration[data-v-5baae783]:first-child { width:100px; justify-content:flex-start } .paper-setting-wrap .paper-setting-item .demonstration[data-v-5baae783]:nth-child(2) { width:20px; justify-content:flex-end } .paper-setting-wrap .paper-setting-item .el-slider[data-v-5baae783] { flex:1 } .paper-setting-wrap .paper-back[data-v-5baae783] { width:18px; height:18px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; color:rgba(var(--alpha-color),.3); font-size:14px; vertical-align:-2px; transition:background .2s ease-in } .paper-setting-wrap .paper-back[data-v-5baae783]:hover { background-color:rgba(var(--alpha-color),.2) } .paper-setting-wrap h1 span[data-v-5baae783]:hover { opacity:.8 } .switch_wrap .switch_block[data-v-5baae783] { width:100px; height:32px; line-height:32px; font-size:12px; font-weight:400 } .switch_wrap .switch_block img[data-v-5baae783] { background-color:#000; padding:4px } .paper-setting-modal[data-v-41c073da] { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; height:100%; overflow:auto } .el-drawer[data-v-41c073da] { --el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color)); --el-drawer-padding-primary:var(--el-dialog-padding-primary,20px); position:absolute; background-color:var(--el-drawer-bg-color); display:flex; box-sizing:border-box; flex-direction:column; box-shadow:var(--el-box-shadow-dark); overflow:hidden; margin-bottom:10px; --color:var(--d-main) } .el-drawer__sr-focus[data-v-41c073da]:focus { outline:0!important } .el-drawer__header[data-v-41c073da] { align-items:center; color:#72767b; display:flex; margin-bottom:32px; padding:var(--el-drawer-padding-primary); padding-bottom:0 } .el-drawer__header[data-v-41c073da]>:first-child { flex:1 } .el-drawer__title[data-v-41c073da] { margin:0; flex:1; line-height:inherit; font-size:1rem } .el-drawer__footer[data-v-41c073da] { padding:var(--el-drawer-padding-primary); padding-top:10px; text-align:right } .el-drawer__close-btn[data-v-41c073da] { display:inline-flex; border:none; cursor:pointer; font-size:var(--el-font-size-extra-large); color:inherit; background-color:transparent; outline:0 } .el-drawer__close-btn:focus i[data-v-41c073da],.el-drawer__close-btn:hover i[data-v-41c073da] { color:var(--el-color-primary) } .el-drawer__body[data-v-41c073da] { flex:1; padding:var(--el-drawer-padding-primary); overflow:hidden } .el-drawer__body>[data-v-41c073da] { box-sizing:border-box } .el-drawer.btt[data-v-41c073da] { width:100%; left:0; right:0; animation:none; bottom:0 } .paper-setting-modal[data-v-41c073da] { --el-overlay-color-lighter:none!important } .paper-setting-modal .el-drawer[data-v-41c073da] { width:800px; margin:0 auto; --el-drawer-bg-color:none!important; box-shadow:none } .paper-setting-wrap[data-v-41c073da] { font-size:14px; padding:26px 30px; color:var(--d-main); width:100%; border-radius:12px; height:auto; border:1px solid rgba(var(--alpha-color),.1); background-color:rgba(var(--alpha-bg),.8); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px) } h1[data-v-41c073da] { font:inherit } .paper-setting-wrap .paper-setting-item[data-v-41c073da] { background-color:rgba(var(--alpha-color),.06); border-radius:8px; padding:12px 16px; display:flex; justify-content:space-between } .paper-setting-wrap .paper-setting-item .demonstration[data-v-41c073da] { display:inline-flex; align-items:center } .paper-setting-wrap .paper-setting-item .demonstration[data-v-41c073da]:first-child { width:100px; justify-content:flex-start } .paper-setting-wrap .paper-setting-item .demonstration[data-v-41c073da]:nth-child(2) { width:20px; justify-content:flex-end } .paper-setting-wrap .paper-setting-item .el-slider[data-v-41c073da] { flex:1 } .paper-setting-wrap .paper-back[data-v-41c073da] { width:18px; height:18px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; color:rgba(var(--alpha-color),.3); font-size:14px; vertical-align:-2px; transition:background .2s ease-in } .paper-setting-wrap .paper-back[data-v-41c073da]:hover { background-color:rgba(var(--alpha-color),.2) } .paper-setting-wrap h1 span[data-v-41c073da]:hover { opacity:.8 } .paper-setting-modal[data-v-2ce0c164] { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; height:100%; overflow:auto } .el-drawer[data-v-2ce0c164] { --el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color)); --el-drawer-padding-primary:var(--el-dialog-padding-primary,20px); position:absolute; background-color:var(--el-drawer-bg-color); display:flex; box-sizing:border-box; flex-direction:column; box-shadow:var(--el-box-shadow-dark); overflow:hidden; margin-bottom:10px; --color:var(--d-main) } .el-drawer__sr-focus[data-v-2ce0c164]:focus { outline:0!important } .el-drawer__header[data-v-2ce0c164] { align-items:center; color:#72767b; display:flex; margin-bottom:32px; padding:var(--el-drawer-padding-primary); padding-bottom:0 } .el-drawer__header[data-v-2ce0c164]>:first-child { flex:1 } .el-drawer__title[data-v-2ce0c164] { margin:0; flex:1; line-height:inherit; font-size:1rem } .el-drawer__footer[data-v-2ce0c164] { padding:var(--el-drawer-padding-primary); padding-top:10px; text-align:right } .el-drawer__close-btn[data-v-2ce0c164] { display:inline-flex; border:none; cursor:pointer; font-size:var(--el-font-size-extra-large); color:inherit; background-color:transparent; outline:0 } .el-drawer__close-btn:focus i[data-v-2ce0c164],.el-drawer__close-btn:hover i[data-v-2ce0c164] { color:var(--el-color-primary) } .el-drawer__body[data-v-2ce0c164] { flex:1; padding:var(--el-drawer-padding-primary); overflow:hidden } .el-drawer__body>[data-v-2ce0c164] { box-sizing:border-box } .el-drawer.btt[data-v-2ce0c164] { width:100%; left:0; right:0; animation:none; bottom:0 } .paper-setting-modal[data-v-2ce0c164] { --el-overlay-color-lighter:none!important } .paper-setting-modal .el-drawer[data-v-2ce0c164] { width:800px; margin:0 auto; --el-drawer-bg-color:none!important; box-shadow:none } .paper-setting-wrap[data-v-2ce0c164] { font-size:14px; padding:26px 30px; color:var(--d-main); width:100%; border-radius:12px; height:auto; border:1px solid rgba(var(--alpha-color),.1); background-color:rgba(var(--alpha-bg),.8); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px) } h1[data-v-2ce0c164] { font:inherit } .paper-setting-wrap .paper-setting-item[data-v-2ce0c164] { background-color:rgba(var(--alpha-color),.06); border-radius:8px; padding:12px 16px; display:flex; justify-content:space-between } .paper-setting-wrap .paper-setting-item .demonstration[data-v-2ce0c164] { display:inline-flex; align-items:center } .paper-setting-wrap .paper-setting-item .demonstration[data-v-2ce0c164]:first-child { width:100px; justify-content:flex-start } .paper-setting-wrap .paper-setting-item .demonstration[data-v-2ce0c164]:nth-child(2) { width:20px; justify-content:flex-end } .paper-setting-wrap .paper-setting-item .el-slider[data-v-2ce0c164] { flex:1 } .paper-setting-wrap .paper-back[data-v-2ce0c164] { width:18px; height:18px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; color:rgba(var(--alpha-color),.3); font-size:14px; vertical-align:-2px; transition:background .2s ease-in } .paper-setting-wrap .paper-back[data-v-2ce0c164]:hover { background-color:rgba(var(--alpha-color),.2) } .paper-setting-wrap h1 span[data-v-2ce0c164]:hover { opacity:.8 } .paper-setting-modal[data-v-aadb678a] { position:fixed; top:0; right:0; bottom:0; left:0; z-index:2000; height:100%; overflow:auto } .el-drawer[data-v-aadb678a] { --el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color)); --el-drawer-padding-primary:var(--el-dialog-padding-primary,20px); position:absolute; background-color:var(--el-drawer-bg-color); display:flex; box-sizing:border-box; flex-direction:column; box-shadow:var(--el-box-shadow-dark); overflow:hidden; margin-bottom:10px; --color:var(--d-main) } .el-drawer__sr-focus[data-v-aadb678a]:focus { outline:0!important } .el-drawer__header[data-v-aadb678a] { align-items:center; color:#72767b; display:flex; margin-bottom:32px; padding:var(--el-drawer-padding-primary); padding-bottom:0 } .el-drawer__header[data-v-aadb678a]>:first-child { flex:1 } .el-drawer__title[data-v-aadb678a] { margin:0; flex:1; line-height:inherit; font-size:1rem } .el-drawer__footer[data-v-aadb678a] { padding:var(--el-drawer-padding-primary); padding-top:10px; text-align:right } .el-drawer__close-btn[data-v-aadb678a] { display:inline-flex; border:none; cursor:pointer; font-size:var(--el-font-size-extra-large); color:inherit; background-color:transparent; outline:0 } .el-drawer__close-btn:focus i[data-v-aadb678a],.el-drawer__close-btn:hover i[data-v-aadb678a] { color:var(--el-color-primary) } .el-drawer__body[data-v-aadb678a] { flex:1; padding:var(--el-drawer-padding-primary); overflow:hidden } .el-drawer__body>[data-v-aadb678a] { box-sizing:border-box } .el-drawer.btt[data-v-aadb678a] { width:100%; left:0; right:0; animation:none; bottom:0 } .paper-setting-modal[data-v-aadb678a] { --el-overlay-color-lighter:none!important } .paper-setting-modal .el-drawer[data-v-aadb678a] { width:800px; margin:0 auto; --el-drawer-bg-color:none!important; box-shadow:none } .paper-setting-wrap[data-v-aadb678a] { font-size:14px; padding:26px 30px; color:var(--d-main); width:100%; border-radius:12px; height:auto; border:1px solid rgba(var(--alpha-color),.1); background-color:rgba(var(--alpha-bg),.8); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px) } h1[data-v-aadb678a] { font:inherit } .paper-setting-wrap .paper-setting-item[data-v-aadb678a] { background-color:rgba(var(--alpha-color),.06); border-radius:8px; padding:12px 16px; display:flex; justify-content:space-between } .paper-setting-wrap .paper-setting-item .demonstration[data-v-aadb678a] { display:inline-flex; align-items:center } .paper-setting-wrap .paper-setting-item .demonstration[data-v-aadb678a]:first-child { width:100px; justify-content:flex-start } .paper-setting-wrap .paper-setting-item .demonstration[data-v-aadb678a]:nth-child(2) { width:20px; justify-content:flex-end } .paper-setting-wrap .paper-setting-item .el-slider[data-v-aadb678a] { flex:1 } .paper-setting-wrap .paper-back[data-v-aadb678a] { width:18px; height:18px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; color:rgba(var(--alpha-color),.3); font-size:14px; vertical-align:-2px; transition:background .2s ease-in } .paper-setting-wrap .paper-back[data-v-aadb678a]:hover { background-color:rgba(var(--alpha-color),.2) } .paper-setting-wrap h1 span[data-v-aadb678a]:hover { opacity:.8 } .switch_wrap .switch_block[data-v-aadb678a] { width:100px; height:32px; line-height:32px; font-size:12px; font-weight:400 } .switch_wrap .switch_block span[data-v-aadb678a] { display:flex; align-items:center } .switch_wrap .switch_block img[data-v-aadb678a] { background-color:#000 } .el-notification { border:none; border-radius:12px } .el-notification .el-notification__closeBtn { font-size:20px; font-weight:700 } .el-notification .el-notification__title { font-size:18px; color:#448ef7 } .jieqiImg,.jieqiImg img { width:100% } .jieqiDesc { color:#333; font-size:12px } .jieriImg { height:387px } .jieriImg img { position:absolute; top:0; left:0; right:0; width:330px } .jieriDesc { color:#333; font-size:12px } #app { font-family:Avenir,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-align:center; color:#2c3e50; position:relative; width:100%; height:100%; overflow:hidden; transition:width .3s ease } #app .icon-roate:hover { transform:rotate(90deg) } #app .icon-setting:hover { animation:rotate .6s ease-in-out } @keyframes rotate { 0% { transform:rotate(120deg) } }.dark { --alpha-color:255,255,255; --alpha-bg:0,0,0; --bg-body:#0c0c0c; --bg-card:#1c1c1e; --bg-info:#16161a; --bg-input:#25252c; --bg-hover:#25252c; --bg-btn:#303134; --dividing-line:#202025; --d-main:#dfdddd; --d-sub:#999; --d-hover:~"rgba(var(--alpha-color),.6)"; --search-text-color:#fff; --el-border-color:#4c4d4f; --search-list-hover:hsla(0,0%,100%,0.03); --logo-back-color:linear-gradient(180deg,var(--primary-color),10%,#1c1c1e); --el-empty-fill-color-0:var(--el-color-black); --el-empty-fill-color-1:#4b4b52; --el-empty-fill-color-2:#36383d; --el-empty-fill-color-3:#1e1e20; --el-empty-fill-color-4:#262629; --el-empty-fill-color-5:#202124; --el-empty-fill-color-6:#212224; --el-empty-fill-color-7:#1b1c1f; --el-empty-fill-color-8:#1c1d1f; --el-empty-fill-color-9:#18181a; --holiday-bg:#3b2f32; --search-box-items-bg:#544141; --search-box-hot-color:#f3f3f3; --el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.36),0px 8px 20px rgba(0,0,0,0.72); --el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.72); --el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.72); --el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.72),0px 12px 32px #000,0px 8px 16px -8px #000; --el-bg-color-page:#0a0a0a; --el-bg-color:#141414; --el-text-color-regular:#cfd3dc; --el-bg-color-overlay:#1d1e1f; --el-fill-color-light:#262727; --el-border-color-light:#414243; --switch_block-color:#7e7e7e; --switch_block-hover-color:#5a5a5a; --switch-color:#fff; --setting-border_line_panel:#242424; --setting-bg-color:#29292b; --setting-card-color:#000; --txt-shadow-color:#141414; --layout-image:#999; --currency-aside-item-bghover:#232324; --currency-aside-item-bghover-1:#243448; --currency-aside-item-bghover-2:#345c8e; --setting-item-icon:#333; --setting-reset-bgcolor:#29292b } .dark,.light { --border-card:var(--dividing-line); --img-bg:38,64,85; --img-text:233,233,233 } .light { --alpha-color:0,0,0; --alpha-bg:255,255,255; --bg-body:#f7f7f7; --bg-card:#fff; --bg-info:#f5f5f5; --bg-input:#f0f1f4; --bg-hover:#e2e0e0; --bg-btn:#dcdada; --dividing-line:#f2f2f2; --d-main:#222; --d-sub:#939393; --d-hover:~"rgba(var(--alpha-color),.5)"; --search-text-color:#000; --el-fill-color-light:#f5f7fa; --el-border-color:#dcdfe6; --search-list-hover:hsla(0,0%,100%,0.7); --el-bg-color:#fff; --el-text-color-regular:#606266; --el-bg-color-overlay:#fff; --el-empty-fill-color-0:var(--el-color-white); --el-empty-fill-color-1:#fcfcfd; --el-empty-fill-color-2:#f8f9fb; --el-empty-fill-color-3:#f7f8fc; --el-empty-fill-color-4:#eeeff3; --el-empty-fill-color-5:#edeef2; --el-empty-fill-color-6:#e9ebef; --el-empty-fill-color-7:#e5e7e9; --el-empty-fill-color-8:#e0e3e9; --el-empty-fill-color-9:#d5d7de; --logo-back-color:linear-gradient(180deg,var(--primary-color),10%,#fff); --holiday-bg:#fde3e4; --search-box-items-bg:#f3f3f3; --search-box-hot-color:#020202; --el-border-color-light:#e4e7ed; --switch_block-color:#e8e8e8; --switch_block-hover-color:#d6d6d6; --switch-color:#999; --setting-border_line_panel:#eee; --setting-bg-color:#f7f7f7; --setting-card-color:#fefefe; --txt-shadow-color:#999; --layout-image:#fff; --currency-aside-item-bghover:#ededed; --currency-aside-item-bghover-1:#deedff; --currency-aside-item-bghover-2:#a2c3ed; --setting-item-icon:#9bc0ff; --setting-reset-bgcolor:#f1f7ff } :root { --primary-color:#1890ff; --search-height:46px; --search-radius:23px; --search-bgColor:rgba(var(--alpha-bg),0.7); --icon-radius:15px; --icon-size:60px; --icon-gap-x:30px; --icon-gap-y:30px; --icon-max-width:1350px; --icon-opacity:1; --icon-name:block; --icon-nameSize:12px; --icon-nameColor:#fff; --time-size:71px; --time-font:HarmonyOS_Sans; --time-color:#fff; --time-fontWeight:400; --time-month:inline; --time-week:inline; --time-lunar:inline; --time-sec:none; --sidebar-width:50px; --sidebar-opacity:0.5; --wall-mask:0; --wall-blur:0px; --el-color-primary-rgb:64,158,255; --el-color-success-rgb:103,194,58; --el-color-warning-rgb:230,162,60; --el-color-danger-rgb:245,108,108; --el-color-error-rgb:245,108,108; --el-color-info-rgb:144,147,153; --el-font-size-extra-large:20px; --el-font-size-large:18px; --el-font-size-medium:16px; --el-font-size-base:14px; --el-font-size-small:13px; --el-font-size-extra-small:12px; --el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; --el-font-weight-primary:500; --el-font-line-height-primary:24px; --el-index-normal:1; --el-index-top:1000; --el-index-popper:2000; --el-border-radius-base:4px; --el-border-radius-small:2px; --el-border-radius-round:20px; --el-border-radius-circle:100%; --el-transition-duration:0.3s; --el-transition-duration-fast:0.2s; --el-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1); --el-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1); --el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier); --el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier); --el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier); --el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear; --el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier); --el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier); --el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier); --el-component-size-large:40px; --el-component-size:32px; --el-component-size-small:24px; color-scheme:light; --el-color-white:#fff; --el-color-black:#000; --el-color-primary:#409eff; --el-color-primary-light-3:#79bbff; --el-color-primary-light-5:#a0cfff; --el-color-primary-light-7:#c6e2ff; --el-color-primary-light-8:#d9ecff; --el-color-primary-light-9:#ecf5ff; --el-color-primary-dark-2:#337ecc; --el-color-success:#67c23a; --el-color-success-light-3:#95d475; --el-color-success-light-5:#b3e19d; --el-color-success-light-7:#d1edc4; --el-color-success-light-8:#e1f3d8; --el-color-success-light-9:#f0f9eb; --el-color-success-dark-2:#529b2e; --el-color-warning:#e6a23c; --el-color-warning-light-3:#eebe77; --el-color-warning-light-5:#f3d19e; --el-color-warning-light-7:#f8e3c5; --el-color-warning-light-8:#faecd8; --el-color-warning-light-9:#fdf6ec; --el-color-warning-dark-2:#b88230; --el-color-danger:#f56c6c; --el-color-danger-light-3:#f89898; --el-color-danger-light-5:#fab6b6; --el-color-danger-light-7:#fcd3d3; --el-color-danger-light-8:#fde2e2; --el-color-danger-light-9:#fef0f0; --el-color-danger-dark-2:#c45656; --el-color-error:#f56c6c; --el-color-error-light-3:#f89898; --el-color-error-light-5:#fab6b6; --el-color-error-light-7:#fcd3d3; --el-color-error-light-8:#fde2e2; --el-color-error-light-9:#fef0f0; --el-color-error-dark-2:#c45656; --el-color-info:#909399; --el-color-info-light-3:#b1b3b8; --el-color-info-light-5:#c8c9cc; --el-color-info-light-7:#dedfe0; --el-color-info-light-8:#e9e9eb; --el-color-info-light-9:#f4f4f5; --el-color-info-dark-2:#73767a; --el-bg-color:#fff; --el-bg-color-page:#f2f3f5; --el-bg-color-overlay:#fff; --el-text-color-primary:#303133; --el-text-color-regular:#606266; --el-text-color-secondary:#909399; --el-text-color-placeholder:#a8abb2; --el-text-color-disabled:#c0c4cc; --el-border-color:#dcdfe6; --el-border-color-light:#e4e7ed; --el-border-color-lighter:#ebeef5; --el-border-color-extra-light:#f2f6fc; --el-border-color-dark:#d4d7de; --el-border-color-darker:#cdd0d6; --el-fill-color:#f0f2f5; --el-fill-color-light:#f5f7fa; --el-fill-color-lighter:#fafafa; --el-fill-color-extra-light:#fafcff; --el-fill-color-dark:#ebedf0; --el-fill-color-darker:#e6e8eb; --el-fill-color-blank:transparent; --el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08); --el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12); --el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12); --el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16); --el-disabled-bg-color:var(--el-fill-color-light); --el-disabled-text-color:var(--el-text-color-placeholder); --el-disabled-border-color:var(--el-border-color-light); --el-overlay-color:rgba(0,0,0,0.8); --el-overlay-color-light:rgba(0,0,0,0.7); --el-overlay-color-lighter:rgba(0,0,0,0.2); --el-mask-color:hsla(0,0%,100%,0.9); --el-mask-color-extra-light:hsla(0,0%,100%,0.3); --el-border-width:1px; --el-border-style:solid; --el-border-color-hover:var(--el-text-color-disabled); --el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color); --el-svg-monochrome-grey:var(--el-border-color); --bg-body:#f1f0f5; --icon-bg-color:var(--bg-body); --search-height:50px; --search-width:800px; --search-border-radius:50px } :root .asidebar-menu { position:fixed; box-shadow:0 10px 30px rgba(0,0,0,.5019607843137255); width:140px!important; border-radius:8px; padding:5px 4px; background-color:rgba(11,11,11,.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) } :root .asidebar-menu .menu_item { transition:background .2s; font-size:12px; line-height:30px; color:#fff; padding:0 4px; cursor:pointer; margin:4px 0; border-radius:6px } :root .asidebar-menu .menu_item:hover,:root .asidebar-menu .menu_item_expand { background:hsla(0,0%,100%,.2) } :root .menu-layout { position:fixed; box-shadow:0 10px 30px rgba(0,0,0,.5019607843137255); width:140px!important; border-radius:8px; padding:5px 4px; background-color:rgba(11,11,11,.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) } :root .menu-layout .menu_item_label { display:inline-block; flex:1; width:60px; height:100%; display:flex; align-items:center; justify-content:center } :root .menu-layout .menu_item_expand_icon { margin-left:0; font-size:0; width:0 } :root .menu-layout .menu_body { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start } :root .menu-layout .menu_body .menu_item { transition:background .2s; font-size:12px; line-height:30px; color:#fff; padding:0 4px; cursor:pointer; margin:4px 0; border-radius:6px; display:flex; align-items:center; justify-content:center } :root .menu-layout .menu_body .menu_item:hover,:root .menu-layout .menu_body .menu_item_expand { background:hsla(0,0%,100%,.2) } a,abbr,acronym,address,applet,article,aside,audio,big,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video { box-sizing:border-box; margin:0; padding:0; border:0; vertical-align:baseline; list-style:none; font-style:normal; text-decoration:none } button,fieldset,form,input,label,legend,option,select,textarea { font-family:Microsoft YaHei } h1,h2,h3,h4,h5,h6 { font-weight:400 } html { scroll-behavior:smooth } .left { float:left } .right { float:right } .clearfix:after { content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden } .clearfix { zoom:1 } body,html { width:100%; height:100%; overflow:hidden } body { --el-border-color-base:transparent; --el-border-base:transparent; --el-color-primary:var(--primary-color); padding:0!important; animation:fadeIn .3s } @keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } }.d-icon { --color:inherit; line-height:1em; display:inline-flex; justify-content:center; align-items:center; fill:currentColor; color:var(--color); font-size:inherit } .d-icon,.d-icon svg,.icon { height:1em; width:1em } .icon { vertical-align:-.15em; fill:currentColor; overflow:hidden } @font-face { font-family:站酷妙典和风体; src:url(../../static/fonts/StationCoolAndWindy.8ad9cc70.ttf) format("truetype") } @font-face { font-family:锐字太空奇遇像素简-é—ª 常规; src:url(../../static/fonts/SharpWordSpaceAdventures.91a6ab49.ttf) format("truetype") } @font-face { font-family:衡山毛筆行書; src:url(../../static/fonts/HengshanMaoPenXingshu.9e9f1b73.ttf) format("truetype") } @font-face { font-family:包图小白体; src:url(../../static/fonts/BaoTuXiaoBaiTi.9a35df48.ttf) format("truetype") } @font-face { font-family:k8x12; src:url(data:font/ttf; base64,AAEAAAANAIAAAwBQR0RFRgARAA8AAAfEAAAAFk9TLzKLFsu3AAAE5AAAAFZjbWFwAF4AbwAABTwAAAA8Y3Z0IABEBRAAAAV4AAAABGdhc3D//wADAAAHvAAAAAhnbHlm2pkF+AAAANwAAANEaGVhZCWQeMcAAARgAAAANmhoZWEMAQQGAAAEwAAAACRobXR4COwARAAABJgAAAAmbG9jYQUtBiMAAARAAAAAIG1heHAAYgCTAAAEIAAAACBuYW1lkj7qZgAABXwAAAHvcG9zdEb9GOgAAAdsAAAATgACAEQAAAJkBVQAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESUhESFEAiD+JAGY/mgFVPqsRATMAAMAAAAAAgAF/wALAA8AEwAANREzETMRMxEjESMRFTUzFQM1MxWrqqurqqqqqqsEqv4AAgD7VgH//gGrq6sFVaqqAAEAAAAAAgAF/wALAAAxNTMRIzUzNTMRMxWrq6uqq6sD/6uq+qyrAAAEAAAAAAIABf8ABQAJABEAFQAAMREzESEVAREzGQIzETMRIxEDNTMVqwFV/gCrqqurqqoCAP6rqwQAAVX+q/4AAVUCAP4A/qsDVaqqAAAGAAAAAAIABf8AAwAHAAsAEwAXABsAADURMxEDETMZATUzFQM1MxEzESMVAzUzFRkBMxGrq6uqqqqrq6qqq6sBVf6rA1UBVf6r/ACrqwKqqwIA/gCrAquqqvtWAf/+AQACAAAAAAIABf8ACQANAAAZATMRMxEzESMRJzMRI6uqq6uqqqoBVQIAAVUBVfoBAVWrAVUABAAAAAACAAX/AAMADQARABUAADURMxEDESEVIREzFSMVETUzFTURMxGrqwIA/quqqqqrqwFV/qsB/wNVqv6rq6v9VqurqwKq/VYAAAUAAAAAAgAF/wAHAAsADwATABcAADURMxEzFSMRFTUzFQM1MxUZATMRAxEzEauqqqqqqqurq6sEqv4Aq/4Bq6urBVWqqvtWAf/+AQNVAVX+qwACAAAAAAIABf8ABwALAAAZASERIxEjFRkBMxECAKuqqgSqAVX9VgIAq/tWA1X8qwAFAAAAAAIABf8ACwAPABMAFwAbAAA1ETMRMxEzESMRIxEDETMZATUzFQM1MxUZATMRq6qrq6qrq6qqqqurAf8BVgFV/qv+qv4BA1UBVf6r/ACrqwVVqqr7VgH//gEABQAAAAACAAX/AAMABwALABMAFwAANREzEQMRMxkBNTMVAzUzETMRIxEDNTMVq6urqqqqq6uqqqsBVf6rAqoCAP4A/KurqwKqqwIA+1YB/wKrqqoAAgCrAAABVQQAAAMABwAAMzUzFQM1MxWrqqqqq6sDVaurAAEAAAAPAGIAEQAAAAAAAgAAAAEAAQAAAEAALgAAAAAAAAArACsAKwArAEwAYACHALcA0QD3ASABOAFnAZEBogABAAAH5QztlCR5kl8PPPUAHwf/AAAAANxr9VoAAAAA3LgsLwAA/qsFVQaqAAAACAACAAAAAAAAAuwARAAAAAACqgAAAqsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKsAAAABAAAGqv6rAAAFVgAAAAAFVQABAAAAAAAAAAAAAAAAAAAABAABAqsBkAAFAAAFMgWYAAABHgUyBZgAAAPWAGUCEQgAAgsFCQAAAAAAAAAAAAEAAAAAAAAAAAAAAABLZG0gAEAAIAA6Bqr+qwAABqoBVWACAAQAAAAAAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACAAOv//AAAAIAAw////4//UAAEAAAAAAAAARAUQAAAAEwDqAAEAAAAAAAAAIgAAAAEAAAAAAAEABQAiAAEAAAAAAAIABwAnAAEAAAAAAAMAIAAuAAEAAAAAAAQABQAiAAEAAAAAAAUACQBOAAEAAAAAAAYABQAiAAMAAQQJAAAARABXAAMAAQQJAAEACgCbAAMAAQQJAAIADgClAAMAAQQJAAMAQACzAAMAAQQJAAQACgCbAAMAAQQJAAUAEgDzAAMAAQQJAAYACgCbAAMAAQQRAAAARABXAAMAAQQRAAEACgCbAAMAAQQRAAIADgClAAMAAQQRAAQACgCbAAMAAQQRAAUAEgDzQ29weXJpZ2h0IChDKSAyMDE1LTIwMjEgTnVtIEthZG9tYWs4eDEyUmVndWxhckZvbnRGb3JnZSAyLjAgOiBrOHgxMiA6IDUtNS0yMDIxMjAyMS4wNTA1AEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA1AC0AMgAwADIAMQAgAE4AdQBtACAASwBhAGQAbwBtAGEAawA4AHgAMQAyAFIAZQBnAHUAbABhAHIARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABrADgAeAAxADIAIAA6ACAANQAtADUALQAyADAAMgAxADIAMAAyADEALgAwADUAMAA1AAACAAAAAAAA/wEAZgAAAAAAAAAAAAAAAAAAAAAAAAAAAA8AAAECAQMAAwATABQAFQAWABcAGAAZABoAGwAcAB0GZ2x5cGgxBmdseXBoMgAAAAAAAf//AAIAAQAAAAwAAAAAAAAAAgABAAEADgABAAA=) format("truetype") } @font-face { font-family:猫啃忘形圆; src:url(../../static/fonts/MaoKenWangXingYuan.66fd3059.ttf) format("truetype") } @font-face { font-family:QTxiaotu; src:url(data:font/ttf; base64,AAEAAAAQAQAABAAAR0RFRgATAA8AAA8sAAAAFkdQT1NEdkx1AAAPRAAAACBHU1VCRHZMdQAAD2QAAAAgT1MvMmf1aPYAAAxYAAAAYGNtYXAAXgBvAAAMuAAAADxnYXNw//8AAwAADyQAAAAIZ2x5ZmCjCdoAAAEMAAAKcmhlYWQZQU8KAAALwAAAADZoaGVhB4cDBAAADDQAAAAkaG10eBoaAnQAAAv4AAAAPGxvY2EOcBFQAAALoAAAACBtYXhwAJICigAAC4AAAAAgbmFtZUa6NEkAAAz0AAAB7XBvc3QAEADEAAAO5AAAAEB2aGVhBHsSIgAAD6gAAAAkdm10eA2dBnUAAA+EAAAAJAAIACj/8AINAusAJwA0AEIAUQBcAGUAiQCXAAASFxYdAQ4BFRQeATMyPgE3NTQmJzU0Njc2PQEuASMiDgEVIzQjIgYVNjMyFh0BBwYHJyY9ARY2MzIVFAYHIyImJyY1Aj4BMzIWFRQOASMiLgE1NhYzMjY1NCYjIhUWMzc0JiMiBhUHIhUUHgEXHgIzMjY3PgI1NCYjIgYjIiYnLgEjIgYHDgEjFj8BHgIVFAYrAS4BN38GBzIyOXFPO2ZCCS9ABgEHBx4XHRsFKUkgIioTFxIIDSIGCLAPER0FCgUJFQYF3yFJOF5XJUs3O08mUAcHBggECg6PDxELDQYCcwoJDwMBCRkUHBIFBA0HAwcHDgcICQYGCQcHCgYHCQglBQUDEQgOBgQKFAMChSQhGAM3jE5NhVI5YTpDX4Y8Cw0eBRwTJxcbMzgokzMgMzwgHQQEDgUJSCIcMzMcIhYIAhIh/s1vTJNnNmI+P2U7WQsMBggGDgkBCA4FCSMPCwsIAgU5KDsrAwwLBggHDwcICAYJCAkICQMGAgoLCAk9Aj0LAAABAOT//gEuAnQAEgAAEwcdAR4BMzI2NTYRNS4BIyIGB+YCAxELEBcECAsMEhEEAb2NkIsKDRQRvQEuShAMFhQAAwAo//UB9wLjAFcAYgBuAAASJiMiBhUUFjYzFQ4BFRQWMzI2Nz4CMzIWFRQOAQcOAhUUFjMyPgE1NCYjIgYVFBYzMjY3FhUUIyImNTQ+ATc+Aj0BNCYvATUXFjMyNj0BLgEjIgYHPgEzMhUUBiMiPQEmNjMyFhcOASMiJjX2GhIYHzEuBlJnDBcODgkLFjMqM0cwRTo4Qy2OYDFnSSshGiUSDwQQBgiiO2cnOTM/TjdnRQQVDAgVIwUREhUZFR0TERYbDhx0GAwPIAIGGAkNIQLPCxEUGw0BDxFkSxokHB8mMSU+LzFAJRYVIzstTjwWOC8gLxYXDREKAwgJOhsoHCgaExYnQjJUOEYQAxUBAhkUEQwFDhQBCwgNDAYDDAoSDQYGDgsABAAo//UB6QLNAFEAZQBvAIUAABIGFRQWMzI2Nz4BMzIeARUUDgEHDgEVFDM3HgEVFA4BIyImNTQ2MzIWOwE+ATU0JiMiBhUUFjMyPgE9ATQmJz4BNz4BNTQmByYnNjU0JiMiBhc+ATMyFhUUJy4BKwEVFxQGIy4BNRYzMhYVFCMuAScWNjMyFhUUBiMiJjU0MxYzMjYzNSc1tHEREQkSEBktHRs0IB0pISMhPigrLS9OLSQ1AwUHGgoOCgQpGCkvYEMzcUwyIiQiBRgfLSUNBwIoHyYnAhwZEBQbCQMMAwYKBgQeGVYKCAQMBAoDPAkJEA0REAkTBRUBAQQGGAJ9ODANDwsOFhkaLRkbIQ4ICBARHgEMSSsmRCoRGwcFCAUMCxUXKiI1NzFRLlAdQBsdQywJKBceGQIQBAoDGB4mIyMLEBEQAwQJDQwCBQcOFCkHCQwFCAMHAxAQDR8gCAgKAgQUBAABACj/4AIkAncAMAAAEhYXFRQWMzI2NT8BPgE1NCYrAQcGIxE0JiMiFQMjIiYnNTQ3PgE9ASYjIgYPAQ4BFSiZcxkMCRILAzpoFAsKIj0dDRkfCxI9XxAGAQQIEBAPAgYLCgEfawyxCg0NCqwFBR0kDRgLFwFAICYq/qk+NS8cOAs0FCUTDg4hPU4qAAEAKP/1AdICbwBCAAASBwYdAR4BMzI2Nz4BMzIWFRQOASMiJicuASMiBhUUHgEzMj4BNTQuASMiBgc9ATQ/ASEyNjU0JiciLwEjNCYjIgYHWQYOAhILBxAJFywiS1QyTicoMRkNEAoNEz5VJjtwRjtqRB4eGgQEASAJCQ4KCxIe3wsVCxMCAkEqajUdCgwJBg8SX0YkRywVEwoJEQsjLRM+Zjc9aj8CBggJDB0FFAoKEQEDAhsoDAkAAAEAKP/1AfECcAA7AAA3HgEzMj4BNTQmIyIGFRQeATMyNjU0JiMiBgcGIyImNTQ2MzIWFRQOASMiJjU0Njc2Nz4BNTQmIyIOARUoFnpdO2U8XE5BWCI5HyFBEA8JDQoRDhUhMSMyLSlEJ1BaT00PICQmIhRcg0O6Wms6YzlJUUY/HTAdISAPEgcIDxQSIx0rLiVBJ2ZNXqwkBwUGEBETD3iyUwAAAQAo//UBzQJvACMAABMeATM+ATc+AjMyFhcVFA8BBgcGHQEeATMyEjU0JiMiDgEVKAITBg0TDRIgOy00QQYJBAEGCQESCi8ZWmQ5a0MBjQIOAhsbJTAjOTI+RGc+EiQrIBQHCgEJhmSHO2E2AAAIACj/9QG/AsgANAA/AEsAWgBgAGgAgQCQAAASFxYVDgEVFBYXHgEfAQYHDgEVFB4BMzI+ATU0JzU+ATU0Jic+ATU0IyIGFSMiJy4BIyIGFT4BMzIWHQEGByY1FjYzMhYVFAYjIiY1BjYzMhYVFAYPATEiLgE1PgE1IgYVMjMyNTQjIhUHIxQWMzI2MzIWMzI2NTQrAQciJiciBwYjAj4BMzIeARUUDgEjIiY1TQcHGhkmLAMbAwcWCygnMFU2PGA2dCowGRsPCzciJwkYDwUlJBslHhIQERUmEw++FRMMDAwJEhm5QC4zSSwsCCJAKEkFDgVdCQkJCVgLEhEEEwYDGAgMFQsEEgwWAQoKCglAKD4eGTckIzkgOkICgBAXCh00IS8+IAMPAgQUCSI1Ji5NLjJTMFw+BSJFKyAzGhEZFTUrHgQhMCQYDBMfEQgJDBIcAhoUDQwcEw1+NS8oITEhBCQ2GCkECgMLBwcHHAwPBwcMCwcLEwEKCv7TOSkjNBYbNiM6LgAIACj/9AGcAtQAPQBMAFoAbAB6AIYAmwCnAAASBhUUFx4BMzI3Njc+ATcXFgcGFRQfARYzNz4BNQMnLgEnLgE1NDc2NScuASMiBhcPASInNTQnLgEHBhUUFzY1NDY3NhYXFgYHIgYvAQY1NDc2FhcWFRQHDgEHBjU0Njc2MzIWFxYVFAYjIiYnNjMyNzI2NSc0JgcOARcGFjc+AScuAQcOARcGHgE3PgEnBicmIyIGBwYjIiciFR8BNDYXFh8BMQcGJjVULAMKUz4TFRQeDhULBAECAggEDQ8IDRAGAgITERQSCQoBAg4NIx4BAwYGAwMDGxM7AZsNEAIIAQINDQEIBAKGJAoLAgEFBiQKJDo0BAoeOAQDQkQhKQaKBQUEAwMBBwgCBAFbCQQGCAEBBQgHBgEDFhsMBi8BCxQMCQoUCAMFCAcCAS0FBgoBARAEAwIpYTUUFDtAAwMWCwsCGhw0KBU9KhYMAQIYDgHuBw0RCgsRDwoUGg4IERA1JAEBBAcMDxQbAwlUFQkxCxMcAwEMBQ0sAwECCQ0QLQUBDQsDBw0MBRAB2hA3WwgBGhcSFEJlIyF6AQMDCAMEAQEKBAYJAQEIAwcFAQEEBjAeFwICOwkCBgUQAQEHBQgWCAwCAwIGFQELAQACACgAdACrAe4ACgAVAAASMzI2NTQmIyIGFRIzMjY1NCYjIgYVKDgdGiMbFRwUOB0aIxsVHAGGGB8WGyAX/r0YHxYbIBcAAAABAAAADwJrABYAAAAAAAEAAgAeAAYAAABkAAAAAAAAAAAAAAAAAAAAAADPAO8BggI0AnoC1wMpA2AEIwUWBTkAAQAAAAEAAJH6FVZfDzz1ACsD6AAAAADbMs2PAAAAANszPj7/iP8TBBQDRQAAAAgAAgAAAAAAAAJYAAAAAAAAAU0AAAEsAAACNQAoAhIA5AIfACgCEQAoAkwAKAH6ACgCGQAoAfUAKAHnACgBxAAoANMAKAABAAAD6P84AAAD6P+I/9QEFAABAAAAAAAAAAAAAAAAAAAADwADA98BkAAFAAACigJYAAAASwKKAlgAAAFeADIBIAAAAAAFAAAAAAAAAAAAAAEAAAAAAAAAAAAAAABVS1dOAEAAIAA6AyD/OADIA+gAyAAEAAEAAAAAAeACqAAAACAAAwAAAAIAAAADAAAAFAADAAEAAAAUAAQAKAAAAAYABAABAAIAIAA6//8AAAAgADD////j/9QAAQAAAAAAAAAAABQA9gABAAAAAAAAAAAAAAABAAAAAAABAAgAAAABAAAAAAACAAcACAABAAAAAAADABMADwABAAAAAAAEAAgAAAABAAAAAAAFAA0AIgABAAAAAAAGAAgAAAABAAAAAAAIAAAAAAABAAAAAAALABYALwADAAEECQAAABgARQADAAEECQABABAAXQADAAEECQACAA4AbQADAAEECQADACYAewADAAEECQAEABAAXQADAAEECQAFABoAoQADAAEECQAGABAAXQADAAEECQAIAAYAuwADAAEECQALACwAwQADAAEIBAABAAoA7QADAAEIBAACAA4AbVFUeGlhb3R1UmVndWxhcjEuMDAwO1VLV047UVR4aWFvdHVWZXJzaW9uIDEuMDAwaHR0cHM6Ly93d3cuNThwaWMuY29tL04KbXdUwVb+f1F+3HnRYoBnCZZQUWxT+ABRAFQAeABpAGEAbwB0AHUAUgBlAGcAdQBsAGEAcgAxAC4AMAAwADAAOwBVAEsAVwBOADsAUQBUAHgAaQBhAG8AdAB1AFYAZQByAHMAaQBvAG4AIAAxAC4AMAAwADBTQ1b+f1EAaAB0AHQAcABzADoALwAvAHcAdwB3AC4ANQA4AHAAaQBjAC4AYwBvAG0AL1NDVv5cD1FUT1MAAAAAAgAAAAAAAP+DADIAAAAAAAAAAAAAAAAAAAAAAAAAAAAPAAAAAQACAAMAEwAUABUAFgAXABgAGQAaABsAHAAdAAAAAf//AAIAAQAAAAwAAAAAAAAAAgABAAMADgABAAAAAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAAABAAAACgAcAB4AAURGTFQACAAEAAAAAP//AAAAAAAAA+gDIAAAAAAD6AAAAyAANQCsAD0AUwCpALEAsACxAFgATAEyAAEQAAIg/ZQAAAPo/xMAowNFAAAAAQAAAAAAAAAAAAAAAAAD) format("truetype") } @font-face { font-family:LcdD; src:url(../../static/fonts/LcdFont.6bdedd03.ttf) format("truetype") } .b { font-weight:700 } .n { font-weight:400 } .f14 { font-size:14px } .f15 { font-size:15px } .f17 { font-size:17px } .f18 { font-size:18px } .f19 { font-size:19px } .f20 { font-size:20px } .f21 { font-size:21px } .f22 { font-size:22px } .f23 { font-size:23px } .f24 { font-size:24px } .f25 { font-size:25px } .f26 { font-size:26px } .f27 { font-size:27px } .f28 { font-size:28px } .f29 { font-size:29px } .f30 { font-size:30px } .f31 { font-size:31px } .f32 { font-size:32px } .f33 { font-size:33px } .f34 { font-size:34px } .f35 { font-size:35px } .f36 { font-size:36px } .f37 { font-size:37px } .f38 { font-size:38px } .f39 { font-size:39px } .f40 { font-size:40px } .f41 { font-size:41px } .f42 { font-size:42px } .f43 { font-size:43px } .f44 { font-size:44px } .f45 { font-size:45px } .f46 { font-size:46px } .f47 { font-size:47px } .f48 { font-size:48px } .f49 { font-size:49px } .f50 { font-size:50px } .m0 { margin:0 } .mt0 { margin-top:0 } .mb0 { margin-bottom:0 } .ml0 { margin-left:0 } .mr0 { margin-right:0 } .p0 { padding:0 } .pt0 { padding-top:0 } .pb0 { padding-bottom:0 } .pl0 { padding-left:0 } .pr0 { padding-right:0 } .m5 { margin:5px } .mb5 { margin-bottom:5px } .ml5 { margin-left:5px } .p5 { padding:5px } .pt5 { padding-top:5px } .pb5 { padding-bottom:5px } .pl5 { padding-left:5px } .pr5 { padding-right:5px } .m10 { margin:10px } .mb10 { margin-bottom:10px } .ml10 { margin-left:10px } .mr10 { margin-right:10px } .p10 { padding:10px } .pt10 { padding-top:10px } .pb10 { padding-bottom:10px } .pl10 { padding-left:10px } .pr10 { padding-right:10px } .m15 { margin:15px } .mt15 { margin-top:15px } .mb15 { margin-bottom:15px } .ml15 { margin-left:15px } .mr15 { margin-right:15px } .p15 { padding:15px } .pt15 { padding-top:15px } .pb15 { padding-bottom:15px } .pl15 { padding-left:15px } .pr15 { padding-right:15px } .m20 { margin:20px } .ml20 { margin-left:20px } .mr20 { margin-right:20px } .p20 { padding:20px } .pt20 { padding-top:20px } .pb20 { padding-bottom:20px } .pl20 { padding-left:20px } .pr20 { padding-right:20px } .m25 { margin:25px } .mt25 { margin-top:25px } .mb25 { margin-bottom:25px } .ml25 { margin-left:25px } .mr25 { margin-right:25px } .p25 { padding:25px } .pt25 { padding-top:25px } .pb25 { padding-bottom:25px } .pl25 { padding-left:25px } .pr25 { padding-right:25px } .m30 { margin:30px } .mt30 { margin-top:30px } .mb30 { margin-bottom:30px } .ml30 { margin-left:30px } .mr30 { margin-right:30px } .p30 { padding:30px } .pt30 { padding-top:30px } .pb30 { padding-bottom:30px } .pl30 { padding-left:30px } .pr30 { padding-right:30px } .m35 { margin:35px } .mt35 { margin-top:35px } .mb35 { margin-bottom:35px } .ml35 { margin-left:35px } .mr35 { margin-right:35px } .p35 { padding:35px } .pt35 { padding-top:35px } .pb35 { padding-bottom:35px } .pl35 { padding-left:35px } .pr35 { padding-right:35px } .m40 { margin:40px } .mt40 { margin-top:40px } .mb40 { margin-bottom:40px } .ml40 { margin-left:40px } .mr40 { margin-right:40px } .p40 { padding:40px } .pt40 { padding-top:40px } .pb40 { padding-bottom:40px } .pl40 { padding-left:40px } .pr40 { padding-right:40px } .m45 { margin:45px } .mt45 { margin-top:45px } .mb45 { margin-bottom:45px } .ml45 { margin-left:45px } .mr45 { margin-right:45px } .p45 { padding:45px } .pt45 { padding-top:45px } .pb45 { padding-bottom:45px } .pl45 { padding-left:45px } .pr45 { padding-right:45px } .m50 { margin:50px } .mt50 { margin-top:50px } .mb50 { margin-bottom:50px } .ml50 { margin-left:50px } .mr50 { margin-right:50px } .p50 { padding:50px } .pt50 { padding-top:50px } .pb50 { padding-bottom:50px } .pl50 { padding-left:50px } .pr50 { padding-right:50px } .fl { float:left } .fr { float:right } .al { text-align:left } .ar { text-align:right } .bt { border-top:1px solid var(--dividing-line) } .bb { border-bottom:1px solid var(--dividing-line) } .bl { border-left:1px solid var(--dividing-line) } .br { border-right:1px solid var(--dividing-line) } .ba { box-sizing:border-box; border:1px solid var(--dividing-line) } .bn { border:none } .mt-1 { margin-top:.25rem } .mt-4 { margin-top:1rem } .mb-1\.5 { margin-bottom:.375rem } .mt10 { margin-top:10px } .mb20 { margin-bottom:20px } .mt20 { margin-top:20px } .mr5 { margin-right:5px } .flex-between { display:flex; align-items:center; justify-content:space-between } .inline-flex { display:inline-flex } .w-full { width:100% } .w-1\/2 { width:50% } .d-cell { flex:1 } .d-elip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .flip-li-enter-from,.flip-li-leave-to { opacity:0; transform-origin:center; transform:scale(.1) } .flip-li-leave-active { position:absolute } .whitespace-nowrap { white-space:nowrap } .widget-icon-item { --icon-size:60px; --icon-padding:30px; border-radius:12px } .d-elip2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden } .f13 { font-size:13px } .f12 { font-size:12px } .leading-4 { line-height:1rem } .h-\[30px\] { height:30px } .mx-1 { margin-left:.25rem; margin-right:.25rem } .h-\[18px\] { height:18px } .d-pointer { cursor:pointer } .h-full { height:100% } .object-contain { -o-object-fit:contain; object-fit:contain } .overflow-hidden { overflow:hidden } .rounded-full { border-radius:9999px } .d-watch-resize { position:relative } .p-\[0\.6em\] { padding:.6em } .d-flex-center { display:flex; flex-flow:wrap; align-items:center; justify-content:center } .mt5 { margin-top:5px } .f16 { font-size:16px } .text-\[0\.57em\] { font-size:.57em } .text-white { --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity)) } .ac { text-align:center } .block { display:block } .inline-block { display:inline-block } .inline { display:inline } .flex { display:flex } .right-0 { right:0 } .left-0 { left:0 } .top-0 { top:0 } .bottom-0 { bottom:0 } .visible { visibility:visible } .static { position:static } .fixed { position:fixed } .absolute { position:absolute } .relative { position:relative } .text-left { text-align:left } .text-center { text-align:center } .text-right { text-align:right } .bg-transparent { background-color:transparent } .bg-white { --tw-bg-opacity:1; background-color:rgba(255,255,255,var(--tw-bg-opacity)) } .bg-cover { background-size:cover } .bg-center { background-position:50% } .bg-no-repeat { background-repeat:no-repeat } .border { border-width:1px } .bg-black { --tw-bg-opacity:1; background-color:rgba(0,0,0,var(--tw-bg-opacity)) } .cursor-pointer { cursor:pointer } .resize { resize:both } .flex-col { flex-direction:column } .flex-grow { flex-grow:1 } .flex-wrap { flex-wrap:wrap } .items-end { align-items:flex-end } .items-start { align-items:flex-start } .items-center { align-items:center } .justify-center { justify-content:center } .justify-between { justify-content:space-between } .justify-evenly { justify-content:space-evenly } .justify-around { justify-content:space-around } .flex-shrink { flex-shrink:1 } .hidden { display:none } .opacity-100 { opacity:1 } .overflow-y-auto { overflow-y:auto } .d-flex-between,.d-flex-y { display:flex; border-radius: 5px; /* background-color: #ababab4d; */ /* background-image: url("/images/设置/tq.jpeg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; */ align-items:center } .d-flex-between { justify-content:space-between } .d-flex { display:flex; flex-wrap:wrap } .leading-8 { line-height:2rem } .rounded-t-md { border-top-left-radius:.375rem; border-top-right-radius:.375rem } .d-hidden { overflow:hidden } .d-bg-card { background-color:var(--bg-card) } .d-main { color:var(--d-main) } .d-sub { /* color:var(--d-sub) */ color: #1890ff; } .d-hover:hover { color:var(--d-hover)!important } .d-max-width { max-width:var(--max-width) } .d-layout-aside { flex-shrink:0; overflow:auto } .d-layout-content { flex:1; flex-basis:auto; overflow:auto } .d-border-radius { border-radius:4px; border:1px solid var(--border-card) } .el-popover { min-width:60px!important } .el-popover p:hover,.el-popover span:hover { color:#1890ff } .el-select-dropdown .el-select-dropdown__item { text-align:center; padding:0 10px } .el-slider .el-slider__button-wrapper .el-slider__button { border-width:2px; border-style:solid; border-color:var(--primary-color) } .el-slider .el-slider__runway { background-color:var(--el-border-color) } .el-slider .el-slider__runway .el-slider__bar { background-color:var(--primary-color) } .el-slider .el-slider__input .el-input.el-input--mini .el-input__inner { color:var(--primary-color) } .dialog-add-icon[data-v-413d13ce] { --transformLeft:null; --transformTop:20%; --add-body:var(--bg-body); --add-card:var(--bg-card); --add-input:var(--bg-input); --add-drawer-body:var(--bg-input) } .m-dialog[data-v-413d13ce] { --el-dialog-width:50%; --el-dialog-margin-top:15vh; --el-dialog-box-shadow:var(--el-box-shadow); --el-dialog-title-font-size:var(--el-font-size-large); --el-dialog-content-font-size:14px; --el-dialog-font-line-height:var(--el-font-line-height-primary); --el-dialog-padding-primary:20px; --el-dialog-border-radius:var(--el-border-radius-small); position:relative; background:var(--el-dialog-bg-color); border-radius:var(--el-dialog-border-radius); box-shadow:var(--el-dialog-box-shadow); box-sizing:border-box } .m-dialog .m-dialog_header[data-v-413d13ce] { position:absolute; left:100px; top:0; right:100px; z-index:11; text-align:center; height:10px; line-height:10px; color:var(--d-main); padding:0; cursor:move; -webkit-user-select:none; -moz-user-select:none; user-select:none } .m-dialog .m-dialog_header .m-dialog_title[data-v-413d13ce] { line-height:var(--el-dialog-font-line-height); font-size:var(--el-dialog-title-font-size); color:var(--el-text-color-primary) } .m-dialog .d-dialog-body[data-v-413d13ce],.m-dialog .m-dialog_body[data-v-413d13ce] { box-sizing:border-box; overflow:hidden; min-height:300px; height:100%; /* transform:translateZ(0); */ z-index:10; position:relative } .d-dialog-header[data-v-413d13ce] { position:absolute; left:0; top:0; right:0; padding:5px; text-align:center; color:var(--d-main); z-index:12 } .d-dialog-header .d-dialog-tool[data-v-413d13ce] { color:var(--d-main); overflow:hidden; position:absolute; text-align:center; font-size:14px; z-index:99 } .d-dialog-header .d-dialog-tool span[data-v-413d13ce] { cursor:pointer } .d-dialog-header .d-dialog-tool.is-win[data-v-413d13ce] { top:6px; right:0 } .d-dialog-header .d-dialog-tool span[data-v-413d13ce] { transition:.2s } .d-dialog-header .d-dialog-tool.is-win span[data-v-413d13ce] { float:left; line-height:20px; width:20px; font-size:14px; display:flex; align-items:center; justify-content:center; border-radius:50%; height:20px; color:#fff; margin-right:6px; background-color:rgba(var(--alpha-color),.2) } .d-dialog-header .d-dialog-tool.is-win span[data-v-413d13ce]:hover { background-color:#a2a2a2; color:#333 } .d-dialog-header .d-dialog-tool.is-win span[data-v-413d13ce]:last-child:hover { background-color:#e81123; color:#fff } .d-dialog-header .d-dialog-tool.is-win span .f15[data-v-413d13ce] { font-size:15px } .is-fullscreen[data-v-413d13ce] { left:0!important; top:0!important; bottom:0!important; right:0!important; border-radius:0!important } .m-dialog-mask[data-v-413d13ce] { --dialogBlur:blur(10px); position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:2000; background:rgba(0,0,0,.45); -webkit-backdrop-filter:var(--dialogBlur,"none"); backdrop-filter:var(--dialogBlur,"none") } .m-dialog-mask .m-dialog[data-v-413d13ce] { display:flex; align-items:center; justify-content:center; transition:all .3s ease; position:fixed; top:0; right:0; bottom:0; left:0; overflow:auto } .m-dialog-mask .m-dialog .m-spin-dot[data-v-413d13ce] { position:absolute; display:inline-block; right:0; left:0; top:0; bottom:0; margin:auto; width:24px; height:24px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); animation:rotate-413d13ce 1.2s linear infinite; -webkit-animation:rotate-413d13ce 1.2s linear infinite } @keyframes rotate-413d13ce { to { transform:rotate(405deg) } }.m-dialog-mask .m-dialog .m-spin-dot .u-dot-item[data-v-413d13ce] { position:absolute; width:8px; height:8px; background:#1890ff; border-radius:50%; opacity:.3; animation:spinMove-413d13ce 1s linear infinite alternate; -webkit-animation:spinMove-413d13ce 1s linear infinite alternate } @keyframes spinMove-413d13ce { to { opacity:1 } }.m-dialog-mask .m-dialog .m-spin-dot .u-dot-item[data-v-413d13ce]:first-child { top:0; left:0 } .m-dialog-mask .m-dialog .m-spin-dot .u-dot-item[data-v-413d13ce]:nth-child(2) { top:0; right:0; animation-delay:.4s; -webkit-animation-delay:.4s } .m-dialog-mask .m-dialog .m-spin-dot .u-dot-item[data-v-413d13ce]:nth-child(3) { bottom:0; right:0; animation-delay:.8s; -webkit-animation-delay:.8s } .m-dialog-mask .m-dialog .m-spin-dot .u-dot-item[data-v-413d13ce]:last-child { bottom:0; left:0; animation-delay:1.2s; -webkit-animation-delay:1.2s } .m-dialog-mask .m-dialog .loading[data-v-413d13ce] { background:#f8f8f8!important; pointer-events:none } /*这个是那个天气组件的css代码*/ .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce] { position:relative; background:#ffffff00; overflow:auto; min-width:300px; min-height:300px; max-height:100vh; max-width:100vw; box-shadow:2px 2px 32px 5px rgb(255 255 255); transform:translateZ(0); border-radius:6px; transition:.06s; border-radius: 30px; --scroll-bar-color-bg:#fff } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar:hover { width:0 } .m-dialog-mask .m-dialog .m-dialog-content::-ms .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar-track { width:0; background-color:transparent } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .m-dialog-mask .m-dialog .m-dialog-content[data-v-413d13ce]::-webkit-scrollbar-corner { background:none } .m-dialog-mask .m-dialog .m-dialog-content .u-screen[data-v-413d13ce] { width:16px; height:16px; position:absolute; top:19px; right:24px; fill:rgba(0,0,0,.45); cursor:pointer; transition:fill .3s; right:64px } .m-dialog-mask .m-dialog .m-dialog-content .u-screen[data-v-413d13ce]:hover { fill:rgba(0,0,0,.75) } .m-dialog-mask .m-dialog .m-dialog-content .u-close[data-v-413d13ce] { width:16px; height:16px; position:absolute; top:19px; right:24px; fill:rgba(0,0,0,.45); cursor:pointer; transition:fill .3s } .m-dialog-mask .m-dialog .m-dialog-content .u-close[data-v-413d13ce]:hover { fill:rgba(0,0,0,.75) } .m-dialog-mask .m-dialog .m-dialog-content .d-dialog-body[data-v-413d13ce] { color:var(--d-main) } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer[data-v-413d13ce] { padding:10px 16px; text-align:right; border-top:1px solid #e8e8e8 } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-cancel[data-v-413d13ce] { height:32px; line-height:32px; padding:0 15px; font-size:16px; border-radius:4px; color:rgba(0,0,0,.65); background:#fff; border:1px solid #d9d9d9; cursor:pointer; transition:all .3s cubic-bezier(.645,.045,.355,1) } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-cancel[data-v-413d13ce]:hover { color:#40a9ff; border-color:#40a9ff } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-cancel[data-v-413d13ce]:focus { color:#096dd9; border-color:#096dd9 } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-confirm[data-v-413d13ce] { margin-left:8px; height:32px; line-height:32px; padding:0 15px; font-size:16px; border-radius:4px; background:#1890ff; border:1px solid #1890ff; color:#fff; transition:all .3s cubic-bezier(.645,.045,.355,1); cursor:pointer } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-confirm[data-v-413d13ce]:hover { color:#fff; background:#40a9ff; border-color:#40a9ff } .m-dialog-mask .m-dialog .m-dialog-content .m-dialog-footer .u-confirm[data-v-413d13ce]:focus { background:#096dd9; border-color:#096dd9 } .m-dialog-mask.dialog-add-icon[data-v-413d13ce] { z-index:1000 } .search-dropdown[data-v-1456abcf] { position:relative; font-size:14px; display:inline-block; margin-left:-8px; padding-left:10px; width:auto; --el-input-bg-color:#000; border-radius:5px 0 0 5px; --el-input-text-color:#fff; --el-text-color-placeholder:#f2f2f2 } .search-dropdown input[data-v-1456abcf] { --el-input-inner-height:calc(var(--el-input-height,32px) - 2px); width:100%; flex-grow:1; color:var(--el-input-text-color,var(--el-text-color-regular)); font-size:12px; height:var(--el-input-inner-height); line-height:var(--el-input-inner-height); padding:0; outline:0; border:none; background:0 0; box-sizing:border-box } .search-dropdown input[data-v-1456abcf]::-moz-placeholder { color:#fff } .search-dropdown input[data-v-1456abcf]::placeholder { color:#fff } .search-dropdown ul[data-v-1456abcf] { width:187.33px; height:auto; transform-origin:center top; position:absolute; z-index:1001; left:0; border-radius:4px; margin:5px 0; list-style:none; padding:6px 0; box-sizing:border-box; transition:height .5s ease; background:var(--el-bg-color-overlay); border:1px solid var(--el-border-color-light); box-shadow:var(--el-box-shadow-light) } .search-dropdown ul li[data-v-1456abcf] { font-size:14px; padding:0 32px 0 20px; position:relative; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#909399; height:34px; line-height:34px; box-sizing:border-box; cursor:pointer } .search-dropdown ul li[data-v-1456abcf]:hover { background-color:var(--el-fill-color-light) } .search-dropdown ul .el-popper__arrow[data-v-1456abcf] { position:absolute; width:100%; display:flex; justify-content:center; z-index:-1 } .search-dropdown ul .el-popper__arrow[data-v-1456abcf]:before { width:10px; height:10px; content:" "; transform:rotate(45deg); background:var(--el-bg-color-overlay) } .search-dropdown ul .el-popper__arrow[data-v-1456abcf] { top:-5px } .search-dropdown[data-v-439f6033] { position:relative; font-size:14px; display:inline-block; width:100%; --el-input-bg-color:#000; border-radius:5px 0 0 5px; --el-input-text-color:#fff; --el-text-color-placeholder:#f2f2f2; box-shadow:none!important } .search-dropdown .el-input__inner[data-v-439f6033] { --el-input-bg-color:rgba(var(--alpha-color),0.09); color:#fff; height:30px!important; border:none; display:inline-flex; flex-grow:1; align-items:center; justify-content:center; padding:1px 11px; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); transition:var(--el-transition-box-shadow); transform:translateZ(0) } .search-dropdown .el-input__inner[data-v-439f6033]:focus { box-shadow:0 0 0 1px var(--el-select-input-focus-border-color) inset!important } .search-dropdown ul[data-v-439f6033] { width:100%; height:auto; transform-origin:center top; position:absolute; z-index:1001; border-radius:4px; margin:5px 0; list-style:none; padding:6px 0; box-sizing:border-box; transition:height .5s ease; background:var(--el-bg-color-overlay); border:1px solid var(--el-border-color-light); box-shadow:var(--el-box-shadow-light) } .search-dropdown ul li[data-v-439f6033] { font-size:14px; padding:0 32px 0 20px; position:relative; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#909399; height:34px; line-height:34px; box-sizing:border-box; cursor:pointer } .search-dropdown ul li[data-v-439f6033]:hover { background-color:var(--el-fill-color-light) } .search-dropdown ul .el-popper__arrow[data-v-439f6033] { position:absolute; width:100%; display:flex; justify-content:center; z-index:-1 } .search-dropdown ul .el-popper__arrow[data-v-439f6033]:before { width:10px; height:10px; content:" "; transform:rotate(45deg); background:var(--el-bg-color-overlay) } .search-dropdown ul .el-popper__arrow[data-v-439f6033] { top:-5px } .weather-sunny_d[data-v-a306e388] { background-image:linear-gradient(35deg,#154280 30%,#335693,#a8b3d2) } .weather-sunny_n[data-v-a306e388] { background-image:linear-gradient(45deg,#000012 20%,#29334e) } .weather-cloudy_d[data-v-a306e388] { background-image:linear-gradient(35deg,#054989 30%,#72ade0) } .weather-cloudy_d[data-v-a306e388]:before { content:""; position:absolute; background-image:url(https://static.newtab.com/assetsImgs/weatherImg/clouds.png); width:100%; height:100%; right:0; top:0; opacity:.6; background-repeat:no-repeat; background-position:top; background-size:50% 50% } .weather-cloudy_n[data-v-a306e388] { background-image:linear-gradient(35deg,#191a2e 30%,#4c5f7f) } .weather-yin_d[data-v-a306e388] { background-image:linear-gradient(35deg,#354564 30%,#4c5f7f,#8b9bb8) } .weather-yin_n[data-v-a306e388] { background-image:linear-gradient(45deg,#211e22 20%,#383a3e) } .weather-haze_d[data-v-a306e388] { background-image:linear-gradient(45deg,#8d8882 20%,#bbb7af) } .weather-haze_n[data-v-a306e388] { background-image:linear-gradient(45deg,#1b1712 20%,#5b4c49) } .weather-foggy_d[data-v-a306e388] { background-image:linear-gradient(45deg,#789fb8 20%,#6386a3) } .weather-foggy_n[data-v-a306e388] { background-image:linear-gradient(45deg,#6c7682 20%,#535d69) } .weather-rain_d[data-v-a306e388] { background-image:url(https://static.newtab.com/newtab/weathers/day_rain.webp) } .weather-rain_n[data-v-a306e388] { background-image:url(https://static.newtab.com/newtab/weathers/night_rain.webp) } .weather-snow_d[data-v-a306e388] { background-image:url(https://static.newtab.com/newtab/weathers/day_snow.webp) } .weather-snow_n[data-v-a306e388] { background-image:url(https://static.newtab.com/newtab/weathers/night_snow.webp) } .weather-thunder_d[data-v-a306e388] { background-image:url(https://static.newtab.com/assetsImgs/weatherImg/thunderLight.png) } .weather-thunder_n[data-v-a306e388] { background-image:url(https://static.newtab.com/assetsImgs/weatherImg/thunderDark.png) } .weather-other[data-v-a306e388] { background-image:var(--weather-other) } .n-drawer-container[data-v-a306e388] { position:relative; position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none } .inline-input[data-v-a306e388] { background-color:transparent!important; color:#fff!important } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388] { overflow:auto; height:100%; --scroll-bar-color-bg:#31b3e7 } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar:hover { width:0 } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper::-ms .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar-track { width:0; background-color:transparent } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .n-drawer.n-drawer--native-scrollbar .n-drawer-content-wrapper[data-v-a306e388]::-webkit-scrollbar-corner { background:none } .n-drawer .n-drawer-content-wrapper[data-v-a306e388] { box-sizing:border-box } .n-drawer-mask[data-v-a306e388] { background-color:rgb(0 0 0 / 0%); position:absolute; left:0; right:0; top:0; bottom:0 } .n-drawer-container>[data-v-a306e388] { pointer-events:all } .n-drawer.n-drawer--right-placement[data-v-a306e388] { top:0; bottom:0; right:0 } .n-drawer[data-v-a306e388] { word-break:break-word; line-height:var(--n-line-height); position:absolute; pointer-events:all; box-shadow:var(--n-box-shadow); transition:all .3s var(--n-bezier),color .3s var(--n-bezier); background-color:var(--n-color); color:var(--n-text-color); box-sizing:border-box } .n-drawer-content-wrapper[data-v-a306e388] { box-shadow:0 16px 38px 16px rgba(11,11,11,.5215686274509804) } .app-weather-list-select[data-v-a306e388] { color:#efefef; position:relative } .app-weather-list-select .el-input__wrapper[data-v-a306e388] { --el-input-bg-color:rgba(var(--alpha-color),0.09); border-radius:6px; --el-input-text-color:#a8abb7; --el-text-color-placeholder:#f2f2f2; box-shadow:none!important } .app-weather-list-select .el-input__inner[data-v-a306e388]::-moz-placeholder { color:#a8abb7 } .app-weather-list-select .el-input__inner[data-v-a306e388]::placeholder { color:#a8abb7 } .weather-list[data-v-a306e388] { background-color:#2a3449 } .city-item[data-v-a306e388] { font-size:12px; width:100%; padding:4px 12px 10px; position:relative; border-radius:12px; color:#d5d5d5; margin-bottom:12px; background-color:#154280; display:flex; justify-content:space-between; cursor:pointer } .city-item[data-v-a306e388]:before { background-position:top; background-size:80px } .city-item .city-item-pin[data-v-a306e388] { color:#fff1f1; left:-4px; top:-4px; font-size:16px; transform:rotateY(180deg) } .city-item .city-item-delete[data-v-a306e388] { right:-6px; top:-6px; width:16px; height:16px; background-color:#d3cece; color:#666; border-radius:10px; opacity:0; transition:.2s } .city-item .city-item-delete[data-v-a306e388]:hover { background-color:#ff5a5d; color:#fff } .city-item:hover .city-item-delete[data-v-a306e388],.fade-enter-to[data-v-a306e388],.fade-leave[data-v-a306e388] { opacity:1 } .fade-enter-active[data-v-a306e388],.fade-leave-active[data-v-a306e388] { transition:all .3s } .fade-enter[data-v-a306e388],.fade-leave-to[data-v-a306e388] { opacity:0 } .app-weather[data-v-a306e388] { padding:40px 36px 20px; background-position:50%; background-color:#184482; background-size:cover; background-image: url("/images/设置/tq.jpeg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .app-weather .app-weather-body[data-v-a306e388] { max-width:1200px; margin:0 auto; z-index:1; --scroll-bar-color-bg:#31b3e7 } .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-weather .app-weather-body[data-v-a306e388]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar:hover { width:0 } .app-weather .app-weather-body::-ms .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-weather .app-weather-body[data-v-a306e388]::-webkit-scrollbar-corner { background:none } .app-weather .app-weather-body .app-weather-select .el-input__wrapper[data-v-a306e388] { width:160px; height:24px; --el-input-bg-color:hsla(0,0%,100%,0.2); border-radius:5px 0 0 5px; --el-input-text-color:#fff; --el-text-color-placeholder:#f2f2f2; box-shadow:none!important; display:inline-flex; flex-grow:1; align-items:center; justify-content:center; padding:1px 7px; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); background-image:none; transition:var(--el-transition-box-shadow); transform:translateZ(0) } .app-weather .app-weather-body .app-weather-select .el-input__inner[data-v-a306e388]::-moz-placeholder { color:#f2f2f2 } .app-weather .app-weather-body .app-weather-select .el-input__inner[data-v-a306e388]::placeholder { color:#f2f2f2 } .app-weather .app-weather-body .app-weather-select .location-btn[data-v-a306e388] { background-color:hsla(0,0%,100%,.30196078431372547); border-radius:0 5px 5px 0; width:1.5rem!important; height:1.5rem!important } .app-weather .app-weather-body .app-weather-select .location-btn[data-v-a306e388]:hover { background-color:hsla(0,0%,100%,.30196078431372547) } .app-weather .weather-now-tmp[data-v-a306e388] { font-size:80px; line-height:80px; height:80px } .app-weather .weather-info span[data-v-a306e388] { margin-right:20px; white-space:nowrap } .app-weather .weather-hours[data-v-a306e388] { display:inline-flex } .app-weather .weather-hours .weather-hours_item[data-v-a306e388] { padding:10px; transition:background .2s; border-radius:6px; border:1px solid hsla(0,0%,100%,0) } .app-weather .weather-hours .weather-hours_item[data-v-a306e388]:first-child { margin-left:-10px } .app-weather .weather-hours .weather-hours_item[data-v-a306e388]:hover { background-color:hsla(0,0%,100%,.0784313725490196); border:1px solid hsla(0,0%,100%,.02) } .app-weather .weather-card-bg[data-v-a306e388] { padding:12px; border-radius:6px; background-color:hsla(0,0%,100%,.03137254901960784); margin-bottom:20px; margin-top:20px } .app-weather .weather-card-bg .weather-card-title[data-v-a306e388] { font-size:12px; margin-bottom:8px; color:hsla(0,0%,100%,.4) } .app-weather .weather-daily_grid .weather-line[data-v-a306e388] { position:absolute; bottom:60px; width:100%; height:180px } .app-weather .weather-daily_grid .weather-daily_item[data-v-a306e388] { width:14.2857%; font-size:13px; padding:10px 0; border-left:1px solid hsla(0,0%,100%,.05); transition:background .2s; border-radius:6px } .app-weather .weather-daily_grid .weather-daily_item[data-v-a306e388]:first-child { background-color:hsla(0,0%,100%,.0784313725490196) } .app-weather .weather-daily_grid .weather-daily_item[data-v-a306e388]:hover { background-color:hsla(0,0%,100%,.058823529411764705) } .app-weather .weather-lifestyle[data-v-a306e388] { display:grid; grid-template-columns:repeat(4,1fr); line-height:16px } .app-weather .weather-lifestyle li[data-v-a306e388] { margin:10px 0 6px } .app-weather .weather-lifestyle li .weather-lifestyle-icon[data-v-a306e388] { width:30px; height:30px; border-radius:50%; background-color:hsla(0,0%,100%,.09019607843137255); color:hsla(0,0%,100%,.6588235294117647); font-size:16px } .el-icon[data-v-a306e388] { --color:inherit; height:1em; width:1em; line-height:1em; display:inline-flex; justify-content:center; align-items:center; position:relative; fill:currentColor; color:var(--color); font-size:inherit; line-height:24px } .app-weather-select .location-btn[data-v-a306e388] { background-color:hsla(0,0%,100%,.30196078431372547); border-radius:0 5px 5px 0 } .el-select[data-v-a306e388] { --el-select-border-color-hover:var(--el-border-color-hover); --el-select-disabled-border:var(--el-disabled-border-color); --el-select-font-size:var(--el-font-size-base); --el-select-close-hover-color:var(--el-text-color-secondary); --el-select-input-color:var(--el-text-color-placeholder); --el-select-multiple-input-color:var(--el-text-color-regular); --el-select-input-focus-border-color:var(--el-color-primary); --el-select-input-font-size:14px; display:inline-block; position:relative; vertical-align:middle; line-height:24px } .el-select .el-input[data-v-a306e388] { display:flex } .el-input--small[data-v-a306e388] { --el-input-height:var(--el-component-size-small); font-size:12px } .el-input--small .el-input__inner[data-v-a306e388] { --el-input-inner-height:calc(var(--el-input-height,24px) - 2px) } .d-scroll-x[data-v-a306e388] { overflow-x:auto; -webkit-user-select:none; -moz-user-select:none; user-select:none; --scroll-bar-color-bg:#31b3e7; -webkit-overflow-scrolling:touch } .d-scroll-x[data-v-a306e388]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .d-scroll-x[data-v-a306e388]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .d-scroll-x[data-v-a306e388]::-webkit-scrollbar:hover { width:0 } .d-scroll-x::-ms .d-scroll-x[data-v-a306e388]::-webkit-scrollbar-track { width:0; background-color:transparent } .d-scroll-x[data-v-a306e388]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .d-scroll-x[data-v-a306e388]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .d-scroll-x[data-v-a306e388]::-webkit-scrollbar-corner { background:none } .text-white[data-v-a306e388] { --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity)) } /*! * QWeather Icons (https://icons.qweather.com) * Copyright QWeather 和风天气 (https://www.qweather.com) * License:Code for MIT,Icons for CC BY 4.0 */@font-face { font-family:qweather-icons; src:url(../../static/fonts/qweather-icons.5015de31.woff2) format("woff2"),url(../../static/fonts/qweather-icons.bf177a99.woff) format("woff"),url(../../static/fonts/qweather-icons.57e9c03c.ttf) format("truetype") } [class*=" qi-"]:before,[class^=qi-]:before { display:inline-block; font-family:qweather-icons!important; font-style:normal; font-weight:400!important; font-variant:normal; text-transform:none; line-height:1; vertical-align:-.125em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .qi-100:before { content:"\f101" } .qi-101:before { content:"\f102" } .qi-102:before { content:"\f103" } .qi-103:before { content:"\f104" } .qi-104:before { content:"\f105" } .qi-150:before { content:"\f106" } .qi-151:before { content:"\f107" } .qi-152:before { content:"\f108" } .qi-153:before { content:"\f109" } .qi-300:before { content:"\f10a" } .qi-301:before { content:"\f10b" } .qi-302:before { content:"\f10c" } .qi-303:before { content:"\f10d" } .qi-304:before { content:"\f10e" } .qi-305:before { content:"\f10f" } .qi-306:before { content:"\f110" } .qi-307:before { content:"\f111" } .qi-308:before { content:"\f112" } .qi-309:before { content:"\f113" } .qi-310:before { content:"\f114" } .qi-311:before { content:"\f115" } .qi-312:before { content:"\f116" } .qi-313:before { content:"\f117" } .qi-314:before { content:"\f118" } .qi-315:before { content:"\f119" } .qi-316:before { content:"\f11a" } .qi-317:before { content:"\f11b" } .qi-318:before { content:"\f11c" } .qi-350:before { content:"\f11d" } .qi-351:before { content:"\f11e" } .qi-399:before { content:"\f11f" } .qi-400:before { content:"\f120" } .qi-401:before { content:"\f121" } .qi-402:before { content:"\f122" } .qi-403:before { content:"\f123" } .qi-404:before { content:"\f124" } .qi-405:before { content:"\f125" } .qi-406:before { content:"\f126" } .qi-407:before { content:"\f127" } .qi-408:before { content:"\f128" } .qi-409:before { content:"\f129" } .qi-410:before { content:"\f12a" } .qi-456:before { content:"\f12b" } .qi-457:before { content:"\f12c" } .qi-499:before { content:"\f12d" } .qi-500:before { content:"\f12e" } .qi-501:before { content:"\f12f" } .qi-502:before { content:"\f130" } .qi-503:before { content:"\f131" } .qi-504:before { content:"\f132" } .qi-507:before { content:"\f133" } .qi-508:before { content:"\f134" } .qi-509:before { content:"\f135" } .qi-510:before { content:"\f136" } .qi-511:before { content:"\f137" } .qi-512:before { content:"\f138" } .qi-513:before { content:"\f139" } .qi-514:before { content:"\f13a" } .qi-515:before { content:"\f13b" } .qi-800:before { content:"\f13c" } .qi-801:before { content:"\f13d" } .qi-802:before { content:"\f13e" } .qi-803:before { content:"\f13f" } .qi-804:before { content:"\f140" } .qi-805:before { content:"\f141" } .qi-806:before { content:"\f142" } .qi-807:before { content:"\f143" } .qi-900:before { content:"\f144" } .qi-901:before { content:"\f145" } .qi-999:before { content:"\f146" } .qi-1001:before { content:"\f147" } .qi-1002:before { content:"\f148" } .qi-1003:before { content:"\f149" } .qi-1004:before { content:"\f14a" } .qi-1005:before { content:"\f14b" } .qi-1006:before { content:"\f14c" } .qi-1007:before { content:"\f14d" } .qi-1008:before { content:"\f14e" } .qi-1009:before { content:"\f14f" } .qi-1010:before { content:"\f150" } .qi-1011:before { content:"\f151" } .qi-1012:before { content:"\f152" } .qi-1013:before { content:"\f153" } .qi-1014:before { content:"\f154" } .qi-1015:before { content:"\f155" } .qi-1016:before { content:"\f156" } .qi-1017:before { content:"\f157" } .qi-1018:before { content:"\f158" } .qi-1019:before { content:"\f159" } .qi-1020:before { content:"\f15a" } .qi-1021:before { content:"\f15b" } .qi-1022:before { content:"\f15c" } .qi-1023:before { content:"\f15d" } .qi-1024:before { content:"\f15e" } .qi-1025:before { content:"\f15f" } .qi-1026:before { content:"\f160" } .qi-1027:before { content:"\f161" } .qi-1028:before { content:"\f162" } .qi-1029:before { content:"\f163" } .qi-1030:before { content:"\f164" } .qi-1031:before { content:"\f165" } .qi-1032:before { content:"\f166" } .qi-1033:before { content:"\f167" } .qi-1034:before { content:"\f168" } .qi-1035:before { content:"\f169" } .qi-1036:before { content:"\f16a" } .qi-1037:before { content:"\f16b" } .qi-1038:before { content:"\f16c" } .qi-1039:before { content:"\f16d" } .qi-1040:before { content:"\f16e" } .qi-1041:before { content:"\f16f" } .qi-1042:before { content:"\f170" } .qi-1043:before { content:"\f171" } .qi-1044:before { content:"\f172" } .qi-1045:before { content:"\f173" } .qi-1046:before { content:"\f174" } .qi-1047:before { content:"\f175" } .qi-1048:before { content:"\f176" } .qi-1049:before { content:"\f177" } .qi-1050:before { content:"\f178" } .qi-1051:before { content:"\f179" } .qi-1052:before { content:"\f17a" } .qi-1053:before { content:"\f17b" } .qi-1054:before { content:"\f17c" } .qi-1055:before { content:"\f17d" } .qi-1056:before { content:"\f17e" } .qi-1057:before { content:"\f17f" } .qi-1058:before { content:"\f180" } .qi-1059:before { content:"\f181" } .qi-1060:before { content:"\f182" } .qi-1061:before { content:"\f183" } .qi-1062:before { content:"\f184" } .qi-1063:before { content:"\f185" } .qi-1064:before { content:"\f186" } .qi-1065:before { content:"\f187" } .qi-1066:before { content:"\f188" } .qi-1067:before { content:"\f189" } .qi-1068:before { content:"\f18a" } .qi-1069:before { content:"\f18b" } .qi-1071:before { content:"\f18c" } .qi-1072:before { content:"\f18d" } .qi-1073:before { content:"\f18e" } .qi-1074:before { content:"\f18f" } .qi-1075:before { content:"\f190" } .qi-1076:before { content:"\f191" } .qi-1077:before { content:"\f192" } .qi-1078:before { content:"\f193" } .qi-1079:before { content:"\f194" } .qi-1080:before { content:"\f195" } .qi-1081:before { content:"\f196" } .qi-1082:before { content:"\f197" } .qi-1084:before { content:"\f198" } .qi-1085:before { content:"\f199" } .qi-1086:before { content:"\f19a" } .qi-1087:before { content:"\f19b" } .qi-1088:before { content:"\f19c" } .qi-1089:before { content:"\f19d" } .qi-1101:before { content:"\f19e" } .qi-1302:before { content:"\f19f" } .qi-1402:before { content:"\f1a0" } .qi-1601:before { content:"\f1a1" } .qi-1602:before { content:"\f1a2" } .qi-1603:before { content:"\f1a3" } .qi-1604:before { content:"\f1a4" } .qi-1605:before { content:"\f1a5" } .qi-1606:before { content:"\f1a6" } .qi-1607:before { content:"\f1a7" } .qi-1701:before { content:"\f1a8" } .qi-1702:before { content:"\f1a9" } .qi-1703:before { content:"\f1aa" } .qi-2001:before { content:"\f1ab" } .qi-2002:before { content:"\f1ac" } .qi-2003:before { content:"\f1ad" } .qi-2004:before { content:"\f1ae" } .qi-2005:before { content:"\f1af" } .qi-2006:before { content:"\f1b0" } .qi-2007:before { content:"\f1b1" } .qi-2008:before { content:"\f1b2" } .qi-2009:before { content:"\f1b3" } .qi-2010:before { content:"\f1b4" } .qi-2011:before { content:"\f1b5" } .qi-2012:before { content:"\f1b6" } .qi-2013:before { content:"\f1b7" } .qi-2014:before { content:"\f1b8" } .qi-2015:before { content:"\f1b9" } .qi-2016:before { content:"\f1ba" } .qi-2017:before { content:"\f1bb" } .qi-2018:before { content:"\f1bc" } .qi-2019:before { content:"\f1bd" } .qi-2020:before { content:"\f1be" } .qi-2021:before { content:"\f1bf" } .qi-2022:before { content:"\f1c0" } .qi-2023:before { content:"\f1c1" } .qi-2024:before { content:"\f1c2" } .qi-2025:before { content:"\f1c3" } .qi-2026:before { content:"\f1c4" } .qi-2027:before { content:"\f1c5" } .qi-2028:before { content:"\f1c6" } .qi-2052:before { content:"\f1c7" } .qi-2053:before { content:"\f1c8" } .qi-2054:before { content:"\f1c9" } .qi-9998:before { content:"\f1ca" } .qi-9999:before { content:"\f1cb" } .qi-100-fill:before { content:"\f1cc" } .qi-101-fill:before { content:"\f1cd" } .qi-102-fill:before { content:"\f1ce" } .qi-103-fill:before { content:"\f1cf" } .qi-104-fill:before { content:"\f1d0" } .qi-150-fill:before { content:"\f1d1" } .qi-151-fill:before { content:"\f1d2" } .qi-152-fill:before { content:"\f1d3" } .qi-153-fill:before { content:"\f1d4" } .qi-300-fill:before { content:"\f1d5" } .qi-301-fill:before { content:"\f1d6" } .qi-302-fill:before { content:"\f1d7" } .qi-303-fill:before { content:"\f1d8" } .qi-304-fill:before { content:"\f1d9" } .qi-305-fill:before { content:"\f1da" } .qi-306-fill:before { content:"\f1db" } .qi-307-fill:before { content:"\f1dc" } .qi-308-fill:before { content:"\f1dd" } .qi-309-fill:before { content:"\f1de" } .qi-310-fill:before { content:"\f1df" } .qi-311-fill:before { content:"\f1e0" } .qi-312-fill:before { content:"\f1e1" } .qi-313-fill:before { content:"\f1e2" } .qi-314-fill:before { content:"\f1e3" } .qi-315-fill:before { content:"\f1e4" } .qi-316-fill:before { content:"\f1e5" } .qi-317-fill:before { content:"\f1e6" } .qi-318-fill:before { content:"\f1e7" } .qi-350-fill:before { content:"\f1e8" } .qi-351-fill:before { content:"\f1e9" } .qi-399-fill:before { content:"\f1ea" } .qi-400-fill:before { content:"\f1eb" } .qi-401-fill:before { content:"\f1ec" } .qi-402-fill:before { content:"\f1ed" } .qi-403-fill:before { content:"\f1ee" } .qi-404-fill:before { content:"\f1ef" } .qi-405-fill:before { content:"\f1f0" } .qi-406-fill:before { content:"\f1f1" } .qi-407-fill:before { content:"\f1f2" } .qi-408-fill:before { content:"\f1f3" } .qi-409-fill:before { content:"\f1f4" } .qi-410-fill:before { content:"\f1f5" } .qi-456-fill:before { content:"\f1f6" } .qi-457-fill:before { content:"\f1f7" } .qi-499-fill:before { content:"\f1f8" } .qi-500-fill:before { content:"\f1f9" } .qi-501-fill:before { content:"\f1fa" } .qi-502-fill:before { content:"\f1fb" } .qi-503-fill:before { content:"\f1fc" } .qi-504-fill:before { content:"\f1fd" } .qi-507-fill:before { content:"\f1fe" } .qi-508-fill:before { content:"\f1ff" } .qi-509-fill:before { content:"\f200" } .qi-510-fill:before { content:"\f201" } .qi-511-fill:before { content:"\f202" } .qi-512-fill:before { content:"\f203" } .qi-513-fill:before { content:"\f204" } .qi-514-fill:before { content:"\f205" } .qi-515-fill:before { content:"\f206" } .qi-900-fill:before { content:"\f207" } .qi-901-fill:before { content:"\f208" } .qi-999-fill:before { content:"\f209" } .qi-qweather-fill:before { content:"\f20a" } .qi-qweather:before { content:"\f20b" } .qi-sunny:before { content:"\f101" } .qi-cloudy:before { content:"\f102" } .qi-few-clouds:before { content:"\f103" } .qi-partly-cloudy:before { content:"\f104" } .qi-overcast:before { content:"\f105" } .qi-clear-night:before { content:"\f106" } .qi-cloudy-night:before { content:"\f107" } .qi-few-clouds-night:before { content:"\f108" } .qi-partly-cloudy-night:before { content:"\f109" } .qi-shower-rain:before { content:"\f10a" } .qi-heavy-shower-rain:before { content:"\f10b" } .qi-thundershower:before { content:"\f10c" } .qi-heavy-thunderstorm:before { content:"\f10d" } .qi-thundershower-with-hail:before { content:"\f10e" } .qi-light-rain:before { content:"\f10f" } .qi-moderate-rain:before { content:"\f110" } .qi-heavy-rain:before { content:"\f111" } .qi-extreme-rain:before { content:"\f112" } .qi-drizzle-rain:before { content:"\f113" } .qi-storm:before { content:"\f1c9" } .qi-heavy-storm:before { content:"\f115" } .qi-severe-storm:before { content:"\f116" } .qi-freezing-rain:before { content:"\f117" } .qi-light-to-moderate-rain:before { content:"\f118" } .qi-moderate-to-heavy-rain:before { content:"\f119" } .qi-heavy-rain-to-storm:before { content:"\f11a" } .qi-storm-to-heavy-storm:before { content:"\f11b" } .qi-heavy-to-severe-storm:before { content:"\f11c" } .qi-shower-rain-night:before { content:"\f11d" } .qi-heavy-shower-rain-night:before { content:"\f11e" } .qi-rain:before { content:"\f11f" } .qi-light-snow:before { content:"\f120" } .qi-moderate-snow:before { content:"\f121" } .qi-heavy-snow:before { content:"\f122" } .qi-snowstorm:before { content:"\f123" } .qi-sleet:before { content:"\f124" } .qi-rain-and-snow:before { content:"\f125" } .qi-shower-snow:before { content:"\f126" } .qi-snow-flurry:before { content:"\f127" } .qi-light-to-moderate-snow:before { content:"\f128" } .qi-moderate-to-heavy-snow:before { content:"\f129" } .qi-heavy-snow-to-snowstorm:before { content:"\f12a" } .qi-shower-snow-night:before { content:"\f12b" } .qi-snow-flurry-night:before { content:"\f12c" } .qi-snow:before { content:"\f12d" } .qi-mist:before { content:"\f12e" } .qi-foggy:before { content:"\f12f" } .qi-haze:before { content:"\f130" } .qi-sand:before { content:"\f131" } .qi-dust:before { content:"\f132" } .qi-duststorm:before { content:"\f133" } .qi-sandstorm:before { content:"\f134" } .qi-dense-fog:before { content:"\f135" } .qi-strong-fog:before { content:"\f136" } .qi-moderate-haze:before { content:"\f137" } .qi-heavy-haze:before { content:"\f138" } .qi-severe-haze:before { content:"\f139" } .qi-heavy-fog:before { content:"\f13a" } .qi-extra-heavy-fog:before { content:"\f13b" } .qi-new-moon:before { content:"\f13c" } .qi-waxing-crescent:before { content:"\f13d" } .qi-first-quarter:before { content:"\f13e" } .qi-waxing-gibbous:before { content:"\f13f" } .qi-full-moon:before { content:"\f140" } .qi-waning-gibbous:before { content:"\f141" } .qi-last-quarter:before { content:"\f142" } .qi-waning-crescent:before { content:"\f143" } .qi-hot:before { content:"\f144" } .qi-cold:before { content:"\f145" } .qi-unknown:before { content:"\f146" } .qi-typhoon:before { content:"\f147" } .qi-tornado:before { content:"\f148" } .qi-rainstorm:before { content:"\f149" } .qi-snow-storm:before { content:"\f14a" } .qi-cold-wave:before { content:"\f14b" } .qi-gale:before { content:"\f14c" } .qi-sandstorm-warning:before { content:"\f14d" } .qi-low-temperature-freeze:before { content:"\f19a" } .qi-high-temperature:before { content:"\f14f" } .qi-heat-wave:before { content:"\f150" } .qi-dry-hot-wind:before { content:"\f151" } .qi-downburst:before { content:"\f152" } .qi-avalanche:before { content:"\f153" } .qi-lightning:before { content:"\f154" } .qi-hail:before { content:"\f155" } .qi-frost:before { content:"\f156" } .qi-heavy-fog-warning:before { content:"\f157" } .qi-low-level-wind-shearl:before { content:"\f158" } .qi-haze-warning:before { content:"\f159" } .qi-thunder-gust:before { content:"\f15a" } .qi-road-icing:before { content:"\f15b" } .qi-drought:before { content:"\f15c" } .qi-gale-at-sea:before { content:"\f15d" } .qi-heat-stroke:before { content:"\f15e" } .qi-wildfire:before { content:"\f15f" } .qi-grassland-fire:before { content:"\f160" } .qi-freeze:before { content:"\f161" } .qi-space-weather:before { content:"\f162" } .qi-heavy-air-pollution:before { content:"\f163" } .qi-low-temperature-rain-and-snow:before { content:"\f164" } .qi-strong-convection:before { content:"\f165" } .qi-ozone:before { content:"\f166" } .qi-heavy-snow-warning:before { content:"\f167" } .qi-cold-warning:before { content:"\f168" } .qi-continuous-rain:before { content:"\f169" } .qi-waterlogging:before { content:"\f16a" } .qi-geological-hazard:before { content:"\f16b" } .qi-heavy-rainfall:before { content:"\f16c" } .qi-severely-falling-temperature:before { content:"\f16d" } .qi-snow-disaster:before { content:"\f16e" } .qi-wildfire-grassland:before { content:"\f16f" } .qi-medical-meteorology:before { content:"\f170" } .qi-thunderstorm:before { content:"\f171" } .qi-school-closure:before { content:"\f172" } .qi-factory-closure:before { content:"\f173" } .qi-maritime-risk:before { content:"\f174" } .qi-spring-dust:before { content:"\f175" } .qi-falling-temperature:before { content:"\f176" } .qi-typhoon-and-rainstorm:before { content:"\f177" } .qi-severe-cold:before { content:"\f178" } .qi-sand-dust:before { content:"\f179" } .qi-sea-thunderstorms:before { content:"\f17a" } .qi-sea-fog:before { content:"\f17b" } .qi-sea-thunder:before { content:"\f17c" } .qi-sea-typhoon:before { content:"\f17d" } .qi-low-temperature:before { content:"\f17e" } .qi-road-ice-and-snow:before { content:"\f17f" } .qi-thunderstorm-and-gale:before { content:"\f180" } .qi-continuous-low-temperature:before { content:"\f181" } .qi-low-visibility:before { content:"\f182" } .qi-strong-dust:before { content:"\f183" } .qi-gale-in-sea-area:before { content:"\f184" } .qi-short-duration-heavy-shower-rain:before { content:"\f185" } .qi-short-lived-heavy-shower-rain:before { content:"\f186" } .qi-sea-area-fog:before { content:"\f187" } .qi-heat-stroke-conditions:before { content:"\f188" } .qi-heavy-pollution-weather:before { content:"\f189" } .qi-co-poisoning-weather-conditions:before { content:"\f18a" } .qi-respiratory-disease-weather-wonditions:before { content:"\f18b" } .qi-intestinal-disease-weather-wonditions:before { content:"\f18c" } .qi-cardiovascular-disease-weather-wonditions:before { content:"\f18d" } .qi-flooding-weather-risk:before { content:"\f18e" } .qi-heavy-pollution-weather-conditions:before { content:"\f18f" } .qi-urban-flooding-weather-risk:before { content:"\f190" } .qi-flooding-weather-risk-2:before { content:"\f191" } .qi-wildfire-weather-risk:before { content:"\f192" } .qi-meteorological-drought:before { content:"\f193" } .qi-agricultural-weather-risk:before { content:"\f194" } .qi-strong-monsoon:before { content:"\f195" } .qi-ice-accretion-on-wire:before { content:"\f196" } .qi-stroke-weather-risk:before { content:"\f197" } .qi-wildfire-grassland-risk:before { content:"\f198" } .qi-thunderstorm-and-strong-winds:before { content:"\f199" } .qi-low-temperature-damage:before { content:"\f19b" } .qi-national-agricultural-meteorological-risk:before { content:"\f19c" } .qi-dry-hot-wind-risk-for-winter-wheat:before { content:"\f19d" } .qi-flood:before { content:"\f19e" } .qi-mudflow:before { content:"\f19f" } .qi-storm-surge:before { content:"\f1a0" } .qi-very-hot-weather:before { content:"\f1a1" } .qi-strong-monsoon-signal:before { content:"\f1a2" } .qi-landslip:before { content:"\f1a3" } .qi-tropical-cyclone:before { content:"\f1a4" } .qi-fire-danger:before { content:"\f1a5" } .qi-flooding-in-the-northern-new-territories:before { content:"\f1a6" } .qi-cold-weather:before { content:"\f1a7" } .qi-cold-surge-advisory:before { content:"\f1a8" } .qi-strong-wind-advisory:before { content:"\f1a9" } .qi-rainfall-advisory:before { content:"\f1aa" } .qi-wind-warning:before { content:"\f1ab" } .qi-snow-ice:before { content:"\f1ac" } .qi-fog:before { content:"\f1ad" } .qi-coastal-event:before { content:"\f1ae" } .qi-forest-fire:before { content:"\f1af" } .qi-rain-warning:before { content:"\f1b0" } .qi-rain-flood:before { content:"\f1b1" } .qi-freezing-rain-icing:before { content:"\f1b2" } .qi-ground-frost:before { content:"\f1b3" } .qi-dust-raising-winds:before { content:"\f1b4" } .qi-strong-surface-winds:before { content:"\f1b5" } .qi-hot-day:before { content:"\f1b6" } .qi-warm-night:before { content:"\f1b7" } .qi-cold-day:before { content:"\f1b8" } .qi-thunderstorm-and-lightning:before { content:"\f1b9" } .qi-hailstorm:before { content:"\f1ba" } .qi-sea-area-warning:before { content:"\f1bb" } .qi-fishermen-warning:before { content:"\f1bc" } .qi-low-humidity:before { content:"\f1bd" } .qi-accumulated-rain:before { content:"\f1be" } .qi-hazardous-surf-warning:before { content:"\f1bf" } .qi-marine-wind-warning:before { content:"\f1c0" } .qi-road-weather-alert:before { content:"\f1c1" } .qi-thunder-rain:before { content:"\f1c2" } .qi-thunder-rain-and-fog:before { content:"\f1c3" } .qi-damaging-winds:before { content:"\f1c4" } .qi-veld-fire-conditions:before { content:"\f1c5" } .qi-weather-advisory:before { content:"\f1c6" } .qi-snow-warning:before { content:"\f1c7" } .qi-zonda-wind:before { content:"\f1c8" } .qi-severe-weather-warning:before { content:"\f1ca" } .qi-warning-default:before { content:"\f1cb" } .qi-sunny-fill:before { content:"\f1cc" } .qi-cloudy-fill:before { content:"\f1cd" } .qi-few-clouds-fill:before { content:"\f1ce" } .qi-partly-cloudy-fill:before { content:"\f1cf" } .qi-overcast-fill:before { content:"\f1d0" } .qi-clear-night-fill:before { content:"\f1d1" } .qi-cloudy-night-fill:before { content:"\f1d2" } .qi-few-clouds-night-fill:before { content:"\f1d3" } .qi-partly-cloudy-night-fill:before { content:"\f1d4" } .qi-shower-rain-fill:before { content:"\f1d5" } .qi-heavy-shower-rain-fill:before { content:"\f1d6" } .qi-thundershower-fill:before { content:"\f1d7" } .qi-heavy-thunderstorm-fill:before { content:"\f1d8" } .qi-thundershower-with-hail-fill:before { content:"\f1d9" } .qi-light-rain-fill:before { content:"\f1da" } .qi-moderate-rain-fill:before { content:"\f1db" } .qi-heavy-rain-fill:before { content:"\f1dc" } .qi-extreme-rain-fill:before { content:"\f1dd" } .qi-drizzle-rain-fill:before { content:"\f1de" } .qi-storm-fill:before { content:"\f1df" } .qi-heavy-storm-fill:before { content:"\f1e0" } .qi-severe-storm-fill:before { content:"\f1e1" } .qi-freezing-rain-fill:before { content:"\f1e2" } .qi-light-to-moderate-rain-fill:before { content:"\f1e3" } .qi-moderate-to-heavy-rain-fill:before { content:"\f1e4" } .qi-heavy-rain-to-storm-fill:before { content:"\f1e5" } .qi-storm-to-heavy-storm-fill:before { content:"\f1e6" } .qi-heavy-to-severe-storm-fill:before { content:"\f1e7" } .qi-shower-rain-night-fill:before { content:"\f1e8" } .qi-heavy-shower-rain-night-fill:before { content:"\f1e9" } .qi-rain-fill:before { content:"\f1ea" } .qi-light-snow-fill:before { content:"\f1eb" } .qi-moderate-snow-fill:before { content:"\f1ec" } .qi-heavy-snow-fill:before { content:"\f1ed" } .qi-snowstorm-fill:before { content:"\f1ee" } .qi-sleet-fill:before { content:"\f1ef" } .qi-rain-and-snow-fill:before { content:"\f1f0" } .qi-shower-snow-fill:before { content:"\f1f1" } .qi-snow-flurry-fill:before { content:"\f1f2" } .qi-light-to-moderate-snow-fill:before { content:"\f1f3" } .qi-moderate-to-heavy-snow-fill:before { content:"\f1f4" } .qi-heavy-snow-to-snowstorm-fill:before { content:"\f1f5" } .qi-shower-snow-night-fill:before { content:"\f1f6" } .qi-snow-flurry-night-fill:before { content:"\f1f7" } .qi-snow-fill:before { content:"\f1f8" } .qi-mist-fill:before { content:"\f1f9" } .qi-foggy-fill:before { content:"\f1fa" } .qi-haze-fill:before { content:"\f1fb" } .qi-sand-fill:before { content:"\f1fc" } .qi-dust-fill:before { content:"\f1fd" } .qi-duststorm-fill:before { content:"\f1fe" } .qi-sandstorm-fill:before { content:"\f1ff" } .qi-dense-fog-fill:before { content:"\f200" } .qi-strong-fog-fill:before { content:"\f201" } .qi-moderate-haze-fill:before { content:"\f202" } .qi-heavy-haze-fill:before { content:"\f203" } .qi-severe-haze-fill:before { content:"\f204" } .qi-heavy-fog-fill:before { content:"\f205" } .qi-extra-heavy-fog-fill:before { content:"\f206" } .qi-hot-fill:before { content:"\f207" } .qi-cold-fill:before { content:"\f208" } .qi-unknown-fill:before { content:"\f209" } .weather-sunny_d[data-v-7d39de20] { background-image:linear-gradient(35deg,#154280 30%,#335693,#a8b3d2) } .weather-sunny_n[data-v-7d39de20] { background-image:linear-gradient(45deg,#000012 20%,#29334e) } .weather-cloudy_d[data-v-7d39de20] { background-image:linear-gradient(35deg,#054989 30%,#72ade0) } .weather-cloudy_d[data-v-7d39de20]:before { content:""; position:absolute; background-image:url(https://static.newtab.com/assetsImgs/weatherImg/clouds.png); width:100%; height:100%; right:0; top:0; opacity:.6; background-repeat:no-repeat; background-position:top; background-size:50% 50% } .weather-cloudy_n[data-v-7d39de20] { background-image:linear-gradient(35deg,#191a2e 30%,#4c5f7f) } .weather-yin_d[data-v-7d39de20] { background-image:linear-gradient(35deg,#354564 30%,#4c5f7f,#8b9bb8) } .weather-yin_n[data-v-7d39de20] { background-image:linear-gradient(45deg,#211e22 20%,#383a3e) } .weather-haze_d[data-v-7d39de20] { background-image:linear-gradient(45deg,#8d8882 20%,#bbb7af) } .weather-haze_n[data-v-7d39de20] { background-image:linear-gradient(45deg,#1b1712 20%,#5b4c49) } .weather-foggy_d[data-v-7d39de20] { background-image:linear-gradient(45deg,#789fb8 20%,#6386a3) } .weather-foggy_n[data-v-7d39de20] { background-image:linear-gradient(45deg,#6c7682 20%,#535d69) } .weather-rain_d[data-v-7d39de20] { background-image:url(https://static.newtab.com/newtab/weathers/day_rain.webp) } .weather-rain_n[data-v-7d39de20] { background-image:url(https://static.newtab.com/newtab/weathers/night_rain.webp) } .weather-snow_d[data-v-7d39de20] { background-image:url(https://static.newtab.com/newtab/weathers/day_snow.webp) } .weather-snow_n[data-v-7d39de20] { background-image:url(https://static.newtab.com/newtab/weathers/night_snow.webp) } .weather-thunder_d[data-v-7d39de20] { background-image:url(https://static.newtab.com/assetsImgs/weatherImg/thunderLight.png) } .weather-thunder_n[data-v-7d39de20] { background-image:url(https://static.newtab.com/assetsImgs/weatherImg/thunderDark.png) } .weather-other[data-v-7d39de20] { background-image:var(--weather-other) } .icon-size-1x1 .weather-1x1 .weather-icon[data-v-7d39de20],.icon-size-1x2 .weather-1x2 .weather-icon[data-v-7d39de20] { padding:0 10px; display:flex; align-items:center } .app-item>div[data-v-7d39de20] { overflow:hidden } .app-item .weather-1x1[data-v-7d39de20],.app-item .weather-1x2[data-v-7d39de20],.app-item .weather-2x1[data-v-7d39de20] { font-size:.15em } .app-item .weather-2x2[data-v-7d39de20],.app-item .weather-2x4[data-v-7d39de20] { font-size:.3em } .app-item-icon[data-v-7d39de20] { font-size:var(--icon-size) } i[class^=qi-][data-v-7d39de20] { color:#fff } .weather-icon[data-v-7d39de20] { color:#fff; background-color:#154280; padding:10px; background-image: url("/images/设置/tq.jpeg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } .weather-icon[data-v-7d39de20]:before { background-position:top; background-size:120px } .weather-icon.icon-size-1x1-size[data-v-7d39de20],.weather-icon.icon-size-1x1[data-v-7d39de20],.weather-icon.icon-size-1x2-size[data-v-7d39de20],.weather-icon.icon-size-1x2[data-v-7d39de20] { padding:5px 10px; display:flex } .weather-icon.icon-size-2x1[data-v-7d39de20] { padding:14px 6px } .weather-icon.icon-size-2x4[data-v-7d39de20] { font-size:.3em } .cal_con[data-v-2f8d5354] { color:#606266; background:transparent } .cal_con .cal_month[data-v-2f8d5354] { font-size:.217em; text-align:center } .cal_con .cal_month .cal_m_days[data-v-2f8d5354] { display:flex; justify-content:space-around; justify-items:center; flex-wrap:wrap } .cal_con .cal_month .cal_m_days .cal_m_day_line[data-v-2f8d5354] { width:100%; height:16.66667%; display:flex; justify-content:space-around; justify-items:center; align-items:center; margin-bottom:2px } .cal_con .cal_month .cal_m_days .cal_m_day_line .cal_m_day_cell[data-v-2f8d5354] { display:flex; flex-direction:column; justify-content:center; cursor:pointer; position:relative; font-size:1em; font-weight:400; width:1.5em; height:1.5em; border-radius:50% } .cal_con .cal_month .cal_m_days .cal_m_day_line .cal_m_day_cell span[data-v-2f8d5354] { display:inline-block; font-size:12px; margin-top:5px; font-weight:400; color:#939393 } .calendarTool[data-v-4cd32327] { display:flex; width:100%; height:100% } .calendarTool .calendar-tool-aside[data-v-4cd32327] { width:180px; background-color:var(--bg-info); margin-top:-52px; margin-left:-10px; overflow-y:auto } .calendarTool .calendar-tool-aside div[data-v-4cd32327] { margin-top:60px } .calendarTool .calendar-tool-aside div p[data-v-4cd32327] { display:flex; align-items:center; margin:5px 0; padding-left:25px; height:32px; cursor:pointer; transition:all .3s ease-out } .calendarTool .calendar-tool-aside div p[data-v-4cd32327]:hover { color:#1890ff } .calendarTool .calendar-tool-aside div #active[data-v-4cd32327] { background-color:#1890ff; color:#fff } .calendarTool .calendar-tool-main[data-v-4cd32327] { flex:1 } .calendarTool .calendar-tool-main .difference[data-v-4cd32327] { padding:20px; display:flex; justify-content:space-around } .calendarTool .calendar-tool-main .difference .difference-date[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural[data-v-4cd32327] { width:50% } .calendarTool .calendar-tool-main .difference .difference-date .date[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural[data-v-4cd32327] { font-weight:550; margin-bottom:20px } .calendarTool .calendar-tool-main .difference .difference-date>div[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural>div[data-v-4cd32327] { padding-left:15px; margin-bottom:20px } .calendarTool .calendar-tool-main .difference .difference-date .date-start[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-end[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-start[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-start[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-end[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-start[data-v-4cd32327] { display:flex; align-items:center; font-size:15px } .calendarTool .calendar-tool-main .difference .difference-date .date-start .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-end .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-start .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-start .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .demonstration[data-v-4cd32327] { margin-right:10px } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block[data-v-4cd32327] { width:160px; height:32px; border-radius:5px; background-color:var(--bg-input) } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block .el-date-editor[data-v-4cd32327] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__icon { line-height:32px!important } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner { height:32px!important; background-color:var(--bg-input); border-color:var(--bg-input) } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover { border-color:var(--d-sub) } .calendarTool .calendar-tool-main .difference .difference-date .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .difference .difference-date .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .difference .difference-date .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .difference .difference-natural .date-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .difference .difference-natural .natural-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .difference .difference-natural .natural-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus { border-color:#409eff } .calendarTool .calendar-tool-main .difference .difference-date .date-end[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-end[data-v-4cd32327] { display:flex; align-items:center; font-size:15px } .calendarTool .calendar-tool-main .difference .difference-date .date-end>span[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-end>span[data-v-4cd32327] { margin-right:10px } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div[data-v-4cd32327] { width:120px; height:32px; border-radius:5px; background-color:var(--bg-input); border:1px solid var(--bg-input); display:flex; align-items:center; justify-content:space-between; overflow:hidden } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div span[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div span[data-v-4cd32327] { background-color:var(--bg-info); width:32px; height:100%; display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div span[data-v-4cd32327]:hover,.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div span[data-v-4cd32327]:hover { color:#1890ff } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div input[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div input[data-v-4cd32327] { width:40px; height:100%; outline:none; border:none; flex:1; background-color:var(--bg-input); text-align:center; color:var(--d-main) } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div input[data-v-4cd32327]::-webkit-inner-spin-button,.calendarTool .calendar-tool-main .difference .difference-date .date-end>div input[data-v-4cd32327]::-webkit-outer-spin-button,.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div input[data-v-4cd32327]::-webkit-inner-spin-button,.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div input[data-v-4cd32327]::-webkit-outer-spin-button { -webkit-appearance:none } .calendarTool .calendar-tool-main .difference .difference-date .date-end>div[data-v-4cd32327]:hover,.calendarTool .calendar-tool-main .difference .difference-natural .date-end>div[data-v-4cd32327]:hover { border-color:var(--d-sub) } .calendarTool .calendar-tool-main .difference .difference-date .date-day[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-day[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-day[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-day[data-v-4cd32327] { display:flex; align-items:center } .calendarTool .calendar-tool-main .difference .difference-date .date-day b[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-day b[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-day b[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-day b[data-v-4cd32327] { font-weight:550; margin:0 10px; font-size:24px } .calendarTool .calendar-tool-main .difference .difference-date .date-day b[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-day b[data-v-4cd32327] { font-size:18px } .calendarTool .calendar-tool-main .difference .difference-date .date-reset[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-reset[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-reset[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-reset[data-v-4cd32327] { width:240px; height:32px } .calendarTool .calendar-tool-main .difference .difference-date .date-reset button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-reset button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-reset button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-reset button[data-v-4cd32327] { width:100%; height:100%; background-color:var(--bg-input); color:var(--d-sub); font-size:14px } .calendarTool .calendar-tool-main .difference .difference-date .date-reset:hover button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-date .natural-reset:hover button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .date-reset:hover button[data-v-4cd32327],.calendarTool .calendar-tool-main .difference .difference-natural .natural-reset:hover button[data-v-4cd32327] { background-color:var(--bg-btn) } .calendarTool .calendar-tool-main .weekday[data-v-4cd32327] { padding:20px } .calendarTool .calendar-tool-main .weekday>p[data-v-4cd32327] { font-weight:550; margin-bottom:20px } .calendarTool .calendar-tool-main .weekday>div[data-v-4cd32327] { padding-left:15px; margin-bottom:20px } .calendarTool .calendar-tool-main .weekday .weekday-end[data-v-4cd32327],.calendarTool .calendar-tool-main .weekday .weekday-start[data-v-4cd32327] { display:flex; font-size:15px; align-items:center } .calendarTool .calendar-tool-main .weekday .weekday-end .demonstration[data-v-4cd32327],.calendarTool .calendar-tool-main .weekday .weekday-start .demonstration[data-v-4cd32327] { margin-right:10px } .calendarTool .calendar-tool-main .weekday .weekday-end .block[data-v-4cd32327],.calendarTool .calendar-tool-main .weekday .weekday-start .block[data-v-4cd32327] { width:160px; height:32px; border-radius:5px; background-color:var(--bg-input) } .calendarTool .calendar-tool-main .weekday .weekday-end .block .el-date-editor[data-v-4cd32327],.calendarTool .calendar-tool-main .weekday .weekday-start .block .el-date-editor[data-v-4cd32327] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .calendarTool .calendar-tool-main .weekday .weekday-end .block .el-date-editor[data-v-4cd32327] .el-input__icon,.calendarTool .calendar-tool-main .weekday .weekday-start .block .el-date-editor[data-v-4cd32327] .el-input__icon { line-height:32px!important } .calendarTool .calendar-tool-main .weekday .weekday-end .block .el-date-editor[data-v-4cd32327] .el-input__inner,.calendarTool .calendar-tool-main .weekday .weekday-start .block .el-date-editor[data-v-4cd32327] .el-input__inner { height:32px!important; background-color:var(--bg-input); border-color:var(--bg-input) } .calendarTool .calendar-tool-main .weekday .weekday-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover,.calendarTool .calendar-tool-main .weekday .weekday-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover { border-color:var(--d-sub) } .calendarTool .calendar-tool-main .weekday .weekday-end .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus,.calendarTool .calendar-tool-main .weekday .weekday-start .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus { border-color:#409eff } .calendarTool .calendar-tool-main .weekday .weekday-day[data-v-4cd32327] { display:flex; align-items:center } .calendarTool .calendar-tool-main .weekday .weekday-day b[data-v-4cd32327] { font-weight:550; margin:0 10px; font-size:24px } .calendarTool .calendar-tool-main .weekday .weekday-reset[data-v-4cd32327] { width:240px; height:32px } .calendarTool .calendar-tool-main .weekday .weekday-reset button[data-v-4cd32327] { width:100%; height:100%; background-color:var(--bg-input); color:var(--d-sub); font-size:14px } .calendarTool .calendar-tool-main .weekday .weekday-reset:hover button[data-v-4cd32327] { background-color:var(--bg-btn) } .calendarTool .calendar-tool-main .festival[data-v-4cd32327] { padding:20px; width:100%; height:100% } .calendarTool .calendar-tool-main .festival .festival-header[data-v-4cd32327] { display:flex; margin-bottom:10px } .calendarTool .calendar-tool-main .festival .festival-header .block[data-v-4cd32327] { width:160px; height:32px; border-radius:5px; background-color:var(--bg-input) } .calendarTool .calendar-tool-main .festival .festival-header .block .el-date-editor[data-v-4cd32327] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .calendarTool .calendar-tool-main .festival .festival-header .block .el-date-editor[data-v-4cd32327] .el-input__icon { line-height:32px!important } .calendarTool .calendar-tool-main .festival .festival-header .block .el-date-editor[data-v-4cd32327] .el-input__inner { height:32px!important; background-color:var(--bg-input); border-color:var(--bg-input) } .calendarTool .calendar-tool-main .festival .festival-header .block .el-date-editor[data-v-4cd32327] .el-input__inner:hover { border-color:var(--d-sub) } .calendarTool .calendar-tool-main .festival .festival-header .block .el-date-editor[data-v-4cd32327] .el-input__inner:focus { border-color:#409eff } .calendarTool .calendar-tool-main .festival .festival-header>span[data-v-4cd32327] { font-size:12px; color:var(--d-sub); display:flex; align-items:flex-end; margin-left:5px } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327] { width:100%; height:calc(100% - 32px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar:hover { width:0 } .calendarTool .calendar-tool-main .festival .festival-main::-ms .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar-track { width:0; background-color:transparent } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .calendarTool .calendar-tool-main .festival .festival-main[data-v-4cd32327]::-webkit-scrollbar-corner { background:none } .calendarTool .calendar-tool-main .festival .festival-main .festival-item[data-v-4cd32327] { padding:20px; padding-bottom:0 } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-top p[data-v-4cd32327] { font-size:60px } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-top p>span[data-v-4cd32327] { font-size:14px; position:relative; left:-10px } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-top p>span span[data-v-4cd32327] { font-size:30px; color:var(--bg-input); position:absolute; top:-40px; left:-5px } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-bottom[data-v-4cd32327] { display:flex; padding-left:50px; flex-wrap:wrap; width:100% } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-bottom li[data-v-4cd32327] { width:50%; display:flex; align-items:center; margin-bottom:5px } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-bottom li p[data-v-4cd32327] { color:var(--d-sub); font-size:12px } .calendarTool .calendar-tool-main .festival .festival-main .festival-item .festival-item-bottom li p span[data-v-4cd32327] { color:var(--d-main); margin-right:5px; font-size:14px } .app-calendar[data-v-adf689d2] { width:100%; height:100%; background-color:var(--bg-card); position:relative; padding:10px; box-sizing:border-box } .app-calendar .calendar-tab[data-v-adf689d2] { height:32px; width:184px; display:flex; border-radius:25px; position:relative; left:50%; transform:translateX(-50%); background-color:rgba(var(--alpha-color),.1); cursor:pointer; margin-top:10px } .app-calendar .calendar-tab div[data-v-adf689d2] { width:92px; height:100%; display:flex; align-items:center; justify-content:center; z-index:10 } .app-calendar .calendar-tab p[data-v-adf689d2] { width:92px; height:100%; position:absolute; background-color:var(--active-bg,rgba(var(--alpha-color),.2)); top:0; left:2px; border-radius:25px; transition:all .2s ease } .app-calendar .calendar-tab .calendar[data-v-adf689d2] { border-top-left-radius:25px; border-bottom-left-radius:25px } .app-calendar .calendar-tab .tool[data-v-adf689d2] { border-top-right-radius:25px; border-bottom-right-radius:25px } .app-calendar .calendar-tab .active[data-v-adf689d2] { color:#fff } .app-calendar .CalendarMain[data-v-adf689d2] { transform:rotateY(0deg); transition:all .5s ease-out } .app-calendar .calendar-item[data-v-adf689d2] { display:flex; width:100%; height:calc(100% - 32px); position:absolute; top:0; left:0; z-index:1; opacity:1 } .app-calendar .calendar-item .calendar-item-main[data-v-adf689d2] { width:70%; padding:0 10px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top[data-v-adf689d2] { display:flex; align-items:center; justify-content:space-between; height:45px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left[data-v-adf689d2] { display:flex; align-items:center; justify-content:center } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left p[data-v-adf689d2] { width:100px; height:24px; background-color:var(--bg-input); border-radius:4px; display:flex; align-items:center } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left p .d-icon[data-v-adf689d2] { margin:0 10px; color:var(--d-sub); font-size:14px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left p input[data-v-adf689d2] { outline:none; border:none; font-size:12px; color:var(--d-main); width:100%; background-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year[data-v-adf689d2] { margin-right:10px; width:100px; height:24px; border-radius:5px; background-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year .el-date-editor[data-v-adf689d2] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year .el-date-editor[data-v-adf689d2] .el-input__icon { line-height:24px!important } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year .el-date-editor[data-v-adf689d2] .el-input__inner { height:24px!important; background-color:var(--bg-input); border-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year .el-date-editor[data-v-adf689d2] .el-input__inner:focus,.app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .year .el-date-editor[data-v-adf689d2] .el-input__inner:hover { border-color:var(--bg-hover) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month[data-v-adf689d2] { width:100px; height:24px; border-radius:5px; background-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month .el-date-editor[data-v-adf689d2] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month .el-date-editor[data-v-adf689d2] .el-input__icon { line-height:24px!important } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month .el-date-editor[data-v-adf689d2] .el-input__inner { height:24px!important; background-color:var(--bg-input); border-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month .el-date-editor[data-v-adf689d2] .el-input__inner:focus,.app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .month .el-date-editor[data-v-adf689d2] .el-input__inner:hover { border-color:var(--bg-hover) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .handoff[data-v-adf689d2] { display:flex; align-items:center; margin-left:10px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .handoff button[data-v-adf689d2] { border:none; border-radius:4px; margin:0 3px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; background-color:var(--bg-input) } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-left .Today[data-v-adf689d2] { width:24px; height:24px; border:none; border-radius:5px; background-color:#fa595c; color:#fff; margin-left:5px; transform:scale(1); transition:all .2s ease-out } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-right[data-v-adf689d2] { position:relative; display:inline-block; width:40px; height:21px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-right .pageFind-top-switch-slider[data-v-adf689d2] { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:var(--d-sub); transition:.4s; border-radius:34px } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-right .pageFind-top-switch-slider b[data-v-adf689d2] { position:absolute; color:#fff; font-weight:400; top:50%; transform:translateY(-55%); display:flex; align-items:center; justify-content:center; font-size:13px; left:3px; transition:all .2s ease-out } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-right .pageFind-top-switch-slider[data-v-adf689d2]:before { position:absolute; content:""; height:17px; width:17px; left:3px; bottom:2px; background-color:#fff; transition:.4s; border-radius:50% } .app-calendar .calendar-item .calendar-item-main .calendar-item-top .calendar-item-top-right input:checked+.pageFind-top-switch-slider[data-v-adf689d2]:before { transform:translateX(18px) } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom[data-v-adf689d2] { height:calc(100% - 52px); width:100%; display:flex; flex-direction:column } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days[data-v-adf689d2] { flex:1; display:flex; flex-direction:column } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .calendar-header[data-v-adf689d2] { display:flex; margin:5px 0; -webkit-user-select:none; -moz-user-select:none; user-select:none } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .calendar-header .header-item[data-v-adf689d2] { display:block; flex:1; text-align:center; font-weight:700 } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row[data-v-adf689d2] { flex:1; display:flex } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .day-line[data-v-adf689d2] { display:flex; justify-content:center; align-content:center; flex:1; flex-wrap:wrap; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer; margin:3px; transition:all .2s; border:2px solid transparent; border-radius:10px; position:relative } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .day-line p[data-v-adf689d2] { width:100%; text-align:center; font-weight:550; font-size:18px } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .day-line span[data-v-adf689d2] { display:inline-block; font-size:12px; margin-top:5px; font-weight:400; color:#939393 } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .day-line[data-v-adf689d2]:hover { border-color:#ccc } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .day-line .isHoliday[data-v-adf689d2] { position:absolute; right:5px; top:5px; font-size:12px; text-align:center } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .not-current-month[data-v-adf689d2] { color:#aaa } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .current-day[data-v-adf689d2] { border-color:#fa595c } .app-calendar .calendar-item .calendar-item-main .calendar-item-bottom .calendar-days .day-row .select-day[data-v-adf689d2] { border-color:#ccc } .app-calendar .calendar-item .calendar-item-aside[data-v-adf689d2] { width:30%; background-color:var(--bg-info); margin-top:-52px; margin-right:-10px; padding:30px 20px 20px } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-top[data-v-adf689d2] { text-align:center; border-bottom:1px solid rgba(var(--alpha-color),.05); height:200px; display:flex; flex-direction:column; justify-content:space-around; align-items:center; padding-bottom:5px } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-top .data[data-v-adf689d2] { width:80px; height:80px; line-height:90px; background-color:#367df1; border-radius:10px; color:#fff; font-size:50px; margin:6px 0; position:relative } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-top .data[data-v-adf689d2]:before { content:""; position:absolute; height:6px; width:6px; left:10px; top:10px; background-color:#fff; border-radius:50%; box-shadow:50px 0 #fff } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2] { height:calc(100% - 200px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar:hover { width:0 } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom::-ms .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom[data-v-adf689d2]::-webkit-scrollbar-corner { background:none } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom li[data-v-adf689d2] { border-bottom:1px solid rgba(var(--alpha-color),.05); margin-top:5px; padding-bottom:5px; color:#939393; font-size:14px; display:flex; flex-wrap:wrap } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom li p[data-v-adf689d2] { margin-bottom:5px; width:100% } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom li .span-title[data-v-adf689d2] { border-radius:4px; height:20px; line-height:20px; text-align:center; margin-right:10px; color:#fff } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom .YiJi[data-v-adf689d2] { display:flex } .app-calendar .calendar-item .calendar-item-aside .calendar-item-aside-bottom .YiJi span[data-v-adf689d2]:nth-child(2) { flex:1 } .app-calendar .calendar-tool[data-v-adf689d2] { width:100%; height:calc(100% - 32px); transform:rotateY(180deg); position:absolute; top:0; left:0; z-index:0; opacity:0 } .app-item[data-v-705a5d1c] { font-size:var(--icon-size) } .app-item>div[data-v-705a5d1c] { overflow:hidden } .app-item .calendar-1x1>div[data-v-705a5d1c] { display:flex; flex-direction:column; justify-content:space-evenly } .app-item .calendar-1x1>div .calendar-week[data-v-705a5d1c] { color:#d83030; font-size:.233em; font-weight:700; text-align:center } .app-item .calendar-1x1>div .calendar-data[data-v-705a5d1c] { font-size:.333em; font-weight:700; color:var(--d-main); text-align:center } .app-item .calendar-1x2>div[data-v-705a5d1c] { display:flex; align-items:center; justify-content:center } .app-item .calendar-1x2>div .calendar-1x2-main[data-v-705a5d1c] { font-size:.3em; color:var(--d-main); margin-right:.083em } .app-item .calendar-1x2>div .calendar-1x2-main span[data-v-705a5d1c] { color:#d83030 } .app-item .calendar-2x1>div .calendar-2x1-main[data-v-705a5d1c] { height:100%; display:flex; flex-direction:column; justify-content:space-evenly } .app-item .calendar-2x1>div .calendar-2x1-main p[data-v-705a5d1c] { font-size:.217em; color:var(--d-main); text-align:center } .app-item .calendar-2x1>div .calendar-2x1-main div[data-v-705a5d1c] { font-size:.6em; color:var(--d-main); font-weight:550; text-align:center } .app-item .calendar-2x1>div .calendar-2x1-main span[data-v-705a5d1c] { font-size:.233em; font-weight:550; color:#d83030; text-align:center } .app-item .calendar-2x2>div[data-v-705a5d1c] { background-size:cover; background-repeat:no-repeat; background-position:50% } .app-item .calendar-2x2>div .calendar-2x2-main[data-v-705a5d1c] { height:100%; display:flex; flex-direction:column; justify-content:space-between } .app-item .calendar-2x2>div .calendar-2x2-main div[data-v-705a5d1c] { color:#222; height:25%; font-size:.267em; display:flex; align-items:center; justify-content:center; margin-top:10px } .app-item .calendar-2x2>div .calendar-2x2-main span[data-v-705a5d1c] { font-size:.667em; color:#fe352d; font-weight:700; text-align:center } .app-item .calendar-2x2>div .calendar-2x2-main p[data-v-705a5d1c] { font-size:.2em } .app-item .calendar-2x4>div[data-v-705a5d1c] { display:flex; padding:5px; background-repeat:no-repeat; background-size:100% 100%; background-position:50% } .app-item .calendar-2x4>div .calendar-2x4-left[data-v-705a5d1c] { width:40%; display:flex; flex-direction:column } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-t[data-v-705a5d1c] { height:22%; display:flex; justify-content:center; align-items:center; margin-top:5px; font-size:.25em; color:#222 } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-t>span[data-v-705a5d1c] { margin:0 3px } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-t .d-icon[data-v-705a5d1c] { color:var(--d-sub) } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-t .d-icon[data-v-705a5d1c]:hover { color:#222 } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-c[data-v-705a5d1c] { height:42%; font-size:.75em; font-weight:700; color:#fe352d; text-align:center; margin-top:5px } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-b[data-v-705a5d1c] { height:33% } .app-item .calendar-2x4>div .calendar-2x4-left .calendar-2x4-left-b p[data-v-705a5d1c] { font-size:.233em; margin-bottom:2px; color:#222; text-align:center } .app-item .calendar-2x4>div .calendar-2x4-right[data-v-705a5d1c] { width:60%; padding:.16em } .app-item .calendar-2x4>div .calendar-2x4-right .calendar-2x4-right-t[data-v-705a5d1c] { height:.25em; margin-bottom:.08em } .app-item .calendar-2x4>div .calendar-2x4-right .calendar-2x4-right-t li[data-v-705a5d1c] { width:14.28571%; font-size:.233em; color:#222 } .app-item .calendar-2x4>div .calendar-2x4-right .calendar-2x4-right-b[data-v-705a5d1c] { height:calc(100% - .333em) } .wallpapers[data-v-109b9050] { background-size:cover; background-repeat:no-repeat; background-position:50% } .wallpapers>div[data-v-109b9050] { overflow:hidden } .wallpaper-icon.icon-size-1x2[data-v-109b9050] { padding:0 12px; display:flex } .wallpaper-icon.icon-size-2x1[data-v-109b9050] { padding:14px 6px } .wallpaper-icon.icon-size-2x4[data-v-109b9050] { font-size:18px } .wallpaper-sunny_d[data-v-109b9050] { background-image:linear-gradient(35deg,#154280 30%,#335693,#a8b3d2) } .app-item[data-v-82264176] { font-size:var(--icon-size) } .app-item>div[data-v-82264176] { overflow:hidden } .app-item .notes-1x1>div[data-v-82264176],.app-item .notes-1x2>div[data-v-82264176],.app-item>div[data-v-82264176] { border-radius:var(--icon-radius) } .app-item .notes-1x1 .notes-1x1-top[data-v-82264176],.app-item .notes-1x1 .notes-1x2-top[data-v-82264176],.app-item .notes-1x2 .notes-1x1-top[data-v-82264176],.app-item .notes-1x2 .notes-1x2-top[data-v-82264176] { background-image:linear-gradient(0deg,#ffc927,#ffa403); height:35%; font-size:.2em; color:#fff; border-radius:var(--icon-radius) var(--icon-radius) 0 0 } .app-item .notes-1x1 .notes-1x1-bottom[data-v-82264176],.app-item .notes-1x1 .notes-1x2-bottom[data-v-82264176],.app-item .notes-1x2 .notes-1x1-bottom[data-v-82264176],.app-item .notes-1x2 .notes-1x2-bottom[data-v-82264176] { height:65% } .app-item .notes-1x1 .notes-1x1-bottom li[data-v-82264176],.app-item .notes-1x1 .notes-1x2-bottom li[data-v-82264176],.app-item .notes-1x2 .notes-1x1-bottom li[data-v-82264176],.app-item .notes-1x2 .notes-1x2-bottom li[data-v-82264176] { width:100%; text-align:left; height:33.3%; border-bottom:1px solid rgba(var(--alpha-color),.08); font-size:.15em; padding-left:3px; display:flex; align-items:center; color:var(--d-main) } .app-item .notes-1x1 .notes-1x1-bottom li span[data-v-82264176],.app-item .notes-1x1 .notes-1x2-bottom li span[data-v-82264176],.app-item .notes-1x2 .notes-1x1-bottom li span[data-v-82264176],.app-item .notes-1x2 .notes-1x2-bottom li span[data-v-82264176] { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-item .notes-2x1[data-v-82264176],.app-item .notes-2x2[data-v-82264176],.app-item .notes-2x4[data-v-82264176] { width:100% } .app-item .notes-2x1>div[data-v-82264176],.app-item .notes-2x2>div[data-v-82264176],.app-item .notes-2x4>div[data-v-82264176] { border-radius:var(--icon-radius) } .app-item .notes-2x1 .notes-2x1-top[data-v-82264176],.app-item .notes-2x1 .notes-2x2-top[data-v-82264176],.app-item .notes-2x1 .notes-2x4-top[data-v-82264176],.app-item .notes-2x2 .notes-2x1-top[data-v-82264176],.app-item .notes-2x2 .notes-2x2-top[data-v-82264176],.app-item .notes-2x2 .notes-2x4-top[data-v-82264176],.app-item .notes-2x4 .notes-2x1-top[data-v-82264176],.app-item .notes-2x4 .notes-2x2-top[data-v-82264176],.app-item .notes-2x4 .notes-2x4-top[data-v-82264176] { background-image:linear-gradient(0deg,#ffc927,#ffa403); height:25%; font-size:.233em; color:#fff; border-radius:var(--icon-radius) var(--icon-radius) 0 0 } .app-item .notes-2x1 .notes-2x1-bottom[data-v-82264176],.app-item .notes-2x1 .notes-2x2-bottom[data-v-82264176],.app-item .notes-2x1 .notes-2x4-bottom[data-v-82264176],.app-item .notes-2x2 .notes-2x1-bottom[data-v-82264176],.app-item .notes-2x2 .notes-2x2-bottom[data-v-82264176],.app-item .notes-2x2 .notes-2x4-bottom[data-v-82264176],.app-item .notes-2x4 .notes-2x1-bottom[data-v-82264176],.app-item .notes-2x4 .notes-2x2-bottom[data-v-82264176],.app-item .notes-2x4 .notes-2x4-bottom[data-v-82264176] { height:75%; width:100% } .app-item .notes-2x1 .notes-2x1-bottom li[data-v-82264176],.app-item .notes-2x1 .notes-2x2-bottom li[data-v-82264176],.app-item .notes-2x1 .notes-2x4-bottom li[data-v-82264176],.app-item .notes-2x2 .notes-2x1-bottom li[data-v-82264176],.app-item .notes-2x2 .notes-2x2-bottom li[data-v-82264176],.app-item .notes-2x2 .notes-2x4-bottom li[data-v-82264176],.app-item .notes-2x4 .notes-2x1-bottom li[data-v-82264176],.app-item .notes-2x4 .notes-2x2-bottom li[data-v-82264176],.app-item .notes-2x4 .notes-2x4-bottom li[data-v-82264176] { width:100%; text-align:left; height:33.33%; border-bottom:1px solid rgba(var(--alpha-color),.08); font-size:.2em; padding-left:5px; display:flex; align-items:center; color:var(--d-main) } .app-item .notes-2x1 .notes-2x1-bottom li span[data-v-82264176],.app-item .notes-2x1 .notes-2x2-bottom li span[data-v-82264176],.app-item .notes-2x1 .notes-2x4-bottom li span[data-v-82264176],.app-item .notes-2x2 .notes-2x1-bottom li span[data-v-82264176],.app-item .notes-2x2 .notes-2x2-bottom li span[data-v-82264176],.app-item .notes-2x2 .notes-2x4-bottom li span[data-v-82264176],.app-item .notes-2x4 .notes-2x1-bottom li span[data-v-82264176],.app-item .notes-2x4 .notes-2x2-bottom li span[data-v-82264176],.app-item .notes-2x4 .notes-2x4-bottom li span[data-v-82264176] { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-topsearchView[data-v-29fcad2f] { padding:10px 10px 10px 0; background-color:var(--bg-card) } .app-topsearchView .topsearchView-top[data-v-29fcad2f] { height:30px; display:flex; align-items:center; justify-content:center } .app-topsearchView .topsearchView-center[data-v-29fcad2f] { display:flex; align-items:center; height:54px; border-bottom:1px solid rgba(var(--alpha-color),.04) } .app-topsearchView .topsearchView-center li[data-v-29fcad2f] { box-sizing:border-box; height:40px; margin:0 10px; padding:0 5px; border-bottom:2px solid transparent; font-size:14px; color:var(--d-main); display:flex; justify-content:center; align-items:center; cursor:pointer; transition:all .3s ease-out } .app-topsearchView .topsearchView-center li[data-v-29fcad2f]:first-child { margin-left:15px } .app-topsearchView .topsearchView-center li[data-v-29fcad2f]:hover { color:var(--primary-color) } .app-topsearchView .topsearchView-center .active[data-v-29fcad2f] { color:var(--primary-color); border-color:var(--primary-color) } .app-topsearchView .topsearchView-bottom[data-v-29fcad2f] { width:100%; height:calc(100% - 85px); display:flex } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f] { width:20%; min-width:110px; border-right:1px solid rgba(var(--alpha-color),.04); padding-right:20px; height:100%; overflow-y:auto; --scroll-bar-color-bg:var(--bg-btn) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar:hover { width:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside::-ms .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside[data-v-29fcad2f]::-webkit-scrollbar-corner { background:none } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search[data-v-29fcad2f] { padding-left:10px; height:23px; display:flex; align-items:center; margin:10px 0 } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search input[data-v-29fcad2f] { border:1px solid transparent; outline:none; background-color:var(--bg-input); border-radius:10px; height:100%; color:var(--d-main); text-indent:1em } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search input[data-v-29fcad2f]:focus,.app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search input[data-v-29fcad2f]:hover { border-color:var(--bg-hover) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search .editable-clear[data-v-29fcad2f] { position:absolute; right:15px; opacity:.5; display:none; cursor:pointer } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside .topsearchView-search input:valid+.editable-clear[data-v-29fcad2f] { display:inline } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside ul .topsearchView-item[data-v-29fcad2f] { padding:10px 14px; width:100%; height:40px; display:flex; align-items:center; cursor:pointer; transition:background-color .2s ease-out } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside ul .topsearchView-item .handle[data-v-29fcad2f] { cursor:move } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside ul .topsearchView-item img[data-v-29fcad2f] { width:20px; height:20px; border-radius:5px; margin:0 5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside ul .topsearchView-item p[data-v-29fcad2f] { font-size:14px; flex:1 } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-aside ul li[data-v-29fcad2f]:hover { color:#1890ff } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f] { flex:1; margin-top:10px; margin-left:20px; overflow-y:auto; padding-right:5px; --scroll-bar-color-bg:var(--d-sub) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar:hover { width:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main::-ms .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]::-webkit-scrollbar-corner { background:none } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-title[data-v-29fcad2f] { height:31px; display:flex; align-items:center; margin-bottom:6px; border-bottom:1px solid rgba(var(--alpha-color),.04) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-title span[data-v-29fcad2f] { flex:1 } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li[data-v-29fcad2f] { display:flex; align-items:center; height:34px; cursor:pointer } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li em[data-v-29fcad2f] { width:18px; height:18px; margin-right:10px; border-radius:5px; background-color:var(--bg-input); font-size:13px; display:flex; align-items:center; justify-content:center } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li em[data-v-29fcad2f]:hover { color:#1681ff } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li a[data-v-29fcad2f] { flex:1; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; text-decoration:none; color:var(--d-main); font-size:14px; display:flex; align-items:center; justify-content:space-between } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li a span[data-v-29fcad2f] { font-size:12px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main .main-hotList li a[data-v-29fcad2f]:hover { color:#1681ff } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover { --scroll-bar-color-bg:var(--d-sub) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar:hover { width:5px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main:hover::-ms .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-topsearchView .topsearchView-bottom .topsearchView-bottom-main[data-v-29fcad2f]:hover::-webkit-scrollbar-corner { background:none } .app-item[data-v-5700261a] { font-size:var(--icon-size) } .app-item>div[data-v-5700261a] { overflow:hidden } .app-item .topsearch-1x1>div[data-v-5700261a] { background-repeat:no-repeat; background-size:cover } .app-item .topsearch-1x2>div[data-v-5700261a],.app-item .topsearch-2x1>div[data-v-5700261a] { background-repeat:no-repeat; background-size:100% 100% } .app-item .topsearch-2x2[data-v-5700261a] { font-size:var(--icon-size); box-sizing:border-box; color:var(--d-main); padding:10px 8px; background-color:var(--bg-card) } .app-item .topsearch-2x2>div .topsearch-2x2-top[data-v-5700261a] { width:100%; margin-bottom:.07em; height:.4em } .app-item .topsearch-2x2>div .topsearch-2x2-top li[data-v-5700261a] { width:33.33%; padding:.1em .42em; border-radius:25px; white-space:nowrap; transition:all .2s ease-out; font-size:.22em; font-weight:700; display:flex; align-items:center; justify-content:center } .app-item .topsearch-2x2>div .topsearch-2x2-top .active[data-v-5700261a] { background-color:#448ef7; color:#fff } .app-item .topsearch-2x2>div .topsearch-2x2-bottom[data-v-5700261a] { height:calc(100% - .4em); align-items:flex-start; justify-content:space-between; min-height:.267em; box-sizing:border-box } .app-item .topsearch-2x2>div .topsearch-2x2-bottom li[data-v-5700261a] { height:33.33% } .app-item .topsearch-2x2>div .topsearch-2x2-bottom li p[data-v-5700261a] { text-align:left } .app-item .topsearch-2x2>div .topsearch-2x2-bottom li p img[data-v-5700261a] { width:.4em; height:.4em; margin-right:5px } .app-item .topsearch-2x2>div .topsearch-2x2-bottom li p span[data-v-5700261a] { font-size:.217em; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis } .app-item .topsearch-2x2>div .topsearch-2x2-bottom li:hover p[data-v-5700261a] { color:#448ef7 } .app-item .topsearch-2x4[data-v-5700261a] { font-size:var(--icon-size); box-sizing:border-box; color:var(--d-main); padding:10px 8px; background-color:var(--bg-card) } .app-item .topsearch-2x4>div .topsearch-2x4-top[data-v-5700261a] { width:100%; margin-bottom:10px; height:.4em; align-items:center; justify-content:center } .app-item .topsearch-2x4>div .topsearch-2x4-top li[data-v-5700261a] { width:20%; height:100%; padding:.1em .42em; border-radius:25px; white-space:nowrap; transition:all .2s ease-out; font-size:.22em; font-weight:700; display:flex; align-items:center; justify-content:center } .app-item .topsearch-2x4>div .topsearch-2x4-top .active[data-v-5700261a] { background-color:#448ef7; color:#fff } .app-item .topsearch-2x4>div .topsearch-2x4-bottom[data-v-5700261a] { height:calc(100% - .5em); align-items:flex-start; justify-content:space-between; min-height:.267em; box-sizing:border-box } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li[data-v-5700261a] { width:100%; height:33.33%; display:flex; align-items:center; justify-content:space-between } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li p[data-v-5700261a] { width:80%; text-align:left; display:flex; align-items:center } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li p img[data-v-5700261a] { width:.4em; height:.4em; margin-right:10px } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li p span[data-v-5700261a] { font-size:.217em; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li>span[data-v-5700261a] { width:30%; text-align:right; font-size:.2em; color:#ff4040 } .app-item .topsearch-2x4>div .topsearch-2x4-bottom li:hover p[data-v-5700261a] { color:#448ef7 } .app-item .topsearch-4x4[data-v-5700261a] { box-sizing:border-box; color:#fff; padding:.167em; background-image:linear-gradient(135deg,rgba(20,20,20,.7),rgba(20,20,20,.4)); font-size:var(--icon-size) } .app-item .topsearch-4x4>div .topsearch-4x4-header[data-v-5700261a] { height:.5em; display:flex; align-items:center; justify-content:center; margin-bottom:.083em } .app-item .topsearch-4x4>div .topsearch-4x4-header .d-icon[data-v-5700261a] { font-size:1em } .app-item .topsearch-4x4>div .topsearch-4x4-top[data-v-5700261a] { margin-bottom:10px; height:.333em } .app-item .topsearch-4x4>div .topsearch-4x4-top li[data-v-5700261a] { padding:.033em .083em; margin-right:.1em; border-radius:.05em; white-space:nowrap; transition:all .2s ease-out; display:flex; align-items:center; justify-content:center } .app-item .topsearch-4x4>div .topsearch-4x4-top li img[data-v-5700261a] { width:.25em; height:.25em; border-radius:.083em; margin-right:.05em } .app-item .topsearch-4x4>div .topsearch-4x4-top li span[data-v-5700261a] { font-size:.2em } .app-item .topsearch-4x4>div .topsearch-4x4-top .active[data-v-5700261a] { background-color:hsla(0,0%,100%,.2) } .app-item .topsearch-4x4>div .topsearch-4x4-bottom[data-v-5700261a] { justify-content:space-between; height:calc(100% - 1em); min-height:.267em; box-sizing:border-box } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul[data-v-5700261a] { width:100%; text-align:left } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul li[data-v-5700261a] { width:100%; height:10%; display:flex; align-items:center; justify-content:space-between } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul li img[data-v-5700261a] { margin-right:.05em; width:.333em; height:.333em } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul li p[data-v-5700261a] { flex:1; text-align:left; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; font-size:.2em } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul li span[data-v-5700261a] { width:20%; text-align:right; font-size:.2em } .app-item .topsearch-4x4>div .topsearch-4x4-bottom ul li:hover p[data-v-5700261a] { color:#ccc } .WordOfDayView[data-v-6c28bc4c] { background-size:cover; background-repeat:no-repeat; background-position:50% } .WordOfDayView .mask[data-v-6c28bc4c] { background-color:rgba(0,0,0,.6); position:relative; z-index:1; padding-top:10%; text-align:center; color:#fff } .WordOfDayView .mask>i[data-v-6c28bc4c]:after,.WordOfDayView .mask>i[data-v-6c28bc4c]:before { position:absolute; content:""; height:1px; width:20px; background-color:#fff } .WordOfDayView .mask>i[data-v-6c28bc4c]:hover { opacity:1 } .WordOfDayView .mask .prev[data-v-6c28bc4c] { position:absolute; top:50%; z-index:2; font-size:30px; opacity:.2; left:20px; cursor:pointer } .WordOfDayView .mask .prev[data-v-6c28bc4c]:before { bottom:7px; transform:rotate(135deg) } .WordOfDayView .mask .prev[data-v-6c28bc4c]:after { bottom:-7px; transform:rotate(-135deg) } .WordOfDayView .mask .next[data-v-6c28bc4c] { position:absolute; top:50%; z-index:2; font-size:30px; opacity:.2; right:20px; cursor:pointer } .WordOfDayView .mask .next[data-v-6c28bc4c]:before { bottom:7px; transform:rotate(45deg) } .WordOfDayView .mask .next[data-v-6c28bc4c]:after { bottom:-7px; transform:rotate(-45deg) } .WordOfDayView .mask .WordOfDayView-day[data-v-6c28bc4c] { border-bottom:1px solid hsla(0,0%,100%,.1); margin:10px 10%; margin-bottom:30px; font-size:80px } .WordOfDayView .mask .WordOfDayView-text[data-v-6c28bc4c] { font-size:18px; margin:20px 20%; color:hsla(0,0%,100%,.9019607843137255) } .WordOfDayView .mask .WordOfDayView-text span[data-v-6c28bc4c] { opacity:.4; font-weight:400; display:block; font-size:12px; margin:10px 0 } .WordOfDayView .mask .WordOfDayView-footer[data-v-6c28bc4c] { margin-top:100px; opacity:.8 } .WordOfDayView .mask .WordOfDayView-footer span[data-v-6c28bc4c] { width:80px; height:80px; display:inline-block; position:relative; cursor:pointer; background-position:0; background-size:cover } .WordOfDayView .mask .WordOfDayView-footer span i[data-v-6c28bc4c] { font-size:30px; margin-top:24px } .WordOfDayView .mask .WordOfDayView-footer span em[data-v-6c28bc4c] { position:absolute; left:0; bottom:8px; right:0 } .app-item[data-v-8372e018] { font-size:var(--icon-size) } .app-item>div[data-v-8372e018] { overflow:hidden } .app-item .wordofday-1x1>div[data-v-8372e018] { background-size:cover; background-repeat:no-repeat } .app-item .wordofday-2x1[data-v-8372e018] { color:#fff } .app-item .wordofday-2x1>div[data-v-8372e018] { background-size:cover; background-repeat:no-repeat; background-position:50% } .app-item .wordofday-2x1>div .mask[data-v-8372e018] { background-color:rgba(0,0,0,.6); padding:10px } .app-item .wordofday-2x1>div .mask .wordofday-2x1-bottom[data-v-8372e018] { width:100%; height:100% } .app-item .wordofday-2x1>div .mask .wordofday-2x1-bottom .wordofday-2x1-bottom-word[data-v-8372e018] { width:100%; height:100%; overflow:hidden; writing-mode:vertical-lr; -moz-column-count:1; column-count:1; text-overflow:ellipsis; font-size:.2em } .app-item .wordofday-1x2[data-v-8372e018],.app-item .wordofday-2x2[data-v-8372e018],.app-item .wordofday-2x4[data-v-8372e018] { color:#fff } .app-item .wordofday-1x2>div[data-v-8372e018],.app-item .wordofday-2x2>div[data-v-8372e018],.app-item .wordofday-2x4>div[data-v-8372e018] { background-size:cover; background-repeat:no-repeat; background-position:50% } .app-item .wordofday-1x2>div .mask[data-v-8372e018],.app-item .wordofday-2x2>div .mask[data-v-8372e018],.app-item .wordofday-2x4>div .mask[data-v-8372e018] { background-color:rgba(0,0,0,.6); padding:10px } .app-item .wordofday-1x2>div .mask .wordofday-1x2-top[data-v-8372e018],.app-item .wordofday-1x2>div .mask .wordofday-2x2-top[data-v-8372e018],.app-item .wordofday-1x2>div .mask .wordofday-2x4-top[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-1x2-top[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x2-top[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x4-top[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-1x2-top[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x2-top[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x4-top[data-v-8372e018] { text-align:left; color:#aea9a1; font-size:.2em } .app-item .wordofday-1x2>div .mask .wordofday-1x2-bottom .wordofday-1x2-bottom-word[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-1x2-bottom .wordofday-1x2-bottom-word[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-1x2-bottom .wordofday-1x2-bottom-word[data-v-8372e018] { width:100%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.2em } .app-item .wordofday-1x2>div .mask .wordofday-2x2-bottom[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x2-bottom[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x2-bottom[data-v-8372e018] { margin-top:25%; text-align:center } .app-item .wordofday-1x2>div .mask .wordofday-2x2-bottom .wordofday-2x2-bottom-word[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x2-bottom .wordofday-2x2-bottom-word[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x2-bottom .wordofday-2x2-bottom-word[data-v-8372e018] { width:100%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:.2em } .app-item .wordofday-1x2>div .mask .wordofday-2x4-bottom[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x4-bottom[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x4-bottom[data-v-8372e018] { margin-top:10% } .app-item .wordofday-1x2>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-word[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-word[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-word[data-v-8372e018] { font-size:.2em; margin-bottom:2%; text-align:center; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis } .app-item .wordofday-1x2>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-name[data-v-8372e018],.app-item .wordofday-2x2>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-name[data-v-8372e018],.app-item .wordofday-2x4>div .mask .wordofday-2x4-bottom .wordofday-2x4-bottom-name[data-v-8372e018] { color:#aea9a1; text-align:center; font-size:.2em } .app-item .wordofday-1x2 .mask[data-v-8372e018],.app-item .wordofday-2x1 .mask[data-v-8372e018] { display:flex; align-items:center; justify-content:center } .movieView[data-v-f75804a6] { padding:50px; padding-top:6%; background-size:cover; background-repeat:no-repeat; background-position:50% } .movieView .movie-bg[data-v-f75804a6] { position:absolute; top:0; bottom:0; left:0; right:0; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); background-color:rgba(0,0,0,.6); z-index:0; border-radius:5px } .movieView .movieView-top[data-v-f75804a6] { display:flex; justify-content:space-between; position:relative; color:#f9d5ad; width:100% } .movieView .movieView-top .movieView-top-left[data-v-f75804a6] { width:70% } .movieView .movieView-top .movieView-top-left .movieView-top-desc .movieView-name[data-v-f75804a6] { font-size:30px } .movieView .movieView-top .movieView-top-left .movieView-top-desc .movieView-star .rating-star[data-v-f75804a6] { background:url(https://static.newtab.com/assetsImgs/rating_s@2x.png) no-repeat; background-size:cover } .movieView .movieView-top .movieView-top-left .movieView-top-desc .movieView-type[data-v-f75804a6] { font-size:13px; margin:5px 0 } .movieView .movieView-top .movieView-top-left .movieView-top-desc .movieView-type em[data-v-f75804a6] { margin-right:10px } .movieView .movieView-top .movieView-top-left .movieView-top-author[data-v-f75804a6] { font-size:13px } .movieView .movieView-top .movieView-top-left .movieView-top-title[data-v-f75804a6] { color:#fff; margin-top:30px; font-size:18px } .movieView .movieView-top .movieView-top-left .movieView-top-content[data-v-f75804a6] { color:#fff; line-height:20px; margin-top:20px; font-size:12px } .movieView .movieView-top .movieView-top-right[data-v-f75804a6] { width:25% } .movieView .movieView-top .movieView-top-right img[data-v-f75804a6] { width:100%; border-radius:10px } .movieView .movieView-bottom a[data-v-f75804a6] { clear:both; opacity:.8; color:#f2cca4; display:inline-block; padding-top:10px; font-size:13px; text-decoration:none } .app-item[data-v-0dc957cc] { font-size:var(--icon-size) } .app-item>div[data-v-0dc957cc] { overflow:hidden } .app-item .movie-1x1>div[data-v-0dc957cc] { background-size:cover; background-repeat:no-repeat; background-position:50%; border-radius:var(--icon-radius) } .app-item .movie-1x1>div .d-icon .movie-logo[data-v-0dc957cc] { position:absolute; top:50%; transform:translateY(-45%); border-radius:6px; color:#333; font-weight:700; font-size:.267em } .app-item .movie-1x2>div[data-v-0dc957cc] { border-radius:var(--icon-radius); background-size:cover; background-repeat:no-repeat; background-position:50%; color:#fff; display:flex; flex-wrap:wrap; padding:5px } .app-item .movie-1x2>div p[data-v-0dc957cc] { font-size:.2em; width:100%; display:flex; align-items:center; justify-content:flex-start } .app-item .movie-1x2>div div[data-v-0dc957cc] { display:flex; align-items:center; justify-content:center; background-color:#ffac2d; height:1.2em; padding:.3em; border-radius:10px; color:#4f0e03; font-size:.2em; transform:scale(.8) } .app-item .movie-2x1[data-v-0dc957cc] { font-size:var(--icon-size) } .app-item .movie-2x1>div[data-v-0dc957cc] { border-radius:var(--icon-radius); background-size:cover; background-repeat:no-repeat; background-position:50%; color:#fff; display:flex; justify-content:center; padding:5px 0 } .app-item .movie-2x1>div p[data-v-0dc957cc] { writing-mode:vertical-lr; font-size:.2em } .app-item .movie-2x1>div p[data-v-0dc957cc]:nth-child(2) { writing-mode:vertical-lr; background-color:#ffac2d; height:4.5em; transform:scale(.9); border-radius:.3em; color:#4f0e03 } .app-item .movie-2x2>div[data-v-0dc957cc] { border-radius:var(--icon-radius); background-size:cover; background-repeat:no-repeat; background-position:50%; color:#fff; padding:.12em; display:flex; flex-direction:column } .app-item .movie-2x2>div .movie-2x2-top[data-v-0dc957cc] { flex:0.5; text-align:right; display:flex; flex-wrap:wrap; justify-content:flex-end } .app-item .movie-2x2>div .movie-2x2-top p[data-v-0dc957cc] { font-size:.367em; width:100% } .app-item .movie-2x2>div .movie-2x2-top span[data-v-0dc957cc] { font-size:.15em } .app-item .movie-2x2>div>p[data-v-0dc957cc] { text-align:left; font-size:.2em; flex:1; display:flex; flex-direction:column; justify-content:flex-end } .app-item .movie-2x2>div>i[data-v-0dc957cc] { font-size:.2em; font-weight:500; background-color:#ffac2d; height:1em; width:4em; padding:.1em; border-radius:6px; color:#4f0e03; transform:scale(.9); margin:5px 0; display:flex; align-items:center; flex-shrink:0 } .app-item .movie-2x2>div .movie-2x2-bottom[data-v-0dc957cc] { font-size:.12em; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden } .app-item .movie-2x4>div[data-v-0dc957cc] { border-radius:var(--icon-radius); background-size:cover; background-repeat:no-repeat; background-position:50%; color:#fff; display:flex; align-items:flex-end; padding:.167em } .app-item .movie-2x4>div .movie-2x4-left[data-v-0dc957cc] { width:5em; flex-shrink:0; overflow:auto; text-align:center; font-size:.2em; text-align:left } .app-item .movie-2x4>div .movie-2x4-left p[data-v-0dc957cc] { font-size:3.5em } .app-item .movie-2x4>div .movie-2x4-left span[data-v-0dc957cc] { display:block } .app-item .movie-2x4>div .movie-2x4-right .movie-2x4-right-top[data-v-0dc957cc] { margin-bottom:10px; font-size:.25em; text-align:left } .app-item .movie-2x4>div .movie-2x4-right .movie-2x4-right-top span[data-v-0dc957cc] { margin-left:-4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-right:5px } .app-item .movie-2x4>div .movie-2x4-right .movie-2x4-right-top i[data-v-0dc957cc] { display:inline-block; font-weight:500; background-color:#ffac2d; padding:0 2px; border-radius:10px; color:#4f0e03; transform:scale(.9) } .app-item .movie-2x4>div .movie-2x4-right .movie-2x4-right-bottom[data-v-0dc957cc] { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:.19em; text-align:left; opacity:.9; text-overflow:ellipsis; overflow:hidden } .app-todo[data-v-701760be] { flex-direction:row; flex:1; flex-basis:auto; min-width:0 } .app-todo .el-aside[data-v-701760be],.app-todo[data-v-701760be] { background-color:var(--bg-card); display:flex; box-sizing:border-box } .app-todo .el-aside[data-v-701760be] { overflow:hidden; flex-shrink:0; width:200px; padding:30px 8px 0; flex-direction:column; justify-content:space-between } .app-todo .el-aside .aside-search[data-v-701760be] .el-input__inner { background-color:var(--bg-input); font-size:14px; color:var(--d-sub); border:1px solid transparent!important; border-radius:10px!important } .app-todo .el-aside .aside-search[data-v-701760be] .el-input__inner:focus,.app-todo .el-aside .aside-search[data-v-701760be] .el-input__inner:hover { border-color:var(--bg-hover)!important } .app-todo .el-aside .aside-list[data-v-701760be] { flex:1; padding-top:4px; overflow-y:auto; --scroll-bar-color-bg:var(--bg-btn) } .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-todo .el-aside .aside-list[data-v-701760be]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar:hover { width:5px } .app-todo .el-aside .aside-list::-ms .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-todo .el-aside .aside-list[data-v-701760be]::-webkit-scrollbar-corner { background:none } .app-todo .el-aside .aside-list li[data-v-701760be] { margin:2px 0; border-radius:8px; color:rgba(var(--alpha-color),.7); line-height:32px; height:32px; cursor:pointer; transition:all .2s ease-out; font-size:14px; padding:0 8px; display:flex; align-items:center; justify-content:space-between; position:relative } .app-todo .el-aside .aside-list li .d-icon[data-v-701760be] { margin-right:4px } .app-todo .el-aside .aside-list li span[data-v-701760be] { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-todo .el-aside .aside-list li .bt[data-v-701760be] { position:absolute; bottom:-4px; left:0; right:0; width:100%; overflow:hidden } .app-todo .el-aside .aside-list li[data-v-701760be]:nth-child(4) { margin-top:7px } .app-todo .el-aside .aside-list .active[data-v-701760be] { background-color:rgba(24,144,255,.10196078431372549) } .app-todo .el-aside .aside-list .active[data-v-701760be]:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; border-radius:3px; width:3px; height:14px; background-color:#1890ff } .app-todo .el-aside .aside-list li[data-v-701760be]:hover { background-color:rgba(24,144,255,.10196078431372549) } .app-todo .el-aside .aside-add[data-v-701760be] { height:31px; padding-bottom:12px; display:flex; align-items:center; justify-content:flex-start; font-size:14px; color:var(--d-main); opacity:.7; cursor:pointer } .app-todo .el-aside .aside-add .d-icon[data-v-701760be] { margin-right:4px } .app-todo .el-main[data-v-701760be] { display:block; flex:1; flex-basis:auto; overflow:hidden; padding:0 12px; box-sizing:border-box; background-color:var(--bg-info) } .app-todo .el-main .todo-content-header[data-v-701760be] { position:absolute; top:50px; left:215px; font-size:13px; color:var(--d-main) } .app-todo .el-main .todo-content-title[data-v-701760be] { height:26px; font-size:18px; font-weight:700; margin:10px 0; width:calc(100% - 80px); display:flex; align-items:center; justify-content:space-between } .app-todo .el-main .todo-content-title input[data-v-701760be] { width:100%; height:100%; border:none; outline:none; font-weight:700; font-size:16px; color:var(--d-main); background-color:transparent } .app-todo .el-main .todo-content-title .move[data-v-701760be] { font-size:14px; cursor:pointer; background-color:transparent; width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:5px } .app-todo .el-main .todo-content-title .move[data-v-701760be]:hover { background-color:var(--bg-btn) } .app-todo .el-main .todo-content-ul[data-v-701760be] { height:calc(100% - 100px); overflow-y:auto; margin-bottom:10px; padding-right:5px; --scroll-bar-color-bg:var(--d-sub) } .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-todo .el-main .todo-content-ul[data-v-701760be]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar:hover { width:5px } .app-todo .el-main .todo-content-ul::-ms .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-todo .el-main .todo-content-ul[data-v-701760be]::-webkit-scrollbar-corner { background:none } .app-todo .el-main .todo-content-ul .todo-content-li[data-v-701760be] { background-color:var(--bg-card); margin-bottom:10px; border-radius:6px; padding:10px 0 2px 10px; display:flex; min-height:58px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-left[data-v-701760be] { display:flex; margin-right:5px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-left .todo-check[data-v-701760be] { padding:0; position:relative; width:16px; height:16px; border:2px solid var(--d-sub); border-radius:4px; cursor:pointer; background-color:transparent } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-left .todo-check .d-icon[data-v-701760be] { transform:scale(0); transition:all .2s ease-out; width:100%; height:100% } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-left .todo-check:hover .d-icon[data-v-701760be] { transform:scale(1) } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center[data-v-701760be] { flex:1; text-align:left } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner { display:block; background-color:var(--bg-card); resize:none; outline:none; border:none; width:100%; padding:0 10px 5px 10px; color:inherit; text-decoration:inherit; overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-webkit-scrollbar:hover { width:5px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-ms .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea::v-deep .el-textarea__inner::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-textarea .el-textarea[data-v-701760be] .el-textarea__inner::-webkit-scrollbar-corner { background:none } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom[data-v-701760be] { cursor:pointer } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .block[data-v-701760be] { width:125px; height:20px; border-radius:5px; background-color:transparent } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .block .el-date-editor[data-v-701760be] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .block .el-date-editor[data-v-701760be] .el-input__icon { line-height:20px!important; font-size:13px } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .block .el-date-editor[data-v-701760be] .el-input__inner { background-color:var(--bg-card); height:20px!important; font-size:12px; color:var(--d-sub); border:none!important; padding-right:0!important } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .overBlock[data-v-701760be] { width:125px; height:20px; border-radius:5px; background-color:transparent } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .overBlock .el-date-editor[data-v-701760be] { width:100%!important; height:100%!important; display:flex!important; align-items:center!important } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .overBlock .el-date-editor[data-v-701760be] .el-input__icon { line-height:20px!important; font-size:13px; color:#f46f6f } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-center .center-bottom .overBlock .el-date-editor[data-v-701760be] .el-input__inner { background-color:var(--bg-card); height:20px!important; font-size:12px; color:#f46f6f; border:none!important; padding-right:0!important } .app-todo .el-main .todo-content-ul .todo-content-li .todo-li-right[data-v-701760be] { width:50px; height:34px; display:flex; justify-content:space-around; align-items:center; font-size:14px; color:var(--d-sub); cursor:pointer } .app-todo .el-main .todo-content-ul .todo-content-li[data-v-701760be]:hover { box-shadow:0 15px 10px -15px var(--d-sub) } .app-todo .el-main .todo-add[data-v-701760be] { height:45px; text-align:left; box-shadow:0 -6px 4px rgba(0,0,0,.0392156862745098); box-sizing:border-box } .app-todo .el-main .todo-add input[data-v-701760be] { padding:0; outline:none; border:none; background-color:var(--bg-card); border-bottom:1px solid transparent; width:100%; height:100%; text-indent:2em; color:var(--d-main) } .app-todo .el-main .todo-add input[data-v-701760be]:focus { border-color:#1890ff } .app-todo .Progress[data-v-701760be] { position:absolute; height:4px; width:0; left:0; bottom:0; background-color:#1890ff; transition:all .2s ease-out } .el-popover .todo-li-right-dialog[data-v-701760be] { display:flex; align-items:center } .el-popover .todo-li-right-dialog p[data-v-701760be] { margin-right:20px } .el-popover .todo-li-right-dialog span[data-v-701760be] { margin-right:10px; font-size:18px; width:18px; height:18px; border-radius:50%; border:1px solid transparent; display:flex; align-items:center; justify-content:center } .el-popover .todo-li-right-dialog span .d-icon[data-v-701760be] { color:#fff } .app-item[data-v-ab853898] { font-size:var(--icon-size) } .app-item>div[data-v-ab853898] { overflow:hidden } .app-item .todoList-1x1>div[data-v-ab853898] { background-size:cover; background-repeat:no-repeat } .app-item .todoList-1x2>div[data-v-ab853898],.app-item .todoList-2x1>div[data-v-ab853898] { background-size:100% 100%; background-repeat:no-repeat } .app-item .todoList-2x2>div[data-v-ab853898] { background-color:var(--bg-card); border-radius:var(--icon-radius) } .app-item .todoList-2x2>div .todoList-2x2-top[data-v-ab853898] { height:16%; padding:0 10px; color:#346efd; font-weight:900; display:flex; align-items:center; font-size:.2em } .app-item .todoList-2x2>div .todoList-2x2-bottom[data-v-ab853898] { height:80%; padding:5px 10px; display:flex; flex-direction:column; font-size:.2em } .app-item .todoList-2x2>div .todoList-2x2-bottom li[data-v-ab853898] { height:25%; text-align:left; color:var(--d-main); display:flex; align-items:center } .app-item .todoList-2x2>div .todoList-2x2-bottom li i[data-v-ab853898] { display:inline-block; width:.25em; height:1em; background-color:var(--d-sub); margin-right:4px; cursor:pointer; border-radius:3px } .app-item .todoList-2x2>div .todoList-2x2-bottom li span[data-v-ab853898] { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-item .todoList-2x4>div[data-v-ab853898] { background-color:var(--bg-card); border-radius:var(--icon-radius); display:flex } .app-item .todoList-2x4>div .todoList-2x4-left[data-v-ab853898] { width:30%; background-color:var(--bg-info); padding:15px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; font-size:.2em } .app-item .todoList-2x4>div .todoList-2x4-left .todoList-2x4-left-T p[data-v-ab853898] { text-align:left; font-size:2em; color:var(--d-main); font-weight:550 } .app-item .todoList-2x4>div .todoList-2x4-left .todoList-2x4-left-T span[data-v-ab853898] { color:var(--d-sub) } .app-item .todoList-2x4>div .todoList-2x4-left .todoList-icon-add[data-v-ab853898] { position:absolute; bottom:15px; width:1.5em; height:1.5em; background-color:#3159ff; color:#fff; border-radius:50%; font-size:1.5em; display:flex; align-items:center; justify-content:center } .app-item .todoList-2x4>div .todoList-2x4-right[data-v-ab853898] { padding-left:10px; flex:1; overflow:hidden; display:flex; flex-direction:column; font-size:.2em } .app-item .todoList-2x4>div .todoList-2x4-right li[data-v-ab853898] { text-align:left; color:var(--d-main); height:20%; display:flex; align-items:center } .app-item .todoList-2x4>div .todoList-2x4-right li i[data-v-ab853898] { display:inline-block; width:.25em; height:1em; margin-right:4px; cursor:pointer; border-radius:3px } .app-item .todoList-2x4>div .todoList-2x4-right li span[data-v-ab853898] { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-dinosauRunView[data-v-3e69e94e] { padding:50px } .app-dinosauRunView .dinosauRun-header[data-v-3e69e94e] { position:absolute; left:50%; transform:translateX(-50%); height:20px } .app-dinosauRunView .dinosauRun-footer[data-v-3e69e94e] { position:absolute; left:50%; bottom:30%; transform:translateX(-50%) } .app-dinosauRunView .dinosauRun-footer span[data-v-3e69e94e] { margin:10px; font-size:14px; color:var(--d-sub) } .app-item[data-v-7af66288] { position:relative; width:100%; height:100%; overflow:hidden; font-size:12px; box-shadow:0 0 5px rgba(0,0,0,.10196078431372549); transition:transform .2s; cursor:pointer } .app-item>div[data-v-7af66288] { overflow:hidden } .app-item .DinosauRun-1x1>div[data-v-7af66288],.app-item .DinosauRun-1x2>div[data-v-7af66288],.app-item .DinosauRun-2x1>div[data-v-7af66288],.app-item .DinosauRun-2x2>div[data-v-7af66288],.app-item .DinosauRun-2x4>div[data-v-7af66288] { background-size:100% 100%; background-repeat:no-repeat } [data-v-03626bd8]::-moz-selection { background-color:#ffbe00; color:#000 } [data-v-03626bd8]::selection { background-color:#ffbe00; color:#000 } .app-NumUpper[data-v-03626bd8] { padding:50px; background-color:#1e212a; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; align-items:center } .app-NumUpper .NumUpper-top[data-v-03626bd8] { width:216px; height:54px; background-color:#ffbe00; border-radius:2px; color:#000; font-weight:400; padding:6px 12px; margin-top:20px } .app-NumUpper .NumUpper-main[data-v-03626bd8] { height:calc(100% - 54px); display:flex; flex-direction:column; align-items:center; justify-content:space-evenly } .app-NumUpper .NumUpper-main .main-top[data-v-03626bd8] { font-size:64px; color:#ddd; text-align:center } .app-NumUpper .NumUpper-main .main-center[data-v-03626bd8] { background-color:rgba(51,51,51,.5019607843137255); width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:4px; opacity:0; transition:opacity .3s ease-in-out } .app-NumUpper .NumUpper-main .main-center .d-icon[data-v-03626bd8] { color:#fff; font-size:30px } .app-NumUpper .NumUpper-main .main-input[data-v-03626bd8] { padding:0; min-width:140px; width:auto; border:none; outline:none; color:#fff; font-family:Montserrat,serif; text-align:center; border-bottom:2px solid #ffbe00; background-color:transparent; font-size:50px; transition:width .1s ease-in-out } .app-item>div[data-v-b9b1b592] { overflow:hidden } .app-item .NumUpper-1x1>div[data-v-b9b1b592],.app-item .NumUpper-1x2>div[data-v-b9b1b592],.app-item .NumUpper-2x1>div[data-v-b9b1b592],.app-item .NumUpper-2x2>div[data-v-b9b1b592],.app-item .NumUpper-2x4>div[data-v-b9b1b592] { background-size:100% 100%; background-repeat:no-repeat } .app-item[data-v-9db1b7aa] { position:relative; width:100%; height:100%; overflow:hidden; font-size:12px; box-shadow:0 0 5px rgba(0,0,0,.10196078431372549); transition:transform .2s; cursor:pointer } .app-item .AvatarGenerate-1x1[data-v-9db1b7aa],.app-item .AvatarGenerate-1x2[data-v-9db1b7aa],.app-item .AvatarGenerate-2x1[data-v-9db1b7aa],.app-item .AvatarGenerate-2x2[data-v-9db1b7aa],.app-item .AvatarGenerate-2x4[data-v-9db1b7aa] { overflow:hidden } .app-item .AvatarGenerate-1x1>div[data-v-9db1b7aa],.app-item .AvatarGenerate-1x2>div[data-v-9db1b7aa],.app-item .AvatarGenerate-2x1>div[data-v-9db1b7aa],.app-item .AvatarGenerate-2x2>div[data-v-9db1b7aa],.app-item .AvatarGenerate-2x4>div[data-v-9db1b7aa] { background-position:50%; background-size:contain; background-repeat:no-repeat } .app-item>div[data-v-71cd6b4f] { overflow:hidden } .app-item .QwertyLearner-1x1>div[data-v-71cd6b4f],.app-item .QwertyLearner-1x2>div[data-v-71cd6b4f],.app-item .QwertyLearner-2x1>div[data-v-71cd6b4f],.app-item .QwertyLearner-2x2>div[data-v-71cd6b4f],.app-item .QwertyLearner-2x4>div[data-v-71cd6b4f] { background-size:100% 100%; background-repeat:no-repeat } .app-NextVacation[data-v-1df537d2] { background-color:#040d14; color:var(--el-bg-color); padding:30px 0 10px } .app-NextVacation .main[data-v-1df537d2] { width:600px; height:100%; margin:0 auto } .app-NextVacation .main .main-header[data-v-1df537d2] { height:45px; font-size:20px; display:flex; align-items:center; justify-content:space-between } .app-NextVacation .main .main-header p[data-v-1df537d2] { width:33.33%; height:100%; text-align:center; border-bottom:3px solid transparent; cursor:pointer } .app-NextVacation .main .main-header p[data-v-1df537d2]:hover { border-color:#999 } .app-NextVacation .main .main-header .active[data-v-1df537d2] { border-color:#dc4051!important } .app-NextVacation .main .main-content[data-v-1df537d2] { height:calc(100% - 45px); overflow:hidden } .app-NextVacation .main .main-content h1[data-v-1df537d2] { font-size:28px; font-weight:600; line-height:60px; text-align:center } .app-NextVacation .main .main-content .balance[data-v-1df537d2] { height:calc(100% - 60px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar:hover { width:0 } .app-NextVacation .main .main-content .balance::-ms .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-NextVacation .main .main-content .balance[data-v-1df537d2]::-webkit-scrollbar-corner { background:none } .app-NextVacation .main .main-content .balance .balance-header[data-v-1df537d2] { display:flex; align-items:center; justify-content:space-between; border-top:1px solid hsla(0,0%,84.7%,.10196078431372549); border-bottom:1px solid hsla(0,0%,84.7%,.10196078431372549); padding:18px; overflow:hidden } .app-NextVacation .main .main-content .balance .balance-header .header-left p[data-v-1df537d2],.app-NextVacation .main .main-content .balance .balance-header .header-right p[data-v-1df537d2] { font-size:18px } .app-NextVacation .main .main-content .balance .balance-header .header-left span[data-v-1df537d2],.app-NextVacation .main .main-content .balance .balance-header .header-right span[data-v-1df537d2] { font-size:12px; color:#ddd; font-weight:100 } .app-NextVacation .main .main-content .balance .balance-header .header-right[data-v-1df537d2] { text-align:right } .app-NextVacation .main .main-content .balance .dots[data-v-1df537d2] { display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap; padding:22px 8px } .app-NextVacation .main .main-content .balance .dots .dot[data-v-1df537d2] { background-color:#4b4b4b; width:30px; height:30px; margin:12px; border-radius:50% } .app-NextVacation .main .main-content .balance .dots .dot.upcoming[data-v-1df537d2] { background:linear-gradient(#0d4859,#0c465b) } .app-NextVacation .main .main-content .balance .dots .dot.invisible[data-v-1df537d2] { background-color:#040d14 } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2] { height:calc(100% - 60px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar:hover { width:0 } .app-NextVacation .main .main-content .content-vacation::-ms .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-NextVacation .main .main-content .content-vacation[data-v-1df537d2]::-webkit-scrollbar-corner { background:none } .app-NextVacation .main .main-content .content-vacation li[data-v-1df537d2] { height:100px; margin:20px 16px; color:#000; border-radius:5px; border:2px solid transparent; display:flex; align-items:center; justify-content:space-between; padding:20px 25px } .app-NextVacation .main .main-content .content-vacation li .li-left .left-top[data-v-1df537d2] { font-size:20px; font-weight:700; margin-bottom:5px } .app-NextVacation .main .main-content .content-vacation li .li-left .left-bottom[data-v-1df537d2] { font-size:12px } .app-NextVacation .main .main-content .content-vacation li .li-right p[data-v-1df537d2] { font-weight:900; font-size:36px } .app-NextVacation .main .main-content .content-vacation li .li-right p span[data-v-1df537d2] { font-size:12px } .app-NextVacation .main .main-content .content-vacation li .li-right .emoji[data-v-1df537d2] { font-size:48px; opacity:.7 } .app-NextVacation .main .main-content .content-vacation li[data-v-1df537d2]:hover { border-color:#fff } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2] { height:calc(100% - 60px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar:hover { width:0 } .app-NextVacation .main .main-content .Strategy::-ms .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-NextVacation .main .main-content .Strategy[data-v-1df537d2]::-webkit-scrollbar-corner { background:none } .app-NextVacation .main .main-content .Strategy li[data-v-1df537d2] { margin-bottom:30px; padding:12px; box-sizing:border-box } .app-NextVacation .main .main-content .Strategy li .Strategy-top[data-v-1df537d2] { font-size:24px; font-weight:500; padding:0 8px } .app-NextVacation .main .main-content .Strategy li .Strategy-top span[data-v-1df537d2] { font-weight:100; margin-left:12px } .app-NextVacation .main .main-content .Strategy li .Strategy-center[data-v-1df537d2] { line-height:64px; color:#ffca32; font-size:14px; border-top:1px solid #444; border-bottom:1px solid #444; margin:20px 0; display:flex; align-items:center; justify-content:space-between } .app-NextVacation .main .main-content .Strategy li .Strategy-center button[data-v-1df537d2] { line-height:28px; border:1px solid #fff; border-radius:14px; padding:0 12px; font-size:12px; background-color:#040d14; color:#fff; float:right; margin:16px 0 16px 8px; outline:none } .app-NextVacation .main .main-content .Strategy li .Strategy-center .selected[data-v-1df537d2] { color:#ffca32; border:1px solid #ffca32 } .app-NextVacation .main .main-content .Strategy li .Strategy-center .emoji[data-v-1df537d2] { font-size:24px; opacity:.7 } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .bottom-week span[data-v-1df537d2] { display:inline-block; font-size:14px; font-weight:400; color:#296775; width:14.28571%; line-height:48px; margin:12px 0; text-align:center } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row[data-v-1df537d2] { display:flex } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line[data-v-1df537d2] { display:flex; justify-content:center; align-content:center; flex:1; flex-wrap:wrap; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; margin:12px 0; line-height:48px; transition:all .2s; background-color:transparent; color:#999da0; border-radius:5px; position:relative } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line p[data-v-1df537d2] { font-size:14px; text-align:center } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .sub[data-v-1df537d2] { position:absolute; bottom:-10px; right:0; font-size:12px } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .sub[data-v-1df537d2]:before { content:""; display:block; width:36px; height:1px; background:#999; position:absolute; left:-250%; top:20px; transform:rotate(130deg) } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .jia[data-v-1df537d2],.app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .xiu[data-v-1df537d2] { color:#1affbf } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .qing[data-v-1df537d2] { color:#ffca32 } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .jie[data-v-1df537d2] { color:#ff7a58 } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line .ban[data-v-1df537d2] { color:#fe9abc } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .day-line[data-v-1df537d2]:hover { background-color:#333 } .app-NextVacation .main .main-content .Strategy li .Strategy-bottom .day-row .not-current-month[data-v-1df537d2] { color:#555 } .app-item[data-v-9ea7f2e2] { font-size:var(--icon-size); color:var(--el-bg-color) } .app-item>div[data-v-9ea7f2e2] { overflow:hidden } .app-item .NextVacation-1x1>div[data-v-9ea7f2e2] { display:flex; flex-direction:column; justify-content:center; position:relative } .app-item .NextVacation-1x1>div>p[data-v-9ea7f2e2] { font-size:.2em } .app-item .NextVacation-1x1>div div[data-v-9ea7f2e2] { display:flex; align-items:center; justify-content:center; position:relative } .app-item .NextVacation-1x1>div div p[data-v-9ea7f2e2] { font-size:.4em; margin-left:-5px } .app-item .NextVacation-1x1>div div span[data-v-9ea7f2e2] { font-size:.2em; position:absolute; right:5px; top:0; transform:scale(.6) } .app-item .NextVacation-1x1>div>span[data-v-9ea7f2e2] { font-size:.2em; display:block; width:20px; height:20px; position:absolute; right:-2px; bottom:-2px; background-color:#93bfbd; border-radius:5px } .app-item .NextVacation-1x2>div[data-v-9ea7f2e2] { padding:0 5px; display:flex; align-items:center; justify-content:space-between } .app-item .NextVacation-1x2>div .NextVacation-1x2-left .left-top[data-v-9ea7f2e2] { font-size:.2em; text-align:left; margin-bottom:5px } .app-item .NextVacation-1x2>div .NextVacation-1x2-left .left-bottom[data-v-9ea7f2e2] { font-size:.2em; display:flex; align-items:center; position:relative } .app-item .NextVacation-1x2>div .NextVacation-1x2-left .left-bottom span[data-v-9ea7f2e2] { display:block; width:16px; height:16px; position:absolute; right:-17px; bottom:0; background-color:#93bfbd; border-radius:5px } .app-item .NextVacation-1x2>div .NextVacation-1x2-right[data-v-9ea7f2e2] { display:flex; align-items:center; position:relative } .app-item .NextVacation-1x2>div .NextVacation-1x2-right p[data-v-9ea7f2e2] { font-size:.6em; margin-right:5px } .app-item .NextVacation-1x2>div .NextVacation-1x2-right span[data-v-9ea7f2e2] { font-size:.2em; position:absolute; right:-5px; top:5px; transform:scale(.8) } .app-item .NextVacation-2x2>ul[data-v-9ea7f2e2] { padding:5px; display:flex; flex-direction:column; justify-content:center } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item[data-v-9ea7f2e2] { height:33%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px dotted var(--el-bg-color) } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-left .left-top[data-v-9ea7f2e2] { font-size:.2em; text-align:left; margin-bottom:5px } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-left .left-bottom[data-v-9ea7f2e2] { font-size:.2em; display:flex; align-items:center; position:relative } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-left .left-bottom span[data-v-9ea7f2e2] { display:block; width:16px; height:16px; position:absolute; right:-17px; bottom:0; background-color:#93bfbd; border-radius:5px } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-right[data-v-9ea7f2e2] { display:flex; align-items:center; position:relative } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-right p[data-v-9ea7f2e2] { font-size:.6em; margin-right:5px } .app-item .NextVacation-2x2>ul .NextVacation-2x2-item .item-2x2-right span[data-v-9ea7f2e2] { font-size:.2em; position:absolute; right:-5px; top:5px; transform:scale(.8) } .app-item .NextVacation-2x4>div[data-v-9ea7f2e2] { display:flex; align-items:center; justify-content:space-between; padding:10px } .app-item .NextVacation-2x4>div .NextVacation-2x4-left[data-v-9ea7f2e2] { width:50%; height:100%; text-align:left } .app-item .NextVacation-2x4>div .NextVacation-2x4-left .left-top[data-v-9ea7f2e2] { font-size:.25em } .app-item .NextVacation-2x4>div .NextVacation-2x4-left .left-center[data-v-9ea7f2e2] { text-align:right; font-size:.9em; position:relative; padding-right:40% } .app-item .NextVacation-2x4>div .NextVacation-2x4-left .left-center span[data-v-9ea7f2e2] { position:absolute; right:30%; top:0; font-size:.2em } .app-item .NextVacation-2x4>div .NextVacation-2x4-left .left-bottom[data-v-9ea7f2e2] { font-size:.2em } .app-item .NextVacation-2x4>div .NextVacation-2x4-left .left-bottom span[data-v-9ea7f2e2] { display:block; width:20px; line-height:20px; background-color:#93bfbd; border-radius:5px; text-align:center; margin-bottom:5px } .app-item .NextVacation-2x4>div .NextVacation-2x4-right[data-v-9ea7f2e2] { width:50%; height:100%; display:flex; flex-direction:column; justify-content:center; font-size:.25em } .app-item .NextVacation-2x4>div .NextVacation-2x4-right .item[data-v-9ea7f2e2] { display:flex; align-items:center; justify-content:space-between; height:25%; border-bottom:1px dotted var(--el-bg-color); padding-left:20px; position:relative } .app-item .NextVacation-2x4>div .NextVacation-2x4-right .item[data-v-9ea7f2e2]:before { content:""; width:5px; height:5px; position:absolute; background-color:var(--el-bg-color); border-radius:50%; left:0; top:50%; transform:translateY(-50%) } .M-Flipper { display:inline-block; position:relative; width:125px; height:190px; line-height:190px; border:1px solid #000; border-radius:10px; background:#000; font-size:200px; color:#fff; box-shadow:0 0 6px rgba(0,0,0,.5); text-align:center; font-family:Helvetica Neue } .M-Flipper .digital:after,.M-Flipper .digital:before { content:""; position:absolute; left:0; right:0; background:#0e0e0e; overflow:hidden; box-sizing:border-box } .M-Flipper .digital:before { top:0; bottom:50%; border-radius:10px 10px 0 0; border-bottom:2px solid #666 } .M-Flipper .digital:after { top:50%; bottom:0; border-radius:0 0 10px 10px; line-height:0 } .M-Flipper.down .front:before { z-index:3 } .M-Flipper.down .back:after { z-index:2; transform-origin:50% 0; transform:perspective(160px) rotateX(180deg) } .M-Flipper.down .back:before,.M-Flipper.down .front:after { z-index:1 } .M-Flipper.down.go .front:before { transform-origin:50% 100%; animation:frontFlipDown .6s ease-in-out both; box-shadow:0 -2px 6px hsla(0,0%,100%,.3); backface-visibility:hidden } .M-Flipper.down.go .back:after { animation:backFlipDown .6s ease-in-out both } .M-Flipper.up .front:after { z-index:3 } .M-Flipper.up .back:before { z-index:2; transform-origin:50% 100%; transform:perspective(160px) rotateX(-180deg) } .M-Flipper.up .back:after,.M-Flipper.up .front:before { z-index:1 } .M-Flipper.up.go .front:after { transform-origin:50% 0; animation:frontFlipUp .6s ease-in-out both; box-shadow:0 2px 6px hsla(0,0%,100%,.3); backface-visibility:hidden } .M-Flipper.up.go .back:before { animation:backFlipUp .6s ease-in-out both } @keyframes frontFlipDown { 0% { transform:perspective(160px) rotateX(0deg) } to { transform:perspective(160px) rotateX(-180deg) } }@keyframes backFlipDown { 0% { transform:perspective(160px) rotateX(180deg) } to { transform:perspective(160px) rotateX(0deg) } }@keyframes frontFlipUp { 0% { transform:perspective(160px) rotateX(0deg) } to { transform:perspective(160px) rotateX(180deg) } }@keyframes backFlipUp { 0% { transform:perspective(160px) rotateX(-180deg) } to { transform:perspective(160px) rotateX(0deg) } }.M-Flipper .number0:after,.M-Flipper .number0:before { content:"0" } .M-Flipper .number1:after,.M-Flipper .number1:before { content:"1" } .M-Flipper .number2:after,.M-Flipper .number2:before { content:"2" } .M-Flipper .number3:after,.M-Flipper .number3:before { content:"3" } .M-Flipper .number4:after,.M-Flipper .number4:before { content:"4" } .M-Flipper .number5:after,.M-Flipper .number5:before { content:"5" } .M-Flipper .number6:after,.M-Flipper .number6:before { content:"6" } .M-Flipper .number7:after,.M-Flipper .number7:before { content:"7" } .M-Flipper .number8:after,.M-Flipper .number8:before { content:"8" } .M-Flipper .number9:after,.M-Flipper .number9:before { content:"9" } .app-BlockView[data-v-1e595362] { background-color:#000; overflow:hidden; display:flex; justify-content:center; align-items:center } .app-BlockView .FlipClock[data-v-1e595362] { text-align:center } .app-BlockView .FlipClock .M-Flipper[data-v-1e595362] { margin:5px; color:#ccc } .app-BlockView .FlipClock em[data-v-1e595362] { display:inline-block; line-height:175px; font-size:80px; font-style:normal; vertical-align:top; color:#b3b3b3 } .app-BlockView .block-btn[data-v-1e595362] { color:var(--d-main); position:absolute; right:20px; bottom:10px; display:flex; align-items:center } .app-BlockView .block-btn .d-icon[data-v-1e595362] { opacity:.2; transition:opacity .2s } .app-BlockView .block-btn .d-icon[data-v-1e595362]:hover { opacity:1 } .app-BlockView .block-btn .pageFind-top-switch[data-v-1e595362] { position:relative; display:inline-block; width:30px; height:16px } .app-BlockView .block-btn .pageFind-top-switch input[data-v-1e595362] { display:none } .app-BlockView .block-btn .pageFind-top-switch .pageFind-top-switch-slider[data-v-1e595362] { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; transition:.4s; border-radius:34px } .app-BlockView .block-btn .pageFind-top-switch .pageFind-top-switch-slider[data-v-1e595362]:before { position:absolute; content:""; height:14px; width:14px; left:2px; top:1px; background-color:#fff; transition:.4s; border-radius:50% } .app-BlockView .block-btn .pageFind-top-switch input:checked+.pageFind-top-switch-slider[data-v-1e595362] { background-color:#2196f3 } .app-BlockView .block-btn .pageFind-top-switch input:focus+.pageFind-top-switch-slider[data-v-1e595362] { box-shadow:0 0 1px #2196f3 } .app-BlockView .block-btn .pageFind-top-switch input:checked+.pageFind-top-switch-slider[data-v-1e595362]:before { transform:translateX(13px) } .app-item[data-v-8e850a8a] { font-size:var(--icon-size); position:relative; width:100%; height:100%; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.10196078431372549); transition:transform .2s; cursor:pointer } .app-item>div[data-v-8e850a8a] { overflow:hidden } .app-item .NextVacation-1x1[data-v-8e850a8a],.app-item .NextVacation-1x2[data-v-8e850a8a] { font-size:var(--icon-size) } .app-item .NextVacation-1x1>div[data-v-8e850a8a],.app-item .NextVacation-1x2>div[data-v-8e850a8a] { text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; font-size:.3em; font-weight:700 } .app-item .NextVacation-2x1[data-v-8e850a8a] { font-size:var(--icon-size) } .app-item .NextVacation-2x1>div[data-v-8e850a8a] { font-weight:700; display:flex; flex-direction:column; align-items:center; color:#fff; padding:10px 0; justify-content:space-around } .app-item .NextVacation-2x1>div .NextVacation-2x1-month[data-v-8e850a8a] { font-size:.5em } .app-item .NextVacation-2x1>div .NextVacation-2x1-minute[data-v-8e850a8a] { font-size:.5em; flex:1 } .app-item .NextVacation-2x1>div .NextVacation-2x1-date[data-v-8e850a8a],.app-item .NextVacation-2x1>div .NextVacation-2x1-week[data-v-8e850a8a] { font-size:.233em } .app-item .NextVacation-2x2[data-v-8e850a8a],.app-item .NextVacation-2x4[data-v-8e850a8a] { font-size:var(--icon-size) } .app-item .NextVacation-2x2>div[data-v-8e850a8a],.app-item .NextVacation-2x4>div[data-v-8e850a8a] { text-align:center; color:#fff; display:flex; align-content:center; justify-content:center; flex-wrap:wrap; padding:10px } .app-item .NextVacation-2x2>div .NextVacation-2x2-time[data-v-8e850a8a],.app-item .NextVacation-2x2>div .NextVacation-2x4-time[data-v-8e850a8a],.app-item .NextVacation-2x4>div .NextVacation-2x2-time[data-v-8e850a8a],.app-item .NextVacation-2x4>div .NextVacation-2x4-time[data-v-8e850a8a] { width:100%; font-size:.667em; font-weight:700 } .app-item .NextVacation-2x2>div .NextVacation-2x2-date[data-v-8e850a8a],.app-item .NextVacation-2x2>div .NextVacation-2x4-date[data-v-8e850a8a],.app-item .NextVacation-2x4>div .NextVacation-2x2-date[data-v-8e850a8a],.app-item .NextVacation-2x4>div .NextVacation-2x4-date[data-v-8e850a8a] { width:100%; font-size:.267em } .app-item .fullsrceen-btn[data-v-8e850a8a] { position:absolute; right:10px; top:5px; opacity:.6; font-size:.2em; cursor:pointer; display:none } .app-item:hover .fullsrceen-btn[data-v-8e850a8a] { display:block } .app-item>div[data-v-07f48aa8] { overflow:hidden } .app-item .InternetTest-1x1>div[data-v-07f48aa8],.app-item .InternetTest-1x2>div[data-v-07f48aa8],.app-item .InternetTest-2x1>div[data-v-07f48aa8],.app-item .InternetTest-2x2>div[data-v-07f48aa8],.app-item .InternetTest-2x4>div[data-v-07f48aa8] { background-size:100% 100%; background-repeat:no-repeat } .app-eatToday[data-v-44eecf0c] { background-image:url(https://static.newtab.com/newtab/icon/eat.svg); background-size:cover; background-repeat:no-repeat; background-position:50%; background-color:var(--bg-card) } .app-eatToday .app-eatToday-top[data-v-44eecf0c] { text-align:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) } .app-eatToday .app-eatToday-top p[data-v-44eecf0c] { font-size:30px; font-weight:700; color:var(--d-main) } .app-eatToday .app-eatToday-top button[data-v-44eecf0c] { width:125px; height:45px; border-radius:25px; font-size:18px; color:#fff; background-image:linear-gradient(135deg,#ec7e31,#f2b542); box-shadow:0 2px 6px #f2b241; margin-top:20px } .app-eatToday .app-eatToday-top button[data-v-44eecf0c]:hover { opacity:.8 } .app-eatToday .app-eatToday-top .stop[data-v-44eecf0c] { background-image:linear-gradient(90deg,#ea4b67,#ed908b); box-shadow:0 2px 6px #f08984 } .app-eatToday .app-eatToday-top .change[data-v-44eecf0c] { background-image:linear-gradient(90deg,#4996ee,#63cdf5); box-shadow:0 2px 6px #60c4f6 } .app-eatToday .app-eatToday-bottom[data-v-44eecf0c] { position:absolute; bottom:8%; left:10%; right:10%; display:flex; align-items:center; justify-content:space-between } .app-eatToday .app-eatToday-bottom button[data-v-44eecf0c] { width:122px; height:35px; border-radius:25px; font-size:14px; color:#fff } .app-eatToday .app-eatToday-bottom button .d-icon[data-v-44eecf0c] { margin-right:5px } .app-eatToday .app-eatToday-bottom .bottom-L[data-v-44eecf0c] { background-color:#4b9aef } .app-eatToday .app-eatToday-bottom .bottom-R[data-v-44eecf0c] { background-color:#ed8533 } .app-eatToday .app-eatToday-bottom .bottom-L[data-v-44eecf0c]:hover { background-color:#81b8f4 } .app-eatToday .app-eatToday-bottom .bottom-R[data-v-44eecf0c]:hover { background-color:#f2aa70 } .app-eatToday .app-eatToday-mask[data-v-44eecf0c] { position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5) } .app-eatToday .app-eatToday-mask main[data-v-44eecf0c] { width:600px; height:250px; background-color:var(--bg-card); position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border-radius:5px } .app-eatToday .app-eatToday-mask main .mask-header[data-v-44eecf0c] { padding:20px; padding-bottom:10px; display:flex; align-items:center; justify-content:space-between } .app-eatToday .app-eatToday-mask main .mask-header .mask-header-left sub[data-v-44eecf0c] { color:var(--d-sub); font-size:13px } .app-eatToday .app-eatToday-mask main .mask-header .mask-header-right[data-v-44eecf0c] { color:var(--d-sub); cursor:pointer } .app-eatToday .app-eatToday-mask main .mask-main[data-v-44eecf0c] { padding:0 20px; padding-bottom:20px } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c] { width:100%; height:115px; border:1px solid var(--d-sub); border-radius:10px; resize:none; color:var(--el-input-text-color,var(--el-text-color-regular)); outline:none; font-size:14px; padding:5px 11px; box-sizing:border-box; line-height:22px; overflow-y:auto; background-color:var(--bg-card); --scroll-bar-color-bg:var(--d-sub) } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar:hover { width:5px } .app-eatToday .app-eatToday-mask main .mask-main textarea::-ms .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-eatToday .app-eatToday-mask main .mask-main textarea[data-v-44eecf0c]::-webkit-scrollbar-corner { background:none } .app-eatToday .app-eatToday-mask main .mask-footer[data-v-44eecf0c] { display:flex; align-items:center; justify-content:center } .app-eatToday .app-eatToday-mask main .mask-footer button[data-v-44eecf0c] { width:60px; height:32px; font-size:14px } .app-eatToday .app-eatToday-mask main .mask-footer .reset[data-v-44eecf0c] { border:1px solid #ccc; color:var(--d-sub) } .app-eatToday .app-eatToday-mask main .mask-footer .sure[data-v-44eecf0c] { margin-left:12px; border:none; background-color:#1890ff; color:#fff } .app-item[data-v-51a90ed8] { font-size:var(--icon-size) } .app-item>div[data-v-51a90ed8] { overflow:hidden; background-size:cover; background-repeat:no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:550 } .app-item>div .whateatToday-top[data-v-51a90ed8] { color:var(--d-main); font-size:12px; white-space:nowrap } .app-item>div .whateatToday-bottom[data-v-51a90ed8] { color:#fff; border-radius:25px; background-image:linear-gradient(135deg,#ec7e31,#f2b542); box-shadow:0 2px 6px #f2b241; text-align:center } .app-item>div .stop[data-v-51a90ed8] { background-image:linear-gradient(90deg,#ea4b67,#ed908b); box-shadow:0 2px 6px #f08984 } .app-item>div .change[data-v-51a90ed8] { background-image:linear-gradient(90deg,#4996ee,#63cdf5); box-shadow:0 2px 6px #60c4f6 } .app-item .whateatToday-1x1 .whateatToday-top[data-v-51a90ed8] { font-size:.25em; transform:scale(.8) } .app-item .whateatToday-1x1 .whateatToday-bottom[data-v-51a90ed8] { width:3.5em; margin-top:2px; font-size:.15em } .app-item .whateatToday-1x2 .whateatToday-top[data-v-51a90ed8] { font-size:.25em } .app-item .whateatToday-1x2 .whateatToday-bottom[data-v-51a90ed8] { width:5em; margin-top:2px; font-size:.15em } .app-item .whateatToday-2x1 .whateatToday-top[data-v-51a90ed8] { transform:scale(.8); font-size:.3em } .app-item .whateatToday-2x1 .whateatToday-bottom[data-v-51a90ed8] { width:3.5em; margin-top:2px; font-size:.2em } .app-item .whateatToday-2x2 .whateatToday-top[data-v-51a90ed8] { font-size:.3em } .app-item .whateatToday-2x2 .whateatToday-bottom[data-v-51a90ed8] { width:5em; height:1.5em; margin-top:15px; line-height:1.5em; font-size:.2em } .app-item .whateatToday-2x4 .whateatToday-top[data-v-51a90ed8] { font-size:.4em } .app-item .whateatToday-2x4 .whateatToday-bottom[data-v-51a90ed8] { width:6em; height:1.5em; margin-top:20px; line-height:1.5em; font-size:.3em } .widget-icon-item-wrap[data-v-4c79fcf3] { box-shadow:0 4px 22px 0 rgba(0,0,0,.15); border-radius:16px } .box[data-v-4c79fcf3],.out-box[data-v-4c79fcf3] { width:100%; height:100% } .box[data-v-4c79fcf3] { perspective:100%; -webkit-perspective:100% } .app-workView[data-v-33753036] { background-color:var(--bg-card); display:flex; align-items:center } .app-workView .workView-aside[data-v-33753036] { width:420px; height:190px; display:flex; align-items:center } .app-workView .workView-aside[data-v-33753036] .el-carousel { width:100% } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item { background-size:cover; background-repeat:no-repeat; background-position:50%; overflow:hidden; font-size:12px; border-radius:16px; box-shadow:0 0 5px rgba(0,0,0,.10196078431372549) } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; border-radius:16px; -webkit-backdrop-filter:blur(var(--bg-filter)); backdrop-filter:blur(var(--bg-filter)) } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item>div { position:relative; z-index:10 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-1x1>div { font-weight:700; font-size:12px; display:flex; align-items:center; justify-content:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-1x1>div div { background-size:cover; background-repeat:no-repeat; background-position:-2px -10px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-1x2>div { display:flex; align-items:center; justify-content:space-between; padding:2px 12px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-1x2>div .worktimeout-1x2-left span { display:flex; flex-flow:wrap; align-items:center; justify-content:center; font-weight:700 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-1x2>div .worktimeout-1x2-right { width:54px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center -10px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x1>div { padding:12px 2px; display:flex; flex-direction:column; justify-content:space-between; align-items:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x1>div .worktimeout-2x1-top { height:60%; font-size:16px; font-weight:700; display:flex; flex-direction:column; justify-content:space-evenly } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x1>div .worktimeout-2x1-top p { text-align:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x1>div .worktimeout-2x1-top div { writing-mode:vertical-lr; font-size:14px; font-weight:400 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x1>div .worktimeout-2x1-bottom { width:100%; height:55px; background-size:cover; background-repeat:no-repeat; background-position:-3px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x2>div { padding:12px 0 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x2>div .worktimeout-2x2-top { font-size:14px; text-align:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x2>div .worktimeout-2x2-center { font-size:25px; font-weight:700; text-align:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x2>div .worktimeout-2x2-bottom { height:65%; background-size:contain; background-repeat:no-repeat; background-position:40% -10px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x2>div>p { font-size:25px; margin-bottom:10px; text-align:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div { text-align:left; padding:5px 10px; display:flex; flex-direction:column } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-top { height:50px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-top p { font-size:15px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-top b { font-size:35px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-top span { font-size:30px; display:inline-block; margin-bottom:20px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom { display:flex; align-items:center; flex:1 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li { width:15.5%; height:80%; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:4px 2px; background-color:rgba(51,51,51,.12156862745098039); border-radius:10px; margin-right:6px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li div { white-space:nowrap } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li span { font-weight:700 } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li:nth-of-type(4) { width:auto; max-width:100px } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li:nth-of-type(4) span { width:100%; white-space:nowrap; text-align:center } .app-workView .workView-aside[data-v-33753036] .el-carousel .app-item .worktimeout-2x4>div .worktimeout-2x4-fixed { position:absolute; right:5px; top:-10px; display:inline-block; overflow:hidden; height:100%; width:100px; background-size:contain; background-repeat:no-repeat; background-position:50% } .app-workView .workView-aside[data-v-33753036] .el-carousel .el-carousel__button { width:8px; height:8px; background-color:rgba(var(--alpha-color),.6); border-radius:50%; cursor:pointer; outline:none } .app-workView .workView-main[data-v-33753036] { flex:1; background-color:var(--bg-body); padding:20px; overflow:hidden } .app-workView .workView-main .workView-main-ul[data-v-33753036] { height:calc(100% - 74px); margin-top:20px; overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar:hover { width:5px } .app-workView .workView-main .workView-main-ul::-ms .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-workView .workView-main .workView-main-ul[data-v-33753036]::-webkit-scrollbar-corner { background:none } .app-workView .workView-main .workView-main-ul>li[data-v-33753036] { margin-bottom:10px; height:46px; line-height:30px; padding:8px 16px; background-color:var(--bg-card); border-radius:6px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; overflow:hidden } .app-workView .workView-main .workView-main-ul>li>span[data-v-33753036] { font-size:14px } .app-workView .workView-main .workView-main-ul .moduleName .el-input[data-v-33753036] { width:200px; height:24px; border-radius:10px } .app-workView .workView-main .workView-main-ul .moduleName .el-input[data-v-33753036] .el-input__inner { width:100%!important; height:100%!important; border-radius:8px; background-color:var(--bg-input); border-color:transparent; padding:0 10px } .app-workView .workView-main .workView-main-ul .moduleName .el-input[data-v-33753036] .el-input__inner:focus,.app-workView .workView-main .workView-main-ul .moduleName .el-input[data-v-33753036] .el-input__inner:hover { border-color:var(--bg-hover) } .app-workView .workView-main .workView-main-ul .workDay div span[data-v-33753036] { display:inline-block; margin-right:10px; height:30px; line-height:30px; color:var(--d-sub); background-color:var(--bg-input); font-size:12px; padding:0 1px; white-space:nowrap; border-radius:6px; border:2px solid var(--bg-input) } .app-workView .workView-main .workView-main-ul .workDay div .active[data-v-33753036] { border-color:var(--d-sub) } .app-workView .workView-main .workView-main-ul .workTime>div[data-v-33753036] { width:200px; height:24px; border-radius:10px; background-color:var(--bg-input); display:flex; align-items:center } .app-workView .workView-main .workView-main-ul .workTime>div .el-date-editor[data-v-33753036] { background-color:var(--bg-input); border-radius:10px; cursor:pointer } .app-workView .workView-main .workView-main-ul .workTime>div .el-date-editor[data-v-33753036] .el-range-input { background-color:var(--bg-input); cursor:pointer } .app-workView .workView-main .workView-main-ul .workTime>div .el-date-editor[data-v-33753036] .el-range-separator { width:22px; line-height:18px; cursor:pointer } .app-workView .workView-main .workView-main-ul .workTime>div .el-date-editor[data-v-33753036] .el-range__close-icon { display:none } .app-workView .workView-main .workView-main-ul .fontColor[data-v-33753036] { display:flex; align-items:center; justify-content:space-between } .app-workView .workView-main .workView-main-ul .fontColor>span[data-v-33753036] { margin-right:20px } .app-workView .workView-main .workView-main-ul .fontColor>div[data-v-33753036] { flex:1 } .app-workView .workView-main .workView-main-ul .background[data-v-33753036] { margin-left:15px; margin-bottom:5px; font-size:14px; cursor:pointer } .app-workView .workView-main .workView-main-ul .background span[data-v-33753036] { margin:0 5px; padding:0 4px; border-radius:5px; color:rgba(var(--alpha-color),.5); font-size:12px } .app-workView .workView-main .workView-main-ul .background .active[data-v-33753036] { background-color:rgba(var(--alpha-color),.2); color:#fff } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-color[data-v-33753036] { display:flex; align-items:center; justify-content:space-between } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img[data-v-33753036] { width:100%; height:100%; overflow:hidden } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036] { display:flex; align-items:center; overflow-x:auto; --scroll-bar-color-bg:var(--d-sub) } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar:hover { width:0 } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top::-ms .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top[data-v-33753036]::-webkit-scrollbar-corner { background:none } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top li[data-v-33753036] { width:42px; height:52px; border-radius:6px; overflow:hidden; margin-right:8px; flex-shrink:0 } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-top li img[data-v-33753036] { transform:scale(1); transition:all .3s ease } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-bottom[data-v-33753036] { display:flex; align-items:center } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-bottom span[data-v-33753036] { font-size:14px; margin-right:20px } .app-workView .workView-main .workView-main-ul .backgroundChange .backgroundChange-img .img-bottom .el-slider[data-v-33753036] { flex:0.9 } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] { width:200px; height:24px; border-radius:10px } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] .el-select { width:100%; height:100% } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] .el-input { width:100%!important; height:100%!important } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] .el-input .el-input__suffix { top:10px } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] .is-focus .el-input__suffix { top:-5px } .app-workView .workView-main .workView-main-ul .font>div[data-v-33753036] .el-input__inner { width:100%; height:100%; background-color:var(--bg-input); border-radius:10px } .app-workView .workView-main .workView-main-ul .move .move-left[data-v-33753036] { display:flex; align-items:center } .app-workView .workView-main .workView-main-ul .move .move-left>span[data-v-33753036] { font-size:14px } .app-workView .workView-main .workView-main-ul .move .move-right[data-v-33753036] { display:flex; align-items:center } .app-workView .workView-main .workView-main-ul .move .move-right span[data-v-33753036] { margin-right:10px; height:30px; line-height:30px; color:var(--d-sub); background-color:var(--bg-input); font-size:12px; padding:0 1px; white-space:nowrap; border-radius:6px; border:2px solid var(--bg-input) } .app-workView .workView-main .workView-main-ul .move .move-right .active[data-v-33753036] { border-color:var(--d-sub) } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] { width:130px; height:24px; border-radius:10px; font-size:14px; display:flex; align-items:center; justify-content:flex-end } .app-workView .workView-main .workView-main-ul .moneyDay>div>span[data-v-33753036] { display:inline-block; height:100% } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] .el-select { width:50%; height:100%; margin:0 5px } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] .el-input { width:100%!important; height:100%!important } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] .el-input .el-input__suffix { top:10px } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] .is-focus .el-input__suffix { top:-5px } .app-workView .workView-main .workView-main-ul .moneyDay>div[data-v-33753036] .el-input__inner { width:100%; height:100%; background-color:var(--bg-input); border-radius:10px } .app-workView .workView-main .workView-main-ul .everyMoney>div[data-v-33753036] { width:120px } .app-workView .workView-main .workView-main-ul .everyMoney>div .el-input-number[data-v-33753036] { width:100%; height:100% } .app-workView .workView-main .workView-main-ul .everyMoney>div .el-input-number[data-v-33753036]>span { background-color:var(--bg-card) } .app-workView .workView-main .workView-main-ul .everyMoney>div .el-input-number[data-v-33753036] .el-input__inner { background-color:var(--bg-input)!important; color:var(--d-main) } .app-workView .workView-main .OK[data-v-33753036] { width:100%; height:32px; white-space:nowrap; cursor:pointer; padding:8px 15px; border-radius:20px; background-color:#1890ff; color:#fff; font-size:14px; overflow:hidden; transform:scale(1); transition:all .2 ease-out; margin-top:20px } .app-workView .workView-main .OK[data-v-33753036]:hover { opacity:.8 } .app-item[data-v-9e381374] { background-size:cover; background-repeat:no-repeat; background-position:50%; font-size:var(--icon-size) } .app-item>div[data-v-9e381374] { overflow:hidden; position:relative; z-index:10 } .app-item[data-v-9e381374]:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; border-radius:16px; -webkit-backdrop-filter:blur(var(--bg-filter)); backdrop-filter:blur(var(--bg-filter)) } .app-item .worktimeout-1x1>div[data-v-9e381374] { font-weight:700; font-size:.2em; display:flex; align-items:center; justify-content:center } .app-item .worktimeout-1x1>div div[data-v-9e381374] { background-size:cover; background-repeat:no-repeat; background-position:-2px -10px } .app-item .worktimeout-1x2>div[data-v-9e381374] { display:flex; align-items:center; justify-content:space-between; padding:2px 12px; font-size:.2em } .app-item .worktimeout-1x2>div .worktimeout-1x2-left span[data-v-9e381374] { display:flex; flex-flow:wrap; align-items:center; justify-content:center; font-weight:700; font-size:1.2em } .app-item .worktimeout-1x2>div .worktimeout-1x2-left p[data-v-9e381374] { font-size:1.2em } .app-item .worktimeout-1x2>div .worktimeout-1x2-right[data-v-9e381374] { width:4.5em; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center -10px } .app-item .worktimeout-2x1>div[data-v-9e381374] { padding:12px 2px; display:flex; flex-direction:column; justify-content:space-between; align-items:center } .app-item .worktimeout-2x1>div .worktimeout-2x1-top[data-v-9e381374] { height:60%; font-size:.267em; font-weight:700; display:flex; flex-direction:column; justify-content:space-evenly } .app-item .worktimeout-2x1>div .worktimeout-2x1-top p[data-v-9e381374] { text-align:center } .app-item .worktimeout-2x1>div .worktimeout-2x1-top div[data-v-9e381374] { writing-mode:vertical-lr; font-size:1em; font-weight:400 } .app-item .worktimeout-2x1>div .worktimeout-2x1-bottom[data-v-9e381374] { width:100%; height:1em; background-size:cover; background-repeat:no-repeat; background-position:-3px } .app-item .worktimeout-2x2>div[data-v-9e381374] { padding:12px 0 } .app-item .worktimeout-2x2>div .worktimeout-2x2-top[data-v-9e381374] { font-size:.24em; text-align:center } .app-item .worktimeout-2x2>div .worktimeout-2x2-center[data-v-9e381374] { font-size:.417em; font-weight:700; text-align:center } .app-item .worktimeout-2x2>div .worktimeout-2x2-bottom[data-v-9e381374] { height:65%; background-size:contain; background-repeat:no-repeat; background-position:40% -10px } .app-item .worktimeout-2x2>div>p[data-v-9e381374] { font-size:.417em; margin-bottom:10px; text-align:center } .app-item .worktimeout-2x4>div[data-v-9e381374] { text-align:left; padding:5px 10px; display:flex; flex-direction:column } .app-item .worktimeout-2x4>div .worktimeout-2x4-top[data-v-9e381374] { display:flex; flex-direction:column } .app-item .worktimeout-2x4>div .worktimeout-2x4-top p[data-v-9e381374] { font-size:.25em } .app-item .worktimeout-2x4>div .worktimeout-2x4-top b[data-v-9e381374] { font-size:.58em } .app-item .worktimeout-2x4>div .worktimeout-2x4-top span[data-v-9e381374] { font-size:.5em; display:inline-block; margin-bottom:20px } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom[data-v-9e381374] { display:flex; align-items:center; flex:1; font-size:.2em } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li[data-v-9e381374] { width:15.5%; height:80%; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:4px 2px; background-color:rgba(51,51,51,.12156862745098039); border-radius:10px; margin-right:.5em } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li div[data-v-9e381374] { white-space:nowrap } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li span[data-v-9e381374] { font-weight:700 } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li[data-v-9e381374]:nth-of-type(4) { width:auto; max-width:100px } .app-item .worktimeout-2x4>div .worktimeout-2x4-bottom li:nth-of-type(4) span[data-v-9e381374] { width:100%; white-space:nowrap; text-align:center } .app-item .worktimeout-2x4>div .worktimeout-2x4-fixed[data-v-9e381374] { position:absolute; right:5px; top:-10px; display:inline-block; overflow:hidden; height:100%; width:1.6em; background-size:contain; background-repeat:no-repeat; background-position:50% } .app-woodenFish[data-v-fac8c90e] { background-image:url(https://static.newtab.com/newtab/icon/muyu-bg.webp); background-repeat:no-repeat; background-size:cover; background-position:50%; padding:12px } .app-woodenFish .woodenFish-top .d-icon[data-v-fac8c90e] { color:#4b5563; top:25px; left:25px } .app-woodenFish .woodenFish-main[data-v-fac8c90e] { height:80%; display:flex; align-items:flex-end; justify-content:center } .app-woodenFish .woodenFish-main .woodenFish-content[data-v-fac8c90e] { position:relative } .app-woodenFish .woodenFish-main .woodenFish-content .woodenFish-body[data-v-fac8c90e] { transform:scale(1); transition:all .1s ease-out } .app-woodenFish .woodenFish-main .woodenFish-content .active[data-v-fac8c90e] { transform:scale(.9) } .app-woodenFish .woodenFish-main .woodenFish-content .woodenFish-hammer[data-v-fac8c90e] { position:absolute; right:-60px; top:-14%; width:70%; transition:transform .2s; transform:rotate(15deg); transform-origin:right center } .app-woodenFish .woodenFish-bottom .woodenFish-bottom-T[data-v-fac8c90e] { text-align:center } .app-woodenFish .woodenFish-bottom .woodenFish-bottom-B[data-v-fac8c90e] { display:flex; align-items:center; justify-content:center } .app-woodenFish .woodenFish-bottom .woodenFish-bottom-B .numbers[data-v-fac8c90e] { min-width:40px; border-radius:25px; line-height:26px; font-family:Arial; text-align:center; background-color:#3e3b48; padding:0 5px } .app-woodenFish .woodenFish-bottom .woodenFish-bottom-B .reset[data-v-fac8c90e] { width:26px; height:26px; text-align:center; margin-left:5px; border-radius:50%; background-color:#3e3b48; cursor:pointer } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__header { color:var(--d-main) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__header .el-icon:hover { color:#1890ff } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer { background-color:var(--bg-body); width:260px!important } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body { padding:0 10px!important } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body>div { padding:10px; margin-bottom:10px; border-radius:6px; background-color:var(--bg-card) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-top .drawer-top-C { width:100%; border:none; outline:none; border-bottom:1px solid var(--bg-hover); font-size:14px; margin:8px 0 5px 0; background-color:var(--bg-card); color:var(--d-main) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-top .drawer-top-B { font-size:12px; height:24px; display:flex; align-items:center } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-top .drawer-top-B span { padding:2px 5px; background-color:#ccc; color:rgba(var(--alpha-color),.6); background-color:rgba(var(--alpha-color),.08); border-radius:5px; cursor:pointer; margin-right:4px } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-center .drawer-center-B { display:flex; justify-content:space-between; align-content:center; flex-wrap:wrap; margin-top:8px } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-center .drawer-center-B p { width:18%; border-radius:4px; padding:2px 4px; margin:3px 0; font-size:12px; color:rgba(var(--alpha-color),.6); background-color:rgba(var(--alpha-color),.08); display:flex; align-items:center; justify-content:center; cursor:pointer } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-center .drawer-center-B .active { background-color:rgba(var(--alpha-color),.22) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom { position:relative } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R { width:30px; height:16px; position:absolute; right:10px; top:50%; transform:translateY(-50%) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R input { display:none } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R .pageFind-top-switch-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:var(--d-sub); transition:.4s; border-radius:34px } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R .pageFind-top-switch-slider:before { position:absolute; content:""; height:14px; width:14px; left:2px; bottom:1px; background-color:#fff; transition:.4s; border-radius:50% } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R input:checked+.pageFind-top-switch-slider { background-color:#2196f3 } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-bottom .drawer-bottom-R input:checked+.pageFind-top-switch-slider:before { transform:translateX(12px) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-B { margin-top:8px; display:flex; align-items:center; justify-content:space-between; height:28px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; position:relative } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-B:before { content:""; position:absolute; z-index:0; width:33.33%; height:calc(100% - 4px); left:calc(var(--left) + 1px); top:2px; background-color:rgba(var(--alpha-color),.2); border-radius:4px; transition:left .2s ease 0s } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-B li { position:relative; z-index:1; height:100%; width:33.33%; font-size:14px; color:rgba(var(--alpha-color),.6); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:color .2s ease-out } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-B .active { color:#fff } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-num { margin-top:8px; width:95%; border:none; outline:none; text-align:center; border-bottom:1px solid var(--bg-hover); color:rgba(var(--alpha-color),.6); background-color:rgba(var(--alpha-color),.08) } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-num::-webkit-inner-spin-button,.app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-num::-webkit-outer-spin-button { -webkit-appearance:none } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-timeout { margin-top:8px; display:flex; align-items:center; justify-content:space-between; height:28px; background-color:rgba(var(--alpha-color),.1); border-radius:4px; position:relative } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-timeout:before { content:""; position:absolute; z-index:0; width:20%; height:calc(100% - 4px); left:calc(var(--left) + 1px); top:2px; background-color:rgba(var(--alpha-color),.2); border-radius:4px; transition:left .2s ease 0s } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-timeout li { position:relative; z-index:1; height:100%; width:20%; font-size:14px; color:rgba(var(--alpha-color),.6); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:color .2s ease-out } .app-woodenFish .el-drawer__wrapper[data-v-fac8c90e] .el-drawer__body .drawer-mode .drawer-mode-timeout .active { color:#fff } .app-item[data-v-52d6f3a3] { font-size:var(--icon-size) } .app-item>div[data-v-52d6f3a3] { overflow:hidden } .app-item .woodenFish-1x1>div[data-v-52d6f3a3] { padding:5px; display:flex; align-items:center; justify-content:center } .app-item .woodenFish-1x2>div[data-v-52d6f3a3] { padding:10px; display:flex; align-items:center; justify-content:space-between } .app-item .woodenFish-1x2>div p[data-v-52d6f3a3] { font-size:.215em; color:#c29456 } .app-item .woodenFish-1x2>div img[data-v-52d6f3a3] { width:38%; transform:scale(1); transition:all .2s ease-out } .app-item .woodenFish-1x2>div .active[data-v-52d6f3a3] { transform:scale(.9) } .app-item .woodenFish-2x1>div[data-v-52d6f3a3] { padding:10px; display:flex; flex-direction:column; align-items:center; justify-content:space-around } .app-item .woodenFish-2x1>div p[data-v-52d6f3a3] { width:18px; font-size:.215em; color:#c29456 } .app-item .woodenFish-2x1>div img[data-v-52d6f3a3] { transform:scale(1); transition:all .2s ease-out } .app-item .woodenFish-2x1>div .active[data-v-52d6f3a3] { transform:scale(.9) } .app-item .woodenFish-2x2>div[data-v-52d6f3a3] { padding:16px; color:#c29456 } .app-item .woodenFish-2x2>div p[data-v-52d6f3a3] { font-size:.266em; text-align:left; margin-bottom:3px } .app-item .woodenFish-2x2>div div[data-v-52d6f3a3] { font-size:.21em; text-align:left } .app-item .woodenFish-2x2>div img[data-v-52d6f3a3] { width:70%; margin:0 auto; text-align:center; padding-top:15px; transform:scale(1); transition:all .2s ease-out } .app-item .woodenFish-2x2>div .active[data-v-52d6f3a3] { transform:scale(.9) } .app-item .woodenFish-2x4>div[data-v-52d6f3a3] { padding:16px; color:#c29456; display:flex; align-items:center; justify-content:space-around } .app-item .woodenFish-2x4>div .woodenFish-2x4-left[data-v-52d6f3a3] { width:46%; text-align:left } .app-item .woodenFish-2x4>div .woodenFish-2x4-left p[data-v-52d6f3a3]:first-of-type { font-size:.266em; margin-bottom:3px } .app-item .woodenFish-2x4>div .woodenFish-2x4-left p[data-v-52d6f3a3]:nth-of-type(2) { font-size:.21em } .app-item .woodenFish-2x4>div .woodenFish-2x4-right[data-v-52d6f3a3] { width:51%; padding-top:15px } .app-item .woodenFish-2x4>div .woodenFish-2x4-right img[data-v-52d6f3a3] { transform:scale(1); transition:all .2s ease-out } .app-item .woodenFish-2x4>div .woodenFish-2x4-right .active[data-v-52d6f3a3] { transform:scale(.9) } .app-timeStamp[data-v-32993714] { padding:30px 50px; background-color:var(--bg-card); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .app-timeStamp[data-v-32993714]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .app-timeStamp[data-v-32993714]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .app-timeStamp[data-v-32993714]::-webkit-scrollbar:hover { width:5px } .app-timeStamp::-ms .app-timeStamp[data-v-32993714]::-webkit-scrollbar-track { width:5px; background-color:transparent } .app-timeStamp[data-v-32993714]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .app-timeStamp[data-v-32993714]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .app-timeStamp[data-v-32993714]::-webkit-scrollbar-corner { background:none } .app-timeStamp hr[data-v-32993714] { border:none; border-top:1px solid var(--el-border-color); margin:18px 0 } .app-timeStamp .timeStamp-title[data-v-32993714] { font-size:16px; font-weight:700 } .app-timeStamp .timeStamp-top[data-v-32993714] .el-switch__core { height:24px!important; border-radius:15px!important } .app-timeStamp .timeStamp-top[data-v-32993714] .el-switch__core:before { content:"秒"; position:absolute; top:0; right:4px; color:#fff } .app-timeStamp .timeStamp-top .is-checked[data-v-32993714] .el-switch__core:before { content:"毫秒"; position:absolute; top:0; left:4px; color:#fff; font-size:13px } .app-timeStamp .timeStamp-top[data-v-32993714] .el-switch__core:after { width:20px; height:20px; left:1px } .app-timeStamp .timeStamp-top .is-checked[data-v-32993714] .el-switch__core:after { width:20px; height:20px; left:48px } .app-timeStamp .timeStamp-center[data-v-32993714] .el-input__inner { background-color:var(--bg-input); border-color:var(--bg-input) } .app-timeStamp .timeStamp-center[data-v-32993714] .el-input__inner:focus,.app-timeStamp .timeStamp-center[data-v-32993714] .el-input__inner:hover { border-color:var(--bg-hover) } .app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] { width:220px!important } .app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] .el-input__inner { background-color:var(--bg-input); border-color:var(--bg-input) } .app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] .el-input__inner:focus,.app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] .el-input__inner:hover { border-color:var(--bg-hover) } .app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] input::-webkit-inner-spin-button,.app-timeStamp .timeStamp-bottom .el-input[data-v-32993714] input::-webkit-outer-spin-button { -webkit-appearance:none!important } .app-item[data-v-76af4aa0] { font-size:var(--icon-size); background-image:url(https://static.newtab.com/assetsImgs/timestamp.png); background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-76af4aa0] { overflow:hidden } .app-PoetryView[data-v-54511c6d] { overflow-y:auto; background-color:var(--bg-input); --scroll-bar-color-bg:var(--d-sub) } .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-PoetryView[data-v-54511c6d]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar:hover { width:0 } .app-PoetryView::-ms .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-PoetryView[data-v-54511c6d]::-webkit-scrollbar-corner { background:none } .app-PoetryView .PoetryView-title[data-v-54511c6d] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-PoetryView .PoetryView-title .title-top[data-v-54511c6d] { margin:0 auto; padding:16% 30px 0 } .app-PoetryView .PoetryView-title .title-top .title-top-content[data-v-54511c6d] { font-size:34px } .app-PoetryView .PoetryView-title .title-top .title-top-reset[data-v-54511c6d] { height:34px; width:100px; font-size:13px; border:1px solid rgba(0,0,0,.2); background-color:transparent; border-radius:5px; transition:all .2s ease-out; cursor:pointer; color:rgba(0,0,0,.7) } .app-PoetryView .PoetryView-title .title-top .title-top-reset[data-v-54511c6d]:hover { border-radius:16px; background-color:var(--color); border:1px solid var(--color); color:#fff } .app-PoetryView .PoetryView-title .arrow-down[data-v-54511c6d] { font-size:22px; position:absolute; left:50%; z-index:99; margin-left:-11px; bottom:10px; width:22px; height:22px; animation:play-54511c6d 1.2s infinite; cursor:pointer } @keyframes play-54511c6d { 0% { bottom:50px; opacity:0 } to { bottom:20px } }.app-PoetryView .PoetryView-body .el-card__body[data-v-54511c6d] { background-color:var(--bg-card); color:var(--d-main) } .app-item[data-v-42f4eaf1] { font-size:var(--icon-size); background-repeat:no-repeat; background-size:cover } .app-item>div[data-v-42f4eaf1] { overflow:hidden } .app-item .PoetryToday-1x2 .PoetryToday-bg[data-v-42f4eaf1] { height:auto } .app-item .PoetryToday-1x2>div[data-v-42f4eaf1] { font-size:.185em; color:var(--d-main) } .app-item .PoetryToday-1x2>div p[data-v-42f4eaf1] { display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; color:rgba(0,0,0,.9) } .app-item .PoetryToday-2x1 .PoetryToday-bg[data-v-42f4eaf1] { height:auto } .app-item .PoetryToday-2x1>div[data-v-42f4eaf1] { font-size:.185em; color:var(--d-main) } .app-item .PoetryToday-2x1>div p[data-v-42f4eaf1] { height:100%; overflow:hidden; writing-mode:vertical-lr; -moz-column-count:1; column-count:1; text-overflow:ellipsis; color:rgba(0,0,0,.9) } .app-item .PoetryToday-2x2 .PoetryToday-bg[data-v-42f4eaf1] { height:auto } .app-item .PoetryToday-2x2>div[data-v-42f4eaf1] { color:var(--d-main); flex-wrap:wrap; align-content:center } .app-item .PoetryToday-2x2>div p[data-v-42f4eaf1] { width:100%; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; font-size:.222em; color:rgba(0,0,0,.9) } .app-item .PoetryToday-2x2>div span[data-v-42f4eaf1] { font-size:.15em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block; margin-top:5px; color:rgba(0,0,0,.7) } .app-item .PoetryToday-2x4 .PoetryToday-bg[data-v-42f4eaf1] { height:auto } .app-item .PoetryToday-2x4>div[data-v-42f4eaf1] { color:var(--d-main); flex-wrap:wrap; align-content:center } .app-item .PoetryToday-2x4>div p[data-v-42f4eaf1] { width:100%; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; font-size:.28em; color:rgba(0,0,0,.9) } .app-item .PoetryToday-2x4>div span[data-v-42f4eaf1] { font-size:.15em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block; margin-top:5px; color:rgba(0,0,0,.7) } .app-EnglishTodayView[data-v-90a0868e] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-EnglishTodayView .main[data-v-90a0868e] { background-color:rgba(0,0,0,.6); color:#fff; flex-direction:column; justify-content:center; text-align:center; position:relative } .app-EnglishTodayView .main .content[data-v-90a0868e] { font-size:18px } .app-EnglishTodayView .main .note[data-v-90a0868e] { font-size:15px; color:hsla(0,0%,100%,.7) } .app-EnglishTodayView .main .read .el-progress[data-v-90a0868e] .el-progress-circle { width:36px!important; height:36px!important; margin:0 auto; background-color:#222; border-radius:50% } .app-EnglishTodayView .main .read .el-progress[data-v-90a0868e] .el-progress-circle__path { transition:stroke-dasharray 10ms ease 0s,stroke 10ms ease 0s!important } .app-EnglishTodayView .main .read>button[data-v-90a0868e] { top:50%; left:50%; transform:translate(-50%,-50%); border:none } .app-item[data-v-27a93a4e] { font-size:var(--icon-size); color:#fff; background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-27a93a4e] { overflow:hidden } .app-item .EnglishToday-1x2[data-v-27a93a4e],.app-item .EnglishToday-2x1[data-v-27a93a4e],.app-item .EnglishToday-2x2[data-v-27a93a4e],.app-item .EnglishToday-2x4[data-v-27a93a4e] { font-size:.22em; background-color:rgba(0,0,0,.6) } .app-item .EnglishToday-2x2>div[data-v-27a93a4e],.app-item .EnglishToday-2x4>div[data-v-27a93a4e] { flex-direction:column; justify-content:center; padding:5px } .app-item .EnglishToday-2x2>div .absolute[data-v-27a93a4e],.app-item .EnglishToday-2x4>div .absolute[data-v-27a93a4e] { top:5px; right:10px } .app-item .EnglishToday-2x2>div div span[data-v-27a93a4e],.app-item .EnglishToday-2x4>div div span[data-v-27a93a4e] { overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis } .app-item .EnglishToday-2x2>div .note[data-v-27a93a4e],.app-item .EnglishToday-2x4>div .note[data-v-27a93a4e] { margin-top:10px; color:hsla(0,0%,100%,.7) } .app-item .EnglishToday-2x4[data-v-27a93a4e] { font-size:.25em } .app-item .EnglishToday-2x4 .absolute[data-v-27a93a4e] { font-size:.8em } [data-v-0e3f524a] .el-input { --el-input-text-color:var(--el-text-color-regular); --el-input-border:var(--el-border); --el-input-hover-border:var(--el-border-color-hover); --el-input-focus-border:var(--el-color-primary); --el-input-transparent-border:0 0 0 1px transparent inset; --el-input-border-color:var(--el-border-color); --el-input-border-radius:var(--el-border-radius-base); --el-input-bg-color:var(--el-fill-color-blank); --el-input-icon-color:var(--el-text-color-placeholder); --el-input-placeholder-color:var(--el-text-color-placeholder); --el-input-hover-border-color:var(--el-border-color-hover); --el-input-clear-hover-color:var(--el-text-color-secondary); --el-input-focus-border-color:var(--el-color-primary); --el-input-height:var(--el-component-size); position:relative; font-size:var(--el-font-size-base); width:100%; line-height:var(--el-input-height); box-sizing:border-box; vertical-align:middle; --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover); display:inline-flex; flex-grow:1; align-items:center; justify-content:center; padding:1px 11px; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); background-image:none; border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); transition:var(--el-transition-box-shadow); transform:translateZ(0); box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset } [data-v-0e3f524a] .el-input:hover { box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset } [data-v-0e3f524a] .el-input.is-focus { box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset } [data-v-0e3f524a] .el-input .el-input__inner { --el-input-inner-height:calc(var(--el-input-height,32px) - 2px); width:100%; flex-grow:1; color:var(--el-input-text-color,var(--el-text-color-regular)); font-size:inherit; height:var(--el-input-inner-height); line-height:var(--el-input-inner-height); padding:0; outline:0; border:none; background:0 0; box-sizing:border-box } [data-v-0e3f524a] .el-input .el-input__inner::-moz-placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } [data-v-0e3f524a] .el-input .el-input__inner::placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } [data-v-0e3f524a] .el-input-number { position:relative; display:inline-flex; width:150px; line-height:30px } [data-v-0e3f524a] .el-input-number .el-input-number__decrease,[data-v-0e3f524a] .el-input-number .el-input-number__increase { background-color:rgba(var(--alpha-color),.04); border:none!important } .app-habit[data-v-0e3f524a] { color:var(--d-main); box-sizing:border-box; overflow:hidden; min-height:300px; height:100%; transform:translateZ(0); z-index:10; position:relative } .app-habit .habit-content[data-v-0e3f524a] { background-color:var(--bg-card); display:flex; flex-direction:row; flex:1; flex-basis:auto; box-sizing:border-box; min-width:0 } .app-habit .habit-aside[data-v-0e3f524a] { background-image:url(https://static.newtab.com/assetsImgs/habit/up.png); overflow:auto; box-sizing:border-box; flex-shrink:0; width:var(--el-aside-width,300px) } .app-habit .habit-main[data-v-0e3f524a] { --el-main-padding:20px; display:block; flex:1; flex-basis:auto; overflow:auto; box-sizing:border-box; padding:var(--el-main-padding) } .app-habit .habit-main .habit-icon-preview[data-v-0e3f524a] { width:150px; height:150px; box-shadow:0 0 5px 0 rgba(var(--alpha-color),.1); border-radius:14px; overflow:hidden } .top-1\/2 { top:50% } .checkin-icon { position:relative; color:#444; width:100%; height:100%; background:#fff; background-position:50%; background-size:cover; padding:8px!important; overflow:hidden } .checkin-icon.habit-1x2,.checkin-icon.habit-2x4 { background-image:url(https://static.newtab.com/assetsImgs/habit/x.svg) } .checkin-icon.habit-2x1,.checkin-icon.habit-2x2 { background-image:url(https://static.newtab.com/assetsImgs/habit/y.svg) } .checkin-icon .habit-progress { height:calc(100% - 8px); padding:6px; border-radius:50% } .checkin-icon .habit-progress.icon-size-2x4,.checkin-icon .habit-progress.icon-size-medium { height:calc(100% - 10px); display:flex } .checkin-icon .habit-progress.icon-size-2x4 .d-progress,.checkin-icon .habit-progress.icon-size-medium .d-progress { width:50% } .checkin-icon .checkin-handle-box { display:none; position:absolute; bottom:12%; width:26px; height:26px; background:#fff; border-radius:50%; box-shadow:0 0 5px 0 rgba(0,0,0,.17) } .checkin-icon .checkin-handle-box:hover { background-color:#0092fb; color:#fff } .checkin-icon .checkin-handle-box:hover.reset { background-color:#f56c6c } .checkin-icon:hover .checkin-handle-box { display:flex } .checkin-icon:hover .checkin-progress { opacity:.7 } .app-kinView[data-v-2424c7f3] { background-color:#e4ebf5; display:flex; align-items:center; justify-content:center } .app-kinView .kinView-main[data-v-2424c7f3] { width:420px; max-height:600px } .app-kinView .kinView-main .kinView-main-top[data-v-2424c7f3] { height:160px; text-align:right; padding:0 20px; color:#677087 } .app-kinView .kinView-main .kinView-main-top .top-content[data-v-2424c7f3] { padding-bottom:16px; height:calc(100% - 40px); display:flex; justify-content:flex-end; align-items:flex-end; font-size:14px } .app-kinView .kinView-main .kinView-main-top .top-result[data-v-2424c7f3] { height:40px; font-size:14px } .app-kinView .kinView-main .kinView-main-bottom[data-v-2424c7f3] { height:calc(100% - 160px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start } .app-kinView .kinView-main .kinView-main-bottom .bottom-item[data-v-2424c7f3] { width:25%; height:25%; font-size:16px; background-color:#e4ebf5; display:flex; align-items:center; justify-content:center } .app-kinView .kinView-main .kinView-main-bottom .bottom-item .item-box[data-v-2424c7f3] { width:60px; height:60px; font-size:16px; color:#677087; transition:.5s; display:flex; align-items:center; justify-content:center; box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff; border-radius:50%; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; border:none } .app-kinView .kinView-main .kinView-main-bottom .bottom-item .item-box[data-v-2424c7f3]:hover { color:#6d5dfc } .app-kinView .kinView-main .kinView-main-bottom .bottom-item:nth-of-type(4) .item-box[data-v-2424c7f3] { color:#fb772f } .app-item[data-v-5d9c11fe] { font-size:var(--icon-size); background-image:url(https://static.newtab.com/assetsImgs/kinCalculator.png); background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-5d9c11fe],.videoCut>div[data-v-5e54705c] { overflow:hidden } .videoCut .app-item-img[data-v-5e54705c] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .videoConvert>div[data-v-7e97a1e2] { overflow:hidden } .videoConvert .app-item-img[data-v-7e97a1e2] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .app-item[data-v-76f0c29c] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-76f0c29c] { overflow:hidden } .app-item[data-v-58ad262a] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-58ad262a] { overflow:hidden } .app-item[data-v-207be211] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-207be211] { overflow:hidden } .app-item[data-v-7649bd08] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-7649bd08] { overflow:hidden } .app-item[data-v-f012d810] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-f012d810],.audioCut>div[data-v-71d1fb8f] { overflow:hidden } .audioCut .app-item-img[data-v-71d1fb8f] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .audioConvert>div[data-v-6316a65a] { overflow:hidden } .audioConvert .app-item-img[data-v-6316a65a] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .videoEditing>div[data-v-11327fce] { overflow:hidden } .videoEditing .app-item-img[data-v-11327fce] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .videoEditing>div[data-v-3da4ded6] { overflow:hidden } .videoEditing .app-item-img[data-v-3da4ded6] { display:block; -o-object-fit:var(--icon-fit,cover); object-fit:var(--icon-fit,cover); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-color:var(--icon-bg-color) } .daysMatter-body { background-color:var(--daysMatter-bg-color); color:var(--daysMatter-text-color); font-size:var(--icon-size); position:relative; background-image:var(--bg-img)!important; background-repeat:no-repeat; background-size:cover; border-radius:14px; overflow:hidden } .daysMatter-body:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; -webkit-backdrop-filter:blur(var(--bg-filter)); backdrop-filter:blur(var(--bg-filter)); border-radius:14px } .daysMatter-body .mt10 { margin-top:1em } .daysMatter-body .commemorate,.daysMatter-body .countdown,.daysMatter-body .DateOfLove { position:relative; z-index:1 } .daysMatter-body .commemorate-1x1,.daysMatter-body .countdown-1x1 { font-size:8px } .daysMatter-body .commemorate-1x2 { font-size:11px } .daysMatter-body .commemorate-2x2 { flex-direction:column; font-size:.2em } .daysMatter-body .commemorate-2x4 { overflow:hidden; font-size:.2em } .daysMatter-body .commemorate-2x4 .grid-2x4 { display:grid; grid-template-columns:1fr 1fr; padding:1em; gap:.8em } .daysMatter-body .commemorate-2x4 .grid-2x4 p { width:100% } .daysMatter-body .countdown-1x1 .countdown_title { height:40%; background-color:var(--daysMatter-text-color); color:var(--daysMatter-bg-color); font-size:8px } .daysMatter-body .countdown-1x1 div { font-size:16px } .daysMatter-body .countdown-1x2 .countdown_title { height:40%; background-color:var(--daysMatter-text-color); color:var(--daysMatter-bg-color); font-size:11px } .daysMatter-body .countdown-1x2 div { font-size:16px } .daysMatter-body .countdown-2x2 .countdown_title,.daysMatter-body .countdown-2x4 .countdown_title { height:30%; background-color:var(--daysMatter-text-color); color:var(--daysMatter-bg-color); font-size:.3em } .daysMatter-body .countdown-2x2 div,.daysMatter-body .countdown-2x4 div { font-size:.7em } .daysMatter-body .countdown-2x2 div .countdown_target,.daysMatter-body .countdown-2x4 div .countdown_target { font-size:.1em; flex-shrink:0; margin-top:3em; margin-bottom:-1.5em } .daysMatter-body .DateOfLove-1x1 { font-size:8px; justify-content:space-around } .daysMatter-body .DateOfLove-1x1 .DateOfLove_title { height:40%; font-size:.2em } .daysMatter-body .DateOfLove-1x2 { font-size:11px } .daysMatter-body .DateOfLove-1x2 .DateOfLove_title { height:50%; font-size:.2em } .daysMatter-body .DateOfLove-2x2,.daysMatter-body .DateOfLove-2x4 { padding:10px; justify-content:space-between } .daysMatter-body .DateOfLove-2x2 .DateOfLove_title,.daysMatter-body .DateOfLove-2x4 .DateOfLove_title { flex-shrink:0; font-size:.25em; text-align:left } .daysMatter-body .DateOfLove-2x2 .DateOfLove_body,.daysMatter-body .DateOfLove-2x4 .DateOfLove_body { background-repeat:no-repeat; background-position:100%; flex-grow:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end } .daysMatter-body .DateOfLove-2x2 .DateOfLove_body { background-image:url(https://static.newtab.com/assetsImgs/habit/22.png) } .daysMatter-body .DateOfLove-2x2 .DateOfLove_body p { font-size:.6em } .daysMatter-body .DateOfLove-2x2 .DateOfLove_body .date { font-size:.23em } .daysMatter-body .DateOfLove-2x4 .DateOfLove_body { background-image:url(https://static.newtab.com/assetsImgs/habit/24.png) } .daysMatter-body .DateOfLove-2x4 .DateOfLove_body p { font-size:.7em } .daysMatter-body .DateOfLove-2x4 .DateOfLove_body .date { font-size:.33em } .daysMatter-body .meal { width:110px; height:24px; border-radius:39px 39px 39px 39px; line-height:24px } .daysMatter-body .ccc { color:var(--ccc-color) } .daysMatter-body .family { font-family:var(--family); font-weight:400 } .app-sharesView .sharesView-header ul[data-v-422c118e] { position:relative; display:flex; align-items:center; justify-content:flex-start; border-radius:25px; background-color:rgba(var(--alpha-color),.1) } .app-sharesView .sharesView-header ul[data-v-422c118e]:before { content:""; background-color:rgba(var(--alpha-color),.1); position:absolute; z-index:0; width:96px; height:28px; left:var(--left); top:2px; border-radius:25px; transition:left .2s ease 0s } .app-sharesView .sharesView-header ul li[data-v-422c118e] { width:100px; height:32px; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; z-index:1; font-size:14px } .app-sharesView .sharesView-header ul .active[data-v-422c118e] { color:#fff } .app-sharesView .sharesView-main[data-v-422c118e] { height:calc(100% - 42px) } .app-item[data-v-23d26fa4] { font-size:var(--icon-size); background-repeat:no-repeat; background-size:contain; background-position:50% } .app-item>div[data-v-23d26fa4] { overflow:hidden } .app-GradientColorView[data-v-5db27c36] { background-color:#f6f6f6; padding:20px } .app-GradientColorView .GradientColorView-top[data-v-5db27c36] { height:31px; display:flex; align-items:center; justify-content:center } .app-GradientColorView .GradientColorView-top .top-color[data-v-5db27c36] { width:28px; height:28px; background:#fff; margin:0 2px; border-radius:3px; border:1px solid transparent; display:flex; align-items:center; justify-content:center } .app-GradientColorView .GradientColorView-top .top-color span[data-v-5db27c36] { display:inline-block; width:16px; height:16px; border-radius:50% } .app-GradientColorView .GradientColorView-top .top-color span.picker[data-v-5db27c36] { background:url(data:image/jpeg; base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAoACgDAREAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAABwgFCQECAwb/xAAbAQEAAgMBAQAAAAAAAAAAAAAHBQgEBgkCA//aAAwDAQACEAMQAAAAtDxz5W1UCFyvPjBIQ3DFlnlQSIjmYjFNq9UXBpsZ4z082a8AvOs5DAi8eCll17Fx33nreeBxljInF9fGdVbdb7EI+oXh8+aZq4cPoRWE8NMu9OXutT//xAAwEAABBAECAwcDAwUAAAAAAAABAgMEBREABgghMQcJEhMUIkFRYXEVUpGBweHx8v/aAAgBAQABPwDi84td0jcs3su7MbdyDGgrLNnZxTh514ZCm0K6oCTyKhhWQeYHXcz1hcFyZZz3n3lc1uyHCtRJ+SVEnW80+QF5T01a7ptdvThYUlrJiSWiFIfivKbWkjoQpJBB/rruzO9I30e0ur4cuIfdD1xXXb6Ye3r+evxSoks8m2HnOrqHFe0KVlYWtIJKelk7ItZ0iwmKK3ZDynHVk5JUo5Jz9zqTEICs9NdrjIq2HHDyH/P51vLc7YecAc6f4+2ou/JtBfRb+rlKalQJbchhxCiClxCgtJB+CCAdekJGPDr9Jcd9qU9dcbZ3PtXbEM0tJ6lEnzPUP+oSnyMKRj2nJVnOOXTVuL6Y+pctzw5+PCP7aVVKJytXPT9S9DluwpDZDjLim3AfhQOCP5GpTkasYL7vXXEbYK3Mw608vI/b/H4+mtx0CGH3EeXg/wCvvqt2jMv7uJQ1jBclTZTceM2gElTi1BKQAOpJI1xJcOF7HvJnaBsGqXLYlrLs2DHGXG3DzUtKRzWFHmQMkE631NnQluRJsV5hYOFIdQUKBGOoIBGu0F31SVk6vNq2txY+hpayRMfWQlLEZhS1qJwAAACSc/TXdi915v17tHq+IniE2u9UVlM+mXQUM5GJEuSnm286jq0hB9wSrCipKSQEjn//xAAlEQABBAEEAgIDAQAAAAAAAAABAAIDBAUGBxESITETIwhBUWH/2gAIAQIBAT8Ar365sDgrB3YpAAFh3d3BVqTLMBa4cgrcbbalWoOymNZ1LfLmj0R/QP0sdqf7eSVpLVcTpACVo2w27wQqzPiYrELbEJZKOQVDmbUb+wKx2tb9KXsF+Ou7ta+ZIckehbx1/wBUOrqU7eY/IQzrHD2pq89eUsKq13Sv44W30AxkgkHsrTeobIiHY+FWzj+PJW4W21uW669jm8tPsfxUMZLV+t7eCtPM+PhYS49o4Cfk52w9fRX/xAAkEQABBAICAgIDAQAAAAAAAAABAAIDBAURBiESMQcTCBRBUf/aAAgBAwEBPwDleVsgGCt6V1skFol6xXnN2sRDJIRpY+rZdB2Fk+OufETpcl4w9kRc0drBNlEv1riHGZrDA/SxXGCYfSODilGiFc4JXug9Li/42NyeVNqOTQHetLEfHEWFg+jw9JuHhg6a1Voopm7Co48OcuIV46ThsK9joJmecY7Ku1YqbC6Q6C4ZyyrHE2ncd469H+LENhmYJGHYKwsbmHtfuVqtIvlOgPZK+YflrFWaEmKxD/NzunPHoD/Af7tf/9k=) no-repeat; background-size:cover } .app-GradientColorView .GradientColorView-top .active[data-v-5db27c36] { border-color:#259be5 } .app-GradientColorView .GradientColorView-box[data-v-5db27c36] { height:calc(100% - 31px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub); display:flex; justify-content:flex-start; flex-wrap:wrap } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar:hover { width:0 } .app-GradientColorView .GradientColorView-box::-ms .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar-track { width:0; background-color:transparent } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .app-GradientColorView .GradientColorView-box[data-v-5db27c36]::-webkit-scrollbar-corner { background:none } .app-GradientColorView .GradientColorView-box .box-item[data-v-5db27c36] { width:294px; height:260px; background-color:#fff; padding:16px; margin:12px; box-shadow:0 6px 15px rgba(36,37,38,.0784313725490196); border-radius:16px; overflow:hidden; transition:box-shadow .25s ease,transform .25s ease } .app-GradientColorView .GradientColorView-box .box-item .item-top a[data-v-5db27c36] { display:inline-block; width:16px; height:16px } .app-GradientColorView .GradientColorView-box .box-item .item-center[data-v-5db27c36] { margin:5px auto; width:180px; height:180px; border-radius:50%; cursor:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNjg4NDYyNDEgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48cGF0aCBkPSJNMjQgMTJjMCA2LjYzLTUuMzczIDEyLTEyIDEyLTYuNjI4IDAtMTItNS4zNy0xMi0xMlM1LjM3MiAwIDEyIDBjNi42MjcgMCAxMiA1LjM3IDEyIDEyeiIgaWQ9ImIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgMykiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjcgMTVjMCA2LjYzLTUuMzczIDEyLTEyIDEyLTYuNjI4IDAtMTItNS4zNy0xMi0xMlM4LjM3MiAzIDE1IDNjNi42MjcgMCAxMiA1LjM3IDEyIDEyeiIgZmlsbD0iI0ZGRiIvPjxnIGZpbGw9IiMxQTFBMUIiPjxwYXRoIGQ9Ik0yMC44OTUgMjAuMzg4bC0yLjkxNi0yLjkxNmE1LjA5NiA1LjA5NiAwIDAwMS4yNTYtMy4zNTVBNS4xMjIgNS4xMjIgMCAwMDE0LjExOCA5YTUuMTIyIDUuMTIyIDAgMDAtNS4xMTcgNS4xMTcgNS4xMjQgNS4xMjQgMCAwMDUuMTE3IDUuMTE2IDUuMDk2IDUuMDk2IDAgMDAzLjM1NS0xLjI1NmwyLjkxNiAyLjkxN2MuMDcuMDY5LjE2My4xMDYuMjUzLjEwNmEuMzYuMzYgMCAwMC4yNTMtLjYxMnpNOS43MTcgMTQuMTE3YTQuNDAzIDQuNDAzIDAgMDE0LjM5OC00LjM5OSA0LjQwMyA0LjQwMyAwIDAxNC4zOTkgNC4zOTljMCAyLjQyNC0xLjk3MiA0LjQtNC4zOTkgNC40YTQuNDA1IDQuNDA1IDAgMDEtNC4zOTgtNC40eiIvPjwvZz48L2c+PC9zdmc+),pointer } .app-GradientColorView .GradientColorView-box .box-item .item-bottom[data-v-5db27c36] { display:flex; align-items:center; justify-content:space-between } .app-GradientColorView .GradientColorView-box .box-item .item-bottom .item-bottom-L span[data-v-5db27c36] { display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:10px; cursor:pointer } .app-GradientColorView .GradientColorView-preview[data-v-5db27c36] { z-index:3000; position:fixed; height:3000px; width:3000px; left:0; top:0; border-radius:50%; transform:scale(0); transform-origin:center; transition:transform .7s cubic-bezier(.47,.04,.22,.92); background-color:#86939e; cursor:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR4PSIxIiBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjEwOTYyOTc1NSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0yNSAxMmMwIDYuNjMtNS4zNzMgMTItMTIgMTItNi42MjggMC0xMi01LjM3LTEyLTEyUzYuMzcyIDAgMTMgMGM2LjYyNyAwIDEyIDUuMzcgMTIgMTJ6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgNSkiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz48L2c+PGcgc3Ryb2tlPSIjMzMzNDM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS45OSAyMy41MWwxMi4wMi0xMi4wMk0xMS45OSAxMS40OWwxMi4wMiAxMi4wMiIvPjwvZz48L2c+PC9zdmc+),crosshair } .app-item[data-v-e2a90f04] { font-size:var(--icon-size); background-repeat:no-repeat; background-size:contain; background-position:50% } .app-item>div[data-v-e2a90f04] { overflow:hidden } .IpSearchView[data-v-b1996394] { padding:30px } .IpSearchView .IpSearchView-top[data-v-b1996394] { position:relative; margin-bottom:20px } .IpSearchView .IpSearchView-top[data-v-b1996394]:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:var(--el-border-color-light); z-index:1 } .IpSearchView .IpSearchView-top .content[data-v-b1996394] { justify-content:flex-start; height:40px } .IpSearchView .IpSearchView-top .content p[data-v-b1996394] { width:var(--width); height:2px; position:absolute; bottom:0; left:var(--left); background-color:var(--el-color-primary); z-index:2; transition:all .2s ease-out } .IpSearchView .IpSearchView-top .content div[data-v-b1996394] { position:relative; cursor:pointer; margin:0 15px } .IpSearchView .IpSearchView-top .content div[data-v-b1996394]:hover { color:var(--el-color-primary) } .IpSearchView .IpSearchView-top .content .item-0[data-v-b1996394] { margin-left:0 } .IpSearchView .IpSearchView-main[data-v-b1996394] { height:calc(100% - 60px) } .IpSearchView .IpSearchView-main .main-newTab-top[data-v-b1996394] .el-input-group__append { text-align:center; width:60px } .IpSearchView .IpSearchView-main .main-newTab-bottom p[data-v-b1996394] { height:32px } .app-item[data-v-b6d983f4] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-b6d983f4] { overflow:hidden } .app-item[data-v-79995e5c] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-79995e5c] { overflow:hidden } .games-wrap[data-v-2cd5fa1a] { position:relative; color:#fff; background-size:cover; background-position:50%; background-image:url(https://static.newtab.com/assetsImgs/games-bg.webp) } .games-wrap .games-title[data-v-2cd5fa1a] { line-height:50px; font-size:16px; color:#bbc5de; background-color:rgba(0,0,0,.10196078431372549) } .games-wrap .games-title .games-menu[data-v-2cd5fa1a] { position:absolute; width:32px; height:32px; left:20px; top:8px; border-radius:6px; background-color:rgba(0,0,0,.2); color:#e0e0e0; transition:.2s; cursor:pointer } .games-wrap .games-title .games-menu[data-v-2cd5fa1a]:hover { background-color:rgba(0,0,0,.30196078431372547) } .games-wrap .games-title .games-menu[data-v-2cd5fa1a]:active { transform:scale(.9) } .games-wrap .games-body[data-v-2cd5fa1a] { position:relative; z-index:3; height:calc(100% - 50px) } .games-wrap .games-body .games-item[data-v-2cd5fa1a] { border-radius:22px; background-color:hsla(0,0%,100%,.0392156862745098); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 12px 16px -8px rgba(0,0,0,.10196078431372549); text-align:center; cursor:pointer; width:137px; height:137px; display:inline-block; margin:10px; transition:.2s } .games-wrap .games-body .games-item[data-v-2cd5fa1a]:hover { background-color:hsla(0,0%,100%,.0784313725490196); box-shadow:0 18px 16px -8px rgba(0,0,0,.2) } .games-wrap .games-body .games-item .item-logo[data-v-2cd5fa1a] { width:60px; height:60px; border-radius:16px; margin-top:24px; box-shadow:0 6px 12px rgba(0,0,0,.23921568627450981) } .app-item[data-v-6fd19b52] { font-size:var(--icon-size) } .app-item>div[data-v-6fd19b52] { overflow:hidden } .app-item .games-wrap[data-v-6fd19b52] { background-color:#fff } .app-item .games-wrap.icon-size-2x2[data-v-6fd19b52] { flex-direction:column } .app-item .games-body[data-v-6fd19b52] { height:76%; padding:0 6%; border-radius:20px 20px 0 0; background-color:hsla(0,0%,100%,.10196078431372549); display:flex; align-items:center } .app-item .games-body li[data-v-6fd19b52] { position:relative } .app-item .games-body li p[data-v-6fd19b52] { width:70%; position:absolute; bottom:15px; color:#fff } .app-item .games-body li>div[data-v-6fd19b52] { background-repeat:no-repeat; background-size:100%; background-position:center 100%; height:100%; width:70%; margin-top:15% } .app-item .games-body li>div>div[data-v-6fd19b52] { display:flex; justify-content:flex-start; align-items:flex-start } .app-item .games-body li:first-child>div[data-v-6fd19b52] { background-image:url(https://static.newtab.com/assetsImgs/games/1.png) } .app-item .games-body li:nth-child(2)>div[data-v-6fd19b52] { background-image:url(https://static.newtab.com/assetsImgs/games/2.png) } .app-item .games-body li:nth-child(3)>div[data-v-6fd19b52] { background-image:url(https://static.newtab.com/assetsImgs/games/3.png) } .app-item .games-body li:nth-child(4)>div[data-v-6fd19b52] { background-image:url(https://static.newtab.com/assetsImgs/games/4.png) } .app-item .games-body .games-body-item[data-v-6fd19b52] { display:inline-flex; width:25%; justify-content:center; font-size:.2em } .app-item .games-body .games-body-item .games-body-icon[data-v-6fd19b52] { margin-top:10%; padding:0 10% } .app-item .games-body .games-body-item .games-body-icon img[data-v-6fd19b52] { display:block; -o-object-fit:cover; object-fit:cover; width:2.5em; height:2.5em; border-radius:5px } .app-item .games-wrap.icon-size-2x2 .games-body .games-body-item[data-v-6fd19b52] { display:inline-flex; width:50%; justify-content:center } .app-item .games-wrap.icon-size-2x2 .games-body .games-body-item>div[data-v-6fd19b52] { width:78% } [data-v-6fd19b52] .el-carousel__container { flex-grow:1; height:1.9em } [data-v-6fd19b52] .el-carousel__container .el-carousel__arrow { width:20px; height:20px } [data-v-6fd19b52] .el-carousel__container .el-carousel__arrow--left { left:5px } [data-v-6fd19b52] .el-carousel__container .el-carousel__arrow--right,[data-v-6fd19b52] .el-carousel__container .el-notification.right { right:5px } .CurrencyView[data-v-f849ecfe] { padding:30px 20px 20px; display:flex; background-color:var(--bg-info) } .CurrencyView .CurrencyView-aside[data-v-f849ecfe] { width:20%; margin-right:30px; display:flex; flex-direction:column } .CurrencyView .CurrencyView-aside h1[data-v-f849ecfe] { color:#448ef7; font-size:20px; font-weight:700; margin-bottom:10px } .CurrencyView .CurrencyView-aside .aside-list[data-v-f849ecfe] { flex-grow:1; background-color:var(--bg-card); border-radius:5px; text-align:center; padding:10px 0 } .CurrencyView .CurrencyView-aside .aside-list>p[data-v-f849ecfe] { font-size:17px; font-weight:900; margin-bottom:10px } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox[data-v-f849ecfe] { display:flex; flex-direction:column; height:calc(100% - 22px) } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item[data-v-f849ecfe] { padding:10px; border-radius:10px; height:33.33%; display:flex; flex-direction:column; justify-content:space-around; margin-bottom:20px; background-color:var(--currency-aside-item-bghover); position:relative; cursor:pointer } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-bottom[data-v-f849ecfe],.CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-top[data-v-f849ecfe] { display:flex; align-items:center; justify-content:space-between; height:27%; border-radius:5px; padding:0 5px; color:var(--el-text-color-regular); background-color:var(--bg-card) } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-bottom img[data-v-f849ecfe],.CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-top img[data-v-f849ecfe] { width:24px; height:24px; border-radius:4px } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-bottom p[data-v-f849ecfe],.CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-top p[data-v-f849ecfe] { font-size:14px; font-weight:700 } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-center[data-v-f849ecfe] { display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:14px; color:var(--d-sub) } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-center p[data-v-f849ecfe] { transform:scale(.8); width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item .item-del[data-v-f849ecfe] { position:absolute; top:0; right:0; color:#e9504a; transform:scale(0); transition:transform .1s ease-out } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item:hover .item-del[data-v-f849ecfe] { transform:scale(1) } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item:hover .item-bottom[data-v-f849ecfe],.CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item:hover .item-top[data-v-f849ecfe] { background-color:var(--currency-aside-item-bghover-2); color:#fff } .CurrencyView .CurrencyView-aside .aside-list .list-itemBox .list-item[data-v-f849ecfe]:hover { background-color:var(--currency-aside-item-bghover-1) } .CurrencyView .CurrencyView-main[data-v-f849ecfe] { width:calc(100% - 200px) } .CurrencyView .CurrencyView-main .main-top[data-v-f849ecfe] { height:20%; border-radius:10px; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; background-color:var(--currency-aside-item-bghover) } .CurrencyView .CurrencyView-main .main-top .main-top-left[data-v-f849ecfe] { height:100%; display:flex; flex-direction:column; justify-content:space-around } .CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-T[data-v-f849ecfe] { font-size:12px; margin-bottom:5px } .CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-B[data-v-f849ecfe] { display:flex; align-items:center } .CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-B img[data-v-f849ecfe] { margin-right:10px } .CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-B[data-v-f849ecfe] .el-input__inner { width:160px; height:42px; font-weight:700; border-radius:5px; background-color:var(--bg-input); border-color:var(--bg-btn) } .CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-B[data-v-f849ecfe] .el-input__inner:focus,.CurrencyView .CurrencyView-main .main-top .main-top-left .MTL-B[data-v-f849ecfe] .el-input__inner:hover { border-color:var(--d-sub) } .CurrencyView .CurrencyView-main .main-top .main-top-right[data-v-f849ecfe] { display:flex; align-items:flex-end } .CurrencyView .CurrencyView-main .main-top .main-top-right b[data-v-f849ecfe] { display:inline-block; line-height:42px; margin-right:10px; font-size:20px } .CurrencyView .CurrencyView-main .main-top .main-top-right input[data-v-f849ecfe] { border:none; outline:none; height:42px; width:160px; border-radius:25px; font-size:20px; font-weight:700; text-align:center; border:1px solid var(--bg-btn); background-color:var(--bg-input); color:var(--d-main) } .CurrencyView .CurrencyView-main .main-top .main-top-right input[data-v-f849ecfe]::-webkit-inner-spin-button,.CurrencyView .CurrencyView-main .main-top .main-top-right input[data-v-f849ecfe]::-webkit-outer-spin-button { -webkit-appearance:none } .CurrencyView .CurrencyView-main .main-top .main-top-right input[data-v-f849ecfe]:focus,.CurrencyView .CurrencyView-main .main-top .main-top-right input[data-v-f849ecfe]:hover { border-color:var(--d-sub) } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe] { height:calc(60% - 40px); overflow-y:auto; --scroll-bar-color-bg:var(--d-sub); display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0; padding:10px 20px; border-radius:10px; background-color:var(--currency-aside-item-bghover) } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:5px; height:5px } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-moz-scrollbar { width:5px; height:5px; scrollbar-width:thin } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar:hover { width:5px } .CurrencyView .CurrencyView-main .main-center::-ms .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar-track { width:5px; background-color:transparent } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar-thumb { width:5px; background:var(--scroll-bar-color-bg); border-radius:4px } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar-thumb:hover { width:5px; background:rgba(0,0,0,.2) } .CurrencyView .CurrencyView-main .main-center[data-v-f849ecfe]::-webkit-scrollbar-corner { background:none } .CurrencyView .CurrencyView-main .main-center .center-item[data-v-f849ecfe] { width:23%; height:58px; margin:6px 0; padding:10px; display:flex; align-items:center; justify-content:space-around; background-color:var(--bg-hover); border-radius:5px; font-size:12px; cursor:pointer } .CurrencyView .CurrencyView-main .main-center .center-item div[data-v-f849ecfe] { flex-grow:1; display:flex; justify-content:space-evenly; align-items:center; height:100% } .CurrencyView .CurrencyView-main .main-center .center-item div span[data-v-f849ecfe] { display:block; width:2px; height:60%; background-color:#ccc } .CurrencyView .CurrencyView-main .main-center .active[data-v-f849ecfe],.CurrencyView .CurrencyView-main .main-center .center-item[data-v-f849ecfe]:hover { background-color:var(--currency-aside-item-bghover-2); color:#fff } .CurrencyView .CurrencyView-main .main-bottom[data-v-f849ecfe] { background-color:var(--currency-aside-item-bghover); height:20%; padding:5px 20px; display:flex; justify-content:space-between; border-radius:10px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left[data-v-f849ecfe] { display:flex; flex-direction:column; justify-content:space-around } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top[data-v-f849ecfe] { display:flex; align-items:center } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top>div[data-v-f849ecfe] { display:flex } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top>div img[data-v-f849ecfe] { margin-right:10px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top>div div[data-v-f849ecfe] { display:flex; align-items:center; justify-content:space-evenly; font-size:14px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top>div div span[data-v-f849ecfe] { display:block; width:2px; height:60%; background-color:#ccc; margin:0 10px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-top>p[data-v-f849ecfe] { height:2px; width:40px; background-color:#ccc; margin:0 15px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-bottom[data-v-f849ecfe] { display:flex; align-items:center } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-bottom b[data-v-f849ecfe] { margin-right:10px; font-size:20px } .CurrencyView .CurrencyView-main .main-bottom .bottom-left .bottom-left-bottom p[data-v-f849ecfe] { line-height:42px; width:160px; border-radius:25px; font-size:20px; font-weight:700; text-align:center; background-color:var(--bg-card); padding:0 10px; cursor:default; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .CurrencyView .CurrencyView-main .main-bottom .bottom-right[data-v-f849ecfe] { display:flex; align-items:center } .CurrencyView .CurrencyView-main .main-bottom .bottom-right button[data-v-f849ecfe] { width:100px; height:40px; border-radius:5px; background-color:var(--bg-hover); margin:0 10px; font-weight:700; border:none } .CurrencyView .CurrencyView-main .main-bottom .bottom-right button[data-v-f849ecfe]:hover { background-color:var(--currency-aside-item-bghover-2); color:#fff } .app-item[data-v-1ee27bc6] { font-size:var(--icon-size); padding:15px 5px } .app-item>div[data-v-1ee27bc6] { overflow:hidden } .app-item .Currency-2x2>div[data-v-1ee27bc6],.app-item .Currency-2x4>div[data-v-1ee27bc6] { color:var(--d-main); justify-content:space-around; position:relative } .app-item .Currency-2x2>div .main[data-v-1ee27bc6],.app-item .Currency-2x4>div .main[data-v-1ee27bc6] { transition:all .2s ease-out } .app-item .Currency-2x2>div .Currency-top[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top[data-v-1ee27bc6] { height:75%; font-size:.2em; display:flex; align-items:flex-start; justify-content:space-around } .app-item .Currency-2x2>div .Currency-top img[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top img[data-v-1ee27bc6] { width:36px; height:36px; border-radius:5px } .app-item .Currency-2x2>div .Currency-top .Currency-top-left[data-v-1ee27bc6],.app-item .Currency-2x2>div .Currency-top .Currency-top-right[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-left[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-right[data-v-1ee27bc6] { display:flex; flex-direction:column; justify-content:space-between; align-items:center } .app-item .Currency-2x2>div .Currency-top .Currency-top-left div[data-v-1ee27bc6],.app-item .Currency-2x2>div .Currency-top .Currency-top-right div[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-left div[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-right div[data-v-1ee27bc6] { margin-top:5px } .app-item .Currency-2x2>div .Currency-top .Currency-top-center[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-center[data-v-1ee27bc6] { width:40px } .app-item .Currency-2x2>div .Currency-top .Currency-top-center .center-bottom[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-top .Currency-top-center .center-bottom[data-v-1ee27bc6] { width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .app-item .Currency-2x2>div .hr[data-v-1ee27bc6],.app-item .Currency-2x4>div .hr[data-v-1ee27bc6] { height:100%; width:1px; background-color:#ccc; position:absolute; left:50%; transform:translateX(-50%) } .app-item .Currency-2x2>div .Currency-bottom[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-bottom[data-v-1ee27bc6] { height:30px; font-size:.2em; justify-content:space-around } .app-item .Currency-2x2>div .Currency-bottom .Currency-bottom-left[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-bottom .Currency-bottom-left[data-v-1ee27bc6] { width:60%; height:100%; display:flex; align-items:center; background-color:var(--bg-input); border-radius:4px; padding:0 5px; color:var(--d-sub) } .app-item .Currency-2x2>div .Currency-bottom .Currency-bottom-right[data-v-1ee27bc6],.app-item .Currency-2x4>div .Currency-bottom .Currency-bottom-right[data-v-1ee27bc6] { display:inline-block; width:42px; height:100%; background-color:var(--el-color-primary); color:#fff } [data-v-7451d6af] .el-tag { --el-tag-font-size:12px; --el-tag-border-radius:4px; --el-tag-border-radius-rounded:9999px; --el-tag-bg-color:var(--el-color-primary-light-9); --el-tag-border-color:var(--el-color-primary-light-8); --el-tag-hover-color:var(--el-color-primary); --el-tag-text-color:var(--el-color-primary); background-color:var(--el-tag-bg-color); border-color:var(--el-tag-border-color); color:var(--el-tag-text-color); display:inline-flex; justify-content:center; align-items:center; height:24px; padding:0 9px; font-size:var(--el-tag-font-size); line-height:1; border-width:1px; border-style:solid; border-radius:var(--el-tag-border-radius); box-sizing:border-box; white-space:nowrap; --el-icon-size:14px; padding-right:5px; margin-right:5px } [data-v-7451d6af] .el-autocomplete { margin-top:20px; margin-right:20px; width:220px } [data-v-7451d6af] .el-autocomplete .el-input { --el-input-text-color:var(--el-text-color-regular); --el-input-border:var(--el-border); --el-input-hover-border:var(--el-border-color-hover); --el-input-focus-border:var(--el-color-primary); --el-input-transparent-border:0 0 0 1px transparent inset; --el-input-border-color:var(--el-border-color); --el-input-border-radius:var(--el-border-radius-base); --el-input-bg-color:var(--el-fill-color-blank); --el-input-icon-color:var(--el-text-color-placeholder); --el-input-placeholder-color:var(--el-text-color-placeholder); --el-input-hover-border-color:var(--el-border-color-hover); --el-input-clear-hover-color:var(--el-text-color-secondary); --el-input-focus-border-color:var(--el-color-primary); --el-input-height:var(--el-component-size); position:relative; font-size:var(--el-font-size-base); display:inline-flex; width:100%; line-height:var(--el-input-height); box-sizing:border-box; vertical-align:middle } .workClock-wrap[data-v-7451d6af] { background-color:var(--bg-card); color:var(--d-main) } .workClock-wrap .curr-timezone[data-v-7451d6af] { margin-top:6%; font-size:1em; font-weight:700; line-height:140px; font-family:var(--fontFamily) } .workClock-wrap .timezone-list[data-v-7451d6af] { font-size:13px } .workClock-wrap .timezone-list li[data-v-7451d6af] { position:relative; text-align:center; display:inline-block; width:60px; height:60px; padding:10px 0; line-height:20px; background-color:var(--bg-info); margin:5px; cursor:pointer } .workClock-wrap .timezone-list li .item-delete[data-v-7451d6af] { display:none; position:absolute; font-size:16px; right:-4px; top:-5px } .workClock-wrap .timezone-list li .item-delete[data-v-7451d6af]:hover { color:#e5353d } .workClock-wrap .timezone-list li:hover .item-delete[data-v-7451d6af] { display:block } .workClock-wrap .timezone-list li.active[data-v-7451d6af]:before { position:absolute; left:-2px; top:-2px; width:10px; height:10px; background:var(--bg-card); border-radius:50%; line-height:7px; color:#409eff; font-weight:700; content:"✓"; font-size:16px } .workClock-wrap .reset-icon[data-v-7451d6af] { background-color:var(--bg-input); width:24px; height:24px; border-radius:4px } .workClock-wrap .reset-icon[data-v-7451d6af]:hover { opacity:.8 } .digits[data-v-d077f2e4] { position:relative; width:30em; height:30em; padding:3px; box-sizing:content-box; background-color:var(--bg); color:var(--text); border-radius:50% } .digits .point[data-v-d077f2e4] { position:absolute; left:50%; top:50%; width:0; height:0 } .digits .point[data-v-d077f2e4]:before { content:""; position:absolute; z-index:1; left:50%; top:50%; width:10px; height:10px; transform:translate(-50%,-50%); border-radius:5px; background-color:var(--text) } .digits .point span.hand[data-v-d077f2e4] { position:absolute; width:2px; bottom:0; left:50%; transform:rotate(90deg); transform-origin:bottom; background-color:var(--text); border-radius:1px; margin-left:-1px } .digits .point span.hand.hours-hand[data-v-d077f2e4] { height:9em } .digits .point span.hand.minutes-hand[data-v-d077f2e4] { height:12em } .digits .point span.hand.seconds-hand[data-v-d077f2e4] { height:14em; width:1px; background-color:#fb7e01 } .digits p[data-v-d077f2e4] { font-size:1.6em; display:block; width:1.6em; height:1.6em; position:absolute; top:50%; left:50%; line-height:1.6em; text-align:center; margin:-.8em 0 0 -.8em; font-weight:700 } .digits p[data-v-d077f2e4]:first-child { transform:translate(3.9em,-6.9em) } .digits p[data-v-d077f2e4]:nth-child(2) { transform:translate(6.9em,-4em) } .digits p[data-v-d077f2e4]:nth-child(3) { transform:translate(8em) } .digits p[data-v-d077f2e4]:nth-child(4) { transform:translate(6.8em,4em) } .digits p[data-v-d077f2e4]:nth-child(5) { transform:translate(3.9em,6.9em) } .digits p[data-v-d077f2e4]:nth-child(6) { transform:translateY(8em) } .digits p[data-v-d077f2e4]:nth-child(7) { transform:translate(-3.9em,6.9em) } .digits p[data-v-d077f2e4]:nth-child(8) { transform:translate(-6.8em,4em) } .digits p[data-v-d077f2e4]:nth-child(9) { transform:translate(-8em) } .digits p[data-v-d077f2e4]:nth-child(10) { transform:translate(-6.9em,-4em) } .digits p[data-v-d077f2e4]:nth-child(11) { transform:translate(-3.9em,-6.9em) } .digits p[data-v-d077f2e4]:nth-child(12) { transform:translateY(-8em) } .app-item[data-v-5f5e2a14] { font-size:var(--icon-size); --bg:#fff; --text:#343436 } .app-item>div[data-v-5f5e2a14] { overflow:hidden } .app-item .worldClock-wrap[data-v-5f5e2a14] { position:relative; background-color:#1c1c1e; color:#fff } .app-item .worldClock-wrap ul[data-v-5f5e2a14] { overflow:hidden } .app-item .worldClock-wrap.icon-size-2x2 li[data-v-5f5e2a14] { width:50%; height:50% } .app-item .worldClock-wrap .time[data-v-5f5e2a14] { font-size:12px } .app-item .worldClock-wrap.icon-size-2x2 li .time[data-v-5f5e2a14] { font-size:16px } .app-item .worldClock-wrap.icon-size-2x4 li[data-v-5f5e2a14] { width:25%; height:100% } .oneiromancy-wrap[data-v-2d7058d4] { position:relative; color:#000 } .oneiromancy-wrap img[data-v-2d7058d4] { width:100% } .oneiromancy-wrap .oneiromancy_body[data-v-2d7058d4] { position:absolute; left:0; right:0; overflow:auto; transition:all .3s ease-in-out; background-color:#fff; box-shadow:0 -10px 63px 0 hsla(0,0%,60%,.2) } .oneiromancy-wrap .oneiromancy_body[data-v-2d7058d4]::-webkit-scrollbar { width:0 } .oneiromancy-wrap .oneiromancy_body .box[data-v-2d7058d4] { width:65% } .oneiromancy-wrap .oneiromancy_body .box h4[data-v-2d7058d4] { margin-top:20px } .oneiromancy-wrap .oneiromancy_body .box .analyse-title[data-v-2d7058d4] { display:flex; flex-wrap:wrap; justify-content:flex-start } .oneiromancy-wrap .oneiromancy_body .box .analyse-title li[data-v-2d7058d4] { margin-left:9px; margin-top:5px } .oneiromancy-wrap .oneiromancy_body .box .analyse-title p[data-v-2d7058d4] { padding:0 30px; text-align:center; line-height:40px; height:40px; color:#fff; background:#dbdbdb; border-radius:10px 10px 10px 10px; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer } .oneiromancy-wrap .oneiromancy_body .box .analyse-title p[data-v-2d7058d4]:active { background:#c9c9c9 } .oneiromancy-wrap .oneiromancy_body .box .analyse-title p[data-v-2d7058d4]:hover { background:#e9e9e9 } .oneiromancy-wrap .oneiromancy_body .box .analyse-title p.active[data-v-2d7058d4] { background:#448ef7 } .oneiromancy-wrap .oneiromancy_body .box .analyse[data-v-2d7058d4] { background:#fff; border-radius:10px; border:2px solid #e3e3e3; padding:20px } .oneiromancy-wrap .oneiromancy_body .box .analyse h5[data-v-2d7058d4] { font-size:28px; font-weight:700; color:#448ef7 } .oneiromancy-wrap .oneiromancy_body .box .analyse p[data-v-2d7058d4] { text-indent:2em } .oneiromancy-wrap .oneiromancy_body .recom[data-v-2d7058d4] { justify-content:flex-start } .oneiromancy-wrap .oneiromancy_body .recom li[data-v-2d7058d4] { background:#e3e3e3; border-radius:5px; font-size:13px; padding:5px 20px; margin-right:12px; margin-top:5px; cursor:pointer; color:#666; -webkit-user-select:none; -moz-user-select:none; user-select:none } .oneiromancy-wrap .oneiromancy_body .recom li[data-v-2d7058d4]:hover { box-shadow:0 0 3px 2px #eee } .oneiromancy-wrap .oneiromancy_body .recom li[data-v-2d7058d4]:active { transform:scale(.98) } [data-v-2d7058d4] .el-textarea { height:150px } [data-v-2d7058d4] .el-textarea .el-textarea__inner { height:100%; background:#fff; box-shadow:inset 0 0 10px 0 rgba(0,0,0,.2); border-radius:10px 10px 10px 10px; border:2px solid #e3e3e3; resize:none } [data-v-2d7058d4] .el-button { width:120px; height:36px } .app-item[data-v-2fc68304] { font-size:var(--icon-size) } .app-item>div[data-v-2fc68304] { overflow:hidden } .app-item .Oneiromancy-wrap[data-v-2fc68304] { background-color:#eee; background-repeat:no-repeat; background-size:cover } .app-item .Oneiromancy-wrap.icon-size-1x1[data-v-2fc68304] { background-image:url(https://static.newtab.com/assetsImgs/Oneiromancy/Oneiromancy1x1.png) } .app-item .Oneiromancy-wrap.icon-size-1x2[data-v-2fc68304] { background-image:url(https://static.newtab.com/assetsImgs/Oneiromancy/Oneiromancy1x2.png) } .app-item .Oneiromancy-wrap.icon-size-2x2[data-v-2fc68304] { background-image:url(https://static.newtab.com/assetsImgs/Oneiromancy/Oneiromancy2x2.png) } .app-item .Oneiromancy-wrap.icon-size-2x4[data-v-2fc68304] { background-image:url(https://static.newtab.com/assetsImgs/Oneiromancy/Oneiromancy2x4.png) } .HoroView[data-v-44597d58] { color:#000; position:relative; display:flex; flex-direction:column } .HoroView .HoroView-main[data-v-44597d58] { flex:1; margin-top:-47px; background-color:#fff; border-radius:50px 50px 0 0; box-shadow:0 -10px 63px 0 hsla(0,0%,60%,.2); overflow:hidden } .HoroView .HoroView-main[data-v-44597d58]::-webkit-scrollbar { width:0 } .HoroView .HoroView-main .main-box[data-v-44597d58] { width:65%; height:100%; margin:0 auto; padding:10px 0; overflow:hidden; position:relative } .HoroView .HoroView-main .main-box .box-tab[data-v-44597d58] { height:35px } .HoroView .HoroView-main .main-box .box-tab>div[data-v-44597d58] { height:100%; width:300px; background-color:#448ef7; border-radius:25px; position:relative } .HoroView .HoroView-main .main-box .box-tab>div[data-v-44597d58]:before { content:""; background-color:#fff; position:absolute; z-index:0; width:calc(50% - 2px); height:31px; left:var(--left); top:2px; border-radius:25px; transition:left .2s ease-out } .HoroView .HoroView-main .main-box .box-tab>div p[data-v-44597d58] { position:relative; z-index:1; width:50%; text-align:center; color:#fff; cursor:pointer } .HoroView .HoroView-main .main-box .box-tab>div p[data-v-44597d58]:hover { font-weight:700 } .HoroView .HoroView-main .main-box .box-tab>div .active[data-v-44597d58] { color:#448ef7 } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58] { height:calc(100% - 65px); width:100%; overflow-y:auto; margin-top:10px; --scroll-bar-color-bg:var(--d-sub); position:absolute; top:45px; transition:all .2s ease-in-out } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar:hover { width:0 } .HoroView .HoroView-main .main-box .box-list::-ms .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar-track { width:0; background-color:transparent } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .HoroView .HoroView-main .main-box .box-list[data-v-44597d58]::-webkit-scrollbar-corner { background:none } .HoroView .HoroView-main .main-box .box-list>ul[data-v-44597d58] { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:10px } .HoroView .HoroView-main .main-box .box-list>ul .list-item[data-v-44597d58] { margin:10px 0; padding:5px 10px; width:24%; display:flex; align-items:center; border-radius:10px; box-shadow:0 0 15px 0 hsla(0,0%,60%,.15); border:1px solid transparent; cursor:pointer } .HoroView .HoroView-main .main-box .box-list>ul .list-item[data-v-44597d58]:hover { border-color:#448ef7 } .HoroView .HoroView-main .main-box .box-list>ul .list-item img[data-v-44597d58] { width:50px; height:50px; margin-right:10px } .HoroView .HoroView-main .main-box .box-list>ul .list-item div[data-v-44597d58] { height:100%; display:flex; flex-direction:column; justify-content:space-between } .HoroView .HoroView-main .main-box .box-list>ul .list-item div p[data-v-44597d58] { color:#448ef7; font-size:14px; font-weight:550 } .HoroView .HoroView-main .main-box .box-list>ul .list-item div span[data-v-44597d58] { font-size:12px; color:#999 } .HoroView .HoroView-main .main-box .box-list>ul .active[data-v-44597d58] { border-color:#448ef7 } .HoroView .HoroView-main .main-box .box-list .el-button[data-v-44597d58] { display:block; width:90px; height:30px; padding:0; margin:0 auto } .HoroView .HoroView-main .main-box .box-list .up[data-v-44597d58] { display:block; margin:10px auto; cursor:pointer } .HoroView .HoroView-main .main-box .box-list .itemDetail[data-v-44597d58] { width:100%; height:260px; border-radius:10px; box-shadow:inset 0 0 10px 0 #ccc; padding:15px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top[data-v-44597d58] { width:100%; height:40px; display:flex; align-items:center } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top .horo[data-v-44597d58] { height:100%; width:90px; display:flex; flex-direction:column; justify-content:space-between } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top .horo p[data-v-44597d58] { font-weight:900; font-size:18px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top .horo span[data-v-44597d58] { color:#999; font-size:14px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top .detail-title[data-v-44597d58] { width:calc(100% - 90px); height:100%; background-color:#96c5ef; border-radius:10px; color:#fff; padding:0 10px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-top .detail-title p[data-v-44597d58] { font-size:13px; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom[data-v-44597d58] { height:calc(100% - 50px); margin-top:20px; border:1px solid #9ec5fb; border-radius:5px; padding:0 10px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-bined[data-v-44597d58] { background-image:url(https://static.newtab.com/assetsImgs/HoroScope/detailBg.svg); width:400px; height:40px; background-size:cover; background-repeat:no-repeat; margin:20px auto; border-radius:5px; justify-content:space-between; padding:0 10px; color:#fff } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-list[data-v-44597d58] { justify-content:space-between } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-list li[data-v-44597d58] { background-color:#eaf4ff; height:80px; width:13%; border-radius:5px; display:flex; flex-direction:column; justify-content:space-around; align-items:center } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-list li div[data-v-44597d58] { font-size:12px; color:#2a8ffe; display:flex; align-items:center } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-list li div img[data-v-44597d58] { width:20px; height:20px; margin-right:3px } .HoroView .HoroView-main .main-box .box-list .itemDetail .detail-bottom .detail-list li p[data-v-44597d58] { font-weight:900; font-size:15px } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58] { height:calc(100% - 45px); margin-top:10px; overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar:hover { width:0 } .HoroView .HoroView-main .main-box .box-match::-ms .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar-track { width:0; background-color:transparent } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .HoroView .HoroView-main .main-box .box-match[data-v-44597d58]::-webkit-scrollbar-corner { background:none } .HoroView .HoroView-main .main-box .box-match .match-tab[data-v-44597d58] { height:40px; justify-content:space-between } .HoroView .HoroView-main .main-box .box-match .match-tab p[data-v-44597d58] { width:49%; height:100%; display:flex; align-items:center; justify-content:center; color:#666; background-color:#f5f5f5; cursor:pointer; border-radius:3px; transition:all .2s ease-out } .HoroView .HoroView-main .main-box .box-match .match-tab .active[data-v-44597d58] { color:#fff; background:linear-gradient(135deg,#99a2ff,#ac9afa 51%,#97c5f0) } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-top[data-v-44597d58] { justify-content:space-between; margin-top:20px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-left[data-v-44597d58],.HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-right[data-v-44597d58] { width:49%; display:flex; align-items:center } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-left span[data-v-44597d58],.HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-right span[data-v-44597d58] { color:#73aaf9; font-size:14px; margin-right:5px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-left[data-v-44597d58] .el-select,.HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-right[data-v-44597d58] .el-select { flex:1 } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-left[data-v-44597d58] .el-input__inner,.HoroView .HoroView-main .main-box .box-match .match-type .double .double-top .top-right[data-v-44597d58] .el-input__inner { height:35px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-center[data-v-44597d58] { margin:20px 0; justify-content:space-around } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-center img[data-v-44597d58] { width:50px; height:50px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-center .el-button[data-v-44597d58] { width:100px; height:30px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom[data-v-44597d58] { border:1px solid #9ec5fb; padding:15px; border-radius:10px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom .star[data-v-44597d58] { justify-content:space-around } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom .star p[data-v-44597d58] { display:flex; align-items:center } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom .star p span[data-v-44597d58] { color:#409eff; font-size:14px; margin-right:3px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom .star p img[data-v-44597d58] { width:17px; height:17px } .HoroView .HoroView-main .main-box .box-match .match-type .double .double-bottom .content[data-v-44597d58] { margin-top:15px; box-shadow:inset 0 0 10px 0 #ccc; padding:10px; font-size:14px; border-radius:10px } .HoroView .HoroView-main .main-box .box-match .match-type .single>p[data-v-44597d58] { color:#448ef7; font-size:14px; font-weight:700; margin:5px 0 } .HoroView .HoroView-main .main-box .box-match .match-type .single .single-list[data-v-44597d58] { margin:5px 0; flex-wrap:wrap } .HoroView .HoroView-main .main-box .box-match .match-type .single .single-list li[data-v-44597d58] { width:16.66667%; flex-wrap:wrap; margin:5px 0 } .HoroView .HoroView-main .main-box .box-match .match-type .single .single-list li img[data-v-44597d58] { width:70px; height:70px; margin-bottom:5px; border:2px solid transparent; border-radius:5px } .HoroView .HoroView-main .main-box .box-match .match-type .single .single-list li .active[data-v-44597d58],.HoroView .HoroView-main .main-box .box-match .match-type .single .single-list li img[data-v-44597d58]:hover { border-color:#5f9ffb } .HoroView .HoroView-main .main-box .box-match .match-type .single .single-list li p[data-v-44597d58] { width:100%; text-align:center; color:#448ef7; font-size:13px } .HoroView .HoroView-main .main-box .box-match .match-type .single .el-button[data-v-44597d58] { display:block; margin:0 auto; width:100px; height:30px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list[data-v-44597d58] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:10px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li[data-v-44597d58] { width:49%; padding:10px; border-radius:5px; box-shadow:0 0 15px 0 hsla(0,0%,60%,.15); margin-bottom:10px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top[data-v-44597d58] { background:linear-gradient(135deg,#99a2ff,#ac9afa 51%,#97c5f0); height:90px; border-radius:5px; padding:10px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-title[data-v-44597d58] { display:flex; align-items:center; justify-content:space-around } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-title p[data-v-44597d58] { color:#fff; font-size:14px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-title img[data-v-44597d58] { width:16px; height:16px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-star[data-v-44597d58] { display:flex; align-items:center; justify-content:space-between; margin-top:15px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-star img[data-v-44597d58] { width:12px; height:12px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-top .top-star p[data-v-44597d58] { font-size:12px; color:#fff; text-align:center } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58] { font-size:12px; padding:10px; height:100px; overflow-y:auto; --scroll-bar-color-bg:var(--d-sub) } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:0; height:0 } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-moz-scrollbar { width:0; height:0; scrollbar-width:thin } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar:hover { width:0 } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom::-ms .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar-track { width:0; background-color:transparent } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar-thumb { width:0; background:var(--scroll-bar-color-bg); border-radius:4px } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar-thumb:hover { width:0; background:rgba(0,0,0,.2) } .HoroView .HoroView-main .main-box .box-match .match-type .single .detail-list li .li-bottom[data-v-44597d58]::-webkit-scrollbar-corner { background:none } .app-item[data-v-11b1c96f] { background-repeat:no-repeat; background-size:cover; background-position:50% } .app-item>div[data-v-11b1c96f] { overflow:hidden } .el-dialog[data-v-4fe28623] { --el-dialog-width:50%; --el-dialog-margin-top:15vh; --el-dialog-bg-color:var(--el-bg-color); --el-dialog-box-shadow:var(--el-box-shadow); --el-dialog-title-font-size:var(--el-font-size-large); --el-dialog-content-font-size:14px; --el-dialog-font-line-height:var(--el-font-line-height-primary); --el-dialog-padding-primary:20px; --el-dialog-border-radius:var(--el-border-radius-small); position:relative; margin:var(--el-dialog-margin-top,15vh) auto 50px; background:var(--el-dialog-bg-color); border-radius:var(--el-dialog-border-radius); box-shadow:var(--el-dialog-box-shadow); box-sizing:border-box; width:var(--el-dialog-width,50%) } .el-dialog[data-v-4fe28623]:focus { outline:0!important } .el-dialog.is-align-center[data-v-4fe28623] { margin:auto } .el-dialog.is-fullscreen[data-v-4fe28623] { --el-dialog-width:100%; --el-dialog-margin-top:0; margin-bottom:0; height:100%; overflow:auto } .el-dialog__header[data-v-4fe28623] { padding:var(--el-dialog-padding-primary); padding-bottom:10px; margin-right:16px } .el-dialog__headerbtn[data-v-4fe28623] { position:absolute; top:6px; right:0; padding:0; width:54px; height:54px; background:0 0; border:none; outline:0; cursor:pointer; font-size:var(--el-message-close-size,16px) } .el-dialog__headerbtn .el-dialog__close[data-v-4fe28623] { color:var(--el-color-info); font-size:inherit } .el-dialog__headerbtn:focus .el-dialog__close[data-v-4fe28623],.el-dialog__headerbtn:hover .el-dialog__close[data-v-4fe28623] { color:var(--el-color-primary) } .el-dialog__body[data-v-4fe28623] { padding:0!important; padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary); color:var(--el-text-color-regular); font-size:var(--el-dialog-content-font-size) } .s-e-main[data-v-4fe28623] { height:500px; padding:0 20px 20px } .s-e-main[data-v-4fe28623]::-webkit-scrollbar { -webkit-transition:.2s; transition:.2s; width:6px; height:6px } .s-e-main[data-v-4fe28623]::-webkit-scrollbar-thumb { background:var(--bg-hover); border-radius:4px } .s-e-main[data-v-4fe28623]::-webkit-scrollbar-track { background-color:transparent } .s-e-main .el-checkbox-group[data-v-4fe28623] { font-size:0; line-height:0 } .s-e-main .serarch-list-item[data-v-4fe28623] { margin:5px; border-radius:5px; line-height:10px; padding:10px; overflow:hidden; cursor:pointer; background-color:var(--bg-info) } .s-e-main .serarch-list-item .el-checkbox__label[data-v-4fe28623] { width:96% } .s-e-main .serarch-list-item .search-icon[data-v-4fe28623] { width:28px; height:28px; background:var(--bg-card); border-radius:8px; border:6px solid var(--bg-card); margin-right:10px } .s-e-main .serarch-list-item .el-checkbox[data-v-4fe28623] { --el-checkbox-font-size:14px; --el-checkbox-font-weight:var(--el-font-weight-primary); --el-checkbox-text-color:var(--el-text-color-regular); --el-checkbox-input-height:14px; --el-checkbox-input-width:14px; --el-checkbox-border-radius:var(--el-border-radius-small); --el-checkbox-bg-color:var(--el-fill-color-blank); --el-checkbox-input-border:var(--el-border); --el-checkbox-disabled-border-color:var(--el-border-color); --el-checkbox-disabled-input-fill:var(--el-fill-color-light); --el-checkbox-disabled-icon-color:var(--el-text-color-placeholder); --el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light); --el-checkbox-disabled-checked-input-border-color:var(--el-border-color); --el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder); --el-checkbox-checked-text-color:var(--el-color-primary); --el-checkbox-checked-input-border-color:var(--el-color-primary); --el-checkbox-checked-bg-color:var(--el-color-primary); --el-checkbox-checked-icon-color:var(--el-color-white); --el-checkbox-input-border-color-hover:var(--el-color-primary); color:var(--el-checkbox-text-color); font-weight:var(--el-checkbox-font-weight); font-size:var(--el-font-size-base); position:relative; cursor:pointer; display:inline-flex; align-items:center; white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; user-select:none; margin-right:30px; height:32px } .s-e-main .serarch-list-item .el-checkbox.is-disabled[data-v-4fe28623] { cursor:not-allowed } .s-e-main .serarch-list-item .el-checkbox.is-bordered[data-v-4fe28623] { padding:0 15px 0 9px; border-radius:var(--el-border-radius-base); border:var(--el-border); box-sizing:border-box } .s-e-main .serarch-list-item .el-checkbox.is-bordered.is-checked[data-v-4fe28623] { border-color:var(--el-color-primary) } .s-e-main .serarch-list-item .el-checkbox.is-bordered.is-disabled[data-v-4fe28623] { border-color:var(--el-border-color-lighter) } .s-e-main .serarch-list-item[data-v-4fe28623]:hover { background-color:var(--bg-info) } .el-checkbox.is-bordered.el-checkbox--small[data-v-4fe28623] { padding:0 11px 0 7px; border-radius:calc(var(--el-border-radius-base) - 1px) } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label[data-v-4fe28623] { font-size:12px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner[data-v-4fe28623] { height:12px; width:12px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner[data-v-4fe28623]:after { height:6px; width:2px } .el-checkbox input:focus-visible+.el-checkbox__inner[data-v-4fe28623] { outline:2px solid var(--el-checkbox-input-border-color-hover); outline-offset:1px; border-radius:var(--el-checkbox-border-radius) } .el-checkbox__input[data-v-4fe28623] { white-space:nowrap; cursor:pointer; outline:0; display:inline-flex; position:relative } .el-checkbox__input.is-disabled .el-checkbox__inner[data-v-4fe28623] { background-color:var(--el-checkbox-disabled-input-fill); border-color:var(--el-checkbox-disabled-border-color); cursor:not-allowed } .el-checkbox__input.is-disabled .el-checkbox__inner[data-v-4fe28623]:after { cursor:not-allowed; border-color:var(--el-checkbox-disabled-icon-color) } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner[data-v-4fe28623] { background-color:var(--el-checkbox-disabled-checked-input-fill); border-color:var(--el-checkbox-disabled-checked-input-border-color) } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner[data-v-4fe28623]:after { border-color:var(--el-checkbox-disabled-checked-icon-color) } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner[data-v-4fe28623] { background-color:var(--el-checkbox-disabled-checked-input-fill); border-color:var(--el-checkbox-disabled-checked-input-border-color) } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner[data-v-4fe28623]:before { background-color:var(--el-checkbox-disabled-checked-icon-color); border-color:var(--el-checkbox-disabled-checked-icon-color) } .el-checkbox__input.is-disabled+span.el-checkbox__label[data-v-4fe28623] { color:var(--el-disabled-text-color); cursor:not-allowed } .el-checkbox__input.is-checked .el-checkbox__inner[data-v-4fe28623] { background-color:var(--el-checkbox-checked-bg-color); border-color:var(--el-checkbox-checked-input-border-color) } .el-checkbox__input.is-checked .el-checkbox__inner[data-v-4fe28623]:after { transform:rotate(45deg) scaleY(1) } .el-checkbox__input.is-checked+.el-checkbox__label[data-v-4fe28623] { color:var(--el-checkbox-checked-text-color) } .el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original[data-v-4fe28623]:not(:focus-visible) { border-color:var(--el-checkbox-input-border-color-hover) } .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-4fe28623] { background-color:var(--el-checkbox-checked-bg-color); border-color:var(--el-checkbox-checked-input-border-color) } .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-4fe28623]:before { content:""; position:absolute; display:block; background-color:var(--el-checkbox-checked-icon-color); height:2px; transform:scale(.5); left:0; right:0; top:5px } .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-4fe28623]:after { display:none } .el-checkbox__inner[data-v-4fe28623] { display:inline-block; position:relative; border:var(--el-checkbox-input-border); border-radius:var(--el-checkbox-border-radius); box-sizing:border-box; width:var(--el-checkbox-input-width); height:var(--el-checkbox-input-height); background-color:var(--el-checkbox-bg-color); z-index:var(--el-index-normal); transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46) } .el-checkbox__inner[data-v-4fe28623]:hover { border-color:var(--el-checkbox-input-border-color-hover) } .el-checkbox__inner[data-v-4fe28623]:after { box-sizing:content-box; content:""; border:1px solid var(--el-checkbox-checked-icon-color); border-left:0; border-top:0; height:7px; left:4px; position:absolute; top:1px; transform:rotate(45deg) scaleY(0); width:3px; transition:transform .15s ease-in 50ms; transform-origin:center } .el-checkbox__original[data-v-4fe28623] { opacity:0; outline:0; position:absolute; margin:0; width:0; height:0; z-index:-1 } .el-checkbox__label[data-v-4fe28623] { display:inline-block; padding-left:8px; line-height:1; font-size:var(--el-checkbox-font-size) } .el-input__wrapper[data-v-4fe28623] { display:inline-flex; flex-grow:1; align-items:center; justify-content:center; padding:1px 11px; background-color:var(--el-input-bg-color,var(--el-fill-color-blank)); background-image:none; border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); transition:var(--el-transition-box-shadow); transform:translateZ(0); box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset; --el-input-bg-color:var(--bg-input); --el-input-border-color:transparent; --el-input-focus-border-color:var(--el-border-color-hover) } .el-input__wrapper[data-v-4fe28623]:hover { box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset } .el-input__wrapper.is-focus[data-v-4fe28623] { box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset } .el-input__inner[data-v-4fe28623] { --el-input-inner-height:calc(var(--el-input-height,32px) - 2px); width:100%; flex-grow:1; -webkit-appearance:none; color:var(--el-input-text-color,var(--el-text-color-regular)); font-size:inherit; height:var(--el-input-inner-height); line-height:var(--el-input-inner-height); padding:0; outline:0; border:none; background:0 0; box-sizing:border-box } .el-input__inner[data-v-4fe28623]:focus { outline:0 } .el-input__inner[data-v-4fe28623]::-moz-placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } .el-input__inner[data-v-4fe28623]::placeholder { color:var(--el-input-placeholder-color,var(--el-text-color-placeholder)) } .el-input[data-v-4fe28623] { --el-input-text-color:var(--el-text-color-regular); --el-input-border:var(--el-border); --el-input-hover-border:var(--el-border-color-hover); --el-input-focus-border:var(--el-color-primary); --el-input-transparent-border:0 0 0 1px transparent inset; --el-input-border-color:var(--el-border-color); --el-input-border-radius:var(--el-border-radius-base); --el-input-bg-color:var(--el-fill-color-blank); --el-input-icon-color:var(--el-text-color-placeholder); --el-input-placeholder-color:var(--el-text-color-placeholder); --el-input-hover-border-color:var(--el-border-color-hover); --el-input-clear-hover-color:var(--el-text-color-secondary); --el-input-focus-border-color:var(--el-color-primary); --el-input-height:var(--el-component-size); position:relative; font-size:var(--el-font-size-base); display:inline-flex; width:100%; line-height:var(--el-input-height); box-sizing:border-box; vertical-align:middle } .el-input[data-v-4fe28623]::-webkit-scrollbar { z-index:11; width:6px } .el-input[data-v-4fe28623]::-webkit-scrollbar:horizontal { height:6px } .el-input[data-v-4fe28623]::-webkit-scrollbar-thumb { border-radius:5px; width:6px; background:var(--el-text-color-disabled) } .el-input[data-v-4fe28623]::-webkit-scrollbar-corner,.el-input[data-v-4fe28623]::-webkit-scrollbar-track { background:var(--el-fill-color-blank) } .el-input[data-v-4fe28623]::-webkit-scrollbar-track-piece { background:var(--el-fill-color-blank); width:6px } .el-input--small[data-v-4fe28623] { --el-input-height:var(--el-component-size-small); font-size:12px } .el-input--small .el-input__wrapper[data-v-4fe28623] { padding:1px 7px } .el-input--small .el-input__inner[data-v-4fe28623] { --el-input-inner-height:calc(var(--el-input-height,24px) - 2px) } .el-checkbox.el-checkbox--small[data-v-4fe28623] { height:24px } .el-checkbox.el-checkbox--small .el-checkbox__label[data-v-4fe28623] { font-size:12px } .el-checkbox.el-checkbox--small .el-checkbox__inner[data-v-4fe28623] { width:12px; height:12px } .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-4fe28623]:before { top:4px } .el-checkbox.el-checkbox--small .el-checkbox__inner[data-v-4fe28623]:after { width:2px; height:6px } .el-checkbox[data-v-4fe28623]:last-of-type { margin-right:0 }