html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in both ease-out;animation:.3s van-fade-in both ease-out}.van-fade-leave-active{-webkit-animation:.3s van-fade-out both ease-in;animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease-out;animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease-in;animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease-out;animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease-in;animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease-out;animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease-in;animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease-out;animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease-in;animation:van-slide-right-leave .3s both ease-in}
.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}
.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font:normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon:before{display:inline-block}.van-icon-contact:before{content:'\e753'}.van-icon-notes:before{content:'\e63c'}.van-icon-records:before{content:'\e63d'}.van-icon-cash-back-record:before{content:'\e63e'}.van-icon-newspaper:before{content:'\e63f'}.van-icon-discount:before{content:'\e640'}.van-icon-completed:before{content:'\e641'}.van-icon-user:before{content:'\e642'}.van-icon-description:before{content:'\e643'}.van-icon-list-switch:before{content:'\e6ad'}.van-icon-list-switching:before{content:'\e65a'}.van-icon-link-o:before{content:'\e751'}.van-icon-miniprogram-o:before{content:'\e752'}.van-icon-qq:before{content:'\e74e'}.van-icon-wechat-moments:before{content:'\e74f'}.van-icon-weibo:before{content:'\e750'}.van-icon-cash-o:before{content:'\e74d'}.van-icon-guide-o:before{content:'\e74c'}.van-icon-invitation:before{content:'\e6d6'}.van-icon-shield-o:before{content:'\e74b'}.van-icon-exchange:before{content:'\e6af'}.van-icon-eye:before{content:'\e6b0'}.van-icon-enlarge:before{content:'\e6b1'}.van-icon-expand-o:before{content:'\e6b2'}.van-icon-eye-o:before{content:'\e6b3'}.van-icon-expand:before{content:'\e6b4'}.van-icon-filter-o:before{content:'\e6b5'}.van-icon-fire:before{content:'\e6b6'}.van-icon-fail:before{content:'\e6b7'}.van-icon-failure:before{content:'\e6b8'}.van-icon-fire-o:before{content:'\e6b9'}.van-icon-flag-o:before{content:'\e6ba'}.van-icon-font:before{content:'\e6bb'}.van-icon-font-o:before{content:'\e6bc'}.van-icon-gem-o:before{content:'\e6bd'}.van-icon-flower-o:before{content:'\e6be'}.van-icon-gem:before{content:'\e6bf'}.van-icon-gift-card:before{content:'\e6c0'}.van-icon-friends:before{content:'\e6c1'}.van-icon-friends-o:before{content:'\e6c2'}.van-icon-gold-coin:before{content:'\e6c3'}.van-icon-gold-coin-o:before{content:'\e6c4'}.van-icon-good-job-o:before{content:'\e6c5'}.van-icon-gift:before{content:'\e6c6'}.van-icon-gift-o:before{content:'\e6c7'}.van-icon-gift-card-o:before{content:'\e6c8'}.van-icon-good-job:before{content:'\e6c9'}.van-icon-home-o:before{content:'\e6ca'}.van-icon-goods-collect:before{content:'\e6cb'}.van-icon-graphic:before{content:'\e6cc'}.van-icon-goods-collect-o:before{content:'\e6cd'}.van-icon-hot-o:before{content:'\e6ce'}.van-icon-info:before{content:'\e6cf'}.van-icon-hotel-o:before{content:'\e6d0'}.van-icon-info-o:before{content:'\e6d1'}.van-icon-hot-sale-o:before{content:'\e6d2'}.van-icon-hot:before{content:'\e6d3'}.van-icon-like:before{content:'\e6d4'}.van-icon-idcard:before{content:'\e6d5'}.van-icon-like-o:before{content:'\e6d7'}.van-icon-hot-sale:before{content:'\e6d8'}.van-icon-location-o:before{content:'\e6d9'}.van-icon-location:before{content:'\e6da'}.van-icon-label:before{content:'\e6db'}.van-icon-lock:before{content:'\e6dc'}.van-icon-label-o:before{content:'\e6dd'}.van-icon-map-marked:before{content:'\e6de'}.van-icon-logistics:before{content:'\e6df'}.van-icon-manager:before{content:'\e6e0'}.van-icon-more:before{content:'\e6e1'}.van-icon-live:before{content:'\e6e2'}.van-icon-manager-o:before{content:'\e6e3'}.van-icon-medal:before{content:'\e6e4'}.van-icon-more-o:before{content:'\e6e5'}.van-icon-music-o:before{content:'\e6e6'}.van-icon-music:before{content:'\e6e7'}.van-icon-new-arrival-o:before{content:'\e6e8'}.van-icon-medal-o:before{content:'\e6e9'}.van-icon-new-o:before{content:'\e6ea'}.van-icon-free-postage:before{content:'\e6eb'}.van-icon-newspaper-o:before{content:'\e6ec'}.van-icon-new-arrival:before{content:'\e6ed'}.van-icon-minus:before{content:'\e6ee'}.van-icon-orders-o:before{content:'\e6ef'}.van-icon-new:before{content:'\e6f0'}.van-icon-paid:before{content:'\e6f1'}.van-icon-notes-o:before{content:'\e6f2'}.van-icon-other-pay:before{content:'\e6f3'}.van-icon-pause-circle:before{content:'\e6f4'}.van-icon-pause:before{content:'\e6f5'}.van-icon-pause-circle-o:before{content:'\e6f6'}.van-icon-peer-pay:before{content:'\e6f7'}.van-icon-pending-payment:before{content:'\e6f8'}.van-icon-passed:before{content:'\e6f9'}.van-icon-plus:before{content:'\e6fa'}.van-icon-phone-circle-o:before{content:'\e6fb'}.van-icon-phone-o:before{content:'\e6fc'}.van-icon-printer:before{content:'\e6fd'}.van-icon-photo-fail:before{content:'\e6fe'}.van-icon-phone:before{content:'\e6ff'}.van-icon-photo-o:before{content:'\e700'}.van-icon-play-circle:before{content:'\e701'}.van-icon-play:before{content:'\e702'}.van-icon-phone-circle:before{content:'\e703'}.van-icon-point-gift-o:before{content:'\e704'}.van-icon-point-gift:before{content:'\e705'}.van-icon-play-circle-o:before{content:'\e706'}.van-icon-shrink:before{content:'\e707'}.van-icon-photo:before{content:'\e708'}.van-icon-qr:before{content:'\e709'}.van-icon-qr-invalid:before{content:'\e70a'}.van-icon-question-o:before{content:'\e70b'}.van-icon-revoke:before{content:'\e70c'}.van-icon-replay:before{content:'\e70d'}.van-icon-service:before{content:'\e70e'}.van-icon-question:before{content:'\e70f'}.van-icon-search:before{content:'\e710'}.van-icon-refund-o:before{content:'\e711'}.van-icon-service-o:before{content:'\e712'}.van-icon-scan:before{content:'\e713'}.van-icon-share:before{content:'\e714'}.van-icon-send-gift-o:before{content:'\e715'}.van-icon-share-o:before{content:'\e716'}.van-icon-setting:before{content:'\e717'}.van-icon-points:before{content:'\e718'}.van-icon-photograph:before{content:'\e719'}.van-icon-shop:before{content:'\e71a'}.van-icon-shop-o:before{content:'\e71b'}.van-icon-shop-collect-o:before{content:'\e71c'}.van-icon-shop-collect:before{content:'\e71d'}.van-icon-smile:before{content:'\e71e'}.van-icon-shopping-cart-o:before{content:'\e71f'}.van-icon-sign:before{content:'\e720'}.van-icon-sort:before{content:'\e721'}.van-icon-star-o:before{content:'\e722'}.van-icon-smile-comment-o:before{content:'\e723'}.van-icon-stop:before{content:'\e724'}.van-icon-stop-circle-o:before{content:'\e725'}.van-icon-smile-o:before{content:'\e726'}.van-icon-star:before{content:'\e727'}.van-icon-success:before{content:'\e728'}.van-icon-stop-circle:before{content:'\e729'}.van-icon-records-o:before{content:'\e72a'}.van-icon-shopping-cart:before{content:'\e72b'}.van-icon-tosend:before{content:'\e72c'}.van-icon-todo-list:before{content:'\e72d'}.van-icon-thumb-circle-o:before{content:'\e72e'}.van-icon-thumb-circle:before{content:'\e72f'}.van-icon-umbrella-circle:before{content:'\e730'}.van-icon-underway:before{content:'\e731'}.van-icon-upgrade:before{content:'\e732'}.van-icon-todo-list-o:before{content:'\e733'}.van-icon-tv-o:before{content:'\e734'}.van-icon-underway-o:before{content:'\e735'}.van-icon-user-o:before{content:'\e736'}.van-icon-vip-card-o:before{content:'\e737'}.van-icon-vip-card:before{content:'\e738'}.van-icon-send-gift:before{content:'\e739'}.van-icon-wap-home:before{content:'\e73a'}.van-icon-wap-nav:before{content:'\e73b'}.van-icon-volume-o:before{content:'\e73c'}.van-icon-video:before{content:'\e73d'}.van-icon-wap-home-o:before{content:'\e73e'}.van-icon-volume:before{content:'\e73f'}.van-icon-warning:before{content:'\e740'}.van-icon-weapp-nav:before{content:'\e741'}.van-icon-wechat-pay:before{content:'\e742'}.van-icon-warning-o:before{content:'\e743'}.van-icon-wechat:before{content:'\e744'}.van-icon-setting-o:before{content:'\e745'}.van-icon-youzan-shield:before{content:'\e746'}.van-icon-warn-o:before{content:'\e747'}.van-icon-smile-comment:before{content:'\e748'}.van-icon-user-circle-o:before{content:'\e749'}.van-icon-video-o:before{content:'\e74a'}.van-icon-add-square:before{content:'\e65c'}.van-icon-add:before{content:'\e65d'}.van-icon-arrow-down:before{content:'\e65e'}.van-icon-arrow-up:before{content:'\e65f'}.van-icon-arrow:before{content:'\e660'}.van-icon-after-sale:before{content:'\e661'}.van-icon-add-o:before{content:'\e662'}.van-icon-alipay:before{content:'\e663'}.van-icon-ascending:before{content:'\e664'}.van-icon-apps-o:before{content:'\e665'}.van-icon-aim:before{content:'\e666'}.van-icon-award:before{content:'\e667'}.van-icon-arrow-left:before{content:'\e668'}.van-icon-award-o:before{content:'\e669'}.van-icon-audio:before{content:'\e66a'}.van-icon-bag-o:before{content:'\e66b'}.van-icon-balance-list:before{content:'\e66c'}.van-icon-back-top:before{content:'\e66d'}.van-icon-bag:before{content:'\e66e'}.van-icon-balance-pay:before{content:'\e66f'}.van-icon-balance-o:before{content:'\e670'}.van-icon-bar-chart-o:before{content:'\e671'}.van-icon-bars:before{content:'\e672'}.van-icon-balance-list-o:before{content:'\e673'}.van-icon-birthday-cake-o:before{content:'\e674'}.van-icon-bookmark:before{content:'\e675'}.van-icon-bill:before{content:'\e676'}.van-icon-bell:before{content:'\e677'}.van-icon-browsing-history-o:before{content:'\e678'}.van-icon-browsing-history:before{content:'\e679'}.van-icon-bookmark-o:before{content:'\e67a'}.van-icon-bulb-o:before{content:'\e67b'}.van-icon-bullhorn-o:before{content:'\e67c'}.van-icon-bill-o:before{content:'\e67d'}.van-icon-calendar-o:before{content:'\e67e'}.van-icon-brush-o:before{content:'\e67f'}.van-icon-card:before{content:'\e680'}.van-icon-cart-o:before{content:'\e681'}.van-icon-cart-circle:before{content:'\e682'}.van-icon-cart-circle-o:before{content:'\e683'}.van-icon-cart:before{content:'\e684'}.van-icon-cash-on-deliver:before{content:'\e685'}.van-icon-cash-back-record-o:before{content:'\e686'}.van-icon-cashier-o:before{content:'\e687'}.van-icon-chart-trending-o:before{content:'\e688'}.van-icon-certificate:before{content:'\e689'}.van-icon-chat:before{content:'\e68a'}.van-icon-clear:before{content:'\e68b'}.van-icon-chat-o:before{content:'\e68c'}.van-icon-checked:before{content:'\e68d'}.van-icon-clock:before{content:'\e68e'}.van-icon-clock-o:before{content:'\e68f'}.van-icon-close:before{content:'\e690'}.van-icon-closed-eye:before{content:'\e691'}.van-icon-circle:before{content:'\e692'}.van-icon-cluster-o:before{content:'\e693'}.van-icon-column:before{content:'\e694'}.van-icon-comment-circle-o:before{content:'\e695'}.van-icon-cluster:before{content:'\e696'}.van-icon-comment:before{content:'\e697'}.van-icon-comment-o:before{content:'\e698'}.van-icon-comment-circle:before{content:'\e699'}.van-icon-completed-o:before{content:'\e69a'}.van-icon-credit-pay:before{content:'\e69b'}.van-icon-coupon:before{content:'\e69c'}.van-icon-debit-pay:before{content:'\e69d'}.van-icon-coupon-o:before{content:'\e69e'}.van-icon-contact-o:before{content:'\e69f'}.van-icon-descending:before{content:'\e6a0'}.van-icon-desktop-o:before{content:'\e6a1'}.van-icon-diamond-o:before{content:'\e6a2'}.van-icon-description-o:before{content:'\e6a3'}.van-icon-delete:before{content:'\e6a4'}.van-icon-diamond:before{content:'\e6a5'}.van-icon-delete-o:before{content:'\e6a6'}.van-icon-cross:before{content:'\e6a7'}.van-icon-edit:before{content:'\e6a8'}.van-icon-ellipsis:before{content:'\e6a9'}.van-icon-down:before{content:'\e6aa'}.van-icon-discount-o:before{content:'\e6ab'}.van-icon-ecard-pay:before{content:'\e6ac'}.van-icon-envelop-o:before{content:'\e6ae'}@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format('woff')}.van-icon__image{display:block;width:1em;height:1em;object-fit:contain}
.van-overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}
.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{position:absolute;top:0;left:0;width:1em;height:1em;font-size:inherit;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05), -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.van-switch--on .van-switch__loading{color:#1989fa}.van-switch--disabled{cursor:not-allowed;opacity:.5}.van-switch--loading{cursor:default}
.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0}.van-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-popup-slide-top-enter,.van-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter,.van-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-popup-slide-left-enter,.van-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-popup__close-icon:active{color:#969799}.van-popup__close-icon--top-left{top:16px;left:16px}.van-popup__close-icon--top-right{top:16px;right:16px}.van-popup__close-icon--bottom-left{bottom:16px;left:16px}.van-popup__close-icon--bottom-right{right:16px;bottom:16px}
.van-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233}.van-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px 16px;font-size:16px;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{line-height:22px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566}.van-action-sheet__subname{margin-top:8px;color:#969799;font-size:12px;line-height:18px}.van-action-sheet__gap{display:block;height:8px;background-color:#f7f8fa}.van-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;font-size:16px;line-height:48px;text-align:center}.van-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:22px;height:22px}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}
.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}
.van-goods-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-goods-action-button--first{margin-left:5px;border-top-left-radius:999px;border-bottom-left-radius:999px}.van-goods-action-button--last{margin-right:5px;border-top-right-radius:999px;border-bottom-right-radius:999px}.van-goods-action-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-goods-action-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}@media (max-width:321px){.van-goods-action-button{font-size:13px}}
.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:content-box;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-goods-action--unfit{padding-bottom:0}
.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}
.van-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:80%}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:44px;font-weight:500;line-height:44px;text-align:center}.van-calendar__header-title{font-size:16px}.van-calendar__header-subtitle{font-size:14px}.van-calendar__month-title{font-size:14px}.van-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;text-align:center}.van-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;font-size:16px;cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:#fff;background-color:#ee0a24}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:#ee0a24}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.1;content:''}.van-calendar__day--disabled{color:#c8c9cc;cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;height:54px;color:#fff;background-color:#ee0a24;border-radius:4px}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer--unfit{padding-bottom:0}.van-calendar__confirm{height:36px;margin:7px 0}
.van-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.van-picker__cancel,.van-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{opacity:.7}.van-picker__confirm{color:#576b95}.van-picker__cancel{color:#969799}.van-picker__title{max-width:50%;font-weight:500;font-size:16px;line-height:20px;text-align:center}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#1989fa;background-color:rgba(255,255,255,.9)}.van-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.van-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:16px}.van-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#000}.van-picker-column__item--disabled{cursor:not-allowed;opacity:.3}
.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:4px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:4px}.van-cell__right-icon{margin-left:4px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-family: 'DINPro-Bold';
src: url(//mapapi.qq.com/web/lbs/console/v/d3c192a5cb57e7531db9d3e4310c525f.otf);
}
@font-face {
font-family: 'Akrobat';
src: url(//mapapi.qq.com/web/lbs/console/v/02bb6e66ddbe0c7afdcba0455474d73f.otf);
}
.app {
width: 100%;
height: 100%;
/* vant 控件样式覆盖 */
}
.app .el-dialog .img-wrap {
display: inline-block;
width: 49%;
text-align: center;
}
.app .el-dialog .img-wrap div {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #19233B;
letter-spacing: 0.35px;
text-align: center;
margin-bottom: 14px;
}
.app .el-dialog .img-wrap img {
width: 100%;
}
.app .migrationPc-topdata .migration-topdata-item .item-count {
height: 28px;
}
.app .migrationPc-topdata .migration-topdata-item .item-percent {
height: 14px;
}
.app .migration-topdata,
.app .migrationPc-topdata {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 22px 0 20px;
margin-bottom: 10px;
background: #191E2E;
}
.app .migration-topdata .migration-topdata-item,
.app .migrationPc-topdata .migration-topdata-item {
width: 33.3%;
text-align: center;
}
.app .migration-topdata .migration-topdata-item .item-title,
.app .migrationPc-topdata .migration-topdata-item .item-title {
margin-bottom: 10px;
font-size: 14px;
color: #9EA4B0;
text-align: center;
line-height: 14px;
height: 14px;
}
.app .migration-topdata .migration-topdata-item .item-count,
.app .migrationPc-topdata .migration-topdata-item .item-count {
margin-bottom: 2px;
font-size: 26px;
color: #fff;
text-align: center;
line-height: 26px;
font-weight: bold;
font-family: DINPro-Bold;
}
.app .migration-topdata .migration-topdata-item .item-percent,
.app .migrationPc-topdata .migration-topdata-item .item-percent {
font-size: 14px;
color: #8E939E;
text-align: center;
line-height: 14px;
font-family: DINPro-Bold;
}
.app .migration-topdata .migration-topdata-item .item-percent.item-percent-down,
.app .migrationPc-topdata .migration-topdata-item .item-percent.item-percent-down {
color: #17CC7A;
}
.app .migration-topdata .migration-topdata-item .item-percent.item-percent-up,
.app .migrationPc-topdata .migration-topdata-item .item-percent.item-percent-up {
color: #F94D47;
}
.app .migration-topdata .migration-topdata-item .item-sub-unit,
.app .migrationPc-topdata .migration-topdata-item .item-sub-unit {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #F0F3F7;
line-height: 26px;
margin-left: 4px;
}
.app .migration-topdata .migration-topdata-item .item-percent-up::after,
.app .migrationPc-topdata .migration-topdata-item .item-percent-up::after,
.app .migration-topdata .migration-topdata-item .item-percent-down::after,
.app .migrationPc-topdata .migration-topdata-item .item-percent-down::after {
content: '';
background-size: 14px 14px;
display: inline-block;
position: relative;
top: 1px;
width: 14px;
height: 14px;
}
.app .migration-topdata .migration-topdata-item .item-percent-up::after,
.app .migrationPc-topdata .migration-topdata-item .item-percent-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAHlBMVEVHcEz6TUj6UEf5TUf/UUf5TUj5TUf/VVX5TUj6TkfxCFgzAAAACnRSTlMAZjn5Geb/BsaZeguXXQAAAENJREFUeAFjoBwwCqBwlY2QeSxhqQ5I3Iq0tHYk7rS0tEwkg9KAQABhEIhrhDAIxIUbVgHiIQybBuKgGJaWBiSGBxcAzO8dFxKRoe8AAAAASUVORK5CYII=);
}
.app .migration-topdata .migration-topdata-item .item-percent-down::after,
.app .migrationPc-topdata .migration-topdata-item .item-percent-down::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAHlBMVEVHcEwXzHoXzXsq1H8XzHoezHoXzHsazX0XzHoZzXrJpGdNAAAACnRSTlMA/5kGxhnmOflmerDY+wAAAEJJREFUeAFjoBwICg4rrqIgGAhBuSYQrjOUy5oI4okFwFRXgLjtcM2cIO4EJMOgBsEMgxoENwxiENwwsEEIw6AGAQBFPgnV4wCgvQAAAABJRU5ErkJggg==);
}
.app .migrationPc-topdata .migration-topdata-item .item-title {
font-family: PingFangSC-Semibold;
}
.app .migrationPc-topdata .migration-topdata-item .item-count {
color: #F0F3F7;
margin-bottom: 12px;
}
.app .migration-data-container {
padding: 30px 0 0;
margin-bottom: 10px;
background: #191E2E;
overflow: hidden;
}
.app .migration-data-container:last-child {
margin-bottom: 0;
}
.app .migration-data-container .data-container-h1 {
position: relative;
margin: 0 20px 30px;
padding-left: 12px;
font-size: 18px;
color: #fff;
font-weight: bold;
line-height: 18px;
}
.app .migration-data-container .data-container-h1:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
border-radius: 1.5px;
background-color: #4D91FF;
}
.app .migration-data-container .data-container-h1 .data-container-h1-sub,
.app .migration-data-container .data-container-h1 .data-container-h1-intro {
margin-top: 5px;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
line-height: 12px;
font-weight: bold;
}
.app .migration-data-container .data-container-h1 .sub-h1 {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
line-height: 12px;
margin-top: 5px;
}
.app .migration-data-container .data-container-h2 {
margin: 0 0 20px 20px;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 14px;
}
.app .migration-data-container .data-container-h2 .select-city {
float: right;
margin-right: 10px;
}
.app .migration-data-container .data-container-h2 .select-city .right-arrow {
vertical-align: top;
margin-top: -2px;
margin-left: 4px;
display: inline-block;
width: 18px;
height: 18px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAA1UlEQVRYCe3XwQkCQQyF4R1ZsA9L0NP2oA0IWp6t7MkWrEQYX8ACdpI/oJBA2MvOzDfvEJhpqqoEKoEfTKD3vlff1Qeat3NueNI6w1xplBe0CvNUzzSqaUNXKRlbe1ZbWm/1o7X20jdUbpCdmoEKgTJQYRCNQkAkCgNRKBREoHBQFJUCiqC8k9rO3FLDFx5esEXxHZgX/XtUD01xHBTB2GVRUBSDgggMBqIwCIjEhEE0JgTKwLhBWRgDeSf1orXDQ88OTCklZM+gm9peHlWVQCXwVwl8AIPviuTTkmMLAAAAAElFTkSuQmCC) no-repeat;
background-size: 18px 18px;
}
.app .migration-data-container .data-container-h2 .sub-h2 {
margin-top: 2px;
vertical-align: top;
display: inline-block;
margin-left: 3px;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
line-height: 12px;
}
.app .migration-data-container .line-chart {
margin-bottom: 10px;
}
.app .line-chart {
height: 238px;
width: 100%;
}
.app .migration-table-container {
margin: 0 10px 22px;
}
.app .migration-table-container .el-table {
background: #191E2E;
}
.app .migration-table-container .el-table .el-table__body tr.hover-row > td {
background-color: #191E2E;
}
.app .migration-table-container .el-table:before {
height: 0;
background-color: rgba(255, 255, 255, 0.1);
}
.app .migration-table-container .el-table .el-table__fixed::before {
height: 0;
background-color: rgba(255, 255, 255, 0.1);
}
.app .migration-table-container .el-table .cell {
line-height: 14px;
}
.app .migration-table-container .el-table td {
border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.app .migration-table-container .el-table tr {
background: #191E2E;
}
.app .migration-table-container .el-table tr:hover td {
background-color: #191E2E;
}
.app .migration-table-container .el-table tr td {
padding: 9px 0;
text-align: right;
}
.app .migration-table-container .el-table tr td:first-child {
text-align: left;
}
.app .migration-table-container .el-table tr .cell {
line-height: 20px;
color: rgba(255, 255, 255, 0.9);
}
.app .migration-table-container .el-table th {
background: rgba(255, 255, 255, 0.05);
text-align: right;
padding-top: 9px;
padding-bottom: 9px;
border-bottom: 0;
}
.app .migration-table-container .el-table th:first-child {
text-align: left;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.app .migration-table-container .el-table th:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.app .migration-table-container .el-table th .cell {
color: rgba(255, 255, 255, 0.5);
}
.app .migration-table-container .table-maxheight {
max-height: 231px;
}
.app .migration-table-container .more-table-bottom {
margin-top: 8px;
text-align: right;
font-size: 14px;
overflow: hidden;
}
.app .migration-table-container .more-table-bottom .more-table-btn {
float: right;
color: rgba(255, 255, 255, 0.5);
}
.app .migration-table-container .more-table-bottom .more-table-btn.active .arrow-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.app .migration-table-container .more-table-bottom .arrow-icon {
vertical-align: top;
margin-top: 2px;
margin-left: 6px;
display: inline-block;
width: 18px;
height: 18px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAA9UlEQVRYCe2UQQrCMBBFGxF6D6/gzgO46l7wgJ7AI7jtFTyJEP+XCFlM0mQmC5EZ+C1NM7+vv02mycsT8AQ8AU/AE/jTBGKMM3SCwqhXpFfynEueu9INjF+gM7SMgEoeS/Kkt1g1oAc6XtARMkFlMPSiJ73Fqn4OGB3QdYX20ArdQwgR5+YSYG7weJYMqkBsskD1wvB5m0BaKA1MM1AvlBamC6gVygLTDbQFZYVRAZWgOI7iPvNd2tXV9JktHJp+aqFPWn2cZoKhgRqIzfhE+T7FIW56qmTYzDIB0SCD4qUJhgZDilAJbIifm3gCnoAn4An8cgJvRLyNBz5HPx0AAAAASUVORK5CYII=) no-repeat;
background-size: 18px 18px;
}
.app .migration-map {
margin: 0px 10px 30px;
height: 250px;
position: relative;
}
.app .migration-map-mask {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.app .migration-select-header {
position: absolute;
top: 72px;
width: 100%;
height: 50px;
z-index: 1;
opacity: 0.97;
background: #191E2E;
}
.app .migrationPc-legend {
opacity: 0.97;
background: #191E2E;
border-radius: 4px;
padding: 8px 20px 20px 20px;
min-width: 107px;
position: absolute;
left: 408px;
bottom: 10px;
font-family: PingFangSC-Medium;
font-size: 12px;
color: #9EA4B0;
line-height: 14px;
}
.app .migrationPc-legend .migrationPc-legend-row {
margin-top: 12px;
height: 14px;
}
.app .migrationPc-legend .migrationPc-legend-color {
border-radius: 2px;
width: 14px;
height: 14px;
margin-right: 5px;
float: left;
}
.app .migrationPc-legend .migrationPc-legend-text {
float: left;
height: 14px;
}
.app .monitor-play-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding: 24px 20px 20px 24px;
width: 393px;
height: 132px;
right: 408px;
bottom: 10px;
background-color: rgba(25, 30, 46, 0.97);
border-radius: 4px;
overflow: hidden;
}
.app .monitor-play-container .migrationPc-h1 {
margin-bottom: 42px;
}
@media screen and (min-width: 1366px) {
.app .monitor-play-container {
width: 393px;
}
}
@media screen and (min-width: 1440px) {
.app .monitor-play-container {
width: 467px;
}
}
@media screen and (min-width: 1440px) {
.app .monitor-play-container {
width: 467px;
}
}
@media screen and (min-width: 1600px) {
.app .monitor-play-container {
width: 467px;
}
}
@media screen and (min-width: 1980px) {
.app .monitor-play-container {
width: 600px;
}
}
.app .migrationPc-map {
position: absolute;
top: 122px;
bottom: 0;
width: 100%;
padding: 0 400px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #0b0f1e;
z-index: 0;
}
.app .migrationPc-map.map-narrow {
padding: 0 520px 0 400px;
}
.app .migrationPc-left-side {
position: absolute;
left: 10px;
top: 132px;
bottom: 10px;
width: 388px;
border-radius: 4px;
z-index: 1;
}
.app .migrationPc-left-side .migrationPc-data-container {
position: absolute;
top: 0;
height: 170px;
width: 100%;
overflow: hidden;
background-color: rgba(25, 30, 46, 0.97);
border-radius: 4px;
}
.app .migrationPc-overview .migrationPc-left-side .migrationPc-data-container {
height: 185px;
}
.app .migrationPc-overview .migrationPc-left-side .migrationPc-left-data {
top: 195px;
}
.app .migrationPc-left-data {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 24px 0;
position: absolute;
top: 180px;
bottom: 0;
width: 100%;
overflow: auto;
background: rgba(25, 30, 46, 0.97);
border-radius: 4px;
}
.app .migrationPc-right-side1,
.app .migrationPc-right-side2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
right: 10px;
top: 132px;
bottom: 10px;
width: 510px;
border-radius: 4px;
background-color: rgba(25, 30, 46, 0.97);
z-index: 1;
}
.app .migrationPc-right-side1 .migrationPc-right-container,
.app .migrationPc-right-side2 .migrationPc-right-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding: 0 24px 0;
top: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: auto;
}
.app .migrationPc-right-side1 .migrationPc-right-container {
padding-top: 24px;
}
.app .migrationPc-right-side2 {
width: 388px;
}
.app .migrationPc-h1 {
height: 18px;
margin-bottom: 6px;
}
.app .migrationPc-h1 .h1-border {
margin-right: 8px;
vertical-align: top;
display: inline-block;
width: 3px;
height: 18px;
background: #4D91FF;
border-radius: 1.5px;
}
.app .migrationPc-h1 .h1-title {
display: inline-block;
vertical-align: top;
font-family: PingFangSC-Semibold;
font-size: 18px;
color: #F0F3F7;
line-height: 18px;
}
.app .migrationPc-h1 .h1-sub-title {
vertical-align: top;
display: inline-block;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #9EA4B0;
line-height: 18px;
}
.app .migrationPc-data-container .migrationPc-h1 {
margin-top: 24px;
margin-left: 24px;
}
.app .migrationPc-h2 {
margin-bottom: 20px;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #F0F3F7;
line-height: 18px;
}
.app .migrationPc-h3 {
margin-bottom: 40px;
font-family: PingFangSC-Medium;
font-size: 13px;
color: #9EA4B0;
line-height: 18px;
}
.app .migrationPc-table-container {
margin: 0 0 40px;
}
.app .migrationPc-table-container .table-pannel {
overflow: hidden;
}
.app .migrationPc-table-container .el-table {
background: #191E2E;
}
.app .migrationPc-table-container .el-table:before {
height: 0.5px;
background-color: rgba(255, 255, 255, 0.1);
}
.app .migrationPc-table-container .el-table .cell {
line-height: 18px;
}
.app .migrationPc-table-container .el-table td {
border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.app .migrationPc-table-container .el-table tr {
background: #191E2E;
}
.app .migrationPc-table-container .el-table tr:hover td {
background-color: rgba(6, 10, 21, 0.2);
}
.app .migrationPc-table-container .el-table tr td {
text-align: right;
padding: 10px 0;
}
.app .migrationPc-table-container .el-table tr td:first-child {
text-align: left;
}
.app .migrationPc-table-container .el-table tr td:last-child .cell {
padding-right: 12px;
}
.app .migrationPc-table-container .el-table tr .cell {
padding-right: 0;
color: #fff;
}
.app .migrationPc-table-container .el-table th {
background: rgba(255, 255, 255, 0.05);
text-align: right;
padding-top: 9px;
padding-bottom: 9px;
border-bottom: 0;
font-size: 12px;
font-family: PingFangSC-Medium;
}
.app .migrationPc-table-container .el-table th:first-child {
text-align: left;
}
.app .migrationPc-table-container .el-table th:first-child .cell {
padding-left: 12px;
}
.app .migrationPc-table-container .el-table th:last-child .cell {
padding-right: 12px;
}
.app .migrationPc-table-container .el-table th .cell {
padding-left: 0;
padding-right: 0;
color: #9ea4b0;
}
.app .migrationPc-table-container .table-maxheight {
max-height: 234px;
}
.app .migrationPc-table-container .more-table-bottom {
margin-top: 14px;
text-align: right;
font-size: 14px;
overflow: hidden;
}
.app .migrationPc-table-container .more-table-bottom .more-table-btn {
float: right;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.app .migrationPc-table-container .more-table-bottom .more-table-btn.active .arrow-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.app .migrationPc-table-container .more-table-bottom .arrow-icon {
vertical-align: top;
margin-top: 2px;
margin-left: 4px;
display: inline-block;
width: 18px;
height: 18px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAA9UlEQVRYCe2UQQrCMBBFGxF6D6/gzgO46l7wgJ7AI7jtFTyJEP+XCFlM0mQmC5EZ+C1NM7+vv02mycsT8AQ8AU/AE/jTBGKMM3SCwqhXpFfynEueu9INjF+gM7SMgEoeS/Kkt1g1oAc6XtARMkFlMPSiJ73Fqn4OGB3QdYX20ArdQwgR5+YSYG7weJYMqkBsskD1wvB5m0BaKA1MM1AvlBamC6gVygLTDbQFZYVRAZWgOI7iPvNd2tXV9JktHJp+aqFPWn2cZoKhgRqIzfhE+T7FIW56qmTYzDIB0SCD4qUJhgZDilAJbIifm3gCnoAn4An8cgJvRLyNBz5HPx0AAAAASUVORK5CYII=) no-repeat;
background-size: 18px 18px;
}
.app .migartionPc-tab-container {
padding-top: 24px;
position: sticky;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 22px;
background: rgba(25, 30, 46, 0.97);
}
.app .migartionPc-tab-container.migartionPc-tab-container-flexleft {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.app .migartionPc-tab-container.migartionPc-tab-container-flexleft .migartionPc-tab-item {
margin-right: 36px;
}
.app .migartionPc-tab-container .migartionPc-tab-item {
position: relative;
padding-bottom: 12px;
line-height: 18px;
font-size: 14px;
color: #9EA4B0;
cursor: pointer;
}
.app .migartionPc-tab-container .migartionPc-tab-item:last-child {
margin-right: 0;
}
.app .migartionPc-tab-container .migartionPc-tab-item.active {
color: #4D91FF;
}
.app .migartionPc-tab-container .migartionPc-tab-item.active:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
border-radius: 1.5px;
background-color: #4D91FF;
}
.app .migrationPc-bubble {
position: absolute;
text-align: center;
font-family: DINPro-Bold;
color: #FFFFFF;
font-size: 12px;
background-size: 100% 100%;
cursor: pointer;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.app .migrationPc-infoWindow {
position: absolute;
padding: 5px 15px;
opacity: 0.97;
background: #535A73;
border-radius: 1px 1px 1px 1px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #F0F3F7;
text-align: center;
cursor: pointer;
}
.app .migrationPc-areaInfo {
position: absolute;
padding: 16px;
opacity: 0.95;
background: #293045;
border-radius: 4px;
font-family: PingFangSC-Semibold;
font-size: 14px;
line-height: 14px;
color: #F0F3F7;
min-width: 87px;
cursor: pointer;
}
.app .migrationPc-areaInfo .areaInfo-shallow {
color: #9EA4B0;
margin-right: 5px;
}
.app .migrationPc-areaInfo div {
margin-bottom: 12px;
}
.app .migrationPc-infoWindow:after {
border: 8px solid transparent;
border-top: 8px solid #535A73;
position: absolute;
content: "";
left: 50%;
margin-left: -8px;
top: 100%;
}
.app .van-cell {
color: #FFF !important;
background-color: #191E2E !important;
}
.app .van-cell__value--alone {
color: #FFF !important;
}
.app .van-cell:not(:last-child)::after {
border-bottom: none;
}
.app .van-area {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.app .van-area .van-picker__toolbar {
background-color: #191E2E !important;
}
.app .van-area .van-picker__confirm {
background-color: #191E2E !important;
}
.app .van-area .van-picker__cancel {
background-color: #191E2E !important;
}
.app .van-hairline--top-bottom::after,
.app .van-hairline-unset--top-bottom::after {
border-width: 0;
}
.app .enterprise-icon {
height: 22px;
}
.app .ml16 {
margin-left: 16px;
}
@-webkit-keyframes tDialogZoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.01);
transform: scale(0.01);
}
100% {
opacity: 1;
}
}
@keyframes tDialogZoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0.01);
transform: scale(0.01);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes tDialogZoomOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale(0.01);
transform: scale(0.01);
}
}
@keyframes tDialogZoomOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale(0.01);
transform: scale(0.01);
}
}
@-webkit-keyframes tDialogMaskIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tDialogMaskIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes tDialogMaskOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes tDialogMaskOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.t-dialog-zoom .animation-enter {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom .animation-exit {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom .animation-active {
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom-enter,
.t-dialog-zoom-enter-from,
.t-dialog-zoom-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom-exit {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom-enter-active,
.t-dialog-zoom-appear-active {
-webkit-animation-name: tDialogZoomIn;
animation-name: tDialogZoomIn;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom-exit-active {
-webkit-animation-name: tDialogZoomOut;
animation-name: tDialogZoomOut;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-active .t-dialog {
-webkit-animation-name: tDialogZoomIn;
animation-name: tDialogZoomIn;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom__vue-enter-active .t-dialog__mask {
-webkit-animation-name: tDialogMaskIn;
animation-name: tDialogMaskIn;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-active .t-dialog {
-webkit-animation-name: tDialogZoomOut;
animation-name: tDialogZoomOut;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-zoom__vue-leave-active .t-dialog__mask {
-webkit-animation-name: tDialogMaskOut;
animation-name: tDialogMaskOut;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-to .t-dialog {
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-to .t-dialog {
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-dialog-fade-enter,
.t-dialog-fade-appear {
opacity: 0;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-fade-exit {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-dialog-fade-enter.t-dialog-fade-enter-active,
.t-dialog-fade-appear.t-dialog-fade-appear-active {
-webkit-animation-name: tDialogFadeIn;
animation-name: tDialogFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.t-dialog-fade-exit.t-dialog-fade-exit-active {
-webkit-animation-name: tDialogFadeOut;
animation-name: tDialogFadeOut;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes tDialogFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes tDialogFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes tDialogFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes tDialogFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.t-dialog {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
width: 480px;
background-color: var(--td-bg-color-container);
position: relative;
border: 1px solid var(--td-border-level-1-color);
border-radius: var(--td-radius-large);
}
.t-dialog .t-icon.t-is-info {
color: var(--td-brand-color);
}
.t-dialog .t-icon.t-is-success {
color: var(--td-success-color);
}
.t-dialog .t-icon.t-is-warning {
color: var(--td-warning-color);
}
.t-dialog .t-icon.t-is-error {
color: var(--td-error-color);
}
.t-dialog--lock {
overflow: hidden;
}
.t-dialog__header {
color: var(--td-text-color-primary);
font: var(--td-font-title-medium);
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
word-break: break-word;
gap: var(--td-comp-margin-s);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-dialog__header .t-dialog__header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.t-dialog__header .t-icon:not(.t-icon-close) {
font-size: calc(var(--td-font-size-body-large) + 8px);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: var(--td-comp-margin-s);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-dialog__header--fullscreen {
background-color: var(--td-bg-color-secondarycontainer);
min-height: var(--td-comp-size-xxxl);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 var(--td-comp-paddingLR-xxl);
}
.t-dialog__header--fullscreen .t-dialog__header-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-dialog__body {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
color: var(--td-text-color-secondary);
font: var(--td-font-body-medium);
overflow: auto;
padding: var(--td-comp-paddingTB-l) 0;
word-break: break-word;
}
.t-dialog__body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-dialog__body::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-dialog__body::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body__icon,
.t-dialog__body--icon {
padding: var(--td-comp-paddingTB-l) 0;
}
.t-dialog__body--fullscreen {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
height: calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));
overflow: auto;
}
.t-dialog__body--fullscreen::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body--fullscreen--without-footer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
height: calc(100% - var(--td-comp-size-xxxl));
overflow: auto;
}
.t-dialog__footer {
width: 100%;
text-align: right;
padding: var(--td-comp-paddingTB-l) 0 0;
}
.t-dialog__footer .t-button + .t-button {
margin-left: var(--td-comp-margin-s);
}
.t-dialog__footer--fullscreen {
min-height: var(--td-comp-size-xxxxl);
padding: 0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-dialog--default {
padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-dialog__close {
font-size: calc(var(--td-font-size-body-large) + 4px);
color: var(--td-text-color-secondary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(var(--td-font-size-body-large) + 4px);
height: calc(var(--td-font-size-body-large) + 4px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--td-radius-default);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
}
.t-dialog__close:hover {
cursor: pointer;
background: var(--td-bg-color-container-hover);
}
.t-dialog__close:active {
background: var(--td-bg-color-container-active);
}
.t-dialog__close--fullscreen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: transparent;
}
.t-dialog__close--fullscreen:hover {
cursor: pointer;
background: var(--td-bg-color-secondarycontainer-hover);
}
.t-dialog__close--fullscreen:active {
background: var(--td-bg-color-secondarycontainer-active);
}
.t-dialog.t-dialog--draggable:hover {
cursor: move;
}
.t-dialog.t-dialog--draggable .t-dialog__header:hover,
.t-dialog.t-dialog--draggable .t-dialog__body:hover,
.t-dialog.t-dialog--draggable .t-dialog__footer:hover {
cursor: auto;
}
.t-dialog__fullscreen {
width: 100%;
border-radius: 0;
}
.t-dialog__ctx {
pointer-events: auto;
outline: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.t-dialog__ctx.t-dialog__ctx--modeless {
pointer-events: none;
}
.t-dialog__ctx.t-dialog__ctx--fixed {
position: fixed;
z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--absolute {
position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask {
position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
position: absolute;
}
.t-dialog__ctx.t-is-visable {
visibility: visible;
}
.t-dialog__ctx.t-is-hidden {
visibility: hidden;
}
.t-dialog__ctx.t-is-display {
display: block;
}
.t-dialog__ctx.t-not-display {
display: none;
}
.t-dialog__ctx .t-dialog__mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: var(--td-mask-active);
pointer-events: auto;
}
.t-dialog__ctx .t-dialog__wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: auto;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__ctx .t-dialog__position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%;
width: 100%;
position: relative;
padding: 48px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-dialog__ctx .t-dialog__position.t-dialog--top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 20vh;
}
.t-dialog__ctx .t-dialog__position.t-dialog--center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-dialog__ctx .t-dialog__position_fullscreen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%;
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-dialog__ctx .t-is-hidden {
background: none;
}
.t-dialog__ctx .t-dialog {
pointer-events: auto;
z-index: 2500;
}
.t-button {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
z-index: 0;
overflow: hidden;
font-size: var(--td-font-body-medium);
outline: none;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: transparent;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
white-space: nowrap;
border-radius: var(--td-radius-default);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none;
}
.t-button .t-button__text,
.t-button .t-icon {
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.t-button .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-button .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button .t-icon + .t-button__text:not(:empty) {
margin-left: 8px;
}
.t-button .t-loading + .t-button__text:not(:empty) {
margin-left: 8px;
}
.t-button .t-button__suffix:not(:empty) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 8px;
}
.t-button--variant-base {
color: var(--td-text-color-anti);
height: var(--td-comp-size-m);
font: var(--td-font-body-medium);
padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
background-color: var(--td-bg-color-component);
border-color: var(--td-bg-color-component);
color: var(--td-text-color-primary);
}
.t-button--variant-base .t-icon,
.t-button--variant-base .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
background-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
background-color: var(--td-bg-color-component);
}
.t-button--variant-base.t-is-disabled {
background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
border-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
border-color: var(--td-bg-color-component);
}
.t-button--variant-base.t-is-disabled {
border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-loading {
color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-button--variant-base.t-button--theme-primary {
color: var(--td-text-color-anti);
background-color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
background-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
background-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
background-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-success {
color: var(--td-text-color-anti);
background-color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
background-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
background-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
background-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-warning {
color: var(--td-text-color-anti);
background-color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
background-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
background-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
background-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-danger {
color: var(--td-text-color-anti);
background-color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
background-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
background-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
background-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
border-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost {
background-color: transparent;
color: var(--td-text-color-anti);
border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
background-color: transparent;
}
.t-button--variant-base.t-button--ghost:active {
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-loading {
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
background-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-success {
color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
border-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning {
color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
border-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
border-color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline {
height: var(--td-comp-size-m);
font: var(--td-font-body-medium);
padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-specialcomponent);
border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline .t-icon,
.t-button--variant-outline .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
color: var(--td-text-color-primary);
}
.t-button--variant-outline.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-loading {
background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-disabled {
background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-is-disabled {
border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--theme-primary {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-success {
color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning {
color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost {
background-color: transparent;
color: var(--td-text-color-anti);
border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:active {
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
background-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success {
color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
border-color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning {
color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
border-color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
border-color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed {
height: var(--td-comp-size-m);
font: var(--td-font-body-medium);
padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-specialcomponent);
border-color: var(--td-border-level-2-color);
border-style: dashed;
}
.t-button--variant-dashed .t-icon,
.t-button--variant-dashed .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
color: var(--td-text-color-primary);
}
.t-button--variant-dashed.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-loading {
background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-disabled {
background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-is-disabled {
border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--theme-primary {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success {
color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning {
color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost {
background-color: transparent;
color: var(--td-text-color-anti);
border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:active {
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
background-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success {
color: var(--td-success-color);
border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
border-color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
color: var(--td-warning-color);
border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
border-color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
border-color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
border-color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-text {
height: var(--td-comp-size-m);
font: var(--td-font-body-medium);
padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
color: var(--td-text-color-primary);
background-color: transparent;
border-color: transparent;
}
.t-button--variant-text .t-icon,
.t-button--variant-text .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-loading {
color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
background-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
background-color: transparent;
}
.t-button--variant-text.t-is-disabled {
background-color: transparent;
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
border-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
border-color: transparent;
}
.t-button--variant-text.t-is-disabled {
border-color: transparent;
}
.t-button--variant-text.t-button--theme-primary {
color: var(--td-brand-color);
}
.t-button--variant-text.t-button--theme-primary:hover,
.t-button--variant-text.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-text.t-button--theme-primary.t-is-disabled {
color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--theme-success {
color: var(--td-success-color);
}
.t-button--variant-text.t-button--theme-success:hover,
.t-button--variant-text.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-text.t-button--theme-success.t-is-disabled {
color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--theme-warning {
color: var(--td-warning-color);
}
.t-button--variant-text.t-button--theme-warning:hover,
.t-button--variant-text.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-text.t-button--theme-warning.t-is-disabled {
color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--theme-danger {
color: var(--td-error-color);
}
.t-button--variant-text.t-button--theme-danger:hover,
.t-button--variant-text.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-text.t-button--theme-danger.t-is-disabled {
color: var(--td-error-color-disabled);
}
.t-button--variant-text.t-button--ghost {
background: none;
color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost:hover,
.t-button--variant-text.t-button--ghost:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost:active {
color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-is-loading {
color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary {
color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-primary:focus-visible {
color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-loading {
color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-success {
color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-success:focus-visible {
color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:active {
color: var(--td-success-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-loading {
color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning {
color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-warning:focus-visible {
color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
color: var(--td-warning-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-loading {
color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger {
color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-danger:focus-visible {
color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
color: var(--td-error-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-loading {
color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
background-color: transparent;
}
.t-button.t-is-loading,
.t-button.t-is-disabled {
cursor: not-allowed;
}
.t-button.t-size-s {
height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
padding-left: calc(var(--td-comp-paddingLR-s) - 1px);
padding-right: calc(var(--td-comp-paddingLR-s) - 1px);
}
.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
font-size: var(--td-font-size-body-medium);
}
.t-button.t-size-l {
height: var(--td-comp-size-xl);
font: var(--td-font-body-large);
padding-left: calc(var(--td-comp-paddingLR-xl) - 1px);
padding-right: calc(var(--td-comp-paddingLR-xl) - 1px);
}
.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
font-size: var(--td-font-size-title-large);
}
.t-button--shape-square {
width: var(--td-comp-size-m);
padding: 0;
}
.t-button--shape-square.t-size-s {
width: var(--td-comp-size-xs);
padding: 0;
}
.t-button--shape-square.t-size-l {
width: var(--td-comp-size-xl);
padding: 0;
}
.t-button--shape-round {
border-radius: var(--td-radius-round);
}
.t-button--shape-round.t-size-s {
border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-round.t-size-l {
border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button--shape-circle {
width: var(--td-comp-size-m);
padding: 0;
text-align: center;
border-radius: calc(var(--td-comp-size-m) / 2);
}
.t-button--shape-circle .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle .t-loading {
font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle.t-size-s {
width: var(--td-comp-size-xs);
border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-circle.t-size-l {
width: var(--td-comp-size-xl);
padding: 0;
border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button.t-size-full-width {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.t-button--ghost {
--ripple-color: var(--td-gray-color-10);
}
.t-button:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-bg-color-container-active);
}
.t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-bg-color-component-active);
}
.t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
--ripple-color: var(--td-error-color-active);
}
@-webkit-keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.t-icon-loading {
-webkit-animation: t-spin 1s linear infinite;
animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.t-loading {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
color: var(--td-brand-color);
font-size: var(--td-comp-size-l);
}
.t-loading--lock {
overflow: hidden;
}
.t-loading.t-size-s {
font-size: var(--td-comp-size-xxxs);
}
.t-loading.t-size-l {
font-size: var(--td-comp-size-xxxl);
}
.t-loading__parent--relative {
position: relative !important;
}
.t-loading__fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3500;
}
.t-loading--center {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-loading__content {
position: absolute;
left: 48%;
top: 20%;
}
.t-loading--inherit-color {
color: inherit;
}
.t-loading__parent {
position: relative;
}
.t-loading__overlay {
background-color: var(--td-mask-disabled);
}
/** 仅用于作为包裹元素时 */
.t-loading--full {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.t-loading--hidden {
visibility: hidden;
}
.t-loading--visible {
visibility: visible;
}
.t-loading__text {
width: auto;
display: inline-block;
vertical-align: middle;
font: var(--td-font-body-medium);
margin-left: var(--td-comp-margin-xs);
}
.t-loading__gradient {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
}
.t-loading__gradient-conic {
width: 100%;
height: 100%;
border-radius: var(--td-radius-circle);
/* stylelint-disable-next-line color-no-hex */
background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
/* stylelint-disable-next-line */
-webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
/* stylelint-disable-next-line color-no-hex */
mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.el-message.console-message {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 221px;
padding: 0 50px;
background-color: #fff;
border-color: #fff;
-webkit-box-shadow: 0px 5px 12px 0px rgba(41, 64, 102, 0.12);
box-shadow: 0px 5px 12px 0px rgba(41, 64, 102, 0.12);
}
.el-message.console-message .el-message__content {
line-height: 58px;
font-size: 14px;
color: #05070A;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.guide-card[data-v-314d0b3a] {
padding: 16px 12px;
width: 280px;
}
.guide-card__title[data-v-314d0b3a] {
color: #0062FF;
font-size: 16px;
font-weight: 600;
line-height: 22px;
/* 137.5% */
margin-bottom: 16px;
}
.guide-card__desc[data-v-314d0b3a] {
color: rgba(15, 24, 41, 0.7);
font-size: 14px;
font-weight: 400;
line-height: 22px;
/* 157.143% */
margin-bottom: 24px;
}
.guide-card__footer[data-v-314d0b3a] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: rgba(15, 24, 41, 0.5);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%;
/* 14px */
}
.footer-num[data-v-314d0b3a] {
color: rgba(0, 0, 0, 0.9);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 157.143% */
}
.footer-btn[data-v-314d0b3a] {
cursor: pointer;
}
.footer-btn__next[data-v-314d0b3a] {
color: #0062FF;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-left: 12px;
cursor: pointer;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.codesign-icon[data-v-0c3b719e] {
margin: 0 12px;
color: #909399;
vertical-align: middle;
}
.menu-item[data-v-0c3b719e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-item .red-point[data-v-0c3b719e] {
margin-left: 4px;
margin-bottom: 4px;
width: 5px;
height: 5px;
background-color: #ff0000;
border-radius: 5px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.sidebar-container {
padding-top: 12px;
}
.sidebar-container .sidebar-menu > li:first-child {
font-weight: 500;
}
.sidebar-container .el-menu {
border-right: none;
}
.sidebar-container .el-menu .el-menu-item,
.sidebar-container .el-menu .el-submenu__title {
height: 48px;
line-height: 48px;
}
.sidebar-container .el-menu .el-submenu .el-menu-item {
height: 48px;
}
.sidebar-container .el-menu .el-menu-item .menu-external-link {
color: #1f2226;
display: block;
}
.sidebar-container .el-menu-item.is-active {
border-right: solid 1px #0062ff;
background-color: rgba(0, 98, 255, 0.08);
}
.sidebar-container .el-submenu.is-active > .el-submenu__title {
color: #0062ff !important;
}
.sidebar-container .el-submenu.is-active > .el-submenu__title [class*=' console-icon-'],
.sidebar-container .el-submenu.is-active > .el-submenu__title [class^='console-icon-'] {
color: #0062ff !important;
}
.sidebar-container .el-submenu__title {
height: 48px;
font-weight: 500;
}
.sidebar-container .el-icon-arrow-down {
font-size: 16px;
}
.sidebar-container .el-icon-arrow-down:before {
content: '\e790';
}
.sidebar-container .el-item-left {
margin-left: 21px;
}
.sidebar-container [class*=' console-icon-'],
.sidebar-container [class^='console-icon-'] {
font-size: 20px;
margin-right: 8px;
}
.t-message {
margin: 0;
padding: 0;
list-style: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
outline: 0;
border-radius: var(--td-radius-medium);
background-color: var(--td-bg-color-container);
-webkit-box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--td-text-color-primary);
font: var(--td-font-body-medium);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-message > .t-icon,
.t-message > [data-t-icon] > .t-icon,
.t-message .t-loading {
color: var(--td-brand-color);
margin-right: var(--td-comp-margin-s);
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.t-message.t-is-success > .t-icon,
.t-message.t-is-success > [data-t-icon] > .t-icon,
.t-message.t-is-success .t-loading {
color: var(--td-success-color);
}
.t-message.t-is-warning > .t-icon,
.t-message.t-is-warning > [data-t-icon] > .t-icon,
.t-message.t-is-warning .t-loading {
color: var(--td-warning-color);
}
.t-message.t-is-error > .t-icon,
.t-message.t-is-error > [data-t-icon] > .t-icon,
.t-message.t-is-error .t-loading {
color: var(--td-error-color);
}
.t-message.t-is-closable .t-message__close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 0;
margin-left: var(--td-comp-margin-xxl);
cursor: pointer;
color: var(--td-text-color-secondary);
}
.t-message.t-is-closable .t-message__close .t-icon-close {
font-size: calc(var(--td-font-size-body-medium) + 2px);
border-radius: var(--td-radius-default);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-message.t-is-closable .t-message__close .t-icon-close:hover {
background: var(--td-bg-color-container-hover);
}
.t-message.t-is-closable .t-message__close .t-icon-close:active {
background: var(--td-bg-color-container-active);
}
.t-message__list {
position: fixed;
z-index: 6000;
}
.t-message__list .t-message {
margin-bottom: var(--td-comp-margin-s);
word-break: break-all;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.console {
height: 100vh;
background-color: #f4f6f9;
overflow: hidden;
}
.console #lbs-header {
height: 56px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.05);
box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.05);
background-color: #fff;
position: relative;
z-index: 999;
}
.console .page-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: calc(100vh - 56px);
}
.console .page-content.page-full {
height: 100vh;
}
.console .page-content.page-full .console-content {
width: 100vw;
}
.console .page-content.page-full .console-content .page-main {
padding: 0;
}
.console .page-content .console-sidebar {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 260px;
background: #fff;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.05);
box-shadow: 0 4px 8px 0 rgba(0, 44, 102, 0.05);
overflow-y: auto;
}
.console .page-content .scrollbar-wrapper {
overflow-x: hidden !important;
}
.console .page-content .console-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: calc(100vw - 260px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto;
}
.console .page-content .console-content .page-main {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 1160px;
padding: 16px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.console .chat-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: fixed;
top: 5px;
right: 200px;
z-index: 1000;
}
.console .chat-wrapper .chat-btn {
width: 44px;
height: 44px;
background: url(https://industry.map.qq.com/cloud/chat/logo/ai-logo.jpeg);
background-size: 100%;
border-radius: 12px;
cursor: pointer;
margin-right: 4px;
}
.console .dialog-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.console .dialog-header .logo {
display: block;
width: 40px;
height: 40px;
border-radius: 4px;
margin-right: 12px;
}
.console .dialog-header .title {
font-size: 24px;
font-weight: bold;
}
.console .dialog-body .tips {
color: #868e96;
line-height: 22px;
padding: 6px;
background-color: #f8f9fa;
border-radius: 4px;
margin-bottom: 8px;
}
.console .dialog-body .main-content {
max-height: 400px;
overflow-y: auto;
}
.console .dialog-body .main-content .chat-item {
margin-bottom: 12px;
}
.console .dialog-body .title {
color: #000;
font-weight: bold;
font-size: 22px;
line-height: 32px;
}
.console .dialog-footer .input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 8px;
}
.console .dialog-footer .tips {
color: #868e96;
line-height: 22px;
margin-top: 5px;
}
.t-guide__highlight--nomask {
border: none !important;
}
.guide__content {
color: rgba(15, 24, 41, 0.7);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 157.143% */
margin-bottom: 24px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.guide__content .guide-link {
color: #0062FF;
cursor: pointer;
}
.highlightContent {
width: 260px;
height: 65px;
outline: 9999px solid rgba(0, 0, 0, 0.6);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.dialog-header[data-v-070a1fa9] {
width: 450px;
height: 250px;
background: url(https://industry.map.qq.com/cloud/file/2024/08/13/dialog-header.png) no-repeat center / cover;
}
.dialog-body[data-v-070a1fa9] {
padding: 32px;
}
.dialog-body__title[data-v-070a1fa9] {
color: rgba(0, 0, 0, 0.9);
font-size: 18px;
font-weight: 600;
line-height: 26px;
/* 144.444% */
}
.dialog-body__desc[data-v-070a1fa9] {
color: rgba(15, 24, 41, 0.7);
font-size: 14px;
font-weight: 400;
line-height: 22px;
/* 157.143% */
margin-top: 8px;
}
.dialog-body__footer[data-v-070a1fa9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.jump-all[data-v-070a1fa9] {
cursor: pointer;
}
.special_btn[data-v-070a1fa9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px 12px 7px 16px;
border-radius: 6px;
background: -webkit-gradient(linear, left top, right top, from(#146FFF), to(#1AA0FF)), #0062FF;
background: linear-gradient(90deg, #146FFF 0%, #1AA0FF 100%), #0062FF;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.special_btn > div[data-v-070a1fa9] {
line-height: 22px;
}
.special_btn:hover > span[data-v-070a1fa9] {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.special_btn-icon[data-v-070a1fa9] {
display: inline-block;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
margin-left: 8px;
}
[data-v-070a1fa9] .t-dialog {
width: 450px;
overflow: hidden;
border: none;
}
[data-v-070a1fa9] .t-dialog--default {
padding: 0;
}
[data-v-070a1fa9] .t-dialog__body {
padding: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.change-dialog .change-dialog-mask[data-v-1895ce70] {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0.4;
background-color: #000000;
z-index: 10000;
}
.change-dialog .change-container[data-v-1895ce70] {
position: fixed;
z-index: 10001;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 880px;
height: 430px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 12px 0 rgba(41, 67, 102, 0.1);
box-shadow: 0 5px 12px 0 rgba(41, 67, 102, 0.1);
background-color: #fff;
}
.change-dialog .change-container-left[data-v-1895ce70] {
width: 340px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/image@2x.396595f.png) no-repeat top left / 340px 430px;
}
.change-dialog .change-container-left > h2[data-v-1895ce70] {
margin-top: 57px;
margin-left: 82px;
font-family: TTTGBMedium;
font-size: 28px;
line-height: 1.5;
font-weight: 500;
color: #ffffff;
}
.change-dialog .change-container-content[data-v-1895ce70] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: 66px;
padding-left: 50px;
padding-right: 30px;
color: #1f2226;
}
.change-dialog .change-container-content > h2[data-v-1895ce70] {
margin-bottom: 40px;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.change-dialog .change-container-content .change-item[data-v-1895ce70] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 20px;
}
.change-dialog .change-container-content .change-item[data-v-1895ce70]:last-child {
margin-bottom: 0;
}
.change-dialog .change-container-content .change-item .change-item-index[data-v-1895ce70] {
margin-right: 10px;
min-width: 20px;
height: 20px;
line-height: 20px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
text-align: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e4eb), color-stop(120%, #c0c5d2));
background-image: linear-gradient(to bottom, #e1e4eb, #c0c5d2 120%);
}
.change-dialog .change-container-content .change-item .change-item-content[data-v-1895ce70] {
color: #1E2226;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.change-dialog .change-container-content .cancel-button[data-v-1895ce70] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 40px;
width: 160px;
line-height: 28px;
height: 48px;
font-size: 16px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.service-card[data-v-5884b9c4],
.base-service-card[data-v-5884b9c4],
.paid-service-card[data-v-5884b9c4] {
height: 200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 24px;
border-radius: 8px;
}
.base-service-card[data-v-5884b9c4] {
background-color: rgba(0, 98, 255, 0.04);
}
.base-service-card[data-v-5884b9c4]:hover {
background-color: rgba(0, 98, 255, 0.08);
}
.base-service-card .count-text[data-v-5884b9c4] {
display: block;
color: #0062ff;
}
.paid-service-card[data-v-5884b9c4] {
background-color: rgba(217, 164, 58, 0.04);
}
.paid-service-card[data-v-5884b9c4]:hover {
background-color: rgba(217, 164, 58, 0.08);
}
.paid-service-card .count-text[data-v-5884b9c4] {
color: #d9a43a;
}
.unused-text[data-v-5884b9c4] {
color: rgba(31, 34, 38, 0.3);
font-size: 12px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.title-container[data-v-5884b9c4] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.service-title[data-v-5884b9c4] {
font-size: 16px;
line-height: 1.5em;
font-weight: 600;
color: #1f2226;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1.5em;
}
.time-text[data-v-5884b9c4] {
height: 18px;
font-size: 12px;
font-weight: 500;
line-height: 18px;
color: rgba(31, 34, 38, 0.5);
width: 110px;
text-align: right;
}
.api-name[data-v-5884b9c4] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
color: rgba(31, 34, 38, 0.5);
margin-top: 20px;
font-weight: 500;
}
.usage-container[data-v-5884b9c4] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-family: DINPro-Bold;
}
.usage-container .count-text[data-v-5884b9c4],
.qps-container .qps-limit[data-v-5884b9c4] {
height: 54px;
font-size: 36px;
line-height: 54px;
}
.usage-container .limit-text[data-v-5884b9c4] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
color: rgba(31, 34, 38, 0.7);
font-weight: 500;
margin-bottom: 8px;
}
.usage-progressbar[data-v-5884b9c4] {
margin-top: 20px;
}
.qps-container[data-v-5884b9c4] {
margin-top: 42px;
text-align: center;
vertical-align: top;
}
.qps-container .qps-text[data-v-5884b9c4] {
display: inline-block;
font-size: 14px;
color: rgba(31, 34, 38, 0.7);
font-weight: 500;
vertical-align: text-bottom;
}
.qps-container .qps-limit[data-v-5884b9c4] {
display: inline-block;
color: #d9a43a;
font-family: DINPro-Bold;
}
@media screen and (max-width: 1700px) {
.service-card[data-v-5884b9c4],
.base-service-card[data-v-5884b9c4],
.paid-service-card[data-v-5884b9c4] {
width: 0;
height: 160px;
padding: 20px;
}
.service-title[data-v-5884b9c4] {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.api-name[data-v-5884b9c4] {
margin-top: 4px;
}
.usage-progressbar[data-v-5884b9c4] {
margin-top: 8px;
}
.title-container[data-v-5884b9c4] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.title-container .time-text[data-v-5884b9c4] {
margin-top: 4px;
text-align: left;
}
.paid-service-card .api-name[data-v-5884b9c4] {
margin-top: 4px;
height: 0;
}
.qps-container[data-v-5884b9c4] {
margin-top: 4px;
}
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.base-service-card .usage-progressbar .el-progress-bar__outer {
background-color: rgba(0, 98, 255, 0.12);
}
.base-service-card .usage-progressbar .el-progress-bar__inner {
background-image: linear-gradient(91deg, #0099ff, #0062ff);
}
.paid-service-card .usage-progressbar .el-progress-bar__outer {
background-color: rgba(217, 164, 58, 0.16);
}
.paid-service-card .usage-progressbar .el-progress-bar__inner {
background-image: linear-gradient(271deg, #d9a43a 100%, #ecbf49 0%), linear-gradient(268deg, #ffffff 100%, #000000 64%), linear-gradient(to bottom, #ffbb20, #ffbb20);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.dialog-page-box .dialog-page-box-text[data-v-24afb631] {
text-align: justify;
}
.dialog-page-box[data-v-24afb631] .el-dialog__body {
padding: 2px 32px 30px;
}
.dialog-page-box[data-v-24afb631] .el-dialog__footer {
padding-bottom: 32px;
padding-right: 32px;
}
.dialog-page-box[data-v-24afb631] .el-dialog__footer button {
margin-left: 12px;
}
.dialog-page-box-text[data-v-24afb631] {
color: #0f1829;
line-height: 22px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.base-dialog .el-dialog__header {
padding: 24px 32px 10px;
}
.base-dialog .el-dialog__title {
font-size: 16px;
font-weight: 600;
height: 1.5;
line-height: 1.5;
color: #1f2226;
}
.base-dialog .el-dialog__body {
padding: 14px 32px;
}
.base-dialog .el-dialog__footer {
padding: 10px 32px 32px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.announcement-dialog[data-v-4ec07bf8] .el-dialog__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.announcement-dialog[data-v-4ec07bf8] .el-dialog__body .confirm-button {
-ms-flex-item-align: center;
align-self: center;
margin: 32px 0 18px;
}
.announcement-dialog .announcement-container[data-v-4ec07bf8] {
height: 574px;
overflow: auto;
scrollbar-color: rgba(30, 34, 38, 0.2) #FFFFFF;
/* 第一个颜色为滚动条的颜色， 第二个颜色为滚动条轨道的颜色 */
scrollbar-width: thin;
color: #000000;
}
.announcement-dialog .announcement-container .announcement-intro[data-v-4ec07bf8] {
font-weight: 400;
font-size: 14px;
line-height: 22px;
margin-bottom: 24px;
}
.announcement-dialog .announcement-container .announcement-detail[data-v-4ec07bf8] {
margin-bottom: 28px;
}
.announcement-dialog .announcement-container .announcement-detail[data-v-4ec07bf8] .el-table thead {
color: #000000;
}
.announcement-dialog .announcement-container .announcement-detail[data-v-4ec07bf8] .el-table thead > tr:first-child .cell {
font-weight: 600 !important;
}
.announcement-dialog .announcement-container .work-order-title[data-v-4ec07bf8] {
margin: 16px 0;
}
.announcement-dialog .announcement-container .case-wrapper[data-v-4ec07bf8] {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 24px;
background-color: #f4f6f9;
margin-bottom: 16px;
}
.announcement-dialog .announcement-container .part-three[data-v-4ec07bf8],
.announcement-dialog .announcement-container .part-four[data-v-4ec07bf8] {
margin-top: 28px;
margin-bottom: 16px;
}
.announcement-dialog .announcement-container .detail-title[data-v-4ec07bf8] {
margin-bottom: 16px;
}
.announcement-dialog .announcement-container .announcement-footer[data-v-4ec07bf8] {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #000000;
height: 44px;
margin: 28px 0 0;
}
.announcement-dialog .announcement-container .emphasize[data-v-4ec07bf8] {
font-weight: 600;
}
.announcement-dialog .announcement-container .new-part[data-v-4ec07bf8] {
margin-top: 32px;
}
.announcement-dialog .announcement-container .retract-text[data-v-4ec07bf8] {
text-indent: 28px;
}
.announcement-dialog .announcement-container .weaken[data-v-4ec07bf8] {
color: rgba(30, 34, 38, 0.5);
}
.announcement-dialog .announcement-container .blue-text[data-v-4ec07bf8] {
color: #0064ff;
}
.announcement-dialog .announcement-container .red-text[data-v-4ec07bf8] {
color: #ff363c;
}
.announcement-dialog[data-v-4ec07bf8] ::-webkit-scrollbar {
width: 6px;
height: 236px;
background-color: #F5F5F5;
}
.announcement-dialog[data-v-4ec07bf8] ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #FFFFFF;
border-radius: 10px;
background-color: #FFFFFF;
}
.announcement-dialog[data-v-4ec07bf8] ::-webkit-scrollbar-thumb {
border-radius: 10px;
width: 6px;
height: 236px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgba(30, 34, 38, 0.2);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.distribute-interface-dialog[data-v-3accec5c] .t-dialog {
padding: 24px;
}
.distribute-interface-dialog[data-v-3accec5c] .t-dialog__body {
padding: 0;
}
.distribute-interface-dialog .did-header[data-v-3accec5c] {
color: rgba(0, 0, 0, 0.9);
font-family: "PingFang SC";
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
}
.distribute-interface-dialog .did-footer[data-v-3accec5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 8px;
margin-top: 24px;
}
.distribute-interface-dialog .did-footer-btn[data-v-3accec5c] {
width: 88px;
background: #0062FF;
}
.distribute-interface-dialog .did-footer-btn-outline[data-v-3accec5c] {
width: 88px;
}
.did-content-item[data-v-3accec5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
}
.did-content-item-dot[data-v-3accec5c] {
background: rgba(15, 24, 41, 0.7);
width: 6px;
height: 6px;
border-radius: 50%;
margin-top: 8px;
}
.did-content-item-text[data-v-3accec5c] {
color: rgba(15, 24, 41, 0.7);
font-family: "PingFang SC";
font-size: 14px;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.did-content-key[data-v-3accec5c] {
margin-top: 12px;
}
.did-content-empty[data-v-3accec5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
padding: 32px 0;
}
.did-content-empty-img[data-v-3accec5c] {
width: 64px;
height: 64px;
}
.did-content-empty-text[data-v-3accec5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
color: rgba(15, 24, 41, 0.7);
font-family: "PingFang SC";
font-size: 14px;
font-weight: 400;
}
.did-content-empty-btn[data-v-3accec5c] {
color: #0062FF;
cursor: pointer;
}
.key-name-mkey-option[data-v-3accec5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
gap: 4px;
}
.key-name-mkey-option .name[data-v-3accec5c] {
white-space: nowrap;
}
.key-name-mkey-option .mkey[data-v-3accec5c] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.quick-start-card[data-v-3f449b96] {
border: 2px solid #FFF;
margin-bottom: 12px;
-webkit-box-shadow: 0 4px 8px 0 rgba(5, 6, 11, 0.04);
box-shadow: 0 4px 8px 0 rgba(5, 6, 11, 0.04);
background: linear-gradient(170deg, #E8F1FF 13.61%, #FFF 60.23%);
}
.quick-start-card .qsc-header[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 72px;
padding: 0 32px;
}
.quick-start-card .qsc-header-left[data-v-3f449b96] {
color: #1E2226;
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.quick-start-card .qsc-header-tip[data-v-3f449b96] {
width: 20px;
height: 20px;
cursor: pointer;
}
.quick-start-card .qsc-header-right[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.quick-start-card .qsc-header-btn[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #0064FF;
font-family: "PingFang SC";
font-size: 14px;
font-style: normal;
font-weight: 500;
cursor: pointer;
gap: 4px;
}
.quick-start-card .qsc-header-icon[data-v-3f449b96] {
width: 16px;
height: 16px;
}
.quick-start-card .qsc-content[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
gap: 32px;
}
.quick-start-card .qsc-content-left[data-v-3f449b96] {
width: 160px;
border-right: 1px solid rgba(208, 213, 220, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.quick-start-card .qsc-content-left-item[data-v-3f449b96] {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 6px;
cursor: pointer;
}
.quick-start-card .qsc-content-left-item-active[data-v-3f449b96] {
border-right: 2px solid #0062FF;
padding-left: 2px;
}
.quick-start-card .qsc-content-left-item-active .qsc-content-left-item-num[data-v-3f449b96] {
background: #0062FF;
color: #fff;
}
.quick-start-card .qsc-content-left-item-active .qsc-content-left-item-name[data-v-3f449b96] {
color: #0062FF;
font-weight: 600;
}
.quick-start-card .qsc-content-left-item-num[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(208, 213, 220, 0.4);
color: rgba(15, 24, 41, 0.5);
font-family: "PingFang SC";
font-size: 12px;
font-weight: 600;
}
.quick-start-card .qsc-content-left-item-name[data-v-3f449b96] {
color: rgba(15, 24, 41, 0.7);
font-family: "PingFang SC";
font-size: 14px;
font-style: normal;
font-weight: 400;
}
.quick-start-card .qsc-content-right-title[data-v-3f449b96] {
color: #0F1829;
font-family: "PingFang SC";
font-size: 14px;
font-weight: 500;
margin-top: 5px;
margin-bottom: 10px;
}
.quick-start-card .qsc-content-right-desc[data-v-3f449b96] {
color: rgba(15, 24, 41, 0.7);
font-family: "PingFang SC";
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.quick-start-card .qsc-content-right-desc-item[data-v-3f449b96] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.quick-start-card .qsc-content-right-desc-dot[data-v-3f449b96] {
background: rgba(15, 24, 41, 0.7);
width: 6px;
height: 6px;
border-radius: 50%;
}
.quick-start-card .qsc-content-right-footer[data-v-3f449b96] {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.quick-start-card .qsc-content-right-footer-btn[data-v-3f449b96] {
background: #0064FF;
}
.quick-start-card .qsc-content-right-footer-btn-outline[data-v-3f449b96] {
color: #0064FF;
border-color: #0064FF;
}
@font-face{font-family:"socialshare";src:url(//mapapi.qq.com/web/lbs/console/v/8fbe5401aaf59676ae94a5ef9a42ad7b.eot);src:url(//mapapi.qq.com/web/lbs/console/v/8fbe5401aaf59676ae94a5ef9a42ad7b.eot?#iefix) format("embedded-opentype"),url(//mapapi.qq.com/web/lbs/console/v/ef7d2744b1c12f3806dad4b1b8f211b7.woff) format("woff"),url(//mapapi.qq.com/web/lbs/console/v/9d1dd06c43da63785aa7fc4bc949fa70.ttf) format("truetype"),url(//mapapi.qq.com/web/lbs/console/v/eff561633a9ebc64f171aa295a58e887.svg#iconfont) format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;-webkit-transition:background 0.6s ease-out 0s;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all 200ms;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.home-container[data-v-d0271006] {
min-height: 800px;
}
.home-container .announcement-banner[data-v-d0271006] {
margin-top: -8px;
}
.home-container .welcome-tip[data-v-d0271006] {
height: 22px;
line-height: 22px;
font-weight: 500;
color: #1f2226;
padding: 11px 0 0 20px;
margin-bottom: 15px;
}
.home-container .homepage-card-container[data-v-d0271006] {
width: 100%;
}
.home-container .homepage-card-container .card-column[data-v-d0271006] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-common[data-v-d0271006],
.big-card[data-v-d0271006],
.normal-card[data-v-d0271006] {
margin-bottom: 12px;
-webkit-box-shadow: 0 4px 8px 0 rgba(5, 6, 11, 0.04);
box-shadow: 0 4px 8px 0 rgba(5, 6, 11, 0.04);
padding: 24px 32px 0 32px;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
}
.big-card[data-v-d0271006] {
-webkit-box-flex: 0;
-ms-flex: 0 0 304px;
flex: 0 0 304px;
}
.todo-card[data-v-d0271006] {
-ms-flex-preferred-size: 268px;
flex-basis: 268px;
padding: 24px 32px 24px 32px;
}
.normal-card[data-v-d0271006] {
padding-bottom: 24px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.card-title[data-v-d0271006] {
line-height: 1.5;
font-size: 20px;
font-weight: 600;
color: #1f2226;
margin-bottom: 24px;
}
.card-text-plain[data-v-d0271006],
.user-container .info-item .info-title[data-v-d0271006],
.user-container .info-item .info-content[data-v-d0271006],
.news-container .news-title[data-v-d0271006],
.news-container .news-time[data-v-d0271006],
.tool-container .tool-title[data-v-d0271006],
.qrcode-container .qrcode-title[data-v-d0271006],
.qrcode-container .qrcode-text[data-v-d0271006] {
font-size: 14px;
line-height: 22px;
color: #1f2226;
}
.todo-container[data-v-d0271006] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.todo-item[data-v-d0271006] {
-webkit-box-flex: 1;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
margin-right: 12px;
border-radius: 8px;
height: 164px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding: 20px 24px;
cursor: pointer;
}
.todo-item[data-v-d0271006]:last-of-type {
margin-right: 0;
}
.todo-item .item-title[data-v-d0271006] {
line-height: 1.5;
font-size: 20px;
font-weight: 600;
color: #1f2226;
margin-bottom: 24px;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 0;
}
.todo-item .count-text[data-v-d0271006] {
height: 54px;
margin-top: 20px;
text-shadow: 0 2px 12px rgba(31, 34, 38, 0.2);
font-family: DINPro-Bold;
font-size: 36px;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #FFFFFF;
}
.todo-item .item-image[data-v-d0271006] {
position: absolute;
right: 0;
bottom: 0;
width: 37%;
max-width: 140px;
}
.unpaid-order[data-v-d0271006] {
-webkit-box-shadow: 0 12px 24px 0 rgba(112, 183, 255, 0.5);
box-shadow: 0 12px 24px 0 rgba(112, 183, 255, 0.5);
background-image: linear-gradient(294deg, #5daaff, #3293ff);
}
.unpaid-order[data-v-d0271006]:hover {
background-image: linear-gradient(294deg, #55aaee, #308aee);
}
.pending-ticket[data-v-d0271006] {
-webkit-box-shadow: 0 12px 24px 0 rgba(154, 139, 255, 0.5);
box-shadow: 0 12px 24px 0 rgba(154, 139, 255, 0.5);
background-image: linear-gradient(294deg, #a18aff, #a864ff);
}
.pending-ticket[data-v-d0271006]:hover {
background-image: linear-gradient(294deg, #a58dee, #9f5fef);
}
.monitor-warning[data-v-d0271006] {
-webkit-box-shadow: 0 12px 24px 0 rgba(255, 152, 132, 0.5);
box-shadow: 0 12px 24px 0 rgba(255, 152, 132, 0.5);
background-image: linear-gradient(293deg, #ff937f, #ff5957);
}
.monitor-warning[data-v-d0271006]:hover {
background-image: linear-gradient(294deg, #ef9383, #ed5553);
}
.home-service-container[data-v-d0271006] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-service-container .card-item[data-v-d0271006] {
-webkit-box-flex: 1;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
margin-right: 12px;
}
.home-service-container .card-item[data-v-d0271006]:last-of-type {
margin-right: 0;
}
.normal-developer-service[data-v-d0271006] {
text-align: center;
}
.normal-developer-service .unpaid-icon[data-v-d0271006] {
height: 120px;
}
.normal-developer-service .auth-tip-text[data-v-d0271006] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
margin-top: 20px;
}
.user-container .info-item[data-v-d0271006] {
font-size: 0;
margin-bottom: 16px;
}
.user-container .info-item[data-v-d0271006]:last-child {
margin-bottom: 0;
}
.user-container .info-item .info-title[data-v-d0271006],
.user-container .info-item .info-content[data-v-d0271006] {
display: inline-block;
}
.user-container .info-item .info-title[data-v-d0271006] {
margin-right: 20px;
width: 70px;
}
.user-container .info-item .info-content[data-v-d0271006] {
font-weight: 500;
width: calc(100% - 90px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.user-container .info-item .info-user-name[data-v-d0271006] {
width: calc(100% - 90px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.user-container .enterprise-icon[data-v-d0271006] {
height: 23px;
vertical-align: bottom;
}
.user-container .expired-time-wrapper[data-v-d0271006] {
font-weight: 400;
font-size: 12px;
color: rgba(15, 24, 41, 0.7);
padding-left: 3px;
}
.news-container .news-item[data-v-d0271006] {
display: block;
margin-bottom: 12px;
margin-right: -10px;
}
.news-container .news-item .news-title[data-v-d0271006] {
margin-right: 10px;
}
.news-container .news-item[data-v-d0271006]:last-child {
margin-bottom: 0;
}
.news-container .news-time[data-v-d0271006] {
-ms-flex-negative: 0;
flex-shrink: 0;
color: rgba(31, 34, 38, 0.5);
letter-spacing: normal;
}
.tool-container[data-v-d0271006] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tool-container .tool-item[data-v-d0271006] {
-webkit-box-flex: 1;
-ms-flex: 1 1 60px;
flex: 1 1 60px;
background-color: #f4f6f9;
text-align: center;
height: 32px;
padding: 8px 0;
margin-right: 8px;
font-size: 0;
}
.tool-container .tool-item[data-v-d0271006]:last-child {
margin-right: 0;
}
.tool-container .tool-item .tool-icon[data-v-d0271006] {
vertical-align: top;
}
.tool-container .tool-item[data-v-d0271006]:hover {
background-color: #eceef1;
}
.tool-container .tool-title[data-v-d0271006] {
display: inline-block;
color: rgba(31, 34, 38, 0.7);
margin: 5px 8px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.qrcode-container[data-v-d0271006] {
margin: 2px 0;
}
.qrcode-container .text-container[data-v-d0271006] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 80px;
vertical-align: top;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 8px;
}
.qrcode-container .qrcode-title[data-v-d0271006] {
line-height: 1.5;
font-weight: 600;
font-size: 16px;
}
.qrcode-container .qrcode-text[data-v-d0271006] {
line-height: 18px;
color: rgba(31, 34, 38, 0.7);
margin-top: 4px;
}
.user-info-invitecode[data-v-d0271006] {
font-size: 14px;
}
.user-info-invitecode .invitecode[data-v-d0271006] {
margin-top: 12px;
height: 22px;
line-height: 22px;
}
.user-info-invitecode .invite-link[data-v-d0271006] {
display: inline-block;
vertical-align: top;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user-info-invitecode .copy-btn[data-v-d0271006] {
font-size: 12px;
color: #0062ff;
cursor: pointer;
}
.user-info-invitecode .share-container[data-v-d0271006] {
margin-top: 16px;
line-height: 20px;
}
.user-info-invitecode .share-container[data-v-d0271006] .social-share .social-share-icon {
margin: 0;
margin-right: 12px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.auth-link[data-v-d0271006],
.outer-link[data-v-d0271006] {
color: #0062ff;
}
.highlightContent[data-v-d0271006] {
width: 260px;
height: 65px;
outline: 9999px solid rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1700px) {
.card-common[data-v-d0271006],
.big-card[data-v-d0271006],
.normal-card[data-v-d0271006] {
padding: 24px;
}
.big-card[data-v-d0271006] {
-ms-flex-preferred-size: 256px;
flex-basis: 256px;
}
.card-title[data-v-d0271006] {
line-height: 1.5;
font-size: 16px;
}
.todo-card[data-v-d0271006] {
-ms-flex-preferred-size: 216px;
flex-basis: 216px;
}
.todo-item[data-v-d0271006] {
height: 120px;
padding: 20px;
}
.todo-item .count-text[data-v-d0271006] {
margin-top: 4px;
}
.todo-item .item-image[data-v-d0271006] {
position: absolute;
right: 0;
bottom: 0;
width: 37%;
max-width: 140px;
}
.second-column .card-title[data-v-d0271006] {
margin-bottom: 20px;
}
.user-container .info-item[data-v-d0271006] {
margin-bottom: 12px;
}
.tool-container .tool-icon[data-v-d0271006] {
margin-left: 8px;
}
.tool-container .tool-title[data-v-d0271006] {
margin: 5px 12px 5px 0;
width: calc(100% - 52px);
font-size: 12px;
}
}
[data-v-d0271006] .t-guide__reference {
pointer-events: none;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.home-container .el-badge .el-badge__content.is-fixed {
right: 20px;
top: 6px;
}
.el-tooltip__popper.is-light.txt-tips {
border: none;
-webkit-box-shadow: 0 4px 12px 0 rgba(5, 6, 11, 0.12);
box-shadow: 0 4px 12px 0 rgba(5, 6, 11, 0.12);
}
.t-guide__reference {
pointer-events: none;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.key-dialog .el-dialog__body[data-v-7e186c42] {
padding-bottom: 16px;
}
.key-dialog .key-detail-container .el-input .el-input__inner[data-v-7e186c42] {
padding: 0 8px;
}
.key-dialog .key-detail-container .product-tip[data-v-7e186c42] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
color: #555b6d;
position: relative;
top: 8px;
height: auto;
}
.key-dialog .key-detail-container .inputer-info-tip[data-v-7e186c42] {
color: #555b6d;
margin-left: 20px;
}
.key-dialog .key-detail-container .inputer-info-tip p[data-v-7e186c42] {
margin: 4px 0;
font-size: 12px;
line-height: 18px;
}
.key-dialog .key-detail-container .inputer-info-tip .textarea-inputer[data-v-7e186c42] {
margin-top: 8px;
}
.key-dialog .key-detail-container .inputer-info-tip .link-text[data-v-7e186c42] {
color: #0062ff;
}
.key-dialog .key-detail-container .inputer-info-tip .sk-container[data-v-7e186c42] {
font-size: 14px;
color: #555b6d;
line-height: 18px;
margin-top: 8px;
}
.key-dialog .key-detail-container .inputer-info-tip .sk-container .sk-content[data-v-7e186c42] {
display: inline-block;
padding: 5px 10px;
border: 1px solid #999;
margin-right: 10px;
}
.key-dialog .key-detail-container .sdk-list-area[data-v-7e186c42] {
margin-left: 20px;
}
.key-dialog .key-detail-container .sdk-list-area .sdk-checkbox[data-v-7e186c42] {
margin-right: 10px;
position: relative;
}
.key-dialog .key-detail-container .sdk-list-area .sdk-checkbox .unity-deadline-icon[data-v-7e186c42] {
position: absolute;
right: -18px;
width: 16px;
}
.key-dialog .key-detail-container .unity-date[data-v-7e186c42] {
color: red;
margin-left: 50px;
}
.key-dialog .key-detail-container .miniapp-item[data-v-7e186c42] {
padding-left: 20px;
}
.key-dialog .key-detail-container .el-form-item__label[data-v-7e186c42] {
position: relative;
}
.key-dialog .key-detail-container .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label[data-v-7e186c42]:before {
position: absolute;
color: #f8484e;
left: -8px;
top: -2px;
}
.key-dialog .key-detail-container .is-required .el-form-item__content[data-v-7e186c42] {
height: 34px;
margin-bottom: 16px;
}
.key-dialog .key-detail-container .vcode-input[data-v-7e186c42] {
width: 120px;
vertical-align: top;
}
.key-dialog .key-detail-container .captcha-container[data-v-7e186c42] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 34px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.key-dialog .key-detail-container .captcha-container .captcha-img[data-v-7e186c42] {
height: 34px;
margin: 0 12px 0 8px;
border-radius: 4px;
}
.key-dialog .key-detail-container .captcha-container .tlbs-button[data-v-7e186c42] {
padding: 0;
}
.key-dialog .term-checkbox[data-v-7e186c42] {
margin-top: 20px;
}
.key-dialog .term-checkbox .term-link[data-v-7e186c42] {
color: #0062ff;
}
.key-dialog .term-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-7e186c42] {
color: #1f2226;
font-weight: 400;
}
.key-dialog-footer[data-v-7e186c42] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 26px 0 16px;
}
.key-dialog-footer[data-v-7e186c42] .t-button--theme-primary {
width: 68px;
}
.key-dialog-footer[data-v-7e186c42] .t-button--variant-outline.t-button--theme-primary:hover {
background: #edf2ff;
}
.key-dialog-footer[data-v-7e186c42] button.t-button--variant-base.t-button--theme-primary {
border-color: #0062ff;
background-color: #0062ff;
}
.key-dialog-footer[data-v-7e186c42] button.t-button--variant-base.t-button--theme-primary:hover {
background-color: #007fff;
}
.key-dialog-footer[data-v-7e186c42] .t-button--variant-base.t-button--theme-primary.t-is-disabled {
color: #fff;
opacity: 0.2;
}
[data-v-7e186c42] button.t-button--variant-base.t-popconfirm__confirm {
border-color: #0062ff;
background-color: #0062ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.tlbs-collapse.tlbs-collapse-borderless[data-v-5bca2bba] {
border: 0;
}
.tlbs-collapse.tlbs-collapse-borderless .el-collapse-item__header[data-v-5bca2bba],
.tlbs-collapse.tlbs-collapse-borderless .el-collapse-item__wrap[data-v-5bca2bba] {
border: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.tlbs-collapse-item .el-collapse-item__header[data-v-60e57317] {
display: block;
border: 0;
}
.tlbs-collapse-item .el-collapse-item__header[data-v-60e57317]:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.tlbs-collapse-item .el-collapse-item__wrap[data-v-60e57317] {
width: 100%;
border: 0;
}
.tlbs-collapse-item .el-collapse-extra[data-v-60e57317] {
float: right;
}
.tlbs-collapse-item .el-collapse-item__wrap[data-v-60e57317] {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.heightfix[data-v-761e4afc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.application-content[data-v-761e4afc] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.application-content .create-button[data-v-761e4afc] {
position: absolute;
top: 20px;
right: 32px;
padding-left: 12px;
padding-right: 12px;
}
.application-content .create-icon[data-v-761e4afc] {
font-size: 12px;
margin-right: 2px;
}
.apps-container[data-v-761e4afc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.apps-container .tlbs-text-button[data-v-761e4afc] {
font-size: 14px;
color: #0062ff;
}
.apps-container .tlbs-text-button.is-disabled[data-v-761e4afc] {
color: #c0c4cc;
}
.apps-container .tlbs-text-button.is-disabled[data-v-761e4afc]:hover {
background-color: transparent;
}
.apps-container .type-tag[data-v-761e4afc] {
display: inline-block;
vertical-align: top;
margin-top: 18px;
margin-left: 3px;
padding: 0 6px;
height: 20px;
line-height: 19px;
font-size: 10px;
font-weight: 600;
color: #797d84;
border-radius: 2px;
border: solid 1px rgba(31, 34, 38, 0.1);
background-color: #ffffff !important;
}
.apps-container[data-v-761e4afc] .tlbs-collapse-item {
margin-bottom: 20px;
}
.apps-container[data-v-761e4afc] .tlbs-collapse-item .el-collapse-item__content {
padding-bottom: 0;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header {
padding: 0 32px 0 20px;
height: 56px;
line-height: 56px;
background-color: #f4f6f9;
font-size: 14px;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header .collapse-title {
font-size: 16px;
font-weight: 600;
color: #1f2226;
line-height: 1.5;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header .add-key-button {
margin-left: 40px;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header .expand-icon {
float: right;
margin-left: 40px;
color: #0062ff;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header .expand-icon .tlbs-collapse-item__arrow {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
line-height: 48px;
}
.apps-container[data-v-761e4afc] .el-collapse-item__header .expand-icon .tlbs-collapse-item__arrow.is-active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.apps-container[data-v-761e4afc] .app-table .app-table-header {
font-size: 12px;
font-weight: 500;
padding: 10px 0;
border-color: rgba(31, 34, 38, 0.05);
color: rgba(31, 34, 38, 0.7);
}
.apps-container[data-v-761e4afc] .app-table .app-table-header:first-child {
padding-left: 30px;
}
.apps-container[data-v-761e4afc] .app-table .app-table-header .cell {
line-height: 1.5;
}
.apps-container[data-v-761e4afc] .app-table .app-table-cell {
padding: 6px 0;
border-color: rgba(31, 34, 38, 0.05);
}
.apps-container[data-v-761e4afc] .app-table .app-table-cell .el-button + .el-button {
margin-left: 28px;
}
.apps-container[data-v-761e4afc] .app-table .app-table-cell:first-child {
padding-left: 30px;
}
.apps-container[data-v-761e4afc] .app-table .app-table-cell .cell {
color: #1f2226;
}
.stop-status-container[data-v-761e4afc] {
cursor: pointer;
display: inline-block;
width: 62px;
height: 20px;
margin-right: 8px;
}
.stop-status-container img[data-v-761e4afc] {
width: 100%;
height: 100%;
vertical-align: text-bottom;
}
.el-popover-stop[data-v-761e4afc] {
width: 400px;
height: 150px;
padding: 20px 24px;
}
.el-popover-stop .title-container[data-v-761e4afc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.el-popover-stop .title-container img[data-v-761e4afc] {
width: 24px;
height: 24px;
}
.el-popover-stop .title-container span[data-v-761e4afc] {
margin-left: 8px;
color: var(--font-gy-1100, #0F1829);
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.el-popover-stop .content-wrapper[data-v-761e4afc] {
margin-top: 8px;
margin-left: 32px;
width: 320px;
color: rgba(15, 24, 41, 0.8);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.del-warning-dialog[data-v-761e4afc] {
width: 480px;
height: 178px;
padding: 28px 32px;
border-radius: 9px;
}
[data-v-761e4afc] .del-warning-dialog .el-dialog__footer .el-button--primary {
border-radius: 3px;
background: #E34D59;
border-color: #E34D59;
}
[data-v-761e4afc] .del-warning-dialog .el-dialog__footer .el-button--default {
color: #0F1829;
border-radius: 3px;
border: 1px solid #DCDCDC;
background: #FFF;
}
.delete-title[data-v-761e4afc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.delete-title img[data-v-761e4afc] {
margin-top: -2px;
width: 24px;
height: 24px;
}
.delete-title span[data-v-761e4afc] {
margin-left: 8px;
color: #0F1829;
text-overflow: ellipsis;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.del-warning-content[data-v-761e4afc] {
margin-left: 32px;
color: rgba(15, 24, 41, 0.7);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.dialog-enable .dialog-enable-content[data-v-761e4afc] {
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dialog-enable .dialog-enable-content .img-wrapper[data-v-761e4afc] {
width: 80px;
height: 80px;
}
.dialog-enable .dialog-enable-content .img-wrapper img[data-v-761e4afc] {
width: 100%;
height: 100%;
}
.dialog-enable .dialog-enable-content .enable-title[data-v-761e4afc] {
margin-top: 16px;
color: #000;
text-align: center;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.dialog-enable .dialog-enable-content .enable-desc[data-v-761e4afc] {
margin-top: 8px;
color: rgba(15, 24, 41, 0.8);
text-align: center;
font-family: PingFang SC;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
[data-v-761e4afc] .dialog-enable {
width: 412px;
height: 320px;
}
[data-v-761e4afc] .dialog-enable .el-dialog__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[data-v-761e4afc] .dialog-enable .el-dialog__footer .el-button--default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 112px;
height: 32px;
border-radius: 3px;
background: #0062ff;
border-color: #0062ff;
color: #FFF;
text-align: center;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.empty-tip[data-v-761e4afc] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 340px;
height: 280px;
margin: 0 calc(50% - 170px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.empty-tip img[data-v-761e4afc] {
width: 120px;
margin-bottom: 32px;
}
.empty-tip p[data-v-761e4afc] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
text-align: center;
color: #555b6d;
margin-bottom: 12px;
}
.full-height[data-v-761e4afc] {
height: 100%;
}
.my-apps .app-header[data-v-761e4afc] {
width: calc(100% - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.my-apps .app-header .el-button[data-v-761e4afc]:last-of-type {
margin-left: 20px;
}
.quota-inform[data-v-761e4afc] .el-dialog__body {
padding: 0 58px;
}
.quota-inform[data-v-761e4afc] .el-dialog__body p {
text-indent: 2em;
}
.special-dialog-footer[data-v-761e4afc] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dialog-confirm-btn[data-v-761e4afc] {
margin-left: 12px;
}
.special-guide[data-v-761e4afc] {
position: relative;
}
.special-card[data-v-761e4afc] {
background-color: #fff;
border-radius: 6px;
position: absolute;
top: 82px;
text-align: left;
}
.special-card[data-v-761e4afc]::before {
position: absolute;
display: block;
content: '';
border-width: 10px 10px 0;
border-style: solid;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: -8px;
border-color: #fff transparent transparent;
/* 红 透明 透明 */
}
.confirm-card[data-v-761e4afc] {
left: 0px;
}
.confirm-card[data-v-761e4afc]::before {
left: 20px;
}
.cancel-card[data-v-761e4afc] {
right: 12px;
}
.cancel-card[data-v-761e4afc]::before {
right: 15px;
}
.outline[data-v-761e4afc] {
color: #0F1829 !important;
border: 1px solid #D0D5DC !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.app-radio-group .el-radio {
display: block;
margin-bottom: 16px;
}
.app-radio-group .el-radio .el-radio__label {
padding-left: 8px;
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
font-weight: 400;
}
.app-radio-group .el-radio + .el-radio {
margin-left: 0;
}
.app-radio-group .el-radio:last-of-type {
margin-bottom: 0;
}
.app-radio-group .el-radio__input.is-checked + .el-radio__label {
color: #1f2226;
font-weight: 400;
}
.fixed-wrapper {
position: absolute;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
border: 1px solid #0064ff;
width: 112px;
height: 37px;
border-radius: 5px;
outline: 1px solid hsla(210, 100%, 50%, 0.3);
outline-offset: 2px;
top: 7px;
}
.fixed-wrapper__content {
position: absolute;
border-radius: 6px;
top: 70px;
padding: 16px;
left: 0;
background-color: #0064ff;
width: 253px;
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px;
/* 157.143% */
}
.fixed-wrapper__content::before {
position: absolute;
top: -4px;
display: block;
content: '';
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: inherit;
}
.jitter-diaolog {
-webkit-animation: jitter-diaolog 800ms ease-in-out;
animation: jitter-diaolog 800ms ease-in-out;
}
@-webkit-keyframes jitter-diaolog {
10%,
90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%,
70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
50% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
}
@keyframes jitter-diaolog {
10%,
90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%,
70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
50% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.captcha {
height: 34px;
line-height: 34px;
position: relative;
}
.captcha-input .el-input__inner {
padding-right: 122px;
}
.captcha-input .el-input__suffix {
right: 112px;
}
.captcha-btn {
position: absolute;
right: 0;
top: 0;
height: 34px;
width: 110px;
}
.captcha-border {
position: absolute;
right: 110px;
top: 0;
width: 1px;
height: 22px;
margin: 6px 0;
background-color: rgba(31, 34, 38, 0.2);
}
.captcha-large {
line-height: 48px;
height: 48px;
}
.captcha-large .tlbs-input .el-input__inner {
height: 48px;
}
.captcha-large .captcha-btn {
height: 48px;
}
.captcha-large .captcha-border {
margin: 13px 0;
}
.captcha-auto {
height: auto;
line-height: inherit;
}
.captcha-btn-max {
width: 100%;
height: 100%;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.number-code[data-v-594977f7] {
height: 48px;
position: relative;
}
.number-code .code-view-wrapper[data-v-594977f7] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.number-code .code-view-wrapper .code-item[data-v-594977f7] {
width: 48px;
height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--Radius-M, 9px);
background: var(--Color-Container-Bg-Component-Form-Login, rgba(198, 205, 220, 0.3));
font-size: 16px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.number-code .code-view-wrapper .code-item.active[data-v-594977f7],
.number-code .code-view-wrapper .code-item.current[data-v-594977f7] {
border: 1px solid #1D73FB;
}
.number-code .code-view-wrapper .code-item.current[data-v-594977f7]::before {
content: '';
display: block;
width: 2px;
height: 16px;
background: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
-webkit-animation: blink-594977f7 1s step-start infinite;
animation: blink-594977f7 1s step-start infinite;
}
.number-code .input[data-v-594977f7] {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
}
@-webkit-keyframes blink-594977f7 {
0%,
50% {
opacity: 1;
}
50.01%,
100% {
opacity: 0;
}
}
@keyframes blink-594977f7 {
0%,
50% {
opacity: 1;
}
50.01%,
100% {
opacity: 0;
}
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.custom-ui[data-v-50ea3aba] ::-webkit-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-50ea3aba] ::-moz-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-50ea3aba] :-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-50ea3aba] ::-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-50ea3aba] ::placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui .input-phone[data-v-50ea3aba] {
width: 100%;
--td-comp-margin-m: 1px;
--td-border-level-1-color: rgba(180, 186, 197, 0.5);
--td-comp-margin-s: 9px;
}
.custom-ui .input-phone .select-text[data-v-50ea3aba] {
margin-right: 9px;
font-weight: 600;
}
.custom-ui .input-code[data-v-50ea3aba] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.custom-ui .input-style[data-v-50ea3aba] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--Radius-M, 9px);
background: rgba(198, 205, 220, 0.3);
--td-border-level-2-color: transparent;
--td-comp-size-m: 40px;
}
.custom-ui .input-style[data-v-50ea3aba] input {
height: 24px;
font-size: 16px;
background: transparent;
border: none;
}
[data-v-50ea3aba] .custom-ui {
--td-comp-paddingTB-xxl: 0;
--td-comp-paddingLR-xxl: 0;
--td-comp-paddingTB-l: 0;
--td-bg-color-specialcomponent: transparent;
--td-radius-default: 9px;
--td-comp-paddingLR-s: 10px;
--td-comp-margin-s: 4px;
--td-comp-margin-xxl: 24px;
--td-error-color: #ff293b;
--td-comp-size-m: 40px;
}
[data-v-50ea3aba] .custom-ui .t-form__item-with-extra .code-item {
border: 1px solid #ff293b !important;
}
[data-v-50ea3aba] .custom-ui .t-input__extra {
font-size: 14px;
line-height: 22px;
position: initial;
padding-top: 8px;
}
[data-v-50ea3aba] .custom-ui .t-button--theme-primary {
background: -webkit-gradient(linear, left top, right top, from(#146fff), to(#1aa0ff));
background: linear-gradient(90deg, #146fff 0%, #1aa0ff 100%);
border: none;
}
[data-v-50ea3aba] .custom-ui .t-button--theme-primary.t-is-disabled {
background: var(--30, linear-gradient(90deg, rgba(20, 111, 255, 0.3) 0%, rgba(26, 160, 255, 0.3) 100%));
}
.dialog-bind[data-v-50ea3aba] {
height: 472px;
padding: 32px 24px 24px 24px;
color: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
--td-radius-default: 6px;
--td-comp-size-m: 32px;
}
.dialog-bind .mb-8[data-v-50ea3aba] {
margin-bottom: 8px;
}
.dialog-bind .mb-16[data-v-50ea3aba] {
margin-bottom: 16px;
}
.dialog-bind .mb-24[data-v-50ea3aba] {
margin-bottom: 24px;
}
.dialog-bind .mb-32[data-v-50ea3aba] {
margin-bottom: 32px;
}
.dialog-bind .mb-40[data-v-50ea3aba] {
margin-bottom: 40px;
}
.dialog-bind-title[data-v-50ea3aba] {
font-size: 24px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
.dialog-bind-content[data-v-50ea3aba] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dialog-bind-content .dialog-bind-text[data-v-50ea3aba],
.dialog-bind-content .dialog-bind-text-timeout[data-v-50ea3aba] {
color: var(--color-text-icon-secondary-default, rgba(15, 24, 41, 0.7));
font-size: 14px;
line-height: 22px;
gap: 4px;
}
.dialog-bind-content .dialog-bind-text span[data-v-50ea3aba],
.dialog-bind-content .dialog-bind-text-timeout span[data-v-50ea3aba] {
color: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
font-weight: 600;
}
.dialog-bind-content .dialog-bind-text[data-v-50ea3aba] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dialog-bind-content .dialog-bind-text-timeout[data-v-50ea3aba] {
color: var(--text-icon-font-gy-1100-primary, #0F1829);
gap: 2px;
}
.dialog-bind-content .dialog-bind-text-timeout span[data-v-50ea3aba] {
font-size: 15px;
color: var(--text-icon-font-gy-1100-primary, #0F1829);
}
.dialog-bind-content .text-btn[data-v-50ea3aba] {
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #1D73FB;
cursor: pointer;
}
.dialog-bind-footer[data-v-50ea3aba] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 8px;
}
.dialog-bind-footer[data-v-50ea3aba] .t-button {
width: 88px;
}
.wx-bind .wx-qrcode[data-v-50ea3aba] {
width: 188px;
height: 188px;
margin: 0 auto;
}
.wx-bind[data-v-50ea3aba] .scan-before {
display: none;
}
.wx-bind[data-v-50ea3aba] .qrcode {
width: 188px;
height: 188px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.wx-qrcode[data-v-308ea166] {
width: 100%;
height: 100%;
}
.wx-qrcode[data-v-308ea166] iframe {
width: 100%;
height: 100%;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.wx-login[data-v-2fd67e2f] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wx-login-wrapper[data-v-2fd67e2f] {
text-align: center;
}
.wx-login-wrapper .qrcode[data-v-2fd67e2f] {
width: 150px;
height: 150px;
margin: 0 auto 6px auto;
position: relative;
}
.wx-login-wrapper .qrcode .qrcode-failure[data-v-2fd67e2f] {
width: 100%;
height: 100%;
cursor: pointer;
}
.wx-login-wrapper .qrcode .qrcode-status-success[data-v-2fd67e2f] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wx-login-wrapper .qrcode .qrcode-status-success-text[data-v-2fd67e2f] {
margin-top: 4px;
color: var(--color-text-icon-secondary-default, rgba(15, 24, 41, 0.7));
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.wx-login-wrapper .qrcode-status[data-v-2fd67e2f] {
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin-bottom: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
color: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
}
.wx-login-wrapper .qrcode-status img[data-v-2fd67e2f] {
width: 27px;
height: 27px;
border-radius: var(--Radius-S, 6px);
border: 1px solid var(--Color-Container-Border-Component-Hover, #EAEDF2);
overflow: hidden;
}
.wx-login-wrapper .re-scan-btn[data-v-2fd67e2f] {
cursor: pointer;
color: #1D73FB;
}
.wx-login-wrapper .qrcode-info[data-v-2fd67e2f] {
font-size: 12px;
line-height: 20px;
color: var(--color-text-icon-secondary-default, rgba(15, 24, 41, 0.7));
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.custom-ui[data-v-2ee544aa] ::-webkit-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-2ee544aa] ::-moz-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-2ee544aa] :-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-2ee544aa] ::-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-2ee544aa] ::placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui .input-phone[data-v-2ee544aa] {
width: 100%;
--td-comp-margin-m: 1px;
--td-border-level-1-color: rgba(180, 186, 197, 0.5);
--td-comp-margin-s: 9px;
}
.custom-ui .input-phone .select-text[data-v-2ee544aa] {
margin-right: 9px;
font-weight: 600;
}
.custom-ui .input-code[data-v-2ee544aa] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.custom-ui .input-style[data-v-2ee544aa] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--Radius-M, 9px);
background: rgba(198, 205, 220, 0.3);
--td-border-level-2-color: transparent;
--td-comp-size-m: 40px;
}
.custom-ui .input-style[data-v-2ee544aa] input {
height: 24px;
font-size: 16px;
background: transparent;
border: none;
}
[data-v-2ee544aa] .custom-ui {
--td-comp-paddingTB-xxl: 0;
--td-comp-paddingLR-xxl: 0;
--td-comp-paddingTB-l: 0;
--td-bg-color-specialcomponent: transparent;
--td-radius-default: 9px;
--td-comp-paddingLR-s: 10px;
--td-comp-margin-s: 4px;
--td-comp-margin-xxl: 24px;
--td-error-color: #ff293b;
--td-comp-size-m: 40px;
}
[data-v-2ee544aa] .custom-ui .t-form__item-with-extra .code-item {
border: 1px solid #ff293b !important;
}
[data-v-2ee544aa] .custom-ui .t-input__extra {
font-size: 14px;
line-height: 22px;
position: initial;
padding-top: 8px;
}
[data-v-2ee544aa] .custom-ui .t-button--theme-primary {
background: -webkit-gradient(linear, left top, right top, from(#146fff), to(#1aa0ff));
background: linear-gradient(90deg, #146fff 0%, #1aa0ff 100%);
border: none;
}
[data-v-2ee544aa] .custom-ui .t-button--theme-primary.t-is-disabled {
background: var(--30, linear-gradient(90deg, rgba(20, 111, 255, 0.3) 0%, rgba(26, 160, 255, 0.3) 100%));
}
.dialog-bind[data-v-2ee544aa] {
height: 472px;
padding: 32px 24px 24px 24px;
color: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
--td-radius-default: 6px;
--td-comp-size-m: 32px;
}
.dialog-bind .mb-8[data-v-2ee544aa] {
margin-bottom: 8px;
}
.dialog-bind .mb-16[data-v-2ee544aa] {
margin-bottom: 16px;
}
.dialog-bind .mb-24[data-v-2ee544aa] {
margin-bottom: 24px;
}
.dialog-bind .mb-32[data-v-2ee544aa] {
margin-bottom: 32px;
}
.dialog-bind .mb-40[data-v-2ee544aa] {
margin-bottom: 40px;
}
.dialog-bind-title[data-v-2ee544aa] {
font-size: 24px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
.dialog-bind-content[data-v-2ee544aa] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dialog-bind-content .dialog-bind-text[data-v-2ee544aa],
.dialog-bind-content .dialog-bind-text-timeout[data-v-2ee544aa] {
color: var(--color-text-icon-secondary-default, rgba(15, 24, 41, 0.7));
font-size: 14px;
line-height: 22px;
gap: 4px;
}
.dialog-bind-content .dialog-bind-text span[data-v-2ee544aa],
.dialog-bind-content .dialog-bind-text-timeout span[data-v-2ee544aa] {
color: var(--color-text-icon-primary-default, rgba(0, 0, 0, 0.9));
font-weight: 600;
}
.dialog-bind-content .dialog-bind-text[data-v-2ee544aa] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dialog-bind-content .dialog-bind-text-timeout[data-v-2ee544aa] {
color: var(--text-icon-font-gy-1100-primary, #0F1829);
gap: 2px;
}
.dialog-bind-content .dialog-bind-text-timeout span[data-v-2ee544aa] {
font-size: 15px;
color: var(--text-icon-font-gy-1100-primary, #0F1829);
}
.dialog-bind-content .text-btn[data-v-2ee544aa] {
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #1D73FB;
cursor: pointer;
}
.dialog-bind-footer[data-v-2ee544aa] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 8px;
}
.dialog-bind-footer[data-v-2ee544aa] .t-button {
width: 88px;
}
.wx-bind .wx-qrcode[data-v-2ee544aa] {
width: 188px;
height: 188px;
margin: 0 auto;
}
.wx-bind[data-v-2ee544aa] .scan-before {
display: none;
}
.wx-bind[data-v-2ee544aa] .qrcode {
width: 188px;
height: 188px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.qrcode-content[data-v-2fbc0b0e] {
padding: 27px 0 32px 0;
text-align: center;
}
.qrcode-content img[data-v-2fbc0b0e] {
width: 100%;
height: 100%;
}
.qrcode-content .title[data-v-2fbc0b0e] {
font-size: 16px;
font-weight: 600;
color: rgba(0, 0, 0, 0.9);
margin-bottom: 24px;
}
.qrcode-content .qrcode-img[data-v-2fbc0b0e] {
width: 186px;
height: 186px;
margin: 0 auto 16px auto;
position: relative;
}
.qrcode-content .qrcode-img #wx-qr-code[data-v-2fbc0b0e] {
width: 100%;
height: 100%;
}
.qrcode-content .qrcode-img .expired-mask[data-v-2fbc0b0e] {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.96);
cursor: pointer;
}
.qrcode-content .time[data-v-2fbc0b0e] {
font-size: 14px;
line-height: 24px;
color: #0f1829;
margin-bottom: 25px;
}
.qrcode-content .time span[data-v-2fbc0b0e] {
font-size: 15px;
font-weight: 600;
margin: 0 2px;
}
.qrcode-content .info[data-v-2fbc0b0e] {
font-size: 12px;
line-height: 20px;
color: rgba(15, 24, 41, 0.5);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.custom-dialog .t-dialog--default,
.custom-dialog .t-dialog__body,
.custom-dialog .t-dialog__footer {
padding: 0;
}
.custom-dialog .t-dialog__header {
position: absolute;
top: 16px;
right: 16px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.custom-ui[data-v-1410b8c9] ::-webkit-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-1410b8c9] ::-moz-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-1410b8c9] :-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-1410b8c9] ::-ms-input-placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui[data-v-1410b8c9] ::placeholder {
color: var(--color-text-icon-tertiary-default, rgba(15, 24, 41, 0.5));
}
.custom-ui .input-phone[data-v-1410b8c9] {
width: 100%;
--td-comp-margin-m: 1px;
--td-border-level-1-color: rgba(180, 186, 197, 0.5);
--td-comp-margin-s: 9px;
}
.custom-ui .input-phone .select-text[data-v-1410b8c9] {
margin-right: 9px;
font-weight: 600;
}
.custom-ui .input-code[data-v-1410b8c9] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.custom-ui .input-style[data-v-1410b8c9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--Radius-M, 9px);
background: rgba(198, 205, 220, 0.3);
--td-border-level-2-color: transparent;
--td-comp-size-m: 40px;
}
.custom-ui .input-style[data-v-1410b8c9] input {
height: 24px;
font-size: 16px;
background: transparent;
border: none;
}
[data-v-1410b8c9] .custom-ui {
--td-comp-paddingTB-xxl: 0;
--td-comp-paddingLR-xxl: 0;
--td-comp-paddingTB-l: 0;
--td-bg-color-specialcomponent: transparent;
--td-radius-default: 9px;
--td-comp-paddingLR-s: 10px;
--td-comp-margin-s: 4px;
--td-comp-margin-xxl: 24px;
--td-error-color: #ff293b;
--td-comp-size-m: 40px;
}
[data-v-1410b8c9] .custom-ui .t-form__item-with-extra .code-item {
border: 1px solid #ff293b !important;
}
[data-v-1410b8c9] .custom-ui .t-input__extra {
font-size: 14px;
line-height: 22px;
position: initial;
padding-top: 8px;
}
[data-v-1410b8c9] .custom-ui .t-button--theme-primary {
background: -webkit-gradient(linear, left top, right top, from(#146fff), to(#1aa0ff));
background: linear-gradient(90deg, #146fff 0%, #1aa0ff 100%);
border: none;
}
[data-v-1410b8c9] .custom-ui .t-button--theme-primary.t-is-disabled {
background: var(--30, linear-gradient(90deg, rgba(20, 111, 255, 0.3) 0%, rgba(26, 160, 255, 0.3) 100%));
}
.developer-info-container[data-v-1410b8c9] {
min-height: 700px;
}
.developer-info-container .sub-account-welcome-text[data-v-1410b8c9] {
height: 22px;
line-height: 22px;
font-weight: 500;
color: #1f2226;
padding-left: 12px;
margin: 4px 0 20px;
}
.developer-info-container .sub-account-welcome-text .survey-outer-link[data-v-1410b8c9] {
color: #0062ff;
}
.developer-info-container .base-info-content[data-v-1410b8c9] {
margin-bottom: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.developer-info-container .info-card[data-v-1410b8c9],
.developer-info-container .report-card[data-v-1410b8c9] {
-webkit-box-flex: 1;
-ms-flex: 1 1 1227px;
flex: 1 1 1227px;
background-color: #FFFFFF;
padding: 24px 32px;
}
.developer-info-container .report-card[data-v-1410b8c9] {
-webkit-box-flex: 0;
-ms-flex: 0 0 389px;
flex: 0 0 389px;
margin-left: 12px;
}
.developer-info-container .card-title[data-v-1410b8c9] {
font-size: 16px;
line-height: 1.5em;
font-weight: 600;
color: #1f2226;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.developer-info-container .card-title__tip[data-v-1410b8c9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
color: #878b94;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.developer-info-container .main-account-info[data-v-1410b8c9] {
padding: 24px 32px;
background-color: #FFFFFF;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] {
padding: 24px 32px 24px 32px;
background-color: #FFFFFF;
}
.developer-info-container .enterprise-content .enterprise-info[data-v-1410b8c9] {
margin-top: 20px;
}
.developer-info-container .enterprise-content #companyInfo[data-v-1410b8c9] {
height: 490px;
}
.developer-info-container .enterprise-content .enterprise-text[data-v-1410b8c9] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
text-align: center;
margin: 40px 0 12px;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card[data-v-1410b8c9] {
margin-top: 24px;
padding: 24px;
border-radius: 2px;
background-color: #ebf2ff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card .title[data-v-1410b8c9] {
line-height: 22px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #0f1829;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card p[data-v-1410b8c9] {
font-size: 12px;
color: #0f182980;
position: relative;
line-height: 20px;
margin-top: 2px;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card p.dot[data-v-1410b8c9] {
margin-left: 8px;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card p.dot[data-v-1410b8c9]::before {
content: '';
width: 4px;
height: 4px;
background-color: #0f182980;
position: absolute;
left: -8px;
top: 8px;
border-radius: 2px;
}
.developer-info-container .enterprise-content .normal-developer-container .enterprise-card button[data-v-1410b8c9] {
position: absolute;
margin-top: -17px;
top: 50%;
right: 24px;
}
.developer-info-container .enterprise-content .quota-limit-text[data-v-1410b8c9] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
color: rgba(31, 34, 38, 0.7);
font-weight: 600;
margin: 24px 0 12px;
text-align: left;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table {
margin-bottom: 45px;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-header {
background: #f4f6f9;
height: 52px;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-header th {
color: #1f2226;
font-weight: 600;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-header th:first-child,
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-header th:nth-child(2) {
padding-left: 10px;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row {
height: 52px;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td {
color: #1f2226;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:first-child,
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(2) {
padding-left: 10px;
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(3),
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(5) {
color: rgba(31, 34, 38, 0.7);
}
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(4),
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(7),
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(5),
.developer-info-container .enterprise-content[data-v-1410b8c9] .quota-table .quota-table-row td:nth-child(8) {
color: #d9a43a;
}
.developer-info-container .base-info[data-v-1410b8c9] {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.developer-info-container .base-info .info-item[data-v-1410b8c9] {
width: 50%;
height: 22px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.developer-info-container .base-info .info-item[data-v-1410b8c9]:last-of-type {
margin-bottom: 0;
}
.developer-info-container .base-info .info-item .info-title[data-v-1410b8c9],
.developer-info-container .base-info .info-item .info-content[data-v-1410b8c9] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
}
.developer-info-container .base-info .info-item .info-title[data-v-1410b8c9] {
margin-right: 20px;
width: 70px;
}
.developer-info-container .base-info .info-item .info-content[data-v-1410b8c9] {
margin-right: 8px;
font-weight: 500;
}
.developer-info-container .base-info .info-item.sub-account-info-item[data-v-1410b8c9] {
height: 26px;
}
.developer-info-container .base-info .expired-time[data-v-1410b8c9] {
margin-left: 8px;
color: #1e2226;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
.developer-info-container .base-info .edit-icon[data-v-1410b8c9] {
width: 16px;
cursor: pointer;
}
.developer-info-container .base-info .save-name-button[data-v-1410b8c9] {
margin-left: 35px;
}
.developer-info-container .base-info .edit-name-container .tlbs-input[data-v-1410b8c9] {
width: 200px;
}
.developer-info-container .base-info .auth-tag-item[data-v-1410b8c9] {
margin-right: 16px;
}
.developer-info-container .report-card[data-v-1410b8c9] {
height: 246px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.developer-info-container .report-card .report-text[data-v-1410b8c9] {
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
height: auto;
margin-top: 20px;
letter-spacing: 0.5px;
}
.developer-info-container .report-card .sub-status[data-v-1410b8c9] {
float: right;
line-height: 24px;
font-weight: 500;
color: #0062ff;
font-size: 12px;
}
.developer-info-container .report-card .sub-status .el-icon-success[data-v-1410b8c9] {
margin-right: 4px;
}
.developer-info-container .report-card .cancel-subscribe-button[data-v-1410b8c9],
.developer-info-container .report-card .subscribe-button[data-v-1410b8c9] {
position: absolute;
right: 36px;
bottom: 48px;
}
.developer-info-container .report-card .cancel-subscribe-button[data-v-1410b8c9] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 68px;
height: 34px;
line-height: 34px;
font-size: 12px;
color: rgba(31, 34, 38, 0.5);
background-color: rgba(30, 34, 38, 0.05);
border: 0;
}
.developer-info-container .report-card .subscribe-button[data-v-1410b8c9] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 68px;
height: 32px;
font-size: 12px;
line-height: 32px;
color: #0062ff;
background-color: rgba(0, 98, 255, 0.12);
border: 0;
}
.developer-info-container .sub-account-tip[data-v-1410b8c9] {
color: #0f182999;
margin-top: 24px;
padding-left: 12px;
}
.developer-info-container .sub-account-tip > .console-icon-info-light[data-v-1410b8c9] {
margin-right: 8px;
}
.uin-tip-content[data-v-1410b8c9] {
width: 273px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.uin-tip-content .link[data-v-1410b8c9] {
color: #1c73ff;
font-weight: 600;
cursor: pointer;
}
.enterprise-content[data-v-1410b8c9] {
position: relative;
--td-comp-paddingLR-xl: 16px;
}
.enterprise-content .company-preview[data-v-1410b8c9] {
width: 100%;
height: 100%;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}
.enterprise-content .company-preview-wrapper[data-v-1410b8c9] {
width: 430px;
margin: 0 auto;
padding: 80px 0 17px 0;
color: #0f1829;
}
.enterprise-content .company-preview-wrapper[data-v-1410b8c9] label {
color: rgba(15, 24, 41, 0.7);
}
.lbs-auth-dialog[data-v-1410b8c9] {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.4);
}
.lbs-auth-dialog.lbs-auth-hide[data-v-1410b8c9] {
display: none;
}
.lbs-auth-dialog .lbs-auth-wrapper[data-v-1410b8c9] {
width: 518px;
border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: 0 2px 6px 0 #3b50934d;
box-shadow: 0 2px 6px 0 #3b50934d;
background-color: #ffffff;
color: #0f1829;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-header[data-v-1410b8c9] {
height: 96px;
line-height: 96px;
font-size: 20px;
font-weight: bold;
padding: 0 32px;
background: url('https://industry.map.qq.com/cloud/file/2024/07/08/1720426353622_Q7iZGQd6.png');
background-size: 100%;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-content[data-v-1410b8c9] {
min-height: 112px;
padding: 32px;
font-size: 16px;
line-height: 28px;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-content span[data-v-1410b8c9] {
font-weight: bold;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-content span.lbs-auth-label[data-v-1410b8c9] {
color: #0062ff;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer[data-v-1410b8c9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
padding: 0 32px 33px;
gap: 8px;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer .lbs-auth-btn[data-v-1410b8c9] {
width: 88px;
height: 32px;
line-height: 32px;
text-align: center;
cursor: pointer;
font-size: 14px;
border-radius: 3px;
color: #fff;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer .lbs-auth-btn.lbs-auth-close[data-v-1410b8c9] {
position: relative;
background: transparent;
color: #0f1829;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer .lbs-auth-btn.lbs-auth-close[data-v-1410b8c9]::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dee2e8;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer .lbs-auth-btn.lbs-auth-close.max-width[data-v-1410b8c9] {
width: 100%;
}
.lbs-auth-dialog .lbs-auth-wrapper .lbs-auth-footer .lbs-auth-btn.lbs-auth-confirm[data-v-1410b8c9] {
background-color: #0062ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.custom-popup {
--popup-background-color: #252527;
}
.custom-popup .t-popup__content {
margin-top: 8px !important;
color: #fff;
background-color: var(--popup-background-color) !important;
}
.custom-popup .t-popup__arrow:before {
background-color: var(--popup-background-color);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.cancel-dialog .cancel-text {
font-size: 14px;
line-height: 22px;
color: #1f2226;
}
.link {
color: #0062ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.security-validate-container[data-v-1fa62898] {
position: relative;
}
.security-validate-container .security-validate-input[data-v-1fa62898] .el-input__inner {
height: 34px;
line-height: 34px;
border: 1px solid #D0D5DC;
border-right: 0;
}
.security-validate-container .security-validate-input[data-v-1fa62898] .el-input__inner:focus {
border: 1px solid #D0D5DC;
border-right: 0;
}
.security-validate-container .security-validate-input[data-v-1fa62898] .el-input-group__append {
padding: 0 16px;
width: 70px;
text-align: center;
background-color: transparent;
border: 1px solid #D0D5DC;
border-left: none;
position: relative;
}
.security-validate-container .security-validate-input[data-v-1fa62898] .el-input-group__append::before {
content: " ";
height: 20px;
width: 1px;
background-color: #D0D5DC;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.security-validate-container .security-validate-input[data-v-1fa62898] .el-input-group__append .captcha-append-button {
color: #0062ff;
}
.security-validate-container .validate-error-tip[data-v-1fa62898] {
position: absolute;
top: 38px;
color: #E34D59;
font-size: 12px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
[data-v-0c963ffd] .security-validate-dialog .security-input-label {
line-height: 22px;
margin-bottom: 8px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.auth-read-checkbox[data-v-c4c17cf8] {
margin-right: 48px;
}
.sub-account-auth-checkbox[data-v-c4c17cf8] .el-checkbox__label {
font-size: 12px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-area-title {
padding-left: 12px;
line-height: 22px;
position: relative;
margin-bottom: 16px;
color: #1f2226;
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-area-title::before {
content: ' ';
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 4px;
height: 16px;
background-color: #0062ff;
border-radius: 2px;
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-moudle-list {
margin: 0 24px 8px;
color: #1f2226;
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-moudle-list .moudle-list-item {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-moudle-list .moudle-list-item .auth-module-title {
font-size: 12px;
line-height: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 72px;
flex: 0 0 72px;
margin-right: 24px;
}
[data-v-7d00430a] .sub-account-auth-dialog .auth-remark-area {
margin: 0 24px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.sub-account-container[data-v-b2888524] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 46px;
}
.sub-account-container .sub-account-welcome-text[data-v-b2888524] {
line-height: 22px;
font-weight: 500;
color: #1f2226;
padding-left: 12px;
margin: 4px 0 20px;
}
.sub-account-container .sub-account-welcome-text .survey-outer-link[data-v-b2888524] {
color: #0062ff;
}
.sub-account-container .sub-account-content[data-v-b2888524] {
background-color: #FFFFFF;
}
.sub-account-container .sub-account-title-area[data-v-b2888524] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1f2226;
margin: 24px 0;
position: relative;
}
.sub-account-container .sub-account-title-area .sub-account-title[data-v-b2888524] {
font-size: 16px;
line-height: 1.5em;
font-weight: 500;
}
.sub-account-container .sub-account-title-area .sub-account-title-tip[data-v-b2888524] {
margin-left: 16px;
font-size: 12px;
height: 20px;
line-height: 20px;
color: rgba(31, 34, 38, 0.8);
}
.sub-account-container .sub-account-title-area .sub-account-invite-button[data-v-b2888524] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.sub-account-container[data-v-b2888524] .sub-account-invite-dialog .sub-account-label {
line-height: 22px;
margin-bottom: 8px;
}
.sub-account-container[data-v-b2888524] .sub-account-invite-dialog .sub-account-input {
position: relative;
}
.sub-account-container[data-v-b2888524] .sub-account-invite-dialog .sub-account-input .mobile-error-tip {
position: absolute;
top: 38px;
color: #E34D59;
font-size: 12px;
}
.sub-account-container .sub-account-table[data-v-b2888524] {
cursor: default;
}
.sub-account-container .sub-account-table .sub-account-empty-img[data-v-b2888524] {
width: 64px;
height: 64px;
margin-top: 74px;
}
.sub-account-container .sub-account-table .sub-account-empty-text[data-v-b2888524] {
font-size: 14px;
line-height: 20px;
color: rgba(15, 24, 41, 0.8);
margin-top: 16px;
margin-bottom: 74px;
}
.sub-account-container .sub-account-table .sub-account-overflow-hidden[data-v-b2888524] {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sub-account-container .sub-account-table .sub-account-option[data-v-b2888524] {
color: #0062ff;
font-weight: 400;
font-size: 14px;
}
.sub-account-container .sub-account-table .sub-account-option span[data-v-b2888524] {
cursor: pointer;
}
.sub-account-container .sub-account-table .sub-account-option span[data-v-b2888524]:first-child {
padding-right: 24px;
}
.sub-account-container .sub-account-table .icon-help[data-v-b2888524] {
cursor: pointer;
}
.sub-account-container .sub-account-table .sub-account-privilege[data-v-b2888524] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sub-account-container .sub-account-table .sub-account-privilege .sub-privilege-item[data-v-b2888524] {
margin: 6px 8px 6px 0;
height: 20px;
line-height: 20px;
}
.sub-account-container .sub-account-table .sub-account-remark[data-v-b2888524] {
width: 86px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sub-account-container .sub-account-table .sub-account-point[data-v-b2888524] {
cursor: pointer;
}
.sub-popover-content[data-v-b2888524] {
margin: 8px 14px;
}
.sub-popover-content .sub-popover-item[data-v-b2888524]:first-child {
padding-top: 0px;
}
.sub-popover-content .sub-popover-item[data-v-b2888524] {
padding-top: 16px;
}
.sub-popover-content .sub-popover-item .sub-popover-title[data-v-b2888524] {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #0f1829;
display: block;
}
.sub-popover-content .sub-popover-item .sub-popover-info[data-v-b2888524] {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: rgba(15, 24, 41, 0.8);
}
.sub-remark-overflow-tip[data-v-b2888524] {
cursor: default;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
line-height: 22px;
color: #000000;
margin: 8px 14px;
width: 199px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.sub-account-container .el-table .cell {
padding: 0 24px;
}
.sub-account-container .el-table {
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: #0f1829;
}
.sub-account-container .el-table__row {
height: 72px;
}
.sub-account-container .el-table td {
padding: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.login[data-v-26af1dda] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(//mapapi.qq.com/web/lbs/console/v/images/image-bg@2x.b63172a.png) no-repeat center;
background-size: cover;
min-height: 620px;
}
.login-container[data-v-26af1dda] {
width: 1080px;
height: 775px;
border-radius: 4px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #FFFFFF;
-webkit-box-shadow: 0 5px 12px 0 rgba(41, 67, 102, 0.1);
box-shadow: 0 5px 12px 0 rgba(41, 67, 102, 0.1);
}
.login-left[data-v-26af1dda] {
height: 100%;
width: 400px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/pic-map@2x.1fa295e.jpg) no-repeat center;
background-size: 100%;
}
.login-right[data-v-26af1dda] {
width: 680px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 100px;
}
.login-right .lg-wx[data-v-26af1dda] {
margin-bottom: 40px;
}
.login-right .lg-wx .lg-qr-txt[data-v-26af1dda] {
color: rgba(0, 0, 0, 0.9);
text-align: center;
margin-top: 40px;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
margin-bottom: 65px;
}
.login-right .lg-wx .lg-qr-box[data-v-26af1dda] {
overflow: hidden;
position: relative;
height: 220px;
width: 220px;
margin: 0 auto;
}
.login-right .lg-wx .wx-tip[data-v-26af1dda] {
margin-top: 12px;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #0F1829;
text-align: center;
}
.login-right .lg-back-other[data-v-26af1dda] {
width: 336px;
height: 24px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.login-right .lg-back-other p[data-v-26af1dda] {
color: rgba(15, 24, 41, 0.7);
font-size: 16px;
}
.login-right .lg-back-other > div a[data-v-26af1dda] {
color: #0f1829;
}
.login-right .lg-back-other > div a img[data-v-26af1dda] {
width: 20px;
height: 20px;
margin-right: 4px;
}
.login-right .lg-back-other > div a span[data-v-26af1dda] {
vertical-align: middle;
}
.login-right .login-right-bottom[data-v-26af1dda] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 209px;
height: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 150px auto 0;
}
.login-right .login-right-bottom div[data-v-26af1dda] {
color: rgba(0, 0, 0, 0.9);
font-size: 16px;
cursor: pointer;
}
.login-right .login-right-bottom .separator[data-v-26af1dda] {
height: 16px;
border-left: 1px solid #DCDCDC;
}
.login-right .mobile-login-bottom[data-v-26af1dda] {
width: 225px;
}
.login-right .page-title[data-v-26af1dda] {
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 42px;
color: #1E2226;
margin-bottom: 40px;
}
.login-gonext[data-v-26af1dda] {
text-align: right;
margin-top: 40px;
}
.login-gonext .el-button--text[data-v-26af1dda] {
width: 42px;
height: 48px;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.57;
letter-spacing: normal;
text-align: center;
color: rgba(31, 34, 38, 0.5);
}
.login-gonext .el-button--text[data-v-26af1dda]:hover {
color: rgba(31, 34, 38, 0.5) !important;
}
.login-gonext .el-button--text[data-v-26af1dda]:active {
color: rgba(31, 34, 38, 0.5) !important;
}
.login-gonext .tlbs-button.el-button--primary[data-v-26af1dda] {
width: 160px;
height: 48px;
padding: 13px 59px;
border-radius: 4px;
background-color: #0062ff;
}
.login-gonext .tlbs-button.el-button--primary .el-icon-loading[data-v-26af1dda] {
position: absolute;
left: 45px;
}
.login .login-right[data-v-26af1dda] .tlbs-input .el-input__inner {
height: 48px;
}
.login .login-right[data-v-26af1dda] .el-form-item {
margin-bottom: 32px;
}
.login .login-right[data-v-26af1dda] .el-form-item__label {
line-height: 48px;
color: #1E2226;
}
.login .login-right .other-login-page .login-right-bottom[data-v-26af1dda] {
margin-top: 313px;
}
@media screen and (max-height: 730px) {
.login-container[data-v-26af1dda] {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.device-out .title {
font-family: "PingFang SC";
font-weight: 600;
font-size: 20px;
color: #05060A;
margin-bottom: 12px;
}
.device-out .user-device {
font-family: PingFang SC;
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #0F1829;
}
.device-out .user-device-desc {
margin-bottom: 28px;
}
.device-out .user-device-ctrl .sub-title {
font-family: 'PingFang SC';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 28px;
}
.device-out .el-input {
width: 328px;
}
.device-out .txt-tips {
display: inline-block;
margin-left: 17px;
}
.device-out .txt {
font-family: 'PingFang SC';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #0062FF;
cursor: pointer;
}
.device-out .el-icon-question {
margin-right: 5px;
}
.device-out .submit-item .el-form-item__content {
margin-left: 0px !important;
}
.device-out .submit-btn {
height: 34px;
width: 88px;
border-radius: 4px;
background: #0062FF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: PingFang SC;
font-size: 14px;
font-weight: 600;
letter-spacing: 0px;
text-align: center;
}
.el-tooltip__popper.device-tool-tip {
width: 208.32px;
height: 66px;
padding-top: 4px;
padding-left: 8px;
font-family: 'PingFang SC';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.t-mask {
opacity: 0.1 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.tablemanage {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tablemanage .title-section {
margin-top: 20px;
background: #fff;
padding: 24px 30px;
position: relative;
}
.tablemanage .title-section h2 {
font-size: 20px;
color: #19233B;
}
.tablemanage .title-section .census-container {
width: 100%;
overflow: hidden;
margin-top: 6px;
}
.tablemanage .title-section .census-container .census-style {
float: left;
font-size: 13px;
margin-right: 20px;
}
.tablemanage .title-section .table-setting {
position: absolute;
right: 30px;
top: 29px;
}
.tablemanage .title-section .table-setting .title-right {
display: inline-block;
font-size: 14px;
letter-spacing: 0.44px;
line-height: 38px;
border-radius: 3px;
text-align: center;
}
.tablemanage .title-section .table-setting .table-limit {
width: 101px;
border: 1px solid #3877FF;
color: #3877FF;
height: 36px;
cursor: pointer;
}
.tablemanage .title-section .table-setting .create-table {
background: #3877FF;
color: #fff;
width: 125px;
height: 38px;
margin-left: 14px;
cursor: pointer;
}
.tablemanage .table-section {
width: 100%;
background: #fff;
}
.tablemanage .table-section .el-table {
width: 96%;
min-height: 650px;
margin: 0 30px;
}
.tablemanage .table-section .el-table .el-table-column {
text-align: center;
}
.tablemanage .table-section .el-table .el-button {
margin-right: 10px;
}
.tablemanage .table-section .el-table__empty-block {
width: 100%;
padding-top: 164px;
padding-bottom: 286px;
}
.tablemanage .table-section .el-table__empty-block img {
width: 78px;
height: 82px;
}
.tablemanage .table-section .el-table__empty-block p {
margin: 0;
margin-bottom: 17px;
font-size: 16px;
}
.tablemanage .table-section .el-table__empty-block a {
font-size: 14px;
color: #3877FF;
text-align: center;
}
.tablemanage .table-edit {
height: 100%;
}
.tablemanage .table-edit .create-table-dialog {
width: 600px;
height: 430px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 19px 30px;
color: #32325D;
margin-bottom: 10px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__header .el-dialog__close {
font-size: 22px;
color: #32325D;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body {
padding: 0;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form {
width: 100%;
position: relative;
overflow: hidden;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-comment {
margin: 32px 0 30px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-comment span {
font-size: 14px;
margin-right: 21px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-comment span:first-of-type {
margin-left: 114px;
text-align: right;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name {
margin-bottom: 20px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name h4 {
margin-left: 100px;
height: 30px;
line-height: 20px;
display: inline-block;
font-size: 14px;
color: #19233B;
text-align: right;
font-weight: normal;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name .el-input {
width: 356px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name .el-input input {
width: 356px;
height: 32px;
margin-left: 20px;
font-size: 14px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name .el-input .el-input__suffix {
display: block;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-name p {
color: #ff3838;
margin: 0;
height: 16px;
line-height: 26px;
font-size: 14px;
margin-left: 164px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-udId h4 {
margin-left: 37px;
height: 30px;
line-height: 20px;
display: inline-block;
font-size: 12px;
color: #999;
text-align: right;
font-weight: normal;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-udId .el-checkbox {
margin-left: 17px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-udId p {
margin: 0 30px 0 150px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__body .table-form .table-udId p span {
color: #ff3838;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__footer {
padding: 0;
position: absolute;
bottom: 30px;
right: 30px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__footer .el-button--primary {
width: 100px;
background: #3877FF;
border-radius: 3px;
}
.tablemanage .table-edit .create-table-dialog .el-dialog__footer .el-button--default {
width: 100px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.tablemanage .table-edit .tablekey-dialog {
width: 970px;
height: 516px;
position: relative;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 15px 30px;
color: #32325D;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__header .el-dialog__close {
font-size: 22px;
color: #32325D;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body {
padding: 20px 30px 14px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .el-table {
margin-bottom: 14px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .el-table .el-table__header th {
padding: 9px 0;
height: 22px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .el-table .cell {
height: 20px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .el-table .cell .el-button {
padding: 0;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .el-table:before {
height: 0;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .select-key .el-select {
width: 320px;
height: 30px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .select-key .el-button {
padding: 0;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__body .select-key .el-button span {
font-size: 14px;
color: #3877FF;
letter-spacing: 0.44px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer {
width: 910px;
position: absolute;
left: 0;
bottom: 30px;
margin: 0 30px;
padding: 0;
border-top: 1px solid rgba(183, 189, 202, 0.31);
padding-top: 14px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-introduce {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-introduce div {
font-size: 13px;
color: #737780;
letter-spacing: 0;
line-height: 23px;
text-align: left;
margin-right: 5px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-introduce div p {
margin: 0;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-set-btn {
position: absolute;
right: 0;
bottom: 0;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-set-btn .el-button--primary {
width: 100px;
background: #3877FF;
border-radius: 3px;
}
.tablemanage .table-edit .tablekey-dialog .el-dialog__footer .dialog-footer .key-set-btn .el-button--default {
width: 100px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.tablemanage .table-edit .comfirm-dialog {
width: 350px;
}
.tablemanage .table-edit .comfirm-dialog .el-dialog__body {
padding: 10px 10px;
}
.tablemanage .table-edit .comfirm-dialog .el-dialog__body p {
text-align: center;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.page-footer1 {
background: #000;
width: 100%;
}
.page-footer {
background: #000;
width: 100%;
height: 400px;
clear: both;
z-index: 0;
bottom: 0;
}
.footer_box {
height: 400px;
margin: 0 auto;
width: 1200px;
}
.footer_box1 {
height: 450px;
margin: 0 auto;
width: 1200px;
}
.dl_box {
width: 1000px;
height: 350px;
padding: 0 100px;
}
.dl_box1 {
width: 1000px;
height: 400px;
padding: 0 100px;
}
.page-footer1 dl {
font-size: 14px;
width: 140px;
margin-top: 70px;
float: left;
color: #fff;
margin-bottom: 90px;
}
.page-footer dl {
font-size: 14px;
width: 140px;
margin-top: 70px;
float: left;
color: #fff;
margin-bottom: 90px;
}
.page-footer1 dl:last-child {
float: right;
}
.page-footer dl:last-child {
float: right;
}
.page-footer1 dl dt {
color: #fff;
line-height: 30px;
width: 56px;
margin-bottom: 12px;
}
.page-footer dl dt {
color: #fff;
line-height: 30px;
width: 56px;
margin-bottom: 12px;
}
.page-footer1 dl dt img {
margin-bottom: 12px;
}
.page-footer dl dt img {
margin-bottom: 12px;
}
.page-footer1 dl dd a {
display: block;
height: 30px;
text-decoration: none;
opacity: 0.5;
line-height: 30px;
color: #fff;
}
.page-footer dl dd a {
display: block;
height: 30px;
text-decoration: none;
opacity: 0.5;
line-height: 30px;
color: #fff;
}
.page-footer1 dl dd p {
font-size: 12px;
opacity: 0.5;
color: #fff;
}
.page-footer dl dd p {
font-size: 12px;
opacity: 0.5;
color: #fff;
}
.foot-link {
font-size: 13px;
color: #808080;
margin: 15px 0;
}
.foot-link a {
color: #808080;
text-decoration: none;
vertical-align: middle;
display: block;
}
.foot-link span {
font-size: 12px;
vertical-align: middle;
margin: 0 10px;
}
.copy-info1 {
text-align: center;
font-size: 12px;
color: #fff;
margin: 5px 0;
clear: left;
opacity: 0.4;
}
.copy-info {
text-align: center;
font-size: 12px;
color: #fff;
margin: 5px 0;
clear: left;
opacity: 0.4;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.datamanage {
height: 100%;
width: 100%;
}
.datamanage .datamanage-container {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.datamanage .datamanage-container .datamanage-header {
width: 100%;
height: 64px;
background: #000000;
}
.datamanage .datamanage-container .datamanage-header .table-name {
float: left;
padding-left: 20px;
}
.datamanage .datamanage-container .datamanage-header .table-name span {
padding-left: 5px;
font-size: 20px;
line-height: 64px;
color: #fff;
}
.datamanage .datamanage-container .datamanage-header .table-name span:first-of-type {
border-right: 1px solid #fff;
font-size: 16px;
padding: 0 12px 0 0;
}
.datamanage .datamanage-container .datamanage-header .solve-doc {
margin-left: 60px;
float: left;
}
.datamanage .datamanage-container .datamanage-header .solve-doc a {
color: #fff;
margin-right: 40px;
line-height: 64px;
font-size: 14px;
}
.datamanage .datamanage-container .datamanage-status {
width: 100%;
height: 48px;
background: #F2F3F7;
}
.datamanage .datamanage-container .datamanage-status ul {
width: 100%;
overflow: hidden;
}
.datamanage .datamanage-container .datamanage-status ul li {
float: left;
line-height: 48px;
font-size: 14px;
margin-right: 40px;
}
.datamanage .datamanage-container .datamanage-status ul li span {
font-size: 13px;
}
.datamanage .datamanage-container .datamanage-status ul li:nth-of-type(1) {
margin-left: 20px;
}
.datamanage .datamanage-container .datamanage-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
width: 100%;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.datamanage .datamanage-container .datamanage-main .setting-nav {
height: 60px;
width: 100%;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form {
float: left;
margin: 10px 0;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-select .el-input {
width: 95px;
margin: 0 20px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-select .el-input .el-input__inner {
padding-left: 10px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-select .el-input .el-input__suffix {
display: none;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-select .el-input .el-input__prefix img {
position: absolute;
left: 50px;
top: 12px;
width: 9px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-input {
width: 205px;
height: 34px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .el-input .el-input__inner {
height: 30px;
border-radius: 3px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form span {
margin-left: 20px;
font-size: 14px;
color: #737780;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .update-search .el-button + .el-button {
margin: 0;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .update-search span {
margin-left: 10px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .el-form .update-search .el-button span {
margin-left: 10px;
color: #3877FF;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .data-time {
float: left;
margin: 10px 0;
font-size: 13px;
line-height: 40px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .data-time span {
margin-right: 20px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container {
float: right;
padding-right: 30px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li {
float: left;
font-size: 14px;
margin: 20px 0 20px 36px;
color: #19233B;
text-align: right;
padding-left: 22px;
cursor: pointer;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(1) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABmElEQVR4Ae2XAUcEQRTHF1VUpYi6GeWyb2+xdcWFmHcZRYQCro8QfYCAAvUtgkIfIBWCLoFQgL5BIUGJCNT+r9vzXIcDM2H/PBjL/+f/3szMBrn+i8rltcFCyAeK+FxF1d1KZbvXG0xxwY6mMPeF0HyLuiRa7/cPQ/zRDuUNRpE5UyU7rojvJBTa5wUmM05TGZFQmClnMALoWlU2BrJvkFTWPhXyhSsYmL21QyEpJNYCjvjQWZsaa8R1CSVhFPEDjgSnM4NUJJSEmZ7jMacw8hvRPr8wcmZymBymG5gkqfU5gYFUWD32mozUzOzqRGr21by1615hIB3xXmam4+UVrzDW2p7U8KmZzqNXGEgT11rpUHUnW0dSaJ9TGEiF5vY3HfNeTOwkoJAU1pzD6BLPC+MXQEmQxqATnziBgVLDIwEgQZ51ZPax+wJXwtNBheZTgqB9mswWBj1wrSSxQ4r4FVBICu0LfCuON4fFe7ijcuXSZJYUmSv8wLkseMK7w1nDp9jSPgref4CmYrvYuCCJb1wWPOEddKlcP28prye/jJN6AAAAAElFTkSuQmCC) no-repeat left center;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(2) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACDklEQVR4AWKgFRgFMsoOKlLK1iVSgPbLAeaOIIjjtd1o9+qdq93oy86hdsOL2bBWWDusbcdF1Li227A2Y9Wcvr33+WHf3vd4yf9xZu43uMkdyD1M4GkSfabf6L86A+HgjmECbzEh/yQW3iLbyEAAxrfhAk9UPCkH+T12YnmKpD5/r2hDPr16TWlttj09R1hc4P0KJ3rOAad2G+y3q2pLv9F//2xeVIC6TzHMtGjY5BZc4IMwuAXOhm6+3yyZH9n889tUAeoBxTIwM3isHAbnp+tvCVwQryzIIxnBdLZdt3xecLd+UnJPHKqn5+hXR8gLanjfUgu0Z7AsaM4FvlNVOq8XpI9rV6jO9IxbL+TMMJ7WnrLAmRfLCH9UvJq0q9RvbAcm8Keq0lydvp8iZ2qbsaUq8FK4m9J2/ud4Q83PHnNbHvepEbim4/yKnJmNqw3x0BisDRdr+hUC/ETO3Jabu4DsZ0IccGsMCN9rA0UhWgE5BUR7TRuINrQFXpkJMYG7MgaybFycdFh7j+xISmoncFHkQGqB/iLR56wC+b7fiAv8UmFYvwRB0DCrFaLgFa+e7LfMdiaGQPQ5+0Dgd4pXqB92KQFVPbr2cVgIRDfyWQdStof+6XB295DGUQKKGuiZcr5L82FCFEst0EdpA1V86jQukOvT5VGPws5KBniWbs5N6H8swOUA45vqtr10/AVNQ9ddyjWyJwAAAABJRU5ErkJggg==) no-repeat left center;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(3) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACmUlEQVR4AeyWA7AcQRCGY6cQ3sw+b9/exeb03l1sJ6WoFBuluBTbtsqIbdu2bePSfcjb8CnOTtWsZuafb7p7q/5Udvvvm900d6WcEjxVheE1I8o1yfxbIHhjaSBKXY0ToA4KXT2i+y2p4zbhxC5RBsYlpAFQI6MGqqxDV8NkHC7VDNUySRBNmjRJG+EyCwsde9PGOwjiNnV/qL+Pf8a31E9qgHM13VPRGjW/3586ClQBh1P1JI2tNO+GReOyBt5yiYKhU9QQgKtp0QWLwC0Gk3FqkATzbmAM1HwJeJzub4Jzyt/lqFHvHOEq34w0VtD42fABJKi79H6Qxi/xN3qukyAMn4hSwyJ+EnzCKeJUhWuGT0Xf7tC3M5obDVkAo0i4PW2yWVIaeZ2107xnNH6YojM5AtCnF66aR+rmIR7TnFg7QSAJnrqhNJyj3oCL2Dr+OZC1Rhiavi8Ophef0PN64VQNGcL6UxDQ4UQD8aTgyfBQGCYhIGvjb4EIA96x1shnQId+A5C6/TcC2UA2kA1kA9lANpANJMCsRuMBxxjh9hRKHhCmzA+FDboAHMFiEvAl3R8KKL8rbPITAipRonX6SMNbir6PZD9NWi+SDuT0FQ0Z9G1Wg+4AvCFB3fto8gFPhE2+NHxuKxC/M7SMU5tJ52q8tWX/7YlMJBC+pcXXaePzYYMuSEDT1W4JOEAzsEiwlnA6m3yCex2ew1EjoKsh4CMOqjW6vwuZ/Puku5fWDYop4HOkSkyLdnliRRyeCgk8lU48FDTopleWqJPl8/l8ShFntv2WyRegXjAYgc+UBlZ2uepmT5XUJsEsTuHvI3WzPoCZO6H5VpPPUXNQuul+jCCXSsP8sAh5TVtJhoEEMmpO0uCEPhLAKAAA/NgI2VIKFNAAAAAASUVORK5CYII=) no-repeat left center;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(4) {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABOElEQVR4Ae2XNV7HMBTHi+sFGtj6OnXjP+YF1wMwsjLhbqfhAjgcA7cJh1Mgqbd45aH5fT5x+8YTTSmtGIgGBrijG/xBmsfPGbzTgY9oFPJgHtOYOhMXtLwVjIzscT1g80fmBRiIOS1P+RXbjSXJzww8DfyAM98PZPIOBnw5DIvJbwWy8xcK/WUMcDVYUwaOfyuQHbas3nIGuBZAgRj9ViAfSsZtBAvdxOFvBbIF0FOhA26Fi14MEgElOCYM7JZp5+H0YR85UJKDlAG/pgdKeNUQACWXXZcCUkDZgETTjwKyrOZaHfBQmkUCIIKGiYBiU0MCRLl4FZACsndS0m+SXYYS6DAF0AEZkH3m2Ns89kcDPhItHzeiyS4Tr0UtavqvdDD09EBJ3sj24qS/OhK8kYPtS365KgV6Aoz4lHI99nZeAAAAAElFTkSuQmCC) no-repeat left center;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(1):hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABgUlEQVR4Ae2XgUZ0URSFB/9fVKUY6i2CcM/MIEUMAkyPED1A7mkqLgUJCEhQ6AFSIWgSCAXoDQoJSkRgdRbnjt2UDNg7nMU2HIf1WXvdmbmVpL+ihV0MZ2vYch6nYVaX9/HfDGa2wHjmcZvlQHc8zpt7GDSHcR5vvVB2yXichLNq+LyRUFyfCUxp3CwwJqHYKVWYOJeLBYbEnWq5PpfjTBPmpReKSTExkd62Zmd41pFQAobp3PErQbUzTEVCSZiGx4QqjLwT12cPIzuTYPqBSTCtAgMqMJTzOLRPJmq+jclg9hFhOqYwVC3HRmlW85izhGF3/jmPh5jOvSlM7E6rm06OlfKcSXF9qjAR6Dqm8xrSmiIUk+KZOkwjx7QwfSKUBGHRA/CRCkxcy4EEEHCPAWSTT58KSPnXIRi/fwHh+tpYYtEt3hpGAsQzoZgU11exVn0Ho0zqtztJSfV1ZM7jgi9wmkNPen8DcjmO+UhbDL1/SmiGP5CB+Epz6EnvSp9K+gRH4GVm4t+ZGAAAAABJRU5ErkJggg==) no-repeat left center;
color: #3877FF;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(2):hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAB70lEQVR4Ae2XA6ycQRDHa7tBHbVRY9W24sZsWLv7fbVt23bUuLbbsDZjtc//N/Oyezljcd5kjjOzvx3dXq3icrV6eejay8ec3h4O9BS4xsKv+TP+Lm0gtOnwnh6eEgDiCumwrjOQUUvRgk5+OWzjMt6YPr/KIkHLgnXYps86NLebngXoSJu9Cjr9J9powsClaBWuy5/xdySfg/RfsQ8rMOOWokkvgdeBEwtsoU0bJbJjHQLZFmT3mn2ZR0fglHLa28csjZqbHRSpE2YFLNA/qB72GzTCAeWnj49+Jq19W4b7B6dA289mNCZfP2WR39Jy0n8hugVS5WGShbk1RfnTmlOU75nSuJw7xxhoKdr0Eqio8eljhs6Jrkqg2xan+101m3SMH8t0HbAIdEh220OdlH2VxistAq1Wg1XH+K+cPdv7LEJ3G0K1s1MW9i9tIBfCIyC7gAR+mADtp7T1siHkc58xUG+BhYl0h/hoy5LET8gC50A8QEkqpczMKNDApahHev+DivX/+POom9EIsfPw7skoEH0/RgHx64wDUdo6KaC+Al2KQOGr33y0V0B8kc84kNQ9RnI8/XNIf7kHKgKR4Udp/ILrw4qQL9kAb3VujNsc3oc2pwzE/8PIcDmB3eDLuQ1hX5S2paO2o6Fu2ourGjtutHAztYFOAAAAAElFTkSuQmCC) no-repeat left center;
color: #3877FF;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(3):hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACcUlEQVR4Ae1XA8wdQRB+tYPatt13qG1bUW3f3qui2rYdp7Zt27aNr9/+2f/yUBs3yWQWszPf4JI5z39PLrlUUiCebqGMIVBYG4YYvwWEdGz2gKkJjPb2wAGvhYeUN7Ue2FrIRgfTQtrP2Sg/CtEMH7x8M1izsMQr0PSrQNRehEiFbeSkcx95Ow3dIggofqckeP6GfIJOZjFzJfyzBiCC0QvZeN+VNrZQ/7pjw8IlXUD7IjCGjfKMYBUfnXccW7gZBkygPx3c0XjH/RzKY7x/rZzckVnTu6O9bqOR1h3LqX/GL4A75AN8c1GdVf4sGBWRNAIae0wnB2SpwntGRsW72zR62hTIyFKmZGZac79Jgg4PwC8TTykP0cYElraY3hcJqXdQ2a/0eUACVcLKYOEsubpsYv/7YEABPULQBLCAd7coH1Nvnbc7akgQ/h8F7w99MSCppCI76ID5PCCH5Jkq023/HgkCdPDXApIlZ5b+RkAuIBeQC8gF5AJyAbmANBtlafAOdc7TcY5vAcS33zUPOQO6V2Aozw/R4QvyA2937HSG/M8Aaj4RUXQLBXg+jHyJQT3/akC6jdxyQOd+q/+ArtZ3nSHfwnFnyBfI7A9I7iVoOeLy7IqfjTtFfEjxRYCUk2vMwDlnQGeZyLvotK/ZA7lUL02h7jHqvvIb8ndqdEx5l+8P8/w0z9+qH4V7lHt4179YXyT2fAkV6Yk0NHBSRfFEZkoO6OSilfsiZog+o6ROy48N+eTnvD/MAKZRljIGIo7na8lrI69XoCdBVCsskOBL3jhDPrMmg6A8ykwsYdnrFbaRxPM7SfMhmWp0l/59eg/7W1Tsln3EnQAAAABJRU5ErkJggg==) no-repeat left center;
color: #3877FF;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .setting-nav .setting-container li:nth-of-type(4):hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABMUlEQVR4Ae2XgUYFQRSGgwp6msCcii5EPUCAAALSTTJnVrjPEBBAT5CSXuOiEBCit+jvHtoxEXW2/c3F/PzsMrPz7cw5c2ZWmoYqdNgMinmI+FgYf/S7JEwpQF8wGOKtiMvRgfqZsT/eUUx+8w9g3dhAMNtgnvZB8dI/S4RWB9rusCeK2wyluKgKZO2Pr7EqirscU4rzqkD2fjjDmijui6U8qwrUQwXFQxFTp1WBTAdXWBfFY5F9JwQg3zYhiv2FX3NMJRwRgfwbqSje+EDOUsMDcsi+1YAa0H8kCbtLBTSZYSMonkVxQwAiDMwCKpeGC0QI3gbUgCyTvNckatpberuBIp5oQLbnWJp/O5AlTMv+pa2t9WlBnYFYV2nH1JOAFHN/cDJKh+OMnNOXX1yzmj4BOI8k4iImCGMAAAAASUVORK5CYII=) no-repeat left center;
color: #3877FF;
background-size: 18px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
margin-bottom: 20px;
padding-right: 20px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area {
float: left;
width: 48.3%;
min-width: 48.3%;
margin-left: 20px;
height: 100%;
background: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DCDDE0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
padding-bottom: 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table th .el-checkbox {
display: none;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table td {
padding: 14px 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table td .cell {
height: 20px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table td .el-button {
padding: 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table .el-table__fixed-right-patch {
background: #F2F3F7;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table .el-table__empty-block {
width: 640px;
min-height: 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table .el-table__empty-block .empty-txt {
text-align: center;
font-size: 16px;
color: #737780;
line-height: 22px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table .el-table__empty-block .empty-txt p {
margin-bottom: 16px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-container .data-table .el-table .el-table__empty-block .empty-txt p span {
font-size: 16px;
color: #3777FF;
cursor: pointer;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit {
height: 69vh;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form {
padding: 0 49px 0 30px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .el-form-item {
margin: 12px 0 0 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .el-form-item .necessary {
color: #FF3838;
position: absolute;
right: -16px;
top: 0;
font-size: 16px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .el-form-item .el-form-item__label {
padding-right: 20px;
font-size: 14px;
color: #19233B;
text-align: right;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .el-form-item .el-input .el-input__inner {
height: 30px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .el-form-item .el-form-item__content .custom-prefix {
position: absolute;
left: -150px;
display: block;
width: 127px;
top: 0;
color: #19233b;
text-align: right;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .data-none-custom {
font-family: PingFangSC-Medium;
font-size: 16px;
color: #3877FF;
letter-spacing: 0.5px;
text-align: center;
margin-top: 14px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .data-edit-custom {
font-family: PingFangSC-Medium;
font-size: 16px;
color: #19233B;
letter-spacing: 0.5px;
text-align: center;
margin-top: 14px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-edit .el-form .data-edit-wrongmsg {
color: #ff3838;
margin: 0;
height: 16px;
line-height: 26px;
font-size: 14px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set {
position: absolute;
bottom: 0;
padding: 14px 0;
width: 100%;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .remove-data {
float: left;
margin-left: 20px;
line-height: 24px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .remove-data .el-button {
font-size: 14px;
color: #9EA1A8;
padding: 0;
margin-left: 12px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .remove-data .delete {
color: #606266;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .pagination {
float: right;
margin-right: 20px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pagination button,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pagination span:not([class*=suffix]) {
line-height: 24px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pagination {
padding: 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .btn-next,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .btn-prev {
background-color: #fff;
margin: 0;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pager li {
background-color: #fff;
border-radius: 3px;
margin: 0;
font-size: 14px;
color: #19233B;
min-width: 24px;
min-height: 24px;
font-family: HelveticaNeue;
font-weight: normal;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pager .active {
background: #3877FF;
color: #fff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .handle-area .data-set .el-pager .el-pagination__jump {
margin-left: 15px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .stretch-bar {
position: relative;
float: left;
width: 14px;
height: 100%;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .stretch-bar div {
background: #B1B4BA;
border-radius: 2px;
height: 24px;
width: 2px;
position: absolute;
top: 45%;
left: 4px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .stretch-bar div:last-of-type {
left: 8px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map {
width: 48.3%;
min-width: 24%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DCDDE0;
position: relative;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-poi,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-polygon,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .cancle-polygon {
position: absolute;
right: 16px;
top: 16px;
height: 34px;
width: 95px;
z-index: 2;
cursor: pointer;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
border-radius: 3px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-poi span,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-polygon span,
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .cancle-polygon span {
font-size: 13px;
color: #19233B;
line-height: 34px;
margin-left: 31px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-poi {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAMAAAA7dZg3AAAAflBMVEUAAAA8ef84ef85eP84eP85eP88eP85eP84d/9AgP85ef84d/88eP84d/85eP86eP87fP85d/84eP86eP84d/84d/85eP85eP9Jkv84d/87ev84eP9Gi/84d/86ev84eP85eP84eP86ef85eP////+AgP85eP9Vqv85eP85eP88AJjeAAAAKnRSTlMAJna72fMzvf8ElP4RvsCAJ/LVm5pN4GwH2kWfC9Ys9VH9cpABAqIDoIa5W086AAAAxUlEQVR4AXXQ1QGEMBAA0cGXnLu791/gORB9vxNdKlGcpFmWJnGEKS+kVuQ0StUSTUuV/LU7Yum0/3ua0rTfPiUeCiCv7+n2et36vhxo3taDXvNO6Is/SUQcSjFJKCWkoZSSyQcG+cgYhNKAYSgNGYXuGjMJpQnl1J+mJcz8aQbMF760mAMsfZNf8rUSx4qf9cYumzV/251Zdltq+4NeDns0Rz0dMZyacsJ0HtezO2O5XH/lesFxu3/K/YbHWYmoM36PB5oXyJ4WbUwK5C8AAAAASUVORK5CYII=) no-repeat 12px center;
background-size: 13px 16px;
background-color: #fff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-polygon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAIVBMVEUAAAA7ef85eP85eP84d/84d/84d/84eP85eP86eP86eP/RQMGjAAAAC3RSTlMAPbLmev7//diAe4kewQcAAABVSURBVHgBY2AQMlZkAAEoiyUsLd0ByIGxxNPS0gpBXChLDUhmzASBNiAricEsDRkko/PR1WOYx1UGtQ/GkkhrBHNhLM60CSAOhDXo+GjuHfDwQ49PAAIpZZkMqKuyAAAAAElFTkSuQmCC) no-repeat 16px center;
background-size: 12.5px;
background-color: #fff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .create-polygon span {
margin-left: 39px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .cancle-polygon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAIVBMVEVHcEz///////////////////////////////////////+PBM77AAAAC3RSTlMAPbLmev7//diAe4kewQcAAABVSURBVHgBY2AQMlZkAAEoiyUsLd0ByIGxxNPS0gpBXChLDUhmzASBNiAricEsDRkko/PR1WOYx1UGtQ/GkkhrBHNhLM60CSAOhDXo+GjuHfDwQ49PAAIpZZkMqKuyAAAAAElFTkSuQmCC) no-repeat 16px center;
background-size: 12.5px;
background-color: #3877ff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .cancle-polygon span {
margin-left: 39px;
color: #fff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .show-polygon {
position: absolute;
right: 16px;
top: 62px;
height: 34px;
width: 124px;
z-index: 2;
cursor: pointer;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
border-radius: 3px;
background: #fff;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .show-polygon .el-checkbox {
color: #19233B;
margin: 8px 10px;
}
.datamanage .datamanage-container .datamanage-main .datamanage-handle .map .show-polygon .el-checkbox .el-checkbox__label {
padding-left: 6px;
font-size: 13px;
}
.datamanage .datamanage-container .datamanage-update {
height: 38px;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.datamanage .datamanage-container .datamanage-update div .el-button--primary {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .datamanage-container .datamanage-update div .el-button--default {
width: 100px;
height: 38px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .datamanage-container .datamanage-update .update-data {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.datamanage .datamanage-container .datamanage-create {
padding: 20px 0;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.datamanage .datamanage-container .datamanage-create div .el-button--primary {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .datamanage-container .datamanage-create div .el-button--default {
width: 100px;
height: 38px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .datamanage-container .datamanage-create .update-data,
.datamanage .datamanage-container .datamanage-create .create-data {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.datamanage {
height: 100%;
width: 100%;
}
.datamanage .layer-container .dialog .search-container {
height: 100%;
}
.datamanage .layer-container .dialog .search-container .el-dialog {
width: 600px;
height: 426px;
position: relative;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 15px 30px;
color: #32325D;
margin-bottom: 25px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body {
padding: 0 30px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker {
width: 100%;
overflow: hidden;
margin-bottom: 38px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker span {
float: left;
line-height: 28px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .start-time,
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .end-time {
float: left;
margin: 0 10px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .start-time .el-date-editor--date,
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .end-time .el-date-editor--date {
width: 139px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .start-time .el-date-editor--date .el-input__inner,
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .time-picker .end-time .el-date-editor--date .el-input__inner {
padding: 0 12px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .find-word-title {
margin-bottom: 12px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .find-word-title span {
font-size: 14px;
color: #19233B;
margin-right: 120px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table {
margin-bottom: 16px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .el-select .el-input__inner {
padding-left: 10px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .el-select .el-input__prefix img {
position: absolute;
left: 185px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .el-input {
width: 210px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .cell {
padding: 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table td {
border: 0;
padding: 8px 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table td .el-icon-arrow-right {
margin-right: 10px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table .el-table__empty-block {
min-height: 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .el-table::before {
height: 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .add-search .el-button {
padding: 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__body .find-word .add-search .el-button span {
font-size: 14px;
color: #3877FF;
letter-spacing: 0.44px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__footer {
position: absolute;
bottom: 30px;
z-index: 2;
right: 30px;
padding: 0;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__footer .el-button--primary {
width: 100px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .search-container .el-dialog .el-dialog__footer .el-button--default {
width: 100px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .custom-container {
height: 100%;
}
.datamanage .layer-container .dialog .custom-container .el-dialog {
width: 970px;
height: 516px;
position: relative;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 19px 30px;
color: #32325D;
margin-bottom: 10px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body {
width: 910px;
padding: 0 30px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .table-census {
font-size: 13px;
color: #737780;
line-height: 18px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .edit-style {
opacity: 0.3;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table {
margin-top: 10px;
margin-bottom: 20px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-select .el-input__inner {
padding-left: 10px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-select .el-input__prefix img {
position: absolute;
left: 95px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-input {
height: 30px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-table__row td:first-of-type .el-input {
width: 180px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .cell {
padding-right: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td:nth-of-type(2) .el-input {
width: 156px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td {
padding: 20px 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-radio + .el-radio {
margin-left: 16px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-select {
width: 120px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-radio {
margin-right: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-radio__label {
padding-left: 6px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-button {
padding: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-button--text {
font-size: 14px;
color: #3877FF;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-button--primary {
width: 54px;
height: 32px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table td .el-button--default {
width: 54px;
height: 32px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .gutter {
background: #F2F3F7;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table .el-table__empty-block {
min-height: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .el-table::before {
height: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__body .add-word {
font-size: 14px;
color: #3877FF;
letter-spacing: 0.44px;
text-align: center;
width: 94px;
height: 32px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__footer {
position: absolute;
bottom: 30px;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__footer .el-button--primary {
width: 100px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .custom-container .el-dialog__footer .el-button--default {
width: 100px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .key-container .el-dialog {
width: 970px;
height: 516px;
position: relative;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 15px 30px;
color: #32325D;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body {
padding: 20px 30px 14px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table {
margin-bottom: 14px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table .el-table__header th {
padding: 9px 0;
height: 22px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table .cell {
height: 20px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table .cell .el-button {
padding: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table td {
border-bottom: none;
border-top: 1px solid #ebeef5;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table .el-table__row:hover {
background: #F2F7FF;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table .el-table__empty-block {
min-height: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .el-table:before {
height: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .select-key .el-select {
width: 320px;
height: 30px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .select-key .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .select-key .el-select .el-input__prefix img {
position: absolute;
left: 295px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .select-key .el-button {
padding: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__body .select-key .el-button span {
font-size: 14px;
color: #3877FF;
letter-spacing: 0.44px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer {
width: 910px;
position: absolute;
left: 0;
bottom: 30px;
margin: 0 30px;
padding: 0;
border-top: 1px solid rgba(183, 189, 202, 0.31);
padding-top: 14px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-introduce {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-introduce div {
font-size: 13px;
color: #737780;
letter-spacing: 0;
line-height: 23px;
text-align: left;
margin-right: 5px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-introduce div p {
margin: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-set-btn {
position: absolute;
right: 0;
bottom: 0;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-set-btn .el-button--primary {
width: 100px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .key-container .el-dialog .el-dialog__footer .dialog-footer .key-set-btn .el-button--default {
width: 100px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog {
width: 970px;
height: 600px;
position: relative;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 15px 30px;
color: #32325D;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__header .el-dialog__title {
font-size: 16px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body {
padding: 0;
overflow: hidden;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .poimarker {
width: 379px;
height: 544px;
float: left;
background: #E1E3E8;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .poimarker .poimarker-img {
width: 335px;
margin: 19px auto 0;
background: url(//mapapi.qq.com/web/lbs/console/v/images/bg_phone.d22d96e.png) no-repeat center 0;
background-size: 100% 100%;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .poimarker .poimarker-img img {
width: 268px;
height: 460px;
margin: 61px 0 0 35px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap {
float: left;
padding: 20px 30px;
width: 510px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap p {
font-size: 13px;
color: #737780;
letter-spacing: 0;
margin: 0;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show {
overflow: hidden;
margin-top: 50px;
margin-bottom: 25px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show p {
float: left;
margin: 0 20px 0 23px;
font-size: 14px;
color: #19233B;
text-align: right;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show label {
float: left;
padding-left: 10px;
margin-right: 40px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show span {
height: 16px;
width: 16px;
border-radius: 16px;
border: 1px solid #D0D0D0;
position: relative;
float: left;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show span i {
display: inline-block;
height: 8px;
width: 8px;
background: #3877FF;
border-radius: 8px;
position: absolute;
left: 4px;
top: 4px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show span input {
opacity: 0;
height: 16px;
width: 16px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .show .active {
border-color: #3877FF;
color: #3877FF;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form {
width: 100%;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item {
padding-right: 20px;
font-size: 14px;
color: #19233B;
text-align: right;
margin-bottom: 20px;
width: 100%;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-form-item__content {
line-height: 30px;
width: 352px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-form-item__label {
height: 30px;
line-height: 30px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-select {
height: 30px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-select .el-input__prefix img {
position: absolute;
left: 325px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-input {
height: 30px;
margin-bottom: 20px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item .el-input .el-input__inner {
height: 28px;
width: 350px;
padding-left: 15px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item:first-of-type .el-form-item__content {
line-height: 30px;
width: 157px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item:first-of-type .el-form-item__content .el-input__inner {
width: 275px;
text-align: left;
padding-left: 15px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item:first-of-type .el-form-item__content .el-select {
height: 30px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item:first-of-type .el-form-item__content .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-form-item:first-of-type .el-form-item__content .el-select .el-input__prefix img {
position: absolute;
left: 250px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .el-form .el-button {
float: left;
margin-top: 10px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container {
width: 531px;
height: 189px;
background: #F5F7FB;
margin-top: 26px;
padding-top: 20px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container .sys-txt {
text-align: center;
margin-bottom: 19px;
font-size: 14px;
color: #19233B;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container #qrcode {
width: 86px;
height: 86px;
margin: 0 auto;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container .url-content {
position: relative;
width: 300px;
margin: 16px auto 0;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container .url-content #copy-input {
background: #FFFFFF;
border: 1px solid #D3D5DB;
border-radius: 3px;
width: 270px;
height: 26px;
padding: 0 10px;
}
.datamanage .layer-container .dialog .createmap-container .el-dialog .el-dialog__body .setmap .create-url-container .url-content #copy-btn {
position: absolute;
top: 4px;
right: 22px;
color: #3877FF;
font-size: 14px;
cursor: pointer;
}
.datamanage .layer-container .dialog .upload-container .el-dialog {
height: 426px;
width: 600px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__header {
background: #F5F7FB;
border: 1px solid #E9EBF1;
padding: 16px 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__header .dialog-title p {
margin: 0;
margin-left: 30px;
font-family: PingFangSC-Medium;
font-size: 16px;
color: #32325D;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__header .el-dialog__headerbtn {
top: 16px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body {
padding: 0 30px;
height: 340px;
position: relative;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file {
margin-top: 80px;
height: 292px;
position: relative;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file div {
width: 430px;
position: relative;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file div .el-input {
width: 352px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file div .el-input .el-input__inner {
height: 30px;
line-height: 30px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file div .el-button {
height: 30px;
width: 60px;
margin-left: 10px;
background: #3877FF;
border-radius: 3px;
padding: 0;
vertical-align: middle;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file div .load-xls {
position: absolute;
height: 30px;
width: 60px;
z-index: 2;
right: 5px;
top: 3px;
display: block;
font-size: 0;
cursor: pointer;
opacity: 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-file .first-step {
position: absolute;
right: 0;
bottom: 30px;
background: #3877FF;
border-radius: 3px;
height: 38px;
width: 100px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .loading-status {
padding: 100px 0 0 230px;
opacity: 0.7;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .loading-status .el-icon-loading {
font-size: 80px;
color: #3877FF;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-warn {
position: relative;
height: 252px;
margin-top: 120px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-warn img {
position: absolute;
top: 0;
left: 2px;
height: 56px;
width: 56px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-warn h3 {
margin-left: 80px;
font-size: 16px;
color: #32325D;
font-family: PingFangSC-Medium;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-warn p {
margin-left: 80px;
margin-top: 6px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #737780;
letter-spacing: 0;
line-height: 23px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-warn .el-button {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
position: absolute;
right: 0;
bottom: 30px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping {
position: relative;
height: 342px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping p {
font-size: 13px;
color: #737780;
letter-spacing: 0;
margin: 12px 0 10px 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table tbody td {
padding-bottom: 10px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table tbody td .cell {
padding-left: 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table tbody td .el-input__inner {
height: 30px;
width: 245px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table tbody td .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table tbody td .el-select .el-input__prefix img {
position: absolute;
left: 220px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .el-table .gutter {
background: #F2F3F7;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .dialog-footer {
position: absolute;
right: 0;
bottom: 10px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .dialog-footer .el-button--primary {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-mapping .dialog-footer .el-button--default {
width: 100px;
height: 38px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle {
position: relative;
height: 330px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle p {
margin-top: 40px;
margin-bottom: 14px;
font-size: 14px;
color: #19233B;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .el-radio + .el-radio {
margin-left: 21px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .el-input__inner {
height: 30px;
width: 245px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .el-select .el-input__suffix {
display: none;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .el-select .el-input__prefix img {
position: absolute;
left: 220px;
top: 12px;
width: 9px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .dialog-footer {
position: absolute;
right: 0;
bottom: 30px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .dialog-footer .el-button--primary {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-handle .dialog-footer .el-button--default {
width: 100px;
height: 38px;
color: #3877FF;
border-radius: 3px;
border-color: #3877FF;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-loading {
padding-top: 97px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-loading p {
font-size: 14px;
color: #19233B;
margin: 16px 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish {
position: relative;
height: 340px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish img {
position: absolute;
left: 2px;
top: 2px;
height: 56px;
width: 56px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info {
margin-top: 30px;
margin-left: 75px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info h3 {
font-family: PingFangSC-Medium;
font-size: 16px;
color: #32325D;
margin-bottom: 6px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info p {
font-size: 13px;
color: #737780;
letter-spacing: 0;
line-height: 23px;
margin: 0;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info h4 {
margin: 24px 0 9px 0;
font-family: PingFangSC-Medium;
font-size: 14px;
color: #32325D;
letter-spacing: 0;
line-height: 23px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info ul {
height: 92px;
width: 370px;
overflow: auto;
border: 1px solid #D3D5DB;
border-radius: 3px;
padding: 4px 10px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .finish-info ul li {
font-size: 13px;
color: #737780;
letter-spacing: 0;
line-height: 23px;
}
.datamanage .layer-container .dialog .upload-container .el-dialog .el-dialog__body .upload-finish .el-button {
width: 100px;
height: 38px;
background: #3877FF;
border-radius: 3px;
position: absolute;
right: 0;
bottom: 30px;
}
.datamanage .layer-container .dialog .el-dialog__close {
font-size: 22px;
color: #32325D;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.dialog .body .status-icon[data-v-0c5f3497] {
height: 88px;
text-align: center;
}
.dialog .body .icon[data-v-0c5f3497] {
width: 88px;
height: 88px;
}
.dialog .body .wrapper[data-v-0c5f3497] {
height: 72px;
margin-top: 16px;
}
.dialog .body .wrapper .msg[data-v-0c5f3497] {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px;
text-align: center;
}
.dialog .body .wrapper .tips[data-v-0c5f3497] {
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 8px;
}
.dialog .body .wrapper .biz-btn[data-v-0c5f3497] {
text-align: center;
margin-top: 16px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.sales-banner[data-v-02544b20] {
width: 100%;
height: 651px;
position: relative;
background: #18254e url(//mapapi.qq.com/web/lbs/console/v/images/banner.bcc2466.jpg) center center;
background-size: 3200px 651px;
}
.sales-banner .layout-content[data-v-02544b20] {
width: 1200px;
margin: 0 auto;
padding-top: 178px;
}
.sales-banner h1[data-v-02544b20] {
font-size: 64px;
line-height: 72px;
color: #fff;
letter-spacing: 0.5px;
margin: 32px 0 0;
}
.sales-banner h2 img[data-v-02544b20] {
display: block;
height: 61px;
margin: 0;
}
.sales-banner .tips[data-v-02544b20] {
margin-top: 16px;
}
.sales-banner .tips p[data-v-02544b20] {
font-family: PingFang SC;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
}
.sales-banner .buy-btn[data-v-02544b20] {
color: #fff;
width: 200px;
height: 64px;
font-size: 24px;
line-height: 64px;
text-align: center;
cursor: pointer;
border-radius: 6px;
margin-top: 48px;
background: linear-gradient(94deg, #2d61fc 11.28%, #598fff 84.89%, #5d59ff 143.85%);
}
.sales-banner .buy-btn[data-v-02544b20]:hover {
background: linear-gradient(94deg, #547fff 11.28%, #5b91ff 84.89%, #9896ff 143.85%);
}
.sales-banner .buy-btn[data-v-02544b20]:active {
background: linear-gradient(94deg, #2d61fc 11.28%, #598fff 84.89%, #5d59ff 143.85%);
}
.sales-banner .disabeled[data-v-02544b20] {
cursor: not-allowed;
background: #ddd;
}
.sales-banner .disabeled[data-v-02544b20]:hover {
background: #ddd;
}
.sales-banner .disabeled[data-v-02544b20]:active {
background: #ddd;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.body[data-v-34bc9230] {
font-family: 'PingFang SC';
background: #fff url(//mapapi.qq.com/web/lbs/console/v/images/rule-bg.cb44f59.jpg) center center;
background-size: 3200px 538px;
}
.body .layout-content[data-v-34bc9230] {
position: relative;
width: 1200px;
margin: 0 auto;
}
.body .buy-process[data-v-34bc9230] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -71px;
width: 100%;
height: 264px;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f5f8), to(#fff));
background: linear-gradient(to bottom, #f3f5f8 0%, #fff 100%);
border-radius: 8px;
padding: 0 32px;
}
.body .buy-process .title[data-v-34bc9230] {
font-size: 24px;
line-height: 48px;
font-weight: 600;
padding: 16px 0;
}
.body .buy-process .steps[data-v-34bc9230] {
position: relative;
height: 152px;
}
.body .buy-process .steps .step1[data-v-34bc9230],
.body .buy-process .steps .step2[data-v-34bc9230] {
position: absolute;
height: 152px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 34px 0 0 40px;
}
.body .buy-process .steps .step1[data-v-34bc9230]::after,
.body .buy-process .steps .step2[data-v-34bc9230]::after {
position: absolute;
content: '';
width: 88px;
height: 88px;
top: 48px;
}
.body .buy-process .steps .t1[data-v-34bc9230] {
font-size: 28px;
font-weight: 600;
line-height: 36px;
}
.body .buy-process .steps .t2[data-v-34bc9230] {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.body .buy-process .steps .step1[data-v-34bc9230] {
left: 0;
width: 594px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/step-bg-1.f8dc613.png) no-repeat center / cover;
}
.body .buy-process .steps .step1 .t1[data-v-34bc9230] {
position: relative;
color: #2e61fc;
z-index: 10;
}
.body .buy-process .steps .step1 .t2[data-v-34bc9230] {
color: rgba(46, 97, 252, 0.7);
margin-top: 42px;
}
.body .buy-process .steps .step1[data-v-34bc9230]::after {
right: 45px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/step-icon-1.871f0bf.png) no-repeat center / cover;
}
.body .buy-process .steps .step2[data-v-34bc9230] {
right: 0;
width: 558px;
padding-left: 62px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/step-bg-2.e4e9493.png) no-repeat center / cover;
}
.body .buy-process .steps .step2 .t1[data-v-34bc9230] {
color: #6934ff;
}
.body .buy-process .steps .step2 .t2[data-v-34bc9230] {
color: rgba(105, 52, 255, 0.7);
margin-top: 16px;
}
.body .buy-process .steps .step2 .tips[data-v-34bc9230] {
color: rgba(105, 52, 255, 0.7);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 4px;
}
.body .buy-process .steps .step2[data-v-34bc9230]::after {
right: 40px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/step-icon-2.becd63d.png) no-repeat center / cover;
}
.body .rule[data-v-34bc9230] {
height: 538px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 233px;
}
.body .rule .title[data-v-34bc9230] {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #32373f;
margin-bottom: 12px;
}
.body .rule .list[data-v-34bc9230] {
font-size: 16px;
line-height: 28px;
color: #8d95a6;
padding-left: 20px;
}
.body .rule .list li[data-v-34bc9230] {
list-style: disc;
margin-bottom: 8px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.sales-page[data-v-7142ab60] {
position: relative;
height: 100%;
overflow-y: auto;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.header-block[data-v-f60e7572] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 651px;
background: url('https://industry.map.qq.com/cloud/lbsConsole/hyperService/image/hyper-service-banner.png?imageMogr2/format/webp/ignore-error/1') no-repeat center / cover;
}
.header-block__content[data-v-f60e7572] {
width: 1200px;
}
.header-block__content--title[data-v-f60e7572] {
font-size: 64px;
font-weight: 600;
line-height: 72px;
letter-spacing: 0.5px;
color: #fff;
}
.header-block__content--desc[data-v-f60e7572] {
margin-top: 32px;
width: 627px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #e1e4eb;
}
.header-block__content--apply[data-v-f60e7572] {
margin-top: 48px;
width: 200px;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: 600;
line-height: 32px;
color: #fff;
background: linear-gradient(94deg, #2d61fc 11.28%, #598fff 84.89%, #5d59ff 143.85%);
cursor: pointer;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.class-tabs[data-v-2040f08d] {
position: sticky;
top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 2;
}
.class-tabs__tab[data-v-2040f08d] {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 144px;
height: 54px;
padding: 0 32px;
font-size: 16px;
font-weight: 600;
color: rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 2;
}
.class-tabs__tab.active[data-v-2040f08d] {
color: #fff;
background: rgba(255, 255, 255, 0.2);
}
.tabs-sticky[data-v-2040f08d] {
-webkit-transform: translateY(0px);
transform: translateY(0px);
border: none;
}
.tabs-sticky[data-v-2040f08d]::before {
content: '';
position: absolute;
left: 0;
top: -8px;
height: 70px;
width: 100%;
background-color: #fff;
z-index: 1;
-webkit-box-shadow: 0px 8px 10px -5px rgba(15, 24, 41, 0.08), 0px 16px 24px 2px rgba(15, 24, 41, 0.04), 0px 6px 30px 5px rgba(15, 24, 41, 0.05);
box-shadow: 0px 8px 10px -5px rgba(15, 24, 41, 0.08), 0px 16px 24px 2px rgba(15, 24, 41, 0.04), 0px 6px 30px 5px rgba(15, 24, 41, 0.05);
}
.tabs-sticky .class-tabs__tab[data-v-2040f08d] {
color: rgba(15, 24, 41, 0.7);
}
.tabs-sticky .class-tabs__tab.active[data-v-2040f08d] {
color: #0062ff;
background: #ebf2ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.service-card[data-v-b16426a2] {
padding-bottom: 16px;
width: 364px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.75);
-webkit-box-shadow: 0px 0px 17.308px 0px rgba(43, 75, 124, 0.15);
box-shadow: 0px 0px 17.308px 0px rgba(43, 75, 124, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.service-card[data-v-b16426a2]:not(:nth-child(-n + 3)) {
margin-top: 10px;
}
.service-card__preview[data-v-b16426a2] {
display: block;
width: 100%;
height: 238px;
}
.service-card__title[data-v-b16426a2] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 16px 16px 0;
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #10131f;
}
.service-card__desc[data-v-b16426a2] {
padding: 0 16px;
height: 46px;
color: #666f80;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
}
.service-card__detail[data-v-b16426a2] {
display: block;
margin-top: 20px;
color: #0062ff;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 24px;
cursor: pointer;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.service-card[data-v-b16426a2]:hover {
-webkit-box-shadow: 0px 5px 5px -3px rgba(15, 24, 41, 0.1), 0px 8px 10px 1px rgba(15, 24, 41, 0.06), 0px 3px 14px 2px rgba(15, 24, 41, 0.05);
box-shadow: 0px 5px 5px -3px rgba(15, 24, 41, 0.1), 0px 8px 10px 1px rgba(15, 24, 41, 0.06), 0px 3px 14px 2px rgba(15, 24, 41, 0.05);
}
.service-card:hover .service-card__detail[data-v-b16426a2] {
opacity: 1;
pointer-events: all;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.service-list[data-v-f1da49c6] {
padding: 0 calc(50% - 600px) 88px;
width: 100%;
background-image: url('https://industry.map.qq.com/cloud/lbsConsole/hyperService/image/bg.png?imageMogr2/format/webp/ignore-error/1');
background-position: center top;
background-size: 100% 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.service-list__block[data-v-f1da49c6] {
margin-top: 88px;
}
.service-list__block--title[data-v-f1da49c6] {
font-size: 46px;
font-weight: 600;
color: #0f1829;
text-align: center;
}
.service-list__block--content[data-v-f1da49c6] {
margin-top: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 54px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.progress-guidance[data-v-1bbfe006] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
background-color: #f7f9fd;
}
.progress-guidance__content[data-v-1bbfe006] {
padding: 88px 0 98px;
width: 1200px;
}
.progress-guidance__content--title[data-v-1bbfe006] {
color: #0f1829;
font-size: 46px;
font-weight: 600;
}
.progress-guidance__content--steps[data-v-1bbfe006] {
position: relative;
margin-top: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.progress-guidance__content--steps[data-v-1bbfe006]::after {
content: '';
display: block;
position: absolute;
top: 58px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 868px;
background-color: #dce9ff;
z-index: 0;
}
.progress-guidance__content--steps .step[data-v-1bbfe006] {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 224px;
}
.progress-guidance__content--steps .step[data-v-1bbfe006]:not(:last-child)::after {
content: '';
display: block;
position: absolute;
top: 45px;
left: 344px;
width: 23px;
height: 27px;
background-image: url('https://industry.map.qq.com/cloud/lbsConsole/hyperService/image/try/arrow.png');
background-size: 100% 100%;
}
.progress-guidance__content--steps .step-img[data-v-1bbfe006] {
display: block;
width: 120px;
height: 120px;
}
.progress-guidance__content--steps .step-title[data-v-1bbfe006] {
margin-top: 24px;
color: #10131f;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.progress-guidance__content--steps .step-desc[data-v-1bbfe006] {
margin-top: 12px;
color: rgba(15, 24, 41, 0.7);
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.banner[data-v-c5e50626] {
width: 100%;
position: relative;
height: 795px;
}
.banner h1[data-v-c5e50626] {
font-size: 40px;
line-height: 56px;
margin-bottom: 16px;
}
.banner-content[data-v-c5e50626] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding-top: 120px;
}
.banner-content-describe[data-v-c5e50626] {
display: inline-block;
color: rgba(15, 24, 41, 0.7);
width: 704px;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.title[data-v-c5e50626] {
color: rgba(0, 0, 0, 0.9);
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 56px;
/* 140% */
margin-bottom: 16px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.my-table[data-v-839c0b08] {
width: 1272px;
padding: 0 calc(50% - 636px);
}
.icon__title[data-v-839c0b08] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.title[data-v-839c0b08] {
text-align: center;
padding: 0 0 40px;
color: rgba(0, 0, 0, 0.9);
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.footer[data-v-839c0b08] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px;
color: rgba(15, 24, 41, 0.7);
}
.footer a[data-v-839c0b08] {
color: #1823cd;
}
[data-v-839c0b08] .t-table {
border-radius: 16px;
font-size: 16px;
overflow: hidden;
color: #0F1829;
}
[data-v-839c0b08] .t-table__th-path,[data-v-839c0b08] .t-table__th-personalPv,[data-v-839c0b08] .t-table__th-personalQps {
border-bottom: none;
}
[data-v-839c0b08] .t-table__header > tr {
background-color: rgba(29, 115, 251, 0.08);
}
[data-v-839c0b08] .t-table__header > tr:first-child > th:first-child {
text-align: left;
border-bottom: none;
}
[data-v-839c0b08] .t-table__header > tr:last-child th {
border-bottom: none;
}
[data-v-839c0b08] .t-table__body > tr > td:first-child {
color: rgba(15, 24, 41, 0.7);
}
[data-v-839c0b08] .t-table--bordered th {
border-color: rgba(91, 122, 170, 0.3);
color: rgba(15, 24, 41, 0.7);
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
[data-v-839c0b08] .t-table--bordered td {
border-color: #EAEDF2;
}
[data-v-839c0b08] .t-table--bordered .t-table__content {
border: none;
border-bottom: 1px solid #EAEDF2;
}
[data-v-839c0b08] .t-table__header.t-table__header--multiple > tr {
background-color: #dfecfc;
}
[data-v-839c0b08] .t-table__header.t-table__header--multiple > tr > th {
text-align: center;
}
[data-v-839c0b08] .t-align-center {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.quotaImprove[data-v-2333d7f6] {
overflow-y: auto;
height: 100%;
}
.quotaImprove__wrapper[data-v-2333d7f6] {
background: #f3f8fd url('https://industry.map.qq.com/cloud/lbs/production/route-plan/1724302351371_BnCMcKjk.png') no-repeat top / 120%;
}
.quotaImprove__content[data-v-2333d7f6] {
position: relative;
margin-top: -191px;
z-index: 20;
}
.quotaImprove__content__wrapper[data-v-2333d7f6] {
background: url('https://industry.map.qq.com/cloud/lbs/production/background/1723255580574_FRn5kK15.png?v=11') no-repeat top center / 100% 100%;
}
.quotaImprove-business[data-v-2333d7f6] {
background-color: #fff;
padding: 32px;
border-radius: 24px;
}
.quotaImprove-business__wrapper[data-v-2333d7f6] {
width: 1272px;
padding: 0 calc(50% - 636px) 112px;
}
.quotaImprove-business__title[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 32px;
color: rgba(0, 0, 0, 0.9);
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.quotaImprove-business__content[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.quotaImprove-business__icon[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.quotaImprove-business__card[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
border-radius: 12px;
background: #f3f8fd;
margin-right: 24px;
}
.quotaImprove-business__card[data-v-2333d7f6]:last-child {
margin-right: 0;
}
.quotaImprove-business .card__icon[data-v-2333d7f6] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 9px;
height: 44px;
border-radius: 55px;
background: rgba(201, 219, 242, 0.34);
}
.quotaImprove-business .card__title[data-v-2333d7f6] {
margin: 16px 0 6px;
color: #0f1829;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 140% */
}
.quotaImprove-business .card__desc[data-v-2333d7f6] {
text-align: left;
color: rgba(15, 24, 41, 0.7);
text-align: justify;
font-family: 'PingFang SC';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.quotaImprove-add[data-v-2333d7f6] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f8fd;
padding: 88px calc(50% - 636px) 112px;
}
.quotaImprove-add__content[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1272px;
}
.quotaImprove__footer[data-v-2333d7f6] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 360px;
position: relative;
background: url(https://industry.map.qq.com/cloud/file/2024/08/16/footer-bg.png) no-repeat top / cover;
}
.business-icon[data-v-2333d7f6] {
width: 32px;
height: 28px;
position: relative;
margin-right: 12px;
}
.business-icon__small[data-v-2333d7f6] {
position: absolute;
top: 0;
right: 0;
}
.add-card[data-v-2333d7f6] {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
padding: 24px 32px;
background-color: #fff;
margin-right: 24px;
border-radius: 18px;
text-align: left;
}
.add-card[data-v-2333d7f6]:last-child {
margin-right: 0;
}
.add-card__title[data-v-2333d7f6] {
color: #1a1a1a;
font-size: 26px;
font-weight: 700;
margin-bottom: 8px;
}
.add-card__desc[data-v-2333d7f6] {
color: #1a1a1a;
font-size: 17px;
font-weight: 400;
letter-spacing: 0.17px;
}
.add-card__content[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 20px;
}
.footer__content[data-v-2333d7f6] {
width: 1272px;
padding: 57px calc(50% - 636px) 0;
text-align: left;
}
.footer__title[data-v-2333d7f6] {
color: rgba(0, 0, 0, 0.9);
font-size: 32px;
font-weight: 700;
line-height: 40px;
/* 125% */
margin-bottom: 16px;
}
.footer-desc[data-v-2333d7f6] {
padding-bottom: 41px;
color: rgba(15, 24, 41, 0.7);
font-size: 16px;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.footer-desc__text[data-v-2333d7f6] {
margin-bottom: 8px;
}
.footer-desc__text[data-v-2333d7f6]:last-child {
margin-bottom: 0;
}
.footer-desc__icon[data-v-2333d7f6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.price-icon[data-v-2333d7f6] {
color: #1a1a1a;
font-size: 26px;
font-weight: 500;
line-height: 38px;
/* 146.154% */
}
.price-value[data-v-2333d7f6] {
color: #1a1a1a;
font-family: Akrobat;
font-size: 40px;
font-weight: 800;
line-height: 48px;
/* 120% */
}
.price-value-small[data-v-2333d7f6] {
display: inline;
font-family: 'PingFang TC';
font-size: 22px;
font-style: normal;
font-weight: 500;
}
.price-nnum[data-v-2333d7f6] {
color: rgba(15, 24, 41, 0.7);
font-family: 'PingFang SC';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 171.429% */
}
.content[data-v-2333d7f6] {
margin-top: 72px;
padding: 24px 32px;
border-radius: 16px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
text-align: left;
width: 1208px;
}
.content__table[data-v-2333d7f6] {
padding-bottom: 60px;
}
.content__title[data-v-2333d7f6] {
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-bottom: 12px;
}
.content__desc[data-v-2333d7f6] {
line-height: 28px;
font-size: 16px;
}
.title[data-v-2333d7f6] {
color: rgba(0, 0, 0, 0.9);
text-align: center;
font-size: 34px;
font-weight: 700;
margin-bottom: 40px;
}
.desc[data-v-2333d7f6] {
color: rgba(15, 24, 41, 0.7);
font-size: 16px;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.desc__btn[data-v-2333d7f6] {
color: #1d73fb;
cursor: pointer;
}
[data-v-2333d7f6] .banner-content-describe {
width: 100% !important;
}
.special__btn[data-v-2333d7f6] {
padding: 12px 24px;
border-radius: var(--Radius-M, 9px);
background: -webkit-gradient(linear, left top, right top, from(#146fff), to(#1aa0ff));
background: linear-gradient(90deg, #146fff 0%, #1aa0ff 100%);
color: var(--color-text-icon-static-default, #fff);
font-size: 18px;
font-weight: 600;
line-height: 24px;
/* 133.333% */
letter-spacing: 0.72px;
cursor: pointer;
}
.special__btn:hover > span[data-v-2333d7f6] {
display: inline-block;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.add_btn[data-v-2333d7f6] {
background: rgba(29, 115, 251, 0.12);
font-size: 18px;
color: #1d73fb;
}
.add_btn[data-v-2333d7f6]:hover {
background-color: #d9e5fb;
}
.check-mark[data-v-2333d7f6] {
padding: 5px;
border-radius: 10px;
background: rgba(29, 115, 251, 0.12);
margin-right: 14px;
}
.arrow-right[data-v-2333d7f6] {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.card[data-v-5c5063e8] {
margin: 0 12px;
font-size: 16px;
width: 624px;
margin-top: 72px;
border-radius: 16px;
border: 1px solid #fff;
-webkit-box-shadow: 0px 10px 40px 0px rgba(88, 127, 187, 0.1);
box-shadow: 0px 10px 40px 0px rgba(88, 127, 187, 0.1);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
overflow: hidden;
}
.card-header[data-v-5c5063e8] {
text-align: start;
padding: 24px 32px;
background: linear-gradient(35deg, rgba(45, 129, 255, 0.2) -4.01%, rgba(108, 161, 241, 0.12) 76.48%);
}
.card-header__title[data-v-5c5063e8] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 26px;
}
.card-header__title-text[data-v-5c5063e8] {
margin-left: 12px;
line-height: 24px;
font-weight: 700;
}
.card-header__text[data-v-5c5063e8] {
display: inline-block;
margin-top: 12px;
font-size: 17px;
}
.card-content[data-v-5c5063e8] {
padding: 28px 32px 12px;
text-align: start;
}
.card-content__price-icon[data-v-5c5063e8] {
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 38px;
}
.card-content__price-text[data-v-5c5063e8] {
font-family: Akrobat;
font-size: 48px;
font-style: normal;
font-weight: 800;
line-height: 48px;
}
.card-content__price-time[data-v-5c5063e8] {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: rgba(15, 24, 41, 0.7);
}
.card-content-btn[data-v-5c5063e8] {
margin-top: 20px;
padding: 12px 24px;
text-align: center;
border-radius: 9px;
color: #fff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.card-content__ability[data-v-5c5063e8] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
.card-content__ability-item[data-v-5c5063e8] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 8px;
}
.card-content__ability-item > span[data-v-5c5063e8] {
margin-left: 10px;
}
.apply[data-v-5c5063e8] {
padding: 12px 20px;
margin: 0px 12px 12px 12px;
font-size: 16px;
margin-top: 12px;
border-radius: 8px;
font-weight: 400;
line-height: 24px;
color: #0F1829;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.48)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.48) 100%);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
.apply-btn[data-v-5c5063e8] {
color: #0766F5;
font-weight: 600;
padding-left: 12px;
cursor: pointer;
}
.base_btn[data-v-5c5063e8] {
background: linear-gradient(89deg, #146FFF 20.17%, #1AA0FF 99.5%);
}
.base_btn[data-v-5c5063e8]:hover {
background: linear-gradient(89deg, #0E64EB 20.17%, #1793EB 99.5%);
}
.special_btn[data-v-5c5063e8] {
background: linear-gradient(267deg, #FFC857 -27.11%, #F29B17 95.14%);
}
.special_btn[data-v-5c5063e8]:hover {
background: linear-gradient(267deg, #F0B948 -27.11%, #DE8D15 95.14%);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.authorizatrion-banner[data-v-63040774] {
width: 100%;
position: relative;
}
.authorizatrion-banner h1[data-v-63040774] {
font-size: 40px;
line-height: 56px;
margin-top: 0;
font-weight: 700;
margin-bottom: 12px;
}
.authorizatrion-content[data-v-63040774] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding-top: 120px;
font-family: Pingfang SC;
}
.authorizatrion-content-describe[data-v-63040774] {
display: inline-block;
color: rgba(15, 24, 41, 0.7);
width: 704px;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.authorizatrion-content__card[data-v-63040774] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.image-mask[data-v-ba2bef3c] {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100vw;
height: 100vh;
background: #00000079;
z-index: 9998;
}
.image-mask-img[data-v-ba2bef3c] {
width: 100vw;
height: 100vh;
-o-object-fit: contain;
object-fit: contain;
}
.certification-image[data-v-ba2bef3c] {
position: absolute;
bottom: -30px;
right: 110px;
width: 227px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
}
.certification-image[data-v-ba2bef3c]:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.mask-enter[data-v-ba2bef3c],
.mask-leave-to[data-v-ba2bef3c] {
opacity: 0;
}
.mask-enter-active[data-v-ba2bef3c],
.mask-leave-active[data-v-ba2bef3c] {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.certification-board[data-v-1036093e] {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 16px;
overflow: hidden;
}
.certification-board__wrapper[data-v-1036093e] {
padding: 32px;
width: 1208px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0 0 24px 24px;
}
.certification-board__content[data-v-1036093e] {
position: relative;
padding: 44px;
border-radius: 16px;
border: 1px solid #FFF;
background: rgba(227, 241, 255, 0.4);
}
.certification-board-title[data-v-1036093e] {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: rgba(0, 0, 0, 0.9);
}
.certification-board-desc[data-v-1036093e] {
color: rgba(15, 24, 41, 0.7);
text-align: justify;
font-size: 18px;
font-style: normal;
font-weight: 400;
padding: 12px 0 32px;
line-height: 26px;
/* 144.444% */
}
.certification-board-rules[data-v-1036093e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4px;
color: rgba(15, 24, 41, 0.5);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.certification-board-tip[data-v-1036093e] {
margin-top: 32px;
width: 672px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #ed7b2f;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.authorize-button[data-v-49b55e54] {
margin-top: var(--button-margin-top);
width: var(--button-width);
padding: var(--button-padding);
font-size: 16px;
font-weight: 400;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
background: #0062ff;
cursor: pointer;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.authorize-button[data-v-49b55e54]:hover {
background-color: #1a72ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.fixed-card[data-v-f6dee340] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 300px;
-webkit-box-flex: 1;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
}
.fixed-card-title[data-v-f6dee340] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.fixed-card-label[data-v-f6dee340] {
padding: 4px;
color: rgba(15, 24, 41, 0.7);
font-size: 10px;
font-weight: 400;
line-height: 10px;
border: 1px solid #d0d5dc;
border-radius: 4px;
}
.fixed-card-price[data-v-f6dee340] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-family: Akrobat;
gap: 4px;
font-size: 24px;
font-weight: 700;
line-height: 48px;
color: #0f1829;
}
.fixed-card-price[data-v-f6dee340]::before {
content: '¥';
font-size: 20px;
line-height: 38px;
font-weight: 500;
}
.fixed-card-price[data-v-f6dee340]::after {
content: '/年';
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #0F1829;
}
.fixed-card__desc[data-v-f6dee340] {
color: rgba(15, 24, 41, 0.7);
margin-top: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
}
[data-v-f6dee340] .authorize-button {
border-radius: 9px;
padding: 8px 24px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.info_dialog_box[data-v-6ac06d30] .t-dialog__body {
text-align: left;
color: var(--td-text-color-primary);
}
.combo-cards-fixed[data-v-6ac06d30] {
position: fixed;
left: 0;
top: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px calc(50% - 636px) 16px;
width: 1272px;
background-color: #fff;
opacity: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
border-top: 1px solid #EAEDF2;
z-index: 999;
pointer-events: none;
-webkit-box-shadow: 0px 1px 3px 0px rgba(8, 20, 41, 0.03), 0px 13px 25px -4px rgba(8, 20, 41, 0.05);
box-shadow: 0px 1px 3px 0px rgba(8, 20, 41, 0.03), 0px 13px 25px -4px rgba(8, 20, 41, 0.05);
}
.combo-cards-fixed__left[data-v-6ac06d30] {
font-size: 20px;
font-weight: 500;
color: rgba(15, 24, 41, 0.7);
-webkit-box-flex: 34%;
-ms-flex: 34%;
flex: 34%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-transform: translateX(24px);
transform: translateX(24px);
text-align: left;
}
.combo-cards-fixed__right[data-v-6ac06d30] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.combo-cards-normal[data-v-6ac06d30] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-top: 64px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.combo-cards.cards-fixed .combo-cards-fixed[data-v-6ac06d30] {
opacity: 1;
pointer-events: auto;
}
.combo-cards.cards-fixed .combo-cards-normal[data-v-6ac06d30] {
opacity: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.compare-row-include[data-v-79184637],
.compare-row-exclude[data-v-79184637] {
width: 20px;
height: 20px;
background-size: contain;
}
.compare-row-include[data-v-79184637] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOeSURBVHgBtVg9TFRBEJ57eYmHPxETzxALiRZKbCQ5Ciugw854V9io2FnbepbYiqV0IjYUmNhBp9hIoomaGKIF8WwkUSPkRM+Injure86bm9ndeydf85b9/XZ2fj6usP3zVwsMCoUCtFot+6WQ+nz9obEY0PUFw6/VzYZ0LrbtJj2QCSGJIeeIuC9F7Nq8sBaEHUaeJ3drEsgBySo+S+V1AdwzmiAlIB2oBVLoMnx84eEaLDxaa++XSotjCWjIRCEJKN5H21+b23B36TU8fv6+PVYZPRofxTx6u5kv9dPxDxvfYHr+BdTXv2TmVsaP/bGgdDA/QGtr4CRcm1sRyd2YfWa+TXGflOYyiYR0YwnSeOgi9fWGJbdlnpejaqxXGWMWlA6k5HyVJkSGjy8bX5t58Eqc68jZdb482GvJ0oCRet9EqgT0u+pfcoiUkkF042v8AqG/EXNLb2DxyTtxP2o5tzaNJSNB8zmJGKaRmyZSV99+FveqEHJ0rxR6QChnOr/9tPkdpmafqpFaZeToayYhAr0ghhwSO2cSMgUNTm8lCSXmkFus1jfglnlWKY0guOWk81OpU+rzaT8pDWEgYEBoQJ/jlpPQoQcxBeDG7kCeyGM0odtDJTf2L5WE3CiTB2l+KvUX4frkCBw0XwqtHLr2bZN8acHvIMfynLSvSFBKnkjywsRxGBk6BCFsNX/YssULPoXkcz6CGT0ouTtG3vT8S0tekv2u/dHMq82sRJHjGjEkdDNPPLdosvyKnOXLQyW4NHGi48mx4KNU0tIIJcdJRakiXouxgC8rPsT9EufdMyJTSyMIGxDjus8FlbokFq7Z52qABvRLLF1awdfI5ZFuoqLGw6eswzcgL0JJ2CfdaNsGCZ+4u5jC1fOnoLS/CHmAxFxAuMN8Cl1CxoLaJCvH7xg5vtmEWNBojX1GHxK+iKLU3we1ybINjm7IIaTno+C6kcP1Je4P7UalA33muYdhzy6/MnPPyg8M1XA3Jl2gnahD/1MMDuyF2uWyOo6Wo9Hq8zXqlyERghD1oGSBwYF9cOXsSZDIaapEs6SmnvgaVbBqFhgdPgwXTQ6MIaftE6PC6aXSUG6iwPEzp4/YPIn31Ao/na8R5fM0HaqmGe0/tFCCjUXopxGHDMFuivj/IBOzLuODNJp9MoiP++b65kmB0cEHf0SPKeC9IvZJORIpemIOc19uBc1KWuWQkjTdK9EOoIdzSJfSLtpNQEnn/QbWowqbrMS29gAAAABJRU5ErkJggg==);
}
.compare-row-exclude[data-v-79184637] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAQElEQVR4Ae3OQQ3AIBREwd8KqI6qQROaUIMOFOAADoSEkJnr7uFFAADAwZ7Z4ftTjo1aLXm0v3E4gasEAgDA1TrcLwQML+y43QAAAABJRU5ErkJggg==);
}
.compare-row-string[data-v-79184637] {
font-size: 16px;
line-height: 24px;
}
.special-text__color[data-v-79184637] {
font-weight: 600;
color: #F59A11;
}
.special-text__weight[data-v-79184637] {
font-weight: 600;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.compare-row[data-v-577d3208] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.compare-row-header[data-v-577d3208] {
-webkit-box-flex: 0;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.compare-row-header__link[data-v-577d3208] {
color: #0766f5;
font-weight: 600;
line-height: 24px;
}
.compare-row-header .header-label[data-v-577d3208] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.compare-row-cell[data-v-577d3208] {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.compare-row-cell__item[data-v-577d3208] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 17px;
min-height: 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header-desc[data-v-577d3208] {
max-width: 600px;
white-space: pre-line;
line-height: 22px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.arrow-toggle[data-v-4d74ff3b] {
width: 20px;
height: 20px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.arrow-rotate[data-v-4d74ff3b] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.combo-compare[data-v-5a654d23] {
padding-bottom: 122px;
width: 100%;
}
.combo-compare-trigger[data-v-5a654d23] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 24px;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #0f1829;
fill: #0f1829;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
border-radius: var(--Radius-M, 9px);
border: 1px solid #1d73fb;
color: #1d73fb;
}
.combo-compare-trigger[data-v-5a654d23]:hover {
color: #0062ff;
fill: #0062ff;
}
.combo-compare-tables[data-v-5a654d23] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 64px;
padding: 40px calc(50% - 636px) 48px;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
width: 1272px;
height: 1520px;
}
.combo-compare-table[data-v-5a654d23] {
padding: 22px 24px 8px;
background: #fff;
border-radius: 12px;
position: relative;
}
.combo-compare-table__header[data-v-5a654d23] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 24px;
border-radius: 12px;
font-size: 16px;
font-weight: 500;
line-height: 25px;
background: rgba(29, 115, 251, 0.06);
color: rgba(15, 24, 41, 0.7);
}
.combo-compare-table__header-cell[data-v-5a654d23] {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
.combo-compare-table__header-cell[data-v-5a654d23]:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.combo-compare-table__label[data-v-5a654d23] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
margin-bottom: 4px;
font-size: 18px;
color: #0f1829;
font-weight: 600;
line-height: 26px;
text-align: left;
}
.combo-compare-table__label .label-entry[data-v-5a654d23] {
color: #0766f5;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.combo-compare-table__tag[data-v-5a654d23] {
position: absolute;
padding: 3px 10px;
border-radius: 1px 10px;
background: linear-gradient(267deg, rgba(255, 200, 87, 0.14) -27.11%, rgba(242, 155, 23, 0.14) 95.14%);
top: 2px;
right: 2px;
}
.combo-compare-table__content[data-v-5a654d23] {
color: rgba(15, 24, 41, 0.7);
font-size: 16px;
}
.combo-compare-table__content--row[data-v-5a654d23] {
border-bottom: 1px solid #eaedf2;
}
.combo-compare-table__content--row[data-v-5a654d23]:last-child {
border: none;
}
.rise[data-v-5a654d23] {
position: relative;
-webkit-transform: translateY(-82px);
transform: translateY(-82px);
z-index: 2;
}
.small[data-v-5a654d23] {
height: 360px;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
position: relative;
overflow: hidden;
}
.small[data-v-5a654d23]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.02%, #f3f8fd), color-stop(99.98%, rgba(243, 248, 253, 0)));
background: linear-gradient(0deg, #f3f8fd 0.02%, rgba(243, 248, 253, 0) 99.98%);
z-index: 1;
/* 确保蒙层在元素之上 */
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.combo-board[data-v-0ef48c64] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #0e274d;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.authorization-steps[data-v-8145be98] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #0e274d;
}
.authorization-steps-title[data-v-8145be98] {
font-size: 36px;
font-weight: 600;
line-height: 36px;
}
.authorization-steps-steps[data-v-8145be98] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1272px;
border-radius: 24px 24px 0 0;
background-color: rgba(255, 255, 255, 0.8);
margin-top: 76px;
padding: 32px;
}
.authorization-steps-steps .step[data-v-8145be98] {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 264px;
text-align: center;
}
.authorization-steps-steps .step-image[data-v-8145be98] {
width: 120px;
-o-object-fit: contain;
object-fit: contain;
}
.authorization-steps-steps .step-title[data-v-8145be98] {
font-size: 20px;
font-weight: 600;
line-height: 28px;
white-space: nowrap;
}
.authorization-steps-steps .step-desc[data-v-8145be98] {
color: rgba(15, 24, 41, 0.5);
font-family: "PingFang SC";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.authorization-steps-steps .step[data-v-8145be98]:not(:last-child)::before {
content: '';
position: absolute;
top: 47px;
right: -34px;
display: block;
width: 26px;
height: 27.44px;
background-image: url(//mapapi.qq.com/web/lbs/console/v/images/step_arrow.a4b8e83.png);
background-size: cover;
z-index: 99;
}
.authorization-steps-steps .step[data-v-8145be98]:not(:first-child)::after {
content: '';
top: 60.45px;
position: absolute;
left: -122px;
display: block;
width: 190px;
height: 1px;
background-color: #dce9ff;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.search-entrance[data-v-6aa08744] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 24px;
overflow: hidden;
padding: 53px 0 43px 68px;
width: 1272px;
margin: 40px calc(50% - 636px) 112px;
background-image: var(--entrance-bg-url);
background-origin: center;
background-size: 100%;
}
.search-entrance-title[data-v-6aa08744] {
color: rgba(0, 0, 0, 0.9);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 125% */
}
.search-entrance-desc[data-v-6aa08744] {
color: rgba(0, 0, 0, 0.9);
margin: 16px 0 32px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.search-entrance-btn[data-v-6aa08744] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 24px;
/* 133.333% */
border-radius: 6px;
cursor: pointer;
background: -webkit-gradient(linear, left top, right top, from(#146FFF), to(#1AA0FF));
background: linear-gradient(90deg, #146FFF 0%, #1AA0FF 100%);
}
.search-entrance-btn:hover > div[data-v-6aa08744] {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.arrow-right[data-v-6aa08744] {
margin-left: 6px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.authorizatrion-dialog .el-dialog__header[data-v-f83d1c2e] {
padding: 0;
}
.authorizatrion-dialog .el-dialog__body[data-v-f83d1c2e] {
padding: 0;
margin: 0;
}
.authorizatrion-dialog .authorizatrion-dialog-content[data-v-f83d1c2e] {
overflow: hidden;
}
.authorizatrion-dialog .authorizatrion-dialog-content .success-box[data-v-f83d1c2e] {
padding: 32px 16px;
text-align: center;
}
.authorizatrion-dialog .authorizatrion-dialog-content .success-box .t-icon[data-v-f83d1c2e] {
font-size: 70px;
color: #17cc7a;
margin-bottom: 25px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .success-box .success-title[data-v-f83d1c2e] {
margin-bottom: 8px;
color: #0f1829;
font-family: PingFang SC;
font-size: 18px;
font-weight: 600;
}
.authorizatrion-dialog .authorizatrion-dialog-content .success-box .success-content[data-v-f83d1c2e] {
color: #1b202c;
font-family: PingFang SC;
font-size: 14px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .top_box[data-v-f83d1c2e] {
height: 112px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/top_bgi.6f7982f.png) no-repeat center / 100% 100%;
overflow: hidden;
}
.authorizatrion-dialog .authorizatrion-dialog-content .top_box .text_box[data-v-f83d1c2e] {
margin: 32px 0 0 32px;
font-family: PingFang SC;
}
.authorizatrion-dialog .authorizatrion-dialog-content .top_box .text_box .title[data-v-f83d1c2e] {
margin-bottom: 8px;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #0062ff;
}
.authorizatrion-dialog .authorizatrion-dialog-content .top_box .text_box .subtitle[data-v-f83d1c2e] {
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #002259;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form[data-v-f83d1c2e] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
padding: 32px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #1b202c;
line-height: 14px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box[data-v-f83d1c2e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #003c9c08;
padding: 24px 24px 8px 24px;
margin-bottom: 24px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box_item[data-v-f83d1c2e] {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box_item.left[data-v-f83d1c2e] {
width: 186px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box_item.right[data-v-f83d1c2e] {
width: 282px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box_item .info_box_label[data-v-f83d1c2e] {
color: #0f1829b3;
margin-right: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .info_box_item .info_box_detail[data-v-f83d1c2e] {
font-weight: 600;
padding-right: 8px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .el-form-item[data-v-f83d1c2e] {
margin-bottom: 10px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .company[data-v-f83d1c2e] {
margin-top: 8px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #1b202c;
line-height: 14px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .label[data-v-f83d1c2e] {
font-family: PingFang SC;
color: #0f1829;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .select[data-v-f83d1c2e] {
width: 195px;
display: inline-block;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .select.el-form-item[data-v-f83d1c2e] {
margin-bottom: 10px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .apply-select[data-v-f83d1c2e] {
width: 100%;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .apply-select .el-select[data-v-f83d1c2e] {
width: 100%;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .agree-check[data-v-f83d1c2e] {
width: 100%;
margin-top: 32px;
font-size: 14px;
line-height: 22px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .agree-check .el-checkbox__label[data-v-f83d1c2e] {
font-size: 14px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .agree-check a[data-v-f83d1c2e] {
color: #0062ff;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .submit[data-v-f83d1c2e] {
margin-top: 18px;
width: 100%;
height: 40px;
color: #ffffff;
text-align: center;
cursor: pointer;
background: #0062ff;
border-radius: 4px;
}
.authorizatrion-dialog .authorizatrion-dialog-content .form .submit.t-is-disabled[data-v-f83d1c2e] {
opacity: 0.5;
}
.authorizatrion-dialog[data-v-f83d1c2e] .el-dialog__header {
padding: 0;
}
.authorizatrion-dialog[data-v-f83d1c2e] .el-dialog__body {
padding: 0;
}
.authorizatrion-dialog[data-v-f83d1c2e] .el-dialog {
border-radius: 6px;
overflow: hidden;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.authorization__wrapper[data-v-c8361152] {
position: relative;
background: #f3f8fd;
}
.authorization-page[data-v-c8361152] {
background: url('https://industry.map.qq.com/cloud/lbs/production/route-plan/1724302351371_BnCMcKjk.png') no-repeat top / 120%;
}
.content-wrapper[data-v-c8361152] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 32px;
width: 1272px;
margin: 0 auto;
background-color: #fff;
}
[data-v-c8361152] .tlbs-page-header {
position: fixed !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.version-card-wrapper[data-v-69503a0d] {
width: 366px;
height: 330px;
border-radius: 8px;
overflow: hidden;
-webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
padding: 32px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0F1829;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.version-card-wrapper[data-v-69503a0d]:hover {
-webkit-box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, 0.06), 0px 5px 5px -3px rgba(0, 0, 0, 0.1);
}
.version-card-wrapper .card-inner[data-v-69503a0d] {
height: 15px;
width: 100%;
position: absolute;
top: 0;
z-index: 2;
left: 0;
}
.version-card-wrapper .card-inner-yellow[data-v-69503a0d] {
background: -webkit-gradient(linear, left top, right top, from(#D8BA88), to(#F1E1B9));
background: linear-gradient(to right, #D8BA88, #F1E1B9);
}
.version-card-wrapper .card-inner-purple[data-v-69503a0d] {
background: -webkit-gradient(linear, left top, right top, from(#E0CFC4), to(#CBA78E));
background: linear-gradient(to right, #E0CFC4, #CBA78E);
}
.version-card-wrapper .card-title[data-v-69503a0d] {
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.version-card-wrapper .card-title img[data-v-69503a0d] {
width: 24px;
height: 24px;
margin-right: 6px;
}
.version-card-wrapper .card-title span[data-v-69503a0d] {
line-height: 24px;
display: inline-block;
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.version-card-wrapper .card-subheading[data-v-69503a0d] {
width: 100%;
height: 66px;
color: rgba(15, 24, 41, 0.7);
font-weight: 400;
font-size: 14px;
line-height: 22px;
margin-top: 16px;
margin-bottom: 24px;
}
.version-card-wrapper .card-price[data-v-69503a0d] {
height: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 24px;
}
.version-card-wrapper .card-price .priceNum[data-v-69503a0d] {
font-weight: 700;
font-size: 36px;
line-height: 44px;
margin-right: 8px;
}
.version-card-wrapper .card-price .priceNumUnit[data-v-69503a0d] {
font-weight: 600;
font-size: 20px;
line-height: 40px;
}
.version-card-wrapper .card-price .priceText[data-v-69503a0d] {
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
.version-card-wrapper .hr[data-v-69503a0d] {
border-top: 1px solid #D0D5DC;
width: 100%;
margin-bottom: 24px;
}
.version-card-wrapper .tlbs-button[data-v-69503a0d] {
width: 221px;
height: 40px;
}
.version-card-wrapper .el-button--default[data-v-69503a0d]:focus {
background-color: #FFFFFF;
}
.version-card-wrapper .el-button--default[data-v-69503a0d]:hover {
background-color: #edf2ff;
}
.version-card-wrapper .el-button--default[data-v-69503a0d]:active {
background-color: #dde4ff;
}
.version-four-card-wrapper[data-v-69503a0d] {
width: 280px;
height: 352px;
}
.version-four-card-wrapper .card-subheading[data-v-69503a0d] {
height: 88px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.serve-improve-nav ul[data-v-5a5f0db6] {
width: 100%;
height: 54px;
background: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(21.7463px);
backdrop-filter: blur(21.7463px);
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.serve-improve-nav ul li[data-v-5a5f0db6] {
display: inline-block;
padding: 16px 32px;
cursor: pointer;
font-size: 16px;
font-family: PingFang SC, SF Pro SC, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif !important;
}
.serve-improve-nav ul .active[data-v-5a5f0db6] {
background: rgba(255, 255, 255, 0.2);
color: #FFFFFF;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.spatial-data-container[data-v-52640ff5] {
min-width: 1200px;
}
.spatial-data-container .spatial-data-banner[data-v-52640ff5] {
width: 100%;
height: 500px;
background: url("https://industry.map.qq.com/cloud/lbsConsole/Improve/image/improvebanner.png") no-repeat center / cover;
position: relative;
}
.spatial-data-container .spatial-data-banner h1[data-v-52640ff5] {
margin: 0;
padding-top: 180px;
font-size: 66px;
color: #FFFFFF;
letter-spacing: 3.81px;
text-align: center;
line-height: 75px;
}
.spatial-data-container .versions-wrapper[data-v-52640ff5] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 530px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 100px 0;
gap: 60px;
}
.spatial-data-container .table-wrapper[data-v-52640ff5] {
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #F4F6FB;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spatial-data-container .table-wrapper h2[data-v-52640ff5] {
font-weight: 600;
font-size: 46px;
line-height: 75px;
margin-bottom: 60px;
color: #0F1829;
display: block;
}
.spatial-data-container .table-wrapper img[data-v-52640ff5] {
width: 1200px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.theader th[data-v-5c423cf6] {
height: 108px;
border: 1px solid #EAEDF2;
font-weight: 600;
font-size: 20px;
line-height: 28px;
text-align: center;
}
.theader th[data-v-5c423cf6]:nth-of-type(n + 1) {
width: 229px;
}
.theader th[data-v-5c423cf6]:nth-of-type(1) {
color: #0F1829;
background: linear-gradient(95.56deg, #E6E9ED 12.5%, #EFF1F4 93.65%);
}
.theader th[data-v-5c423cf6]:nth-of-type(2) {
color: #333333;
background: linear-gradient(95.56deg, #E6E9ED 12.5%, #EFF1F4 93.65%), linear-gradient(98.2deg, rgba(236, 236, 236, 0.8) 9.67%, rgba(161, 161, 161, 0.8) 105.05%), #FFFFFF;
}
.theader th[data-v-5c423cf6]:nth-of-type(3) {
color: #775629;
background: linear-gradient(223.09deg, rgba(202, 166, 107, 0.4) 1.76%, rgba(244, 215, 161, 0.4) 89.37%), #FFFFFF;
}
.theader th[data-v-5c423cf6]:nth-of-type(4) {
color: #683C30;
background: linear-gradient(97.62deg, rgba(224, 206, 196, 0.7) 12.02%, rgba(201, 164, 138, 0.7) 100%), #FFFFFF;
}
.theader th span[data-v-5c423cf6] {
font-weight: 600;
font-size: 20px;
line-height: 28px;
display: inline-block;
}
.theader th img[data-v-5c423cf6] {
vertical-align: top;
}
.tbody[data-v-5c423cf6] {
font-size: 16px;
color: #0F1829;
}
.tbody td[data-v-5c423cf6] {
height: 40px;
text-align: center;
border: 1px solid #EAEDF2;
padding: 7px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFFFFF;
}
.tbody td span[data-v-5c423cf6] {
line-height: 24px;
display: inline-block;
}
.tbody td .tooltip-wrapper[data-v-5c423cf6] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tbody td .tooltip-wrapper .text-tooltip[data-v-5c423cf6] {
width: 16px;
margin-left: 9.5px;
}
.tbody > td[data-v-5c423cf6]:first-child {
width: 221px;
}
.tbody > td[data-v-5c423cf6]:nth-of-type(2) {
width: 292px;
}
.tbody > td[data-v-5c423cf6]:nth-last-of-type(3) {
width: 229px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.text-tooltip-popper {
width: 240px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.api-industry-container[data-v-382cdbce] {
min-width: 1200px;
}
.api-industry-container .api-industry-banner[data-v-382cdbce] {
width: 100%;
height: 500px;
background: url("https://industry.map.qq.com/cloud/lbsConsole/Improve/image/improvebanner.png") no-repeat center / cover;
position: relative;
}
.api-industry-container .api-industry-banner h1[data-v-382cdbce] {
margin: 0;
padding-top: 180px;
font-size: 66px;
color: #FFFFFF;
letter-spacing: 3.81px;
text-align: center;
line-height: 75px;
}
.api-industry-container .api-versions-wrapper[data-v-382cdbce] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 530px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 100px 0;
gap: 60px;
}
.api-industry-container .api-table-wrapper[data-v-382cdbce] {
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #F4F6FB;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.api-industry-container .api-table-wrapper h2[data-v-382cdbce] {
font-weight: 600;
font-size: 46px;
line-height: 75px;
margin-bottom: 60px;
color: #0F1829;
display: block;
}
.api-industry-container .api-table-wrapper .supplementary-instruction[data-v-382cdbce] {
margin-top: 40px;
font-weight: 600;
font-size: 14px;
line-height: 22px;
width: 1200px;
height: 54px;
color: #0F1829;
}
.api-industry-container .api-table-wrapper .supplementary-instruction > p[data-v-382cdbce]:last-child {
margin-top: 15px;
font-weight: 400;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.map-app-container[data-v-2a031175] {
min-width: 1200px;
}
.map-app-container .map-app-banner[data-v-2a031175] {
width: 100%;
height: 500px;
background: url("https://industry.map.qq.com/cloud/lbsConsole/Improve/image/improvebanner.png") no-repeat center / cover;
position: relative;
}
.map-app-container .map-app-banner h1[data-v-2a031175] {
margin: 0;
padding-top: 180px;
font-size: 66px;
color: #FFFFFF;
letter-spacing: 3.81px;
text-align: center;
line-height: 75px;
}
.map-app-container .versions-wrapper[data-v-2a031175] {
width: 100%;
height: 530px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 100px 0;
gap: 60px;
}
.map-app-container .table-wrapper[data-v-2a031175] {
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #F4F6FB;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: distribute;
align-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.map-app-container .table-wrapper h2[data-v-2a031175] {
font-weight: 600;
font-size: 46px;
line-height: 75px;
margin-bottom: 60px;
color: #0F1829;
display: block;
}
.map-app-container .table-wrapper img[data-v-2a031175] {
width: 1200px;
}
.map-app-container .table-wrapper .supplementary-instruction[data-v-2a031175] {
margin-top: 40px;
font-weight: 600;
font-size: 14px;
line-height: 22px;
width: 1200px;
height: 54px;
color: #0F1829;
}
.map-app-container .table-wrapper .supplementary-instruction > p[data-v-2a031175]:last-child {
margin-top: 15px;
font-weight: 400;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.el-table th.base-table-header {
background-color: #f4f6f9;
padding: 6px 0;
font-size: 14px;
line-height: 22px;
height: 22px;
color: #1f2226;
line-height: 40px;
height: 40px;
font-weight: 700;
}
.el-table th.base-table-header:first-child {
padding-left: 10px;
}
.base-table-cell {
color: #1f2226;
}
.base-table-cell:first-child {
padding-left: 10px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.data-handler[data-v-48f2ba3a] {
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 6px;
width: 20px;
height: 20px;
text-align: center;
cursor: pointer;
}
.data-handler .rec[data-v-48f2ba3a] {
margin: 0 auto;
margin-bottom: 1px;
width: 3px;
height: 3px;
background-color: #363d4e;
}
.data-handler-panel[data-v-48f2ba3a] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 10px;
color: #1f2226;
}
.data-handler-panel .handler-btn[data-v-48f2ba3a] {
margin-bottom: 14px;
line-height: 24px;
cursor: pointer;
}
.data-handler-panel .handler-btn[data-v-48f2ba3a]:hover {
color: #0062ff;
}
.data-handler-panel .handler-btn[data-v-48f2ba3a]:last-child {
margin-bottom: 0;
}
.data-handler-panel [class*=" console-icon-"][data-v-48f2ba3a],
.data-handler-panel [class^=console-icon-][data-v-48f2ba3a] {
margin-right: 6px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.edit-text-container[data-v-b3775ee4] {
display: inline-block;
}
.edit-text-container .console-icon-edit[data-v-b3775ee4] {
margin-left: 10px;
cursor: pointer;
}
.edit-text-container[data-v-b3775ee4] .tlbs-input .el-input__inner {
height: 23px;
line-height: 23px;
border: none;
padding-left: 0;
background-color: transparent;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.import-dialog .el-dialog__body {
padding: 14px 0 20px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.switch-tab[data-v-c6a10d68] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(31, 34, 38, 0.1);
color: #1f2226;
font-size: 14px;
}
.switch-tab .tab-item[data-v-c6a10d68] {
min-width: 112px;
height: 48px;
line-height: 48px;
text-align: center;
cursor: pointer;
}
.switch-tab .active-tab[data-v-c6a10d68] {
color: #0062ff;
border-bottom: 2px solid #0062ff;
}
.new-data-wrapper[data-v-c6a10d68] {
margin-top: 30px;
padding: 0 100px;
}
.new-data-wrapper.without-tab[data-v-c6a10d68] {
margin-top: 4px;
}
.new-data-wrapper .steps-container[data-v-c6a10d68] {
text-align: center;
margin-bottom: 30px;
}
.new-data-wrapper .steps-container .step-item[data-v-c6a10d68] {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 80px;
color: rgba(31, 34, 38, 0.5);
}
.new-data-wrapper .steps-container .step-item[data-v-c6a10d68]:last-child {
margin-right: 0;
}
.new-data-wrapper .steps-container .step-item[data-v-c6a10d68]:last-child::after {
content: none;
}
.new-data-wrapper .steps-container .step-item[data-v-c6a10d68]::after {
content: "";
position: absolute;
width: 40px;
height: 1px;
right: -60px;
top: 50%;
background-color: #d8d8d8;
}
.new-data-wrapper .steps-container .step-item .step-index[data-v-c6a10d68] {
margin-right: 8px;
font-size: 10px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
background-color: #f4f6f9;
}
.new-data-wrapper .steps-container .step-item .step-title[data-v-c6a10d68] {
height: 22px;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.new-data-wrapper .steps-container .step-item.active-step .step-index[data-v-c6a10d68] {
background-color: #0062ff;
color: #FFFFFF;
}
.new-data-wrapper .steps-container .step-item.active-step .step-title[data-v-c6a10d68] {
color: #1f2226;
}
.file-upload[data-v-c6a10d68] {
line-height: 1;
}
.file-upload[data-v-c6a10d68] .el-upload-dragger {
width: 768px;
height: 256px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: dashed 1px #535b6e;
border-radius: 2px;
position: relative;
}
.file-upload .upload-area[data-v-c6a10d68] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.file-upload .upload-area .file-upload-text[data-v-c6a10d68] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 18px;
}
.file-upload .upload-area .file-upload-text .el-icon-upload[data-v-c6a10d68] {
font-size: 28px;
margin: 0 8px 0 0;
color: #0062ff;
line-height: 1;
}
.file-upload .upload-area .file-upload-text span[data-v-c6a10d68] {
height: 22px;
line-height: 22px;
font-size: 16px;
color: #1f2226;
font-weight: 500;
}
.file-upload .upload-area .file-upload-text span strong[data-v-c6a10d68] {
color: #0062ff;
}
.file-upload .upload-area .tip-text[data-v-c6a10d68] {
color: rgba(31, 34, 38, 0.5);
font-size: 14px;
height: 24px;
line-height: 24px;
text-align: center;
}
.file-upload .file-area[data-v-c6a10d68] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
.file-upload .file-area .file-icon[data-v-c6a10d68] {
width: 26px;
height: 34px;
margin-right: 10px;
}
.file-upload .file-area .file-info[data-v-c6a10d68] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.file-upload .file-area .file-info .file-name[data-v-c6a10d68] {
font-size: 16px;
height: 22px;
line-height: 22px;
font-weight: 500;
color: #1f2226;
margin-bottom: 4px;
}
.file-upload .file-area .file-info .file-name .console-icon-remove[data-v-c6a10d68] {
font-size: 14px;
margin-left: 6px;
vertical-align: middle;
cursor: pointer;
}
.file-upload .file-area .file-info .file-size[data-v-c6a10d68] {
font-size: 12px;
color: rgba(31, 34, 38, 0.5);
height: 17px;
line-height: 17px;
}
.download-container[data-v-c6a10d68] {
text-align: right;
}
.download-container .download-link[data-v-c6a10d68] {
height: 24px;
margin-top: 10px;
font-size: 14px;
line-height: 24px;
color: #0062ff;
}
.step-common-style[data-v-c6a10d68],
.step-two-container[data-v-c6a10d68],
.step-three-conainer[data-v-c6a10d68],
.data-exist-container[data-v-c6a10d68] {
height: 256px;
background-color: rgba(242, 244, 248, 0.5);
border-radius: 2px;
overflow-y: auto;
}
.step-two-container .match-container[data-v-c6a10d68] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0 0 144px;
}
.step-two-container .match-container .title-container[data-v-c6a10d68] {
margin-bottom: 20px;
}
.step-two-container .match-container .title-container span[data-v-c6a10d68] {
height: 20px;
font-size: 14px;
font-weight: 500;
color: #1f2226;
}
.step-two-container .match-container .title-container span[data-v-c6a10d68]:last-of-type {
margin-left: 192px;
}
.step-two-container .match-container .match-item[data-v-c6a10d68] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 32px;
}
.step-two-container .match-container .match-item .col-selector-container[data-v-c6a10d68] {
position: relative;
}
.step-two-container .match-container .match-item .col-selector[data-v-c6a10d68] {
width: 190px;
position: relative;
}
.step-two-container .match-container .match-item .col-selector.is-pass[data-v-c6a10d68]::before,
.step-two-container .match-container .match-item .col-selector.is-fail[data-v-c6a10d68]::before {
content: '';
height: 16px;
width: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURRnNeEdwTBvMeSbOhRvQgA/AYgWsOwChKgGjKwOmMgCfJmNkWhgAAAAKdFJOUzMAKggcQHzbz558Ojs0AAAAwUlEQVQoz22STQ6CMBBGPyiwFvEANXoAMR7AnwuwZMnGxLD3EhxEYk/pTMsMkPotGvLyMtPOgJJT3W16rP0n+LjA5yFghym3ACorIK09OENzYDALXkG5xSJ7AtclyEpUWKWG9kTecWdsFLRfOhKcVBgcKQZas3VjQ1VhZ+HNN/EgV4EAp+9ECCncRwSKZeCeIoQavRtFSH1bUqRCFi7WawUTrl5oi2R63KuRscbPjwYUjzAa8nIN5v+iolXGy179Dj96WymnMBBf2QAAAABJRU5ErkJggg==);
background-size: contain;
position: absolute;
left: -24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.step-two-container .match-container .match-item .col-selector.is-fail[data-v-c6a10d68]::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTPpLRvpOSfdaUvtMRv9NTfpNR/tMR/pNRvpMR/tMR/xMRvtNRfpMR/lNR1yEWnoAAAAOdFJOUwAzMAgpHNdoe/O7U0aX8Ty8lgAAANRJREFUKM9jYAAB5hAnFVcDBjgwVRQEgWAYnxXCFxQKgPCZHQWhQASiy0gQDpTBChQRAkIgJSwglkRaWiOIdgAKBIIF3r0DC4jCdIi/e1cI1cMqiCwgGMDABKal373bCGYoMBiCaZl37w6CGcIQMwUF372D0KIMUGfOewl1LKYA1J15z6BuxRSAaln3Cs0MhADEWqGuFTBrDQVRgDDU6YI350JoAUzPQbwPCw9QkAUi+1YUFoSCZemCsCCE6BFShAcyRjRgRhRGVMIiWygYEf3GiOQAABZSRKnmg+H+AAAAAElFTkSuQmCC);
}
.step-two-container .match-container .match-item .fail-message[data-v-c6a10d68] {
position: absolute;
left: 0;
bottom: -18px;
color: #f94d47;
font-size: 12px;
height: 14px;
line-height: 14px;
}
.step-two-container .match-container .match-item .el-icon-caret-right[data-v-c6a10d68] {
margin: 0 32px;
}
.step-two-container .match-container .match-item .tlbs-input[data-v-c6a10d68] {
width: 140px;
margin-left: 8px;
}
.step-two-container .match-container .match-item .is-required[data-v-c6a10d68] {
position: relative;
margin-left: 10px;
}
.step-two-container .match-container .match-item .is-required[data-v-c6a10d68]::before {
content: '*';
position: absolute;
color: #E34D59;
width: 8px;
left: -10px;
top: 0;
}
.step-three-conainer .import-type-container[data-v-c6a10d68] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.step-three-conainer .import-type-container .import-type-text[data-v-c6a10d68] {
margin-bottom: 14px;
height: 24px;
line-height: 24px;
font-size: 14px;
color: rgba(31, 34, 38, 0.7);
}
.step-three-conainer .import-progress-container[data-v-c6a10d68] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 167px;
}
.step-three-conainer .import-progress-container span[data-v-c6a10d68] {
height: 20px;
line-height: 20px;
font-size: 14px;
color: #1f2226;
}
.step-three-conainer .import-progress-container .progress-wrapper[data-v-c6a10d68] {
background-color: #d6dae1;
height: 10px;
position: relative;
margin: 12px 0;
}
.step-three-conainer .import-progress-container .progress-bar[data-v-c6a10d68] {
position: absolute;
left: 0;
top: 0;
height: 10px;
background-color: #0062ff;
}
.step-three-conainer .import-result-container[data-v-c6a10d68] {
padding: 32px 141px 24px 212px;
}
.step-three-conainer .import-result-container .result-title[data-v-c6a10d68] {
font-size: 16px;
line-height: 1.5em;
font-weight: 600;
color: #1f2226;
margin-bottom: 16px;
position: relative;
}
.step-three-conainer .import-result-container .result-title .result-icon[data-v-c6a10d68] {
position: absolute;
left: -30px;
top: 3px;
font-size: 18px;
}
.step-three-conainer .import-result-container .result-title .result-icon.el-icon-success[data-v-c6a10d68] {
color: #17C56F;
}
.step-three-conainer .import-result-container .result-title .result-icon.el-icon-error[data-v-c6a10d68] {
color: #E34D59;
}
.step-three-conainer .import-result-container .result-text[data-v-c6a10d68] {
height: 14px;
line-height: 14px;
font-size: 14px;
color: rgba(31, 34, 38, 0.7);
margin-bottom: 14px;
}
.step-three-conainer .import-result-container .result-detail[data-v-c6a10d68] {
padding: 12px 14px;
background-color: #FFFFFF;
}
.step-three-conainer .import-result-container .result-detail .detail-text[data-v-c6a10d68] {
font-size: 12px;
color: rgba(31, 34, 38, 0.7);
line-height: 26px;
}
.data-exist-container[data-v-c6a10d68] {
margin: 88px 100px 28px;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.data-exist-container .table-radio-group[data-v-c6a10d68] {
width: 100%;
}
.data-exist-container .table-radio-group .table-radio[data-v-c6a10d68] {
display: block;
margin-right: 0;
margin-bottom: 12px;
}
.data-exist-container .table-radio-group .table-radio[data-v-c6a10d68] .el-radio__input {
margin-right: 12px;
}
.data-exist-container .table-radio-group .table-radio .table-text[data-v-c6a10d68] {
height: 22px;
font-size: 14px;
line-height: 22px;
color: #1f2226;
}
.data-exist-container .table-radio-group .table-radio.is-disabled .table-text[data-v-c6a10d68] {
color: rgba(31, 34, 38, 0.5);
}
.data-exist-container .table-radio-group .table-radio .table-data-count[data-v-c6a10d68] {
float: right;
}
.data-exist-container .none-table-options[data-v-c6a10d68] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.auth-dialog .el-dialog__body {
margin: 0 32px;
padding: 20px 0;
border-bottom: 1px solid rgba(183, 189, 202, 0.3);
min-height: 320px;
}
.auth-dialog .el-dialog__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.auth-dialog .el-dialog__footer .auth-tips {
padding-left: 12px;
}
.auth-dialog .el-dialog__footer .auth-tips p {
font-size: 13px;
color: rgba(31, 34, 38, 0.5);
line-height: 22px;
text-align: left;
}
.auth-dialog .el-dialog__footer .auth-tips p:first-of-type {
position: relative;
}
.auth-dialog .el-dialog__footer .auth-tips p:first-of-type::before {
content: '*';
color: #E34D59;
position: absolute;
left: -12px;
top: 0;
}
.key-selector-popper .el-select-dropdown__item.tlbs-select-options {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 460px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.key-add-area[data-v-24f4f8de] {
margin-top: 16px;
}
.key-add-area .key-selector[data-v-24f4f8de] {
width: 460px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.my-data .content-area[data-v-2bf409bc] {
position: relative;
}
.my-data .create-button[data-v-2bf409bc] {
position: absolute;
top: 20px;
right: 32px;
padding-left: 12px;
padding-right: 12px;
}
.my-data-overview[data-v-2bf409bc] {
margin-top: 14px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 20px;
color: #1f2226;
}
.my-data-overview .ticket-link[data-v-2bf409bc] {
color: #0062ff;
margin-left: 8px;
}
.my-data-overview .devalop-doc-link[data-v-2bf409bc] {
color: #0062ff;
margin-left: 24px;
}
.my-data .my-data-pagination[data-v-2bf409bc] {
float: right;
}
.my-data[data-v-2bf409bc] .add-data-dialog .data-type-container {
margin-top: 14px;
}
.my-data[data-v-2bf409bc] .add-data-dialog .tlbs-radio {
display: block;
margin-bottom: 26px;
}
.my-data[data-v-2bf409bc] .add-data-dialog .tlbs-radio:first-child {
margin-bottom: 12px;
}
.my-data[data-v-2bf409bc] .add-data-dialog .tlbs-checkbox {
margin-left: 18px;
margin-bottom: 26px;
}
.my-data[data-v-2bf409bc] .add-data-dialog .cloud-checkbox .el-checkbox__label {
color: rgba(31, 34, 38, 0.7);
}
.my-data[data-v-2bf409bc] .add-data-dialog .el-dialog__footer {
position: relative;
}
.my-data[data-v-2bf409bc] .add-data-dialog .el-dialog__footer .add-data-extra {
position: absolute;
left: 32px;
line-height: 34px;
font-size: 12px;
color: rgba(31, 34, 38, 0.7);
}
.my-data[data-v-2bf409bc] .add-data-dialog .el-dialog__footer .add-data-extra > a {
color: #0062ff;
}
.my-data-table .header-tooltip-trigger[data-v-2bf409bc] {
color: #0062ff;
cursor: pointer;
}
.my-data-table .process-filter[data-v-2bf409bc] {
color: #1f2226;
cursor: pointer;
}
.my-data-table .el-dropdown[data-v-2bf409bc] {
vertical-align: middle;
}
.my-data-table .console-icon-copy[data-v-2bf409bc] {
display: none;
margin-left: 10px;
cursor: pointer;
}
.my-data-table .data-table-cell[data-v-2bf409bc] {
position: relative;
display: inline-block;
}
.my-data-table .data-table-cell [class*=" console-icon-"][data-v-2bf409bc],
.my-data-table .data-table-cell [class^=console-icon-][data-v-2bf409bc] {
display: none;
position: absolute;
cursor: pointer;
}
.my-data-table .edit-text-container[data-v-2bf409bc] .console-icon-edit {
display: none;
}
.my-data-table .hover-row .data-table-cell [class*=" console-icon-"][data-v-2bf409bc],
.my-data-table .hover-row .data-table-cell [class^=console-icon-][data-v-2bf409bc] {
display: inline-block;
}
.my-data-table .hover-row .edit-text-container[data-v-2bf409bc] .console-icon-edit {
display: inline-block;
}
.status-dropdown .tlbs-icon-rank[data-v-2bf409bc] {
color: #7f7f7f;
}
.status-dropdown.active[data-v-2bf409bc] {
border-radius: 4px;
background-color: rgba(31, 34, 38, 0.1);
}
.status-dropdown.not-all i[data-v-2bf409bc] {
color: #0062ff;
}
.status-dropdown-menu li[data-v-2bf409bc] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 130px;
padding-left: 12px;
color: #1f2226;
}
.status-dropdown-menu li[data-v-2bf409bc]:hover {
color: #1f2226;
background-color: rgba(31, 34, 38, 0.05);
}
.status-dropdown-menu li.active[data-v-2bf409bc] {
color: #FFFFFF;
background-color: #0062ff;
}
.el-popper.data-handler-popper[x-placement^=right] {
margin-left: 6px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.popover-overflow-tip[data-v-fa642f3e] {
cursor: default;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
color: #000000;
line-height: 22px;
margin: 4px 12px;
max-width: 199px;
}
.popover-item[data-v-fa642f3e] {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.import-dialog .el-dialog__body {
padding: 24px;
}
.import-dialog .el-dialog__footer {
padding: 0 24px 24px;
}
.data-exist-container .t-radio-group {
width: 100%;
}
.data-exist-container .t-radio-group .t-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 8px 0;
}
.data-exist-container .t-radio-group .t-radio .t-radio__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.data-exist-container .t-radio-group .t-radio .t-radio__label .model-text {
margin-right: 10px;
}
.data-exist-container .t-radio-group .t-radio .t-radio__label .model-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.data-exist-container .t-radio-group .t-radio .model-data-count {
float: right;
}
.data-exist-container .t-radio-group .t-radio .delete-btn {
cursor: pointer;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.switch-tab[data-v-71920fd9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(31, 34, 38, 0.1);
color: #1f2226;
font-size: 14px;
}
.switch-tab .tab-item[data-v-71920fd9] {
min-width: 84px;
height: 48px;
line-height: 48px;
text-align: center;
cursor: pointer;
}
.switch-tab .active-tab[data-v-71920fd9] {
color: #0062ff;
border-bottom: 2px solid #0062ff;
}
.new-data-wrapper[data-v-71920fd9] {
margin-top: 24px;
}
.new-data-wrapper.without-tab[data-v-71920fd9] {
margin-top: 0px;
margin-bottom: 0px;
}
.new-data-wrapper .steps-container[data-v-71920fd9] {
text-align: center;
margin-bottom: 30px;
}
.new-data-wrapper .steps-container .step-item[data-v-71920fd9] {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 80px;
color: rgba(31, 34, 38, 0.5);
}
.new-data-wrapper .steps-container .step-item[data-v-71920fd9]:last-child {
margin-right: 0;
}
.new-data-wrapper .steps-container .step-item[data-v-71920fd9]:last-child::after {
content: none;
}
.new-data-wrapper .steps-container .step-item[data-v-71920fd9]::after {
content: "";
position: absolute;
width: 40px;
height: 1px;
right: -60px;
top: 50%;
background-color: #d8d8d8;
}
.new-data-wrapper .steps-container .step-item .step-index[data-v-71920fd9] {
margin-right: 8px;
font-size: 10px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
background-color: #f4f6f9;
}
.new-data-wrapper .steps-container .step-item .step-title[data-v-71920fd9] {
height: 22px;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.new-data-wrapper .steps-container .step-item.active-step .step-index[data-v-71920fd9] {
background-color: #0062ff;
color: #FFFFFF;
}
.new-data-wrapper .steps-container .step-item.active-step .step-title[data-v-71920fd9] {
color: #1f2226;
}
.file-upload[data-v-71920fd9] {
line-height: 1;
height: 256px;
}
.file-upload[data-v-71920fd9] .el-upload-dragger {
width: 920px;
height: 256px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: #535b6e;
border-radius: 2px;
position: relative;
}
.file-upload .upload-area[data-v-71920fd9] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.file-upload .upload-area .file-upload-text[data-v-71920fd9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 18px;
}
.file-upload .upload-area .file-upload-text .el-icon-upload[data-v-71920fd9] {
font-size: 28px;
margin: 0 8px 0 0;
color: #0062ff;
line-height: 1;
}
.file-upload .upload-area .file-upload-text span[data-v-71920fd9] {
height: 22px;
line-height: 22px;
font-size: 16px;
color: #1f2226;
font-weight: 500;
}
.file-upload .upload-area .file-upload-text span strong[data-v-71920fd9] {
color: #0062ff;
}
.file-upload .upload-area .tip-text[data-v-71920fd9] {
width: 244px;
height: 24px;
font-size: 12px;
line-height: 24px;
color: rgba(15, 24, 41, 0.5);
text-align: left;
margin: 0 auto;
}
.file-upload .file-area[data-v-71920fd9] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
.file-upload .file-area .file-icon[data-v-71920fd9] {
width: 26px;
height: 34px;
margin-right: 10px;
}
.file-upload .file-area .file-info[data-v-71920fd9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.file-upload .file-area .file-info .file-name[data-v-71920fd9] {
font-size: 16px;
height: 22px;
line-height: 22px;
font-weight: 500;
color: #1f2226;
margin-bottom: 4px;
}
.file-upload .file-area .file-info .file-name .console-icon-remove[data-v-71920fd9] {
font-size: 14px;
margin-left: 6px;
vertical-align: middle;
cursor: pointer;
}
.file-upload .file-area .file-info .file-size[data-v-71920fd9] {
font-size: 12px;
color: rgba(31, 34, 38, 0.5);
height: 17px;
line-height: 17px;
}
.download-container[data-v-71920fd9] {
text-align: right;
margin-top: 10px;
}
.download-container .download-link[data-v-71920fd9] {
height: 24px;
margin-top: 10px;
font-size: 14px;
line-height: 24px;
color: #0062ff;
}
.step-common-style[data-v-71920fd9],
.data-exist-container[data-v-71920fd9] {
height: 256px;
background-color: rgba(242, 244, 248, 0.5);
border-radius: 2px;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.data-exist-container[data-v-71920fd9] {
margin-top: 24px;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.data-exist-container .model-radio-group[data-v-71920fd9] {
width: 100%;
}
.data-exist-container .model-radio-group .model-radio[data-v-71920fd9] {
display: block;
margin-right: 0;
margin-bottom: 12px;
}
.data-exist-container .model-radio-group .model-radio[data-v-71920fd9] .el-radio__input {
margin-right: 12px;
}
.data-exist-container .model-radio-group .model-radio .model-text[data-v-71920fd9] {
height: 22px;
font-size: 14px;
line-height: 22px;
color: #1f2226;
}
.data-exist-container .model-radio-group .model-radio.is-disabled .model-text[data-v-71920fd9] {
color: rgba(31, 34, 38, 0.5);
}
.data-exist-container .model-radio-group .model-radio .model-data-count[data-v-71920fd9] {
float: right;
}
.data-exist-container .none-model-options[data-v-71920fd9] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.model-data .content-area[data-v-fd065f04] {
position: relative;
}
.model-data .create-button[data-v-fd065f04] {
position: absolute;
top: 20px;
right: 32px;
padding-left: 12px;
padding-right: 12px;
}
.model-data-overview[data-v-fd065f04] {
margin-top: 14px;
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 20px;
color: #1f2226;
}
.model-data-delete[data-v-fd065f04] {
color: #0062ff;
}
.model-data-pagination[data-v-fd065f04] {
float: right;
margin-top: 32px;
}
.model-data-table[data-v-fd065f04] {
color: #1f2226;
}
.model-data-table .model-data-empty-img[data-v-fd065f04] {
width: 64px;
height: 64px;
margin-top: 74px;
}
.model-data-table .model-data-empty-text[data-v-fd065f04] {
font-size: 14px;
line-height: 20px;
color: rgba(31, 34, 38, 0.8);
margin-top: 16px;
margin-bottom: 74px;
}
.model-data-table .header-tooltip-trigger[data-v-fd065f04] {
color: #0062ff;
cursor: pointer;
}
.model-data-table .console-icon-copy[data-v-fd065f04] {
display: none;
margin-left: 10px;
cursor: pointer;
}
.model-data-table .data-table-cell[data-v-fd065f04] {
position: relative;
display: inline-block;
}
.model-data-table .data-table-cell [class*=" console-icon-"][data-v-fd065f04],
.model-data-table .data-table-cell [class^=console-icon-][data-v-fd065f04] {
display: none;
position: absolute;
cursor: pointer;
}
.model-data-table .hover-row .data-table-cell [class*=" console-icon-"][data-v-fd065f04],
.model-data-table .hover-row .data-table-cell [class^=console-icon-][data-v-fd065f04] {
display: inline-block;
}
.el-popper.data-handler-popper[x-placement^=right] {
margin-left: 6px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
body {
width: 100%;
min-width: auto;
}
.migration-layout {
min-height: 100vh;
background-color: #10131e;
}
.migration-layout .page-loading {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 10001;
}
.migration-layout .migration-loading {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 26px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 126px;
height: 118px;
border-radius: 4px;
background-color: rgba(13, 15, 26, 0.96);
z-index: 1;
}
.migration-layout .migration-loading .van-loading__text {
margin-top: 15px;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
}
.migration-layout .mirgation-layout-header {
position: sticky;
top: 0;
left: 0;
z-index: 10000;
background: #191E2E;
}
.migration-layout .migration-citylist-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.migration-layout .migration-citylist-container .cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #1d273e;
border-radius: 19px;
height: 34px;
line-height: 34px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 12px;
}
.migration-layout .migration-citylist-container .cell .icon {
width: 18px;
height: 18px;
margin-left: 14px;
margin-right: 5px;
}
.migration-layout .migration-citylist-container .cell .info {
opacity: 0.9;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #dee0e3;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 90px;
}
.migration-layout .migration-citylist-container .logout-btn {
width: 34px;
height: 34px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #1d273e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAAA00lEQVR4AWP4//8/Y9+U+dH9k+c3EINBakF63At8GCjBDCCD+ibP+08KBumh2GKQLwaDxQfoENSYFoPYFBpIf4v7Js+f3Ddl3vJp05YK0tViRPzPuzl58kI1+lqMwO/6pi10oa/FCPx7wtR5WXS3GIHnT92/fz8LyRYDNW4FyZGDEebO2w1KdCRZTKml6ImOzhYjEh0w3k3pazEi2I8MkMXzDw1IUE+cNt9iABMX/bMT/QuQ4VxkIiqJYV8tTgMmoiV0bgjQv7FH/+btkG3QD1gXBgAfPNKMXuaZqgAAAABJRU5ErkJggg==) no-repeat 11px center;
background-size: 16px 14px;
border-radius: 50%;
margin-top: 12px;
}
.migration-layout .migration-citylist-container .cell-left {
margin-right: 10px;
}
.migration-layout .migration-citylist-container .cell-right {
margin-left: 10px;
margin-right: 10px;
}
.migration-tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 17px;
background: #191E2E;
}
.migration-tab-container > a {
position: relative;
padding-bottom: 13px;
line-height: 22px;
color: rgba(255, 255, 255, 0.8);
text-align: center;
font-weight: bold;
}
.migration-tab-container > a:active {
background-color: none;
}
.migration-tab-container > a.router-link-active {
color: #4d91ff;
}
.migration-tab-container > a.router-link-active::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
border-radius: 1.5px;
background-color: #4d91ff;
}
.migration-tab-container > a.router-link-active:active {
background-color: none;
}
.migration-footer {
padding: 30px 0;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
background-color: #10131e;
text-align: center;
line-height: 12px;
}
.go-top-btn {
margin-top: 10px;
}
.logout-txt {
font-family: PingFangSC-Medium;
font-size: 16px;
}
.user-txt {
font-family: PingFangSC-Regular;
font-size: 14px;
}
.migration_calendar_header {
font-size: 16px;
color: #666666;
height: 44px;
font-weight: 500;
line-height: 44px;
text-align: center;
}
.calendar_tab_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.calendar_tab_container .calendar_tab {
position: relative;
line-height: 55px;
height: 55px;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #191E2E;
text-align: center;
}
.calendar_tab_container .tab_active {
color: #2E6EFF;
}
.calendar_tab_container .tab_active::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
border-radius: 1.5px;
background-color: #4d91ff;
}
.migration_calendar_container {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.migration_calendar_popup .van-calendar__header {
display: none;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.line-chart-container {
width: 100%;
height: 100%;
}
#lineChart div {
z-index: 9 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migration-login {
background: #191E2E;
height: 100%;
width: 100%;
overflow: hidden;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.migration-login .migration-login-title {
font-family: TTTGBMedium;
font-style: oblique;
margin-top: 85px;
margin-bottom: 81px;
font-size: 26px;
color: #FFFFFF;
letter-spacing: 0.54px;
text-align: center;
line-height: 26px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}
.migration-login .label-txt {
font-family: PingFangSC-Regular;
font-size: 14px;
letter-spacing: 0;
line-height: 14px;
margin-bottom: 10px;
margin-top: 20px;
}
.migration-login .login-input {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 4px;
width: 100%;
padding: 0 10px;
font-size: 16px;
height: 44px;
color: #fff;
background: #191E2E;
}
.migration-login .code {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.migration-login .active-btn {
font-size: 16px;
color: #FFF;
letter-spacing: 0;
line-height: 16px;
height: 44px;
margin-left: 20px;
width: 120px;
border: none;
background: #191E2E;
cursor: pointer;
}
.migration-login .disabled-btn {
font-size: 16px;
background: #191E2E;
line-height: 16px;
height: 44px;
margin-left: 20px;
width: 120px;
border: none;
cursor: pointer;
}
.migration-login .login-btn {
background: #4D91FF;
border-radius: 23px;
width: 100%;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #FFF;
text-align: center;
line-height: 46px;
letter-spacing: 0;
cursor: pointer;
margin: 40px 0 30px;
}
.migration-login .login-wrong {
margin-left: 10px;
font-size: 14px;
color: #F94D47;
letter-spacing: 0;
line-height: 14px;
}
.migration-login .create-btn {
opacity: 0.9;
font-family: PingFangSC-Regular;
font-size: 16px;
color: #FFF;
letter-spacing: 0;
line-height: 16px;
text-align: center;
}
.migration-login .flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.migration-login .border-box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-layout {
height: 100vh;
}
.migrationPc-layout .page-loading {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 10001;
}
.migrationPc-layout .page-qrcode .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.migrationPc-layout .page-qrcode .wrapper .dialog {
position: relative;
width: 356px;
height: 356px;
opacity: 0.9;
background: #232A40;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.migrationPc-layout .page-qrcode .wrapper .qrcode {
width: 180px;
height: 180px;
}
.migrationPc-layout .page-qrcode .wrapper .info {
font-family: PingFangSC-Medium;
font-size: 14px;
color: #9EA4B0;
text-align: center;
line-height: 18px;
margin-top: 16px;
}
.migrationPc-layout .page-qrcode .wrapper .close-icon {
position: absolute;
right: 12px;
top: 12px;
cursor: pointer;
}
.migrationPc-layout .migration-loading {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 32px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 142px;
height: 134px;
border-radius: 4px;
background-color: rgba(42, 48, 66, 0.9);
z-index: 1;
}
.migrationPc-layout .migration-loading .van-loading__text {
margin-top: 15px;
font-size: 14px;
line-height: 18px;
color: #9EA4B0;
}
.migrationPc-layout .migrationPc-header {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px;
height: 72px;
background-color: #08090F;
}
.migrationPc-layout .migrationPc-header-title {
width: 225px;
height: 30px;
margin-top: 22px;
float: left;
background: url(//mapapi.qq.com/web/lbs/console/v/images/logo@2x.b619e93.png) no-repeat center center;
background-size: 225px 24px;
}
.migrationPc-layout .migrationPc-header-cdc {
margin-top: 12px;
height: 50px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/logoS.6bf219d.png) no-repeat center center;
background-size: 100%;
}
.migrationPc-layout .migrationPc-header .migrationPc-tab-container {
margin-top: 24px;
margin-left: 70px;
float: left;
font-family: PingFangSC-Regular;
font-size: 18px;
color: #F0F3F7;
line-height: 24px;
}
.migrationPc-layout .migrationPc-header .migrationPc-tab-container > a {
display: inline-block;
margin-right: 48px;
}
.migrationPc-layout .migrationPc-header .migrationPc-tab-container > a.router-link-active {
padding-bottom: 8px;
color: #4D91FF;
border-bottom: 3px solid #4D91FF;
}
.migrationPc-layout .migrationPc-header .migrationPc-userinfo {
float: right;
margin-top: 23px;
font-family: PingFangSC-Medium;
}
.migrationPc-layout .migrationPc-header .migrationPc-userinfo .user-mobile {
display: inline-block;
cursor: pointer;
margin-right: 20px;
font-size: 16px;
color: #9EA4B0;
text-align: right;
line-height: 24px;
}
.migrationPc-layout .migrationPc-header .migrationPc-userinfo .mobile-qrcode {
display: inline-block;
cursor: pointer;
margin-right: 20px;
font-size: 16px;
color: #9EA4B0;
text-align: right;
line-height: 24px;
}
.migrationPc-layout .migrationPc-header .migrationPc-userinfo .loginout-btn {
display: inline-block;
width: 60px;
height: 30px;
text-align: center;
font-size: 14px;
color: #ACB2BF;
line-height: 30px;
background: #191E2E;
border-radius: 15px;
cursor: pointer;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.setting-panel-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-left: 40px;
}
.setting-panel {
/** 选择框 **/
}
.setting-panel .el-select-dropdown {
border: none !important;
background: #22283A;
}
.setting-panel .el-select-dropdown .el-scrollbar {
border-radius: 4px;
}
.setting-panel .el-select-dropdown .el-scrollbar ::-webkit-scrollbar-track-piece {
background: #22283A;
}
.setting-panel .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view {
background: #22283A;
}
.setting-panel .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view li {
background: #22283A;
}
.setting-panel .el-select-dropdown .popper__arrow {
display: none !important;
}
.setting-panel .el-select-dropdown__item.hover {
background: #33394E !important;
}
.setting-panel .el-select-dropdown__item.selected span {
color: #F0F3F7 !important;
font-weight: 400;
}
.setting-panel .el-select-dropdown__item span {
color: #F0F3F7;
}
.setting-panel .el-select-dropdown__list .is-disabled {
background: #22283A !important;
}
.setting-panel .el-select-dropdown__item.is-disabled {
color: #404255;
}
.setting-panel .el-select-dropdown__list .is-disabled.hover {
background: #22283A !important;
}
.setting-panel .el-select-dropdown__empty {
background: #22283A;
border-radius: 4px;
}
.setting-panel .el-select {
background-color: rgba(25, 30, 46, 0.97);
}
.setting-panel .el-input .el-input__inner,
.setting-panel .el-input__inner {
background-color: rgba(25, 30, 46, 0.97) !important;
border: none!important;
font-size: 16px;
color: #F0F3F7;
padding-left: 0px !important;
}
.setting-panel .el-input__prefix {
right: 0px !important;
left: auto !important;
}
.setting-panel .el-range__icon {
position: absolute;
right: 30px;
}
.setting-panel .el-picker-panel {
background: #22283A !important;
border: none !important;
}
.setting-panel .el-picker-panel .popper__arrow {
display: none !important;
}
.setting-panel .el-picker-panel__sidebar {
background: #22283A !important;
border: none !important;
}
.setting-panel .el-picker-panel__content {
border: none !important;
}
.setting-panel .el-picker-panel__content .el-date-table tr td.start-date span,
.setting-panel .el-picker-panel__content .el-date-table tr td.end-date span {
background: #2e3d60;
}
.setting-panel .el-date-table tr.el-date-table__row td div span:hover {
color: #4c8af4;
border: 1px solid #4E90FF;
border-radius: 2px;
}
.setting-panel .el-date-table td.disabled div {
background-color: #404255;
opacity: 1;
cursor: not-allowed;
color: #C0C4CC;
}
.setting-panel .el-date-editor {
height: 40px !important;
background: #22283A;
border: none !important;
}
.setting-panel .el-date-editor input::-webkit-input-placeholder {
/* WebKit browsers 适配谷歌 */
font-size: 16px;
color: #F0F3F7 !important;
line-height: 16px;
}
.setting-panel .el-date-editor span {
color: #F0F3F7 !important;
}
.setting-panel .el-date-editor .el-range-separator {
padding: 0px 3px;
font-size: 16px;
line-height: 34px;
}
.setting-panel .el-date-editor .el-icon-date:before {
color: #91919E;
}
.setting-panel .el-date-editor--daterange {
width: 320px !important;
}
.setting-panel .el-range-input {
background: rgba(25, 30, 46, 0.97) !important;
color: #F0F3F7 !important;
font-size: 16px !important;
}
.setting-panel .el-input {
border-radius: 4px;
}
.setting-panel .el-input .el-input__inner {
height: 40px !important;
color: #F0F3F7 !important;
border: none !important;
}
.setting-panel .el-input__inner {
background: #22283A;
border: none !important;
}
.setting-panel .el-date-table th {
border-bottom: solid 1px #404255 !important;
}
.setting-panel .el-date-table .in-range {
background: #22283A;
border-radius: 2px;
}
.setting-panel .el-date-table td.in-range div {
border-bottom: none !important;
background: #2e3d60 !important;
}
.setting-panel .el-date-table td.start-date div {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-radius: 0 !important;
}
.setting-panel .el-date-table td.end-date div {
border-radius: 0 !important;
}
.setting-panel .el-date-table td.disabled div {
background: #22283A;
}
.setting-panel .el-date-table td.disabled div {
background-color: #22283A !important;
opacity: 1;
cursor: not-allowed;
color: #404255;
}
.setting-panel .el-date-table .el-date-table__row .next-month {
line-height: 14px;
font-size: 14px;
}
.setting-panel .el-date-table .el-date-table__row .prev-month {
font-family: PingFangSC-Regular;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.setting-panel .el-date-table .el-date-table__row .available {
font-size: 14px;
color: #DDE1EB;
line-height: 14px;
}
.setting-panel .el-date-table .el-date-table__row .disabled {
background: #22283A;
}
.setting-panel .el-date-table .el-date-table__row .today div span {
color: #DDE1EB !important;
background: #4E90FF;
border-radius: 2px;
}
.setting-panel .el-scrollbar__view {
background: #282639;
border: none !important;
}
.setting-panel .el-scrollbar__view .selected {
background: #22283A;
}
/** 选择框 **/
.setting-panel.el-select-dropdown {
border: none !important;
background: #22283A;
}
.setting-panel.el-select-dropdown .el-scrollbar {
border-radius: 4px;
}
.setting-panel.el-select-dropdown .el-scrollbar ::-webkit-scrollbar-track-piece {
background: #22283A;
}
.setting-panel.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view {
background: #22283A;
}
.setting-panel.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view li {
background: #22283A;
}
.setting-panel.el-select-dropdown .popper__arrow {
display: none !important;
}
.setting-panel.el-picker-panel {
background: #22283A !important;
border: none !important;
}
.setting-panel.el-picker-panel .popper__arrow {
display: none !important;
}
.setting-panel .el-picker-panel__body .el-picker-panel__content .el-date-range-picker__header .el-picker-panel__icon-btn {
color: #91919E !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-right {
background: #22283A !important;
color: #F0F3F7 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-right.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-right.is-disabled {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-right.is-disabled.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-right {
background: #22283A !important;
color: #F0F3F7 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-right.is-disabled {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-right.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-right.is-disabled.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-left {
background: #22283A !important;
color: #F0F3F7 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-left.is-disabled {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-left.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-d-arrow-left.is-disabled.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-left {
background: #22283A !important;
color: #F0F3F7 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-left.is-disabled {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-left.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-picker-panel__icon-btn.el-icon-arrow-left.is-disabled.hover {
background: #22283A !important;
color: #3f4154 !important;
}
.setting-panel .el-form-item {
margin-bottom: 0px !important;
margin-right: 50px !important;
}
.setting-panel .el-form-item__label {
font-size: 16px;
color: #9EA4B0 !important;
}
.filter-form-inline {
position: relative;
width: 100%;
min-width: 880px;
}
.filter-form-inline .input_date {
width: 130px !important;
}
.filter-form-inline .el-select {
width: 95px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-citylist-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.migrationPc-citylist-filter .province-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.migrationPc-citylist-filter .city-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 50px;
}
.migrationPc-citylist-filter .label {
font-size: 14px;
color: #9EA4B0;
}
.migrationPc-citylist-filter .city-select {
width: 96px;
margin-left: 14px;
}
.migrationPc-citylist-filter .el-input .el-input__inner {
font-size: 14px;
}
.migrationPc-map-switch-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 22px;
left: 0;
width: 100%;
padding: 0 520px 0 400px;
z-index: 1001;
}
.migrationPc-map-switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 324px;
height: 36px;
margin: 0 auto;
line-height: 36px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.migrationPc-map-switch .map-switch-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 12px;
border-radius: 18px;
color: #9EA4B0;
background-color: #232A40;
cursor: pointer;
}
.migrationPc-map-switch .map-switch-item:last-child {
margin-right: 0;
}
.migrationPc-map-switch .map-switch-item.active {
color: #F0F3F7;
background-color: #2878FA;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-citylist-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.migrationPc-citylist-filter .select-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.migrationPc-citylist-filter .cell-after {
margin-left: 10px;
}
.migrationPc-citylist-filter .label {
font-size: 12px;
color: #9EA4B0;
width: 54px;
}
.migrationPc-citylist-filter .city-select {
width: 96px;
margin-left: 14px;
}
.migrationPc-citylist-filter .el-input .el-input__inner {
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.migrationPc-citylist-filter div {
overflow: hidden;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-datesetting {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.migrationPc-datesetting .label {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #F0F3F7;
line-height: 16px;
margin-top: 24px;
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.migrationPc-datesetting .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.migrationPc-datesetting .content .el-range-editor.el-input__inner {
background: #252B3D !important;
}
.migrationPc-datesetting .content .el-range-editor.el-input__inner input {
background: #252B3D !important;
width: 35%;
padding-left: 2px;
}
.migrationPc-datesetting .content .date-null {
opacity: 0.4;
}
.migrationPc-datesetting .radio-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 24px;
}
.migrationPc-datesetting .el-radio {
margin-bottom: 20px;
}
.migrationPc-datesetting .el-radio + .el-radio {
margin-left: 0px;
}
.migrationPc-datesetting .el-radio__label {
opacity: 0.8;
color: #F0F3F7;
font-family: PingFangSC-Regular;
font-size: 14px;
line-height: 14px;
}
.migrationPc-datesetting .el-radio__input.is-checked + .el-radio__label {
color: #F0F3F7;
opacity: 0.8;
font-family: PingFangSC-Regular;
font-size: 14px;
line-height: 14px;
}
.migrationPc-datesetting .el-radio__input.is-checked .el-radio__inner {
border-color: #4D91FF;
background: transparent;
}
.migrationPc-datesetting .el-radio__inner {
border: 1px solid #5C6379;
background-color: #252B3D;
}
.migrationPc-datesetting .el-radio__inner::after {
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #4D91FF;
}
.migrationPc-datesetting .info {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #9EA4B0;
line-height: 12px;
text-align: left;
margin-left: 14px;
margin-top: 10px;
margin-bottom: 30px;
}
.migrationPc-datesetting .date-icon {
right: 10px;
}
.migrationPc-datesetting .el-date-editor--daterange {
width: 340px !important;
}
.migrationPc-datesetting .el-range__icon {
position: absolute;
right: 10px;
}
.migrationPc-datesetting .disable .el-range-input {
color: #686c7a !important;
}
.migrationPc-datesetting .disable .el-range-separator {
color: #686c7a !important;
}
.migrationPc-datesetting .disable .el-icon-date::before {
color: #616774 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-movein .line-chart {
margin-bottom: 30px;
}
.migrationPc-movein .migrationPc-data-container .migrationPc-topdata .migration-topdata-item .item-title {
font-size: 12px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-moveout .line-chart {
margin-bottom: 30px;
}
.migrationPc-moveout .migrationPc-data-container .migrationPc-topdata .migration-topdata-item .item-title {
font-size: 12px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migration-pc-reside {
overflow: hidden;
background: #08090F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 60px 10px 10px;
}
.migration-pc-reside .migrationPc-topdata {
padding-left: 100px;
padding-right: 100px;
}
.migration-pc-reside .data-title {
margin-bottom: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.migration-pc-reside .title-h1 {
font-size: 18px;
color: #F0F3F7;
line-height: 18px;
padding-left: 8px;
border-left: 3px solid #4D91FF;
}
.migration-pc-reside .title-h2 {
font-size: 16px;
color: #F0F3F7;
line-height: 18px;
}
.migration-pc-reside .title-sub {
margin-left: 8px;
font-size: 12px;
color: #9EA4B0;
line-height: 18px;
}
.migration-pc-reside .migration-data-container {
background: rgba(25, 30, 46, 0.97);
padding: 24px 24px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.migration-pc-reside .action-chart {
height: 520px;
width: 100%;
}
.migration-pc-reside .legend-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
padding-bottom: 40px;
}
.migration-pc-reside .legend-container .legend-dot {
height: 8px;
width: 8px;
border-radius: 8px;
display: inline-block;
background: #CC3940;
margin-right: 5px;
}
.migration-pc-reside .legend-container .legend-txt {
display: inline-block;
margin-right: 36px;
font-size: 12px;
color: '#171717';
line-height: 14px;
}
.migration-pc-reside .legend-container .legend-dot:nth-of-type(2) {
background: #CA5850;
}
.migration-pc-reside .legend-container .legend-dot:nth-of-type(3) {
background: #fff;
}
.migration-pc-reside .flex1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
}
.migration-pc-reside .flex2 {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
overflow: hidden;
}
.migration-pc-reside .mr10 {
margin-right: 10px;
}
.migration-pc-reside .mr8 {
margin-top: 8px;
}
.migration-pc-reside .mt30 {
margin-top: 30px;
}
.migration-pc-reside .mtb20 {
margin: 20px 0;
}
.migration-pc-reside .mt40 {
margin-top: 40px;
}
.migration-pc-reside .mb20 {
margin-bottom: 26px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.action-chart-container {
width: 100%;
height: 100%;
}
#actionChart div {
z-index: 9 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-analyze {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: absolute;
top: 122px;
bottom: 0;
left: 0;
width: 100%;
background-color: #0b0f1e;
z-index: 1;
}
.migrationPc-analyze .migrationPc-left-side {
top: 10px;
background-color: rgba(25, 30, 46, 0.97);
overflow: hidden;
}
.migrationPc-analyze .migrationPc-left-side .migrationPc-left-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: auto;
}
.migrationPc-analyze .migrationPc-right-side2 {
left: 408px;
right: 10px;
top: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
overflow: auto;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-right-container {
padding: 0;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-chart-container {
width: 100%;
margin-top: 8px;
height: 485px;
margin-bottom: 20px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-empty {
position: absolute;
width: 100px;
left: 50%;
top: 40%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-family: PingFangSC-Regular;
font-size: 14px;
color: #F0F3F7;
line-height: 14px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-empty .empty-img {
width: 72px;
margin: 0 9px 20px;
height: 82px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-empty div {
opacity: 0.5;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container {
padding: 24px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .title-sub {
font-family: PingFangSC-Medium;
font-size: 13px;
color: #9EA4B0;
line-height: 22px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-opacity {
opacity: 0.5;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: PingFangSC-Medium;
font-size: 12px;
color: #9EA4B0;
line-height: 12px;
margin-right: 50px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-content .legend-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-content .legend-date {
margin-right: 18px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-content .legend-border {
width: 20px;
margin: 5px 8px;
height: 2px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .legend-container .legend-content .legend-img {
width: 20px;
height: 12px;
margin-right: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAGCAYAAAC1rQwWAAAAOUlEQVR4AWNwL/AZEpghYNJ/T99J/x/7Tvz/H4RBbJAYDg0Dpp4BWRBZEodBA6Z+yDh0yET9kMlMAJ0VoeQgMYwVAAAAAElFTkSuQmCC) no-repeat center center;
background-size: 20px 2px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .mt7 {
margin-top: 7px;
}
.migrationPc-analyze .migrationPc-right-side2 .migrationPc-data-container .mb25 {
margin-bottom: 25px;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container .analyze-table-date {
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #F0F3F7;
line-height: 18px;
margin-bottom: 20px;
height: 22px;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container .custom-table-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container .custom-table-header .table-header-color {
padding: 0;
width: 8px;
height: 8px;
margin: auto 0;
margin-right: 8px;
border-radius: 50%;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container .custom-table-header .table-header-text {
padding: 0;
line-height: 14px;
}
.migrationPc-analyze .migrationPc-right-side2 .analyze-table-container .el-table .el-table__body .cell {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #F0F3F7;
line-height: 18px;
}
.migrationPc-analyze .migrationPc-right-side2 .flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 24px;
}
.migrationPc-analyze .migrationPc-right-side2 .ml46 {
margin-left: 46px;
}
.migrationPc-analyze .migrationPc-h1 {
margin-bottom: 0;
}
.migrationPc-analyze .analyze-container {
padding: 33px 0 30px;
margin: 0 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.migrationPc-analyze .analyze-container.city-select-active {
padding-bottom: 20px;
}
.migrationPc-analyze .analyze-container .el-switch {
float: right;
}
.migrationPc-analyze .analyze-container .el-switch__core:after {
background: #D3DAEB;
}
.migrationPc-analyze .analyze-container .el-switch__core {
height: 22px;
width: 44px !important;
border-radius: 11px;
}
.migrationPc-analyze .analyze-container .el-switch.is-checked .el-switch__core::after {
top: -2px;
margin-left: -23px;
}
.migrationPc-analyze .analyze-container .el-switch__core:after {
width: 24px;
height: 24px;
top: -2px;
left: -1px;
}
.migrationPc-analyze .analyze-container .migrationPc-citylist-filter {
margin-top: 22px;
margin-bottom: 0;
}
.migrationPc-analyze .analyze-container .migrationPc-citylist-filter .label {
font-size: 14px;
width: 56px;
}
.migrationPc-analyze .analyze-container .migrationPc-citylist-filter .city-select {
margin-left: 12px;
}
.migrationPc-analyze .analyze-container .sub-title {
margin-left: 5px;
font-family: PingFangSC-Medium;
font-size: 13px;
color: #9EA4B0;
line-height: 18px;
vertical-align: top;
display: inline-block;
margin-top: 2px;
}
.migrationPc-analyze .analyze-container .select-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.migrationPc-analyze .analyze-container .select-item-container .select-item,
.migrationPc-analyze .analyze-container .select-item-container .select-item-border {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 12px;
margin-bottom: 10px;
line-height: 32px;
padding: 0 12px;
font-size: 14px;
color: #4D91FF;
white-space: nowrap;
background-color: rgba(77, 145, 255, 0.12);
border-radius: 4px;
cursor: pointer;
}
.migrationPc-analyze .analyze-container .select-item-container .select-item:last-child,
.migrationPc-analyze .analyze-container .select-item-container .select-item-border:last-child {
margin-right: 0;
}
.migrationPc-analyze .analyze-container .select-item-container .select-item-border {
border: 1px dashed #626B83;
background-color: transparent;
width: 80px;
height: 32px;
}
.migrationPc-analyze .select-item-content {
margin: 10px 24px 40px;
padding: 20px;
background: #121724;
border-radius: 4px;
}
.migrationPc-analyze .select-item-content .migartionPc-tab-container {
padding-top: 0;
background: #121724;
}
.migrationPc-analyze .select-item-content .migartionPc-tab-container .migartionPc-tab-item {
position: relative;
}
.migrationPc-analyze .select-item-content .migartionPc-tab-container .migartionPc-tab-item .item-num {
position: absolute;
top: 1px;
right: -20px;
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 50%;
background: #2D354E;
text-align: center;
font-size: 12px;
color: rgba(240, 243, 247, 0.8);
}
.migrationPc-analyze .select-item-content .el-checkbox__input.is-disabled .el-checkbox__inner {
background-color: #D3DAEB;
}
.migrationPc-analyze .select-item-content .el-checkbox {
display: block;
margin-right: 0;
margin-bottom: 14px;
}
.migrationPc-analyze .select-item-content .el-checkbox + .el-checkbox {
margin-left: 0px;
}
.migrationPc-analyze .select-item-content .el-checkbox__input.is-checked + .el-checkbox__label {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(240, 243, 247, 0.8);
line-height: 18px;
}
.migrationPc-analyze .select-item-content .el-checkbox {
color: rgba(240, 243, 247, 0.8);
}
.migrationPc-analyze .select-item-content .el-checkbox__inner {
background-color: #252B3D;
border: 1px solid #5C6379;
}
.migrationPc-analyze .analyze-btn-container {
overflow: hidden;
}
.migrationPc-analyze .analyze-btn-container .analyze-btn {
float: right;
margin-bottom: 23px;
margin-right: 24px;
width: 100px;
height: 36px;
line-height: 36px;
font-family: PingFangSC-Medium;
font-size: 16px;
color: #F0F3F7;
text-align: center;
background-color: #2878FA;
border-radius: 19px;
cursor: pointer;
}
.migrationPc-analyze .analyze-btn-container .analyze-btn.is-disabled {
background-color: #252B3D;
color: rgba(240, 243, 247, 0.5);
cursor: not-allowed;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.analyze-chart-container {
width: 100%;
height: 100%;
}
#analyzeChart div {
z-index: 9 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-monitor .migration-dialog-contianer {
width: 1147px;
height: 572px;
padding: 0 22px 50px;
background: rgba(25, 30, 46, 0.97);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__header {
background: rgba(25, 30, 46, 0.97);
}
.migrationPc-monitor .migration-dialog-contianer .close-btn {
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABk0lEQVRYCb2X3U6DMBTH6Qhv4Md9A97ortV4t8S3NvMl1PAVopfqMwCePwaydUDPKXRNWAuj/f1ayjlbEFDJ8/y+KIpLtM9Rsiy7IN4DWArwpmleqP0ZhuEuSZJfnxKAt227J4Ym3vNGKVXR8UUX7uq63vtciQP4FkwSqBRmCyitwiuZ3dLpm4+VMOAfURTttNbfnYBviSk4uIOAL4k5+InA2hI2+KgALpZleYUNuWRPcOCTAksluPBZAVcJCdwqIJWQwlkCXAkXOFvAJuEKFwlMSVAEpZeli+0Ir0OEw/2cchSIOB3MV5T6tHQ4wcETC6CTIRG4zBzjoGz+K9knBSmse9P3QhvX+nNJLRYwNxzN/p2AzqlcJGDCkVKRupdIsPfAGBz5HMtt7AnR7wmWwBy8f96uElYBDnyJxKyABO4qMSngAneRGBVYApdKnAisAZdIHAmsCedKDAI+4ByJTsAn3CahzgGfk9hQSegGvSSl9gBbHcfxz0Hu0JRBb7o+9N/wsaqqa9sAa32PsJ2m6RPG+wOE5FODMgr6QQAAAABJRU5ErkJggg==) no-repeat center center;
background-size: 16px;
position: absolute;
top: -15px;
right: -10px;
z-index: 20;
cursor: pointer;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body {
height: 465px;
width: 1103px;
padding: 0;
position: relative;
top: 0;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body .prev-btn {
width: 22px;
height: 42px;
position: relative;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mapapi.qq.com/web/lbs/console/v/images/btnLast@2x.f4160af.png) no-repeat center center;
background-size: 22px 42px;
z-index: 20;
cursor: pointer;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body .next-btn {
width: 22px;
height: 42px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mapapi.qq.com/web/lbs/console/v/images/btnNext@2x.0121726.png) no-repeat center center;
background-size: 22px 42px;
z-index: 20;
cursor: pointer;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body .el-carousel {
height: 465px;
width: 1103px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 35px;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body .el-carousel__container {
height: 465px;
width: 1033px;
}
.migrationPc-monitor .migration-dialog-contianer .el-dialog__body .big-chart-container {
height: 360px;
width: 1033px;
}
.migrationPc-monitor .monitor-data-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 122px;
left: 0;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(25, 30, 46, 0.97);
z-index: 1;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 180px;
height: 78px;
padding: 14px 0;
text-align: center;
cursor: pointer;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item:hover {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, rgba(38, 74, 131, 0.2)), to(rgba(77, 145, 255, 0.07)));
background-image: linear-gradient(180deg, rgba(38, 74, 131, 0.2) 3%, rgba(77, 145, 255, 0.07) 100%);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.active {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, rgba(38, 74, 131, 0.2)), to(rgba(77, 145, 255, 0.2)));
background-image: linear-gradient(180deg, rgba(38, 74, 131, 0.2) 3%, rgba(77, 145, 255, 0.2) 100%);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item::before {
content: " ";
position: absolute;
left: -1px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 20px;
width: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.active::before {
width: 0;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.active + .monitor-data-item::before {
width: 0;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .compare-up::after,
.migrationPc-monitor .monitor-data-container .monitor-data-item .compare-down::after {
content: '';
background-size: 14px 14px;
display: inline-block;
position: relative;
top: 1px;
width: 14px;
height: 14px;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .compare-down::after {
top: 4px;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-red {
color: #FF3344;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-red .compare-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA5klEQVRIDe2SQQrCMBBF/7TQO3iOoNCdC1Ev0Ct4Ic/hXsGFO0HoGVy6dC+kY1IXLbRJJlLcmIGSMun8x/x+INVfOsDz9c4+3yxPsUO82JbQ+tLO5fmSbsdrjEYUkNVmBjQ1wOa0RQ8gU1SfzCmrTPaZQVRVAdKHDmYnDdj02juhkBiI+3MPRjnQtT17JywRsA0Iwx0ScycNUfAfdiHhwr8EvSAIkRc4DIkfKQmR09LxkISA4RA5gc6QBJn+EHktHdNmteJ+n+pzlIZ7w77qhO8JOKGZH6lkabI02oEUmmjLQgM/t/QNijdOoLPzkTkAAAAASUVORK5CYII=);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-yellow {
color: #FFB100;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-yellow.disabled {
color: rgba(255, 177, 0, 0.3);
cursor: not-allowed;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-yellow.disabled:hover {
background-image: none;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-yellow .compare-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA20lEQVRIDe2SMQ7CMAxFfzqUM+QcTGyMLIhbcCHOwVBYGNmYGBmZewY6YOKIIUJNbKOKhViqVCW1n/z7gFp/mQAdsOXnm+WdtYmOWOCJc+xrsHRrXCwzTEA6weOBawD4N6THDHO3Qq+FNtoP6YYWA/YJjFs9n8U75SA1EHfsQCHOz+IzvlOWChgFoYIk4U4rkfgPE0laYYkBComKwBFJBGaQR5AoG2lGEgkoSpQFZiWRkIJExUjHZlMXXE3KbWCakd8wGTrlawVOmWacVSOtkZoTqNKYI5Mafh7pCzZ0PljmqehFAAAAAElFTkSuQmCC);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-yellow .compare-down::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA20lEQVRIDe2SMQ7CMAxFfzqUM+QcTGyMLIhbcCHOwVBYGNmYGBmZewY6YOKIIUJNbKOKhViqVCW1n/z7gFp/mQAdsOXnm+WdtYmOWOCJc+xrsHRrXCwzTEA6weOBawD4N6THDHO3Qq+FNtoP6YYWA/YJjFs9n8U75SA1EHfsQCHOz+IzvlOWChgFoYIk4U4rkfgPE0laYYkBComKwBFJBGaQR5AoG2lGEgkoSpQFZiWRkIJExUjHZlMXXE3KbWCakd8wGTrlawVOmWacVSOtkZoTqNKYI5Mafh7pCzZ0PljmqehFAAAAAElFTkSuQmCC);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-orange {
color: #CB8152;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-orange.disabled {
color: rgba(203, 129, 82, 0.5);
cursor: not-allowed;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-orange.disabled:hover {
background-image: none;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-orange .compare-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA90lEQVRIDWNgGAUjMgTONgWngTA5nmckVdO5plDLf///HQDpY2JkcjCqW32cFDNIsvBMa4wkw99vZ///Z5AEWcLIyPCcgZnL2KR6yXNiLWUiVuHVVaFs//9+WwuzDKQPxAaJgeSINYdoC7/d+DeZ4T+DJYbBQDGwHIYEdgGiLAQnkP//cScSoByxiYhgHMISyX+G/3iDjZGB8RcxiQivheiJBHsgIUSJSUQ4gxRbIkEYjZ1FTCLCaSHORILdLoQogUSEN0gRpiBYpxuD/iN4DAym9etIMgOnD5ENpSZ71EJqhibYrNEgHQ1SkkNgNNGQHGSENNA9SAH5KWiuEDbVxwAAAABJRU5ErkJggg==);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-orange .compare-down::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA90lEQVRIDWNgGAUjMgTONgWngTA5nmckVdO5plDLf///HQDpY2JkcjCqW32cFDNIsvBMa4wkw99vZ///Z5AEWcLIyPCcgZnL2KR6yXNiLWUiVuHVVaFs//9+WwuzDKQPxAaJgeSINYdoC7/d+DeZ4T+DJYbBQDGwHIYEdgGiLAQnkP//cScSoByxiYhgHMISyX+G/3iDjZGB8RcxiQivheiJBHsgIUSJSUQ4gxRbIkEYjZ1FTCLCaSHORILdLoQogUSEN0gRpiBYpxuD/iN4DAym9etIMgOnD5ENpSZ71EJqhibYrNEgHQ1SkkNgNNGQHGSENNA9SAH5KWiuEDbVxwAAAABJRU5ErkJggg==);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-grey {
color: #F0F3F7;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-grey .compare-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA9UlEQVRIDWNgGAUjMgQWLN2UBsLkeJ6RVE0Ll222/Pf/7wGQPiZGZof4KN/jpJhBkoWL1+6Q/PP9x9n/DAySIEuAmp+zcHIYxwZ7PCfWUiZiFa5adZXt948fa2GWgfSB2CAxkByx5hBt4ZffdyYDbbDEMBgoBpbDkMAuQJSF4ATy/z/uRAKUIzYREYxDWCL5/58Bb7AxMjL8IiYR4bUQPZFgDySEKDGJCGeQYkskCKOxs4hJRDgtxJlIsNuFECWQiPAGKcIUBGvekg1AjyBAUkwASWbg9CHCSOqyRi2kbngCTRsN0tEgJTkERhMNyUFGSAPdgxQAa7xnOh1zp8oAAAAASUVORK5CYII=);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-green {
color: #25CC7F;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item.item-green .compare-up::after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAA90lEQVRIDWNgGAUjMgTUzjakgTA5nmckVZPGuSbLf///HQDpY2JkcrhhVHecFDNIslDzTKvkX4bfZ/8z/JcEWcLIwPicmYHV+LpJ9XNiLWUiVqH21Qa2P4y/18IsA+kDsUFiIDlizSHawt8/GCYz/P9viWEwUAwshyGBXYAoC0EJ5P///zgTCUiO2EREMA5hiQRoKN5gY2Rk/EVMIsJrIXoiwR5ICFFiEhHOIMWWSBBGY2cRk4hwWogzkWC3CyFKIBHhDVKEKQiW6pn6/wgeA8Ntk0aSzMDpQ2RDqcketZCaoQk2azRIR4OU5BAYTTQkBxkhDXQPUgAMYmZQ6Y4oJwAAAABJRU5ErkJggg==);
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .item-data-num {
margin-bottom: 10px;
font-size: 0;
overflow: hidden;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .item-data-num .data-label {
vertical-align: top;
display: inline-block;
margin-top: 10px;
margin-right: 7px;
font-family: PingFangSC-Regular;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .item-data-num .data-num-f {
vertical-align: top;
display: inline-block;
font-family: DINPro-Bold;
font-size: 28px;
text-align: center;
line-height: 26px;
}
.migrationPc-monitor .monitor-data-container .monitor-data-item .item-data-compare {
font-family: DINPro-Bold;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.migrationPc-monitor .migrationPc-pie-chart {
width: 340px;
height: 190px;
}
.migrationPc-monitor .migrationPc-line-chart {
height: 215px;
}
.migrationPc-monitor .migrationPc-linechart-legend {
height: 12px;
margin: 24px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.migrationPc-monitor .migrationPc-linechart-legend .legend-border {
width: 20px;
height: 2px;
margin: 5px 8px 5px 0;
}
.migrationPc-monitor .migrationPc-linechart-legend .legend-txt {
font-family: PingFangSC-Medium;
font-size: 12px;
color: #9EA4B0;
line-height: 12px;
margin-right: 20px;
}
.migrationPc-monitor .migrationPc-linechart-legend .sure-bgcolor {
background: #D90036;
}
.migrationPc-monitor .migrationPc-linechart-legend .distrust-bgcolor {
background: #FFB100;
}
.migrationPc-monitor .migrationPc-linechart-legend .death-bgcolor {
background: #9EA4B0;
}
.migrationPc-monitor .migrationPc-linechart-legend .cure-bgcolor {
background: #17CC7A;
}
.migrationPc-monitor .migrationPc-left-side {
top: 210px;
}
.migrationPc-monitor .migrationPc-left-side-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: auto;
border-radius: 4px;
}
.migrationPc-monitor .migrationPc-left-side-container .color-block {
display: block;
width: 14px;
height: 14px;
float: left;
margin: 2px 5px 0 0;
border-radius: 2px;
}
.migrationPc-monitor .migrationPc-left-side-container .color-1 {
background: #0062FF;
}
.migrationPc-monitor .migrationPc-left-side-container .color-2 {
background: #0CBBBB;
}
.migrationPc-monitor .migrationPc-left-side-container .color-3 {
background: #5033FF;
}
.migrationPc-monitor .migrationPc-left-side-container .color-4 {
background: #0AADFF;
}
.migrationPc-monitor .migrationPc-left-side-container .chart-none {
text-align: center;
line-height: 100px;
color: #909399;
}
.migrationPc-monitor .migrationPc-left-side-container .migration-data-container {
background: none;
}
.migrationPc-monitor .migrationPc-left-side-container .migrationPc-pie-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 24px 0;
margin-bottom: 10px;
background-color: rgba(25, 30, 46, 0.97);
border-radius: 4px;
}
.migrationPc-monitor .migrationPc-left-side-container .migrationPc-line-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 24px 20px;
background-color: rgba(25, 30, 46, 0.97);
border-radius: 4px;
}
.migrationPc-monitor .migrationPc-right-side2 {
top: 210px;
}
.migrationPc-monitor .migrationPc-right-side2 .migartionPc-tab-container {
background: none;
}
.migrationPc-monitor .migrationPc-map {
top: 200px;
}
.migrationPc-monitor .mt30 {
margin-top: 30px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-heatmap-chart .chart-container {
width: 100%;
height: 1560px;
position: relative;
z-index: 1000;
}
.migrationPc-heatmap-chart .empty {
font-family: PingFangSC-Medium;
font-size: 14px;
color: #525B7C;
text-align: center;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2000;
}
.migrationPc-heatmap-chart .empty img {
width: 72px;
height: 82px;
margin-bottom: 20px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.pie-chart-container {
width: 100%;
height: 100%;
}
#pieChart div {
z-index: 9 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.trend-chart-container {
width: 100%;
height: 100%;
}
#trendChart div {
z-index: 9 !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.map-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.map-slider .play-btn {
margin-right: 20px;
width: 28px;
height: 28px;
background: url(data:image/png;base64,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) no-repeat;
background-size: 28px 28px;
cursor: pointer;
}
.map-slider .play-btn.is-pause {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAACL3+lcAAAE0ElEQVRoBe2bP2wcRRTG5+1esC845oQCobBFEaWKkGwpEbWFZLlCSkEKIhqE6FJFlAgh6lR0CNGgpEgKS6mMJeQ6IhKWUKqIAtkFgSg6nCO2wbuP9409c3N7s+u9jdfsjbPNzL759347c7u3875V6uUR9hWguvDu3OF4YenZ+VbSuqgiNcOkZkjRWSLVVsxtPS7RNrPaZsVPiNWmStXmXrz3cG3lzK9Xr1JSh29HCszMra2t7UsJ00JEPCeQp6s4LfDPU6b1mHhterr9gIj2qvTja3MkwI8e8cQbb/3zvlLpFYE+4xuoqk1gnykVLf/5+yv3Llyg3ar9mHYvBIxlu7i4+x5Tck0RvW46rSVlfkoc31pdnfjxRZZ7ZeBu9+9LiqKPmXi2FsCcTolpQ3H6Xafz6oOcKoXmkYFlyVJ3a+cjRfxBYc91FzLd7UxPfi9LnkcZaiTgjQ1uT3V2bshd9t1RBqmtLtH9Xnfy5uwsbZcdozRwr9c7928Sfa5IvV2282Opx+q3U3H61dTU1OMy45UC1rAc35SZfa1Mp8deh+ivU5TcKAMdHeYclrGe2abCAkB8g4/w9TCeQmDcoPRvtmnL2EclPsJX+OwrNrZCYH03bsoNynhclIqv2ueCOrnA+8/Z//nRU+B4bpE8LrXvORW8wPgHhT8VOW2abxbfNYPHU+9673Z3FjlKr3vqj42J0ujrTmdyNevw0AzjRUD/N87WHLNzMIAl63Yra8Bbj9zoKr8IfHjtk8s/r/9yzu13fu6dx7dvffuTa8vmq7bL9mPP5WVm/w1O3bU2yQzMsNzS5QKkV9wKo+azsGjvs2X79dXx2bLtis/16+rApA4A4+VdoI/0fbbYoXpLwQImd5QBYCZacAtDyGP3xeWwwPo2zjznFoaQx1aT+4iywEtLu+er7kE1+cKACZuJxkcLnCTpRWMMLdU7pwdQFjhqRTOhgRoel80CJ5wGC+yyWWBskpsrElrqsvWBEREI9NDRjgM2C2zDHyFCm9COsPWBQwT1MPWBJbDlKQ/D5LBZYETxwqAbpnDZ+sASshyuGoYF4VhDYoFjijaNMbRUx54PoCxwupcGC4xAu5lEC4zIuzGGlrpsFhgyA0TeQ4MFE9gMlwXWQWaidVMQSgrphBtAt8AAJOa1UEANB3QiJo90APhAQCKaijAO6EPA5NIMAO+rZaJlt8KoeWzJZtvMzw/bhupUbJftZ/A8Wt5n6luHIg/YvD775vNvahep9H2oJycimCd/nP40q/wZmGGMjApQy9TjxfH1CoYsLEYfAoYR0iCtlsHJGB7wHQw+14eWtKmEkCNH9IU5H6eUUv4yT9bknWHA6QYiDRonUO0r5EwFGq5cYA0tOii5ed0fG2jxFdqtIn8LgSH6gg5KiTSoqJNGlImP8BU+F/mT+xt2G50o2RLAoX+CDqqRMw1hWkmNFlgKlzQqmAPQva32Z436TUN6KD6VEaQZjlJL2lRGCh3UiRGXuuDjKh8uvaRdWOTxrFv9YfI61DIy7U+z5Ud+DoG4jIUxi56zh4078pL2dXhiPgHIwkMUo3UikE6ImqBqgF1vNcnuCzYkGvmRRxYc55AZQFWAQDviswhZFn3Gg21i7JzGcfRwZWWits94fL6+tIV0Bf4D5vwHiTeK9osAAAAASUVORK5CYII=) no-repeat;
background-size: 28px 28px;
}
.map-slider .vue-slider-dot,
.map-slider .vue-slider-process {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.map-slider .vue-slider-rail {
background: rgba(240, 243, 247, 0.2);
border-radius: 20px;
}
.map-slider .vue-slider-process {
background: #F0F3F7;
border-radius: 20px;
}
.map-slider .vue-slider-dot-tooltip-inner {
font-family: PingFangSC-Semibold;
}
.map-slider .date-label {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #F0F3F7;
line-height: 12px;
}
.map-slider .slider-com {
margin: 0 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-prediction .migration-dialog-contianer {
width: 1147px;
height: 572px;
padding: 0 22px 50px;
background: rgba(25, 30, 46, 0.97);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__header {
background: rgba(25, 30, 46, 0.97);
}
.migrationPc-prediction .migration-dialog-contianer .close-btn {
width: 30px;
height: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABk0lEQVRYCb2X3U6DMBTH6Qhv4Md9A97ortV4t8S3NvMl1PAVopfqMwCePwaydUDPKXRNWAuj/f1ayjlbEFDJ8/y+KIpLtM9Rsiy7IN4DWArwpmleqP0ZhuEuSZJfnxKAt227J4Ym3vNGKVXR8UUX7uq63vtciQP4FkwSqBRmCyitwiuZ3dLpm4+VMOAfURTttNbfnYBviSk4uIOAL4k5+InA2hI2+KgALpZleYUNuWRPcOCTAksluPBZAVcJCdwqIJWQwlkCXAkXOFvAJuEKFwlMSVAEpZeli+0Ir0OEw/2cchSIOB3MV5T6tHQ4wcETC6CTIRG4zBzjoGz+K9knBSmse9P3QhvX+nNJLRYwNxzN/p2AzqlcJGDCkVKRupdIsPfAGBz5HMtt7AnR7wmWwBy8f96uElYBDnyJxKyABO4qMSngAneRGBVYApdKnAisAZdIHAmsCedKDAI+4ByJTsAn3CahzgGfk9hQSegGvSSl9gBbHcfxz0Hu0JRBb7o+9N/wsaqqa9sAa32PsJ2m6RPG+wOE5FODMgr6QQAAAABJRU5ErkJggg==) no-repeat center center;
background-size: 16px;
position: absolute;
top: -15px;
right: -10px;
z-index: 20;
cursor: pointer;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body {
height: 465px;
width: 1103px;
padding: 0;
position: relative;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body .next-btn {
width: 22px;
height: 42px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mapapi.qq.com/web/lbs/console/v/images/btnNext@2x.0121726.png) no-repeat center center;
background-size: 22px 42px;
z-index: 20;
cursor: pointer;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body .prev-btn {
width: 22px;
height: 42px;
position: relative;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mapapi.qq.com/web/lbs/console/v/images/btnLast@2x.f4160af.png) no-repeat center center;
background-size: 22px 42px;
z-index: 20;
cursor: pointer;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body .el-carousel {
height: 465px;
width: 1103px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 35px;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body .el-carousel__container {
height: 465px;
width: 1033px;
}
.migrationPc-prediction .migration-dialog-contianer .el-dialog__body .big-chart-container {
height: 360px;
width: 1033px;
}
.migrationPc-prediction .migrationPc-linechart-legend {
height: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.migrationPc-prediction .migrationPc-linechart-legend .legend-border {
width: 20px;
height: 2px;
margin: 5px 8px 5px 0;
}
.migrationPc-prediction .migrationPc-linechart-legend .legend-txt {
font-family: PingFangSC-Medium;
font-size: 12px;
color: #9EA4B0;
line-height: 12px;
margin-right: 20px;
}
.migrationPc-prediction .migrationPc-left-side {
background-color: rgba(25, 30, 46, 0.97);
}
.migrationPc-prediction .migrationPc-left-side .migrationPc-left-side {
top: 210px;
}
.migrationPc-prediction .migrationPc-left-side .migrationPc-left-side-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: auto;
border-radius: 4px;
}
.migrationPc-prediction .migrationPc-left-side .migrationPc-left-side-container .migrationPc-line-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 24px 20px;
background-color: rgba(25, 30, 46, 0.97);
border-radius: 4px;
}
.migrationPc-prediction .migrationPc-left-side .migrationPc-left-side-container .migrationPc-line-chart {
height: 215px;
}
.migrationPc-prediction .migrationPc-right-side2 .migartionPc-tab-container {
background: none;
}
.migrationPc-prediction .mt30 {
margin-top: 30px;
}
.migrationPc-prediction .mt50 {
margin-top: 50px;
}
.migrationPc-prediction .mb40 {
margin-bottom: 40px;
}
.migrationPc-prediction .mt10 {
margin-top: 10px;
}
.migrationPc-prediction .mtb24 {
margin-top: 24px;
margin-bottom: 24px;
}
.migrationPc-prediction .flex-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.migrationPc-prediction .migrationPc-map-switch-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 22px;
left: 0;
width: 100%;
padding: 0 400px;
z-index: 1001;
}
.migrationPc-prediction .migrationPc-map-switch-container .migrationPc-map-switch {
width: 292px;
}
.migrationPc-map-tooltip {
visibility: hidden;
position: absolute;
top: 10px;
right: 0px;
left: 0px;
margin: 0 auto;
width: 290px;
height: 16px;
padding: 24px 30px;
z-index: 1002;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #F0F3F7;
line-height: 16px;
opacity: 0.97;
background: #191E2E;
border-radius: 4px;
}
.migrationPc-map-tooltip .tooltip-close {
width: 29.7px;
height: 29.7px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABk0lEQVRYCb2X3U6DMBTH6Qhv4Md9A97ortV4t8S3NvMl1PAVopfqMwCePwaydUDPKXRNWAuj/f1ayjlbEFDJ8/y+KIpLtM9Rsiy7IN4DWArwpmleqP0ZhuEuSZJfnxKAt227J4Ym3vNGKVXR8UUX7uq63vtciQP4FkwSqBRmCyitwiuZ3dLpm4+VMOAfURTttNbfnYBviSk4uIOAL4k5+InA2hI2+KgALpZleYUNuWRPcOCTAksluPBZAVcJCdwqIJWQwlkCXAkXOFvAJuEKFwlMSVAEpZeli+0Ir0OEw/2cchSIOB3MV5T6tHQ4wcETC6CTIRG4zBzjoGz+K9knBSmse9P3QhvX+nNJLRYwNxzN/p2AzqlcJGDCkVKRupdIsPfAGBz5HMtt7AnR7wmWwBy8f96uElYBDnyJxKyABO4qMSngAneRGBVYApdKnAisAZdIHAmsCedKDAI+4ByJTsAn3CahzgGfk9hQSegGvSSl9gBbHcfxz0Hu0JRBb7o+9N/wsaqqa9sAa32PsJ2m6RPG+wOE5FODMgr6QQAAAABJRU5ErkJggg==) no-repeat center center;
background-size: 16px;
position: absolute;
right: 20.3px;
top: 17.3px;
cursor: pointer;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-login {
width: 100%;
height: 100%;
overflow: hidden;
background: #08090F url(//mapapi.qq.com/web/lbs/console/v/images/bg.2775dc6.png) no-repeat;
background-size: cover;
}
.migrationPc-login .migrationPc-login-container {
position: absolute;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-title {
font-family: TTTGBMedium;
font-style: italic;
font-size: 38px;
color: #FFFFFF;
letter-spacing: 0.79px;
text-align: center;
width: 388px;
height: 50px;
margin: 0 auto 50px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/logo_big@2x.b619e93.png) no-repeat center center;
background-size: 100%;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 36px 0 0 30px;
width: 455px;
height: 380px;
background: rgba(243, 248, 255, 0.95);
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .login-phone {
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #08090F;
line-height: 18px;
margin-bottom: 56px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .el-form-item .tlbs-input .el-input__inner {
background: rgba(243, 248, 255, 0.95);
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .el-form-item .is-disabled {
background: #edeff3;
color: #c0c6d4;
border-color: #EBEEF5;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .el-form-item__label {
font-size: 14px;
color: #08090F;
text-align: right;
line-height: 18px;
line-height: 40px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .phone .el-input {
width: 309px;
height: 40px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .code .el-input {
width: 196px;
height: 40px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .get-code {
height: 39px;
border-radius: 19.5px;
font-family: PingFangSC-Medium;
font-size: 13px;
text-align: center;
margin-left: 14px;
background: #fff;
color: #0063FF;
border-color: #0063FF;
padding: 12px 14px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .login-btn {
border-radius: 19.5px;
font-family: PingFangSC-Medium;
font-size: 13px;
text-align: center;
width: 120px;
height: 39px;
}
.migrationPc-login .migrationPc-login-container .migrationPc-login-content .create-btn {
opacity: 0.5;
font-size: 14px;
color: #08090F;
line-height: 18px;
margin-left: 72px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.migrationPc-login-cdc {
width: 100%;
height: 100%;
overflow: hidden;
background: #08090F url(//mapapi.qq.com/web/lbs/console/v/images/bg.2775dc6.png) no-repeat;
background-size: cover;
}
.migrationPc-login-cdc .migrationPc-login-container {
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-title {
font-family: TTTGBMedium;
font-style: italic;
font-size: 38px;
color: #FFFFFF;
letter-spacing: 0.79px;
text-align: center;
width: 285px;
height: 165px;
margin: 0 auto 40px;
background: url(//mapapi.qq.com/web/lbs/console/v/images/logoL.4c7089a.png) no-repeat center center;
background-size: 100%;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 36px 0 0 30px;
width: 455px;
height: 380px;
background: rgba(243, 248, 255, 0.95);
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .login-phone {
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #08090F;
line-height: 18px;
margin-bottom: 56px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .el-form-item .tlbs-input .el-input__inner {
background: rgba(243, 248, 255, 0.95);
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .el-form-item .is-disabled {
background: #edeff3;
color: #c0c6d4;
border-color: #EBEEF5;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .el-form-item__label {
font-size: 14px;
color: #08090F;
text-align: right;
line-height: 18px;
line-height: 40px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .phone .el-input {
width: 309px;
height: 40px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .code .el-input {
width: 196px;
height: 40px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .get-code {
height: 39px;
border-radius: 19.5px;
font-family: PingFangSC-Medium;
font-size: 13px;
text-align: center;
margin-left: 14px;
background: #fff;
color: #0063FF;
border-color: #0063FF;
padding: 12px 14px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .login-btn {
border-radius: 19.5px;
font-family: PingFangSC-Medium;
font-size: 13px;
text-align: center;
width: 120px;
height: 39px;
}
.migrationPc-login-cdc .migrationPc-login-container .migrationPc-login-content .create-btn {
opacity: 0.5;
font-size: 14px;
color: #08090F;
line-height: 18px;
margin-left: 72px;
}
:root {
--td-screen-xs: 320px;
--td-screen-sm: 768px;
--td-screen-md: 992px;
--td-screen-lg: 1200px;
--td-screen-xl: 1400px;
--td-screen-xxl: 1880px;
}
.narrow-scrollbar {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.narrow-scrollbar::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-fake-arrow path {
-webkit-transition: d 0.2s;
transition: d 0.2s;
stroke: currentcolor;
}
.t-fake-arrow--active path {
d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
}
.t-slide-down-enter-active,
.t-slide-down-leave-active {
-webkit-transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
:root,
:root[theme-mode="light"] {
--td-brand-color-1: #f2f3ff;
--td-brand-color-2: #d9e1ff;
--td-brand-color-3: #b5c7ff;
--td-brand-color-4: #8eabff;
--td-brand-color-5: #618dff;
--td-brand-color-6: #366ef4;
--td-brand-color-7: #0052d9;
--td-brand-color-8: #003cab;
--td-brand-color-9: #002a7c;
--td-brand-color-10: #001a57;
--td-warning-color-1: #fff1e9;
--td-warning-color-2: #ffd9c2;
--td-warning-color-3: #ffb98c;
--td-warning-color-4: #fa9550;
--td-warning-color-5: #e37318;
--td-warning-color-6: #be5a00;
--td-warning-color-7: #954500;
--td-warning-color-8: #713300;
--td-warning-color-9: #532300;
--td-warning-color-10: #3b1700;
--td-error-color-1: #fff0ed;
--td-error-color-2: #ffd8d2;
--td-error-color-3: #ffb9b0;
--td-error-color-4: #ff9285;
--td-error-color-5: #f6685d;
--td-error-color-6: #d54941;
--td-error-color-7: #ad352f;
--td-error-color-8: #881f1c;
--td-error-color-9: #68070a;
--td-error-color-10: #490002;
--td-success-color-1: #e3f9e9;
--td-success-color-2: #c6f3d7;
--td-success-color-3: #92dab2;
--td-success-color-4: #56c08d;
--td-success-color-5: #2ba471;
--td-success-color-6: #008858;
--td-success-color-7: #006c45;
--td-success-color-8: #005334;
--td-success-color-9: #003b23;
--td-success-color-10: #002515;
--td-gray-color-1: #f3f3f3;
--td-gray-color-2: #eee;
--td-gray-color-3: #e8e8e8;
--td-gray-color-4: #ddd;
--td-gray-color-5: #c6c6c6;
--td-gray-color-6: #a6a6a6;
--td-gray-color-7: #8b8b8b;
--td-gray-color-8: #777;
--td-gray-color-9: #5e5e5e;
--td-gray-color-10: #4b4b4b;
--td-gray-color-11: #393939;
--td-gray-color-12: #2c2c2c;
--td-gray-color-13: #242424;
--td-gray-color-14: #181818;
--td-font-white-1: #ffffff;
--td-font-white-2: rgba(255, 255, 255, 0.55);
--td-font-white-3: rgba(255, 255, 255, 0.35);
--td-font-white-4: rgba(255, 255, 255, 0.22);
--td-font-gray-1: rgba(0, 0, 0, 0.9);
--td-font-gray-2: rgba(0, 0, 0, 0.6);
--td-font-gray-3: rgba(0, 0, 0, 0.4);
--td-font-gray-4: rgba(0, 0, 0, 0.26);
--td-brand-color: var(--td-brand-color-7);
--td-warning-color: var(--td-warning-color-5);
--td-error-color: var(--td-error-color-6);
--td-success-color: var(--td-success-color-5);
--td-brand-color-hover: var(--td-brand-color-6);
--td-brand-color-focus: var(--td-brand-color-2);
--td-brand-color-active: var(--td-brand-color-8);
--td-brand-color-disabled: var(--td-brand-color-3);
--td-brand-color-light: var(--td-brand-color-1);
--td-brand-color-light-hover: var(--td-brand-color-2);
--td-warning-color-hover: var(--td-warning-color-4);
--td-warning-color-focus: var(--td-warning-color-2);
--td-warning-color-active: var(--td-warning-color-6);
--td-warning-color-disabled: var(--td-warning-color-3);
--td-warning-color-light: var(--td-warning-color-1);
--td-warning-color-light-hover: var(--td-warning-color-2);
--td-error-color-hover: var(--td-error-color-5);
--td-error-color-focus: var(--td-error-color-2);
--td-error-color-active: var(--td-error-color-7);
--td-error-color-disabled: var(--td-error-color-3);
--td-error-color-light: var(--td-error-color-1);
--td-error-color-light-hover: var(--td-error-color-2);
--td-success-color-hover: var(--td-success-color-4);
--td-success-color-focus: var(--td-success-color-2);
--td-success-color-active: var(--td-success-color-6);
--td-success-color-disabled: var(--td-success-color-3);
--td-success-color-light: var(--td-success-color-1);
--td-success-color-light-hover: var(--td-success-color-2);
--td-mask-active: rgba(0, 0, 0, 0.6);
--td-mask-disabled: rgba(255, 255, 255, 0.6);
--td-bg-color-page: var(--td-gray-color-2);
--td-bg-color-container: #fff;
--td-bg-color-container-hover: var(--td-gray-color-1);
--td-bg-color-container-active: var(--td-gray-color-3);
--td-bg-color-container-select: #fff;
--td-bg-color-secondarycontainer: var(--td-gray-color-1);
--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
--td-bg-color-component: var(--td-gray-color-3);
--td-bg-color-component-hover: var(--td-gray-color-4);
--td-bg-color-component-active: var(--td-gray-color-6);
--td-bg-color-secondarycomponent: var(--td-gray-color-4);
--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
--td-bg-color-component-disabled: var(--td-gray-color-2);
--td-bg-color-specialcomponent: #fff;
--td-text-color-primary: var(--td-font-gray-1);
--td-text-color-secondary: var(--td-font-gray-2);
--td-text-color-placeholder: var(--td-font-gray-3);
--td-text-color-disabled: var(--td-font-gray-4);
--td-text-color-anti: #fff;
--td-text-color-brand: var(--td-brand-color-7);
--td-text-color-link: var(--td-brand-color-8);
--td-border-level-1-color: var(--td-gray-color-3);
--td-component-stroke: var(--td-gray-color-3);
--td-border-level-2-color: var(--td-gray-color-4);
--td-component-border: var(--td-gray-color-4);
--td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
--td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
--td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
--td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
--td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
--td-table-shadow-color: rgba(0, 0, 0, 0.08);
--td-scrollbar-color: rgba(0, 0, 0, 0.1);
--td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
--td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
--td-brand-color-1: #1b2f51;
--td-brand-color-2: #173463;
--td-brand-color-3: #143975;
--td-brand-color-4: #103d88;
--td-brand-color-5: #0d429a;
--td-brand-color-6: #054bbe;
--td-brand-color-7: #2667d4;
--td-brand-color-8: #4582e6;
--td-brand-color-9: #699ef5;
--td-brand-color-10: #96bbf8;
--td-warning-color-1: #4f2a1d;
--td-warning-color-2: #582f21;
--td-warning-color-3: #733c23;
--td-warning-color-4: #a75d2b;
--td-warning-color-5: #cf6e2d;
--td-warning-color-6: #dc7633;
--td-warning-color-7: #e8935c;
--td-warning-color-8: #ecbf91;
--td-warning-color-9: #eed7bf;
--td-warning-color-10: #f3e9dc;
--td-error-color-1: #472324;
--td-error-color-2: #5e2a2d;
--td-error-color-3: #703439;
--td-error-color-4: #83383e;
--td-error-color-5: #a03f46;
--td-error-color-6: #c64751;
--td-error-color-7: #de6670;
--td-error-color-8: #ec888e;
--td-error-color-9: #edb1b6;
--td-error-color-10: #eeced0;
--td-success-color-1: #193a2a;
--td-success-color-2: #1a4230;
--td-success-color-3: #17533d;
--td-success-color-4: #0d7a55;
--td-success-color-5: #059465;
--td-success-color-6: #43af8a;
--td-success-color-7: #46bf96;
--td-success-color-8: #80d2b6;
--td-success-color-9: #b4e1d3;
--td-success-color-10: #deede8;
--td-gray-color-1: #f3f3f3;
--td-gray-color-2: #eee;
--td-gray-color-3: #e8e8e8;
--td-gray-color-4: #ddd;
--td-gray-color-5: #c6c6c6;
--td-gray-color-6: #a6a6a6;
--td-gray-color-7: #8b8b8b;
--td-gray-color-8: #777;
--td-gray-color-9: #5e5e5e;
--td-gray-color-10: #4b4b4b;
--td-gray-color-11: #393939;
--td-gray-color-12: #2c2c2c;
--td-gray-color-13: #242424;
--td-gray-color-14: #181818;
--td-font-white-1: rgba(255, 255, 255, 0.9);
--td-font-white-2: rgba(255, 255, 255, 0.55);
--td-font-white-3: rgba(255, 255, 255, 0.35);
--td-font-white-4: rgba(255, 255, 255, 0.22);
--td-font-gray-1: rgba(0, 0, 0, 0.9);
--td-font-gray-2: rgba(0, 0, 0, 0.6);
--td-font-gray-3: rgba(0, 0, 0, 0.4);
--td-font-gray-4: rgba(0, 0, 0, 0.26);
--td-brand-color: var(--td-brand-color-8);
--td-warning-color: var(--td-warning-color-5);
--td-error-color: var(--td-error-color-6);
--td-success-color: var(--td-success-color-5);
--td-brand-color-hover: var(--td-brand-color-7);
--td-brand-color-focus: var(--td-brand-color-2);
--td-brand-color-active: var(--td-brand-color-9);
--td-brand-color-disabled: var(--td-brand-color-3);
--td-brand-color-light: var(--td-brand-color-1);
--td-brand-color-light-hover: var(--td-brand-color-2);
--td-warning-color-hover: var(--td-warning-color-4);
--td-warning-color-focus: var(--td-warning-color-2);
--td-warning-color-active: var(--td-warning-color-6);
--td-warning-color-disabled: var(--td-warning-color-3);
--td-warning-color-light: var(--td-warning-color-1);
--td-warning-color-light-hover: var(--td-warning-color-2);
--td-error-color-hover: var(--td-error-color-5);
--td-error-color-focus: var(--td-error-color-2);
--td-error-color-active: var(--td-error-color-7);
--td-error-color-disabled: var(--td-error-color-3);
--td-error-color-light: var(--td-error-color-1);
--td-error-color-light-hover: var(--td-error-color-2);
--td-success-color-hover: var(--td-success-color-4);
--td-success-color-focus: var(--td-success-color-2);
--td-success-color-active: var(--td-success-color-6);
--td-success-color-disabled: var(--td-success-color-3);
--td-success-color-light: var(--td-success-color-1);
--td-success-color-light-hover: var(--td-success-color-2);
--td-mask-active: rgba(0, 0, 0, 0.4);
--td-mask-disabled: rgba(0, 0, 0, 0.6);
--td-bg-color-page: var(--td-gray-color-14);
--td-bg-color-container: var(--td-gray-color-13);
--td-bg-color-container-hover: var(--td-gray-color-12);
--td-bg-color-container-active: var(--td-gray-color-10);
--td-bg-color-container-select: var(--td-gray-color-9);
--td-bg-color-secondarycontainer: var(--td-gray-color-12);
--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
--td-bg-color-component: var(--td-gray-color-11);
--td-bg-color-component-hover: var(--td-gray-color-10);
--td-bg-color-component-active: var(--td-gray-color-9);
--td-bg-color-secondarycomponent: var(--td-gray-color-10);
--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
--td-bg-color-component-disabled: var(--td-gray-color-12);
--td-bg-color-specialcomponent: transparent;
--td-text-color-primary: var(--td-font-white-1);
--td-text-color-secondary: var(--td-font-white-2);
--td-text-color-placeholder: var(--td-font-white-3);
--td-text-color-disabled: var(--td-font-white-4);
--td-text-color-anti: #fff;
--td-text-color-brand: var(--td-brand-color-8);
--td-text-color-link: var(--td-brand-color-8);
--td-border-level-1-color: var(--td-gray-color-11);
--td-component-stroke: var(--td-gray-color-11);
--td-border-level-2-color: var(--td-gray-color-9);
--td-component-border: var(--td-gray-color-9);
--td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
--td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
--td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
--td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
--td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
--td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
--td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
--td-table-shadow-color: rgba(0, 0, 0, 0.55);
--td-scrollbar-color: rgba(255, 255, 255, 0.1);
--td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
--td-scroll-track-color: #333;
}
:root {
--td-radius-small: 2px;
--td-radius-default: 3px;
--td-radius-medium: 6px;
--td-radius-large: 9px;
--td-radius-extraLarge: 12px;
--td-radius-round: 999px;
--td-radius-circle: 50%;
}
:root {
--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
--td-font-size-link-small: 12px;
--td-font-size-link-medium: 14px;
--td-font-size-link-large: 16px;
--td-font-size-mark-small: 12px;
--td-font-size-mark-medium: 14px;
--td-font-size-body-small: 12px;
--td-font-size-body-medium: 14px;
--td-font-size-body-large: 16px;
--td-font-size-title-small: 14px;
--td-font-size-title-medium: 16px;
--td-font-size-title-large: 20px;
--td-font-size-headline-small: 24px;
--td-font-size-headline-medium: 28px;
--td-font-size-headline-large: 36px;
--td-font-size-display-medium: 48px;
--td-font-size-display-large: 64px;
--td-line-height-link-small: 20px;
--td-line-height-link-medium: 22px;
--td-line-height-link-large: 24px;
--td-line-height-mark-small: 20px;
--td-line-height-mark-medium: 22px;
--td-line-height-body-small: 20px;
--td-line-height-body-medium: 22px;
--td-line-height-body-large: 24px;
--td-line-height-title-small: 22px;
--td-line-height-title-medium: 24px;
--td-line-height-title-large: 28px;
--td-line-height-headline-small: 32px;
--td-line-height-headline-medium: 36px;
--td-line-height-headline-large: 44px;
--td-line-height-display-medium: 56px;
--td-line-height-display-large: 72px;
--td-font-link-small: var(--td-font-size-link-small) /
var(--td-line-height-link-small) var(--td-font-family);
--td-font-link-medium: var(--td-font-size-link-medium) /
var(--td-line-height-link-medium) var(--td-font-family);
--td-font-link-large: var(--td-font-size-link-large) /
var(--td-line-height-link-large) var(--td-font-family);
--td-font-mark-small: 600 var(--td-font-size-mark-small) /
var(--td-line-height-mark-small) var(--td-font-family);
--td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
var(--td-line-height-mark-medium) var(--td-font-family);
--td-font-body-small: var(--td-font-size-body-small) /
var(--td-line-height-body-small) var(--td-font-family);
--td-font-body-medium: var(--td-font-size-body-medium) /
var(--td-line-height-body-medium) var(--td-font-family);
--td-font-body-large: var(--td-font-size-body-large) /
var(--td-line-height-body-large) var(--td-font-family);
--td-font-title-small: 600 var(--td-font-size-title-small) /
var(--td-line-height-title-small) var(--td-font-family);
--td-font-title-medium: 600 var(--td-font-size-title-medium) /
var(--td-line-height-title-medium) var(--td-font-family);
--td-font-title-large: 600 var(--td-font-size-title-large) /
var(--td-line-height-title-large) var(--td-font-family);
--td-font-headline-small: 600 var(--td-font-size-headline-small) /
var(--td-line-height-headline-small) var(--td-font-family);
--td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
var(--td-line-height-headline-medium) var(--td-font-family);
--td-font-headline-large: 600 var(--td-font-size-headline-large) /
var(--td-line-height-headline-large) var(--td-font-family);
--td-font-display-medium: 600 var(--td-font-size-display-medium) /
var(--td-line-height-display-medium) var(--td-font-family);
--td-font-display-large: 600 var(--td-font-size-display-large) /
var(--td-line-height-display-large) var(--td-font-family);
}
:root {
--td-size-1: 2px;
--td-size-2: 4px;
--td-size-3: 6px;
--td-size-4: 8px;
--td-size-5: 12px;
--td-size-6: 16px;
--td-size-7: 20px;
--td-size-8: 24px;
--td-size-9: 28px;
--td-size-10: 32px;
--td-size-11: 36px;
--td-size-12: 40px;
--td-size-13: 48px;
--td-size-14: 56px;
--td-size-15: 64px;
--td-size-16: 72px;
--td-comp-size-xxxs: var(--td-size-6);
--td-comp-size-xxs: var(--td-size-7);
--td-comp-size-xs: var(--td-size-8);
--td-comp-size-s: var(--td-size-9);
--td-comp-size-m: var(--td-size-10);
--td-comp-size-l: var(--td-size-11);
--td-comp-size-xl: var(--td-size-12);
--td-comp-size-xxl: var(--td-size-13);
--td-comp-size-xxxl: var(--td-size-14);
--td-comp-size-xxxxl: var(--td-size-15);
--td-comp-size-xxxxxl: var(--td-size-16);
--td-pop-padding-s: var(--td-size-2);
--td-pop-padding-m: var(--td-size-3);
--td-pop-padding-l: var(--td-size-4);
--td-pop-padding-xl: var(--td-size-5);
--td-pop-padding-xxl: var(--td-size-6);
--td-comp-paddingLR-xxs: var(--td-size-1);
--td-comp-paddingLR-xs: var(--td-size-2);
--td-comp-paddingLR-s: var(--td-size-4);
--td-comp-paddingLR-m: var(--td-size-5);
--td-comp-paddingLR-l: var(--td-size-6);
--td-comp-paddingLR-xl: var(--td-size-8);
--td-comp-paddingLR-xxl: var(--td-size-10);
--td-comp-paddingTB-xxs: var(--td-size-1);
--td-comp-paddingTB-xs: var(--td-size-2);
--td-comp-paddingTB-s: var(--td-size-4);
--td-comp-paddingTB-m: var(--td-size-5);
--td-comp-paddingTB-l: var(--td-size-6);
--td-comp-paddingTB-xl: var(--td-size-8);
--td-comp-paddingTB-xxl: var(--td-size-10);
--td-comp-margin-xxs: var(--td-size-1);
--td-comp-margin-xs: var(--td-size-2);
--td-comp-margin-s: var(--td-size-4);
--td-comp-margin-m: var(--td-size-5);
--td-comp-margin-l: var(--td-size-6);
--td-comp-margin-xl: var(--td-size-7);
--td-comp-margin-xxl: var(--td-size-8);
--td-comp-margin-xxxl: var(--td-size-10);
--td-comp-margin-xxxxl: var(--td-size-12);
}
html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in both ease-out;animation:.3s van-fade-in both ease-out}.van-fade-leave-active{-webkit-animation:.3s van-fade-out both ease-in;animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease-out;animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease-in;animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease-out;animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease-in;animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease-out;animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease-in;animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease-out;animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease-in;animation:van-slide-right-leave .3s both ease-in}.van-overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:20px 12px;overflow:hidden;color:#323233;font-size:14px;line-height:20px;background-color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:#f2f3f5}.van-sidebar-item__text{position:relative;display:inline-block;word-break:break-all}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item--select{color:#323233;font-weight:500}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:#fff}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:4px;height:16px;background-color:#ee0a24;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:#f7f8fa}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font:normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon:before{display:inline-block}.van-icon-contact:before{content:'\e753'}.van-icon-notes:before{content:'\e63c'}.van-icon-records:before{content:'\e63d'}.van-icon-cash-back-record:before{content:'\e63e'}.van-icon-newspaper:before{content:'\e63f'}.van-icon-discount:before{content:'\e640'}.van-icon-completed:before{content:'\e641'}.van-icon-user:before{content:'\e642'}.van-icon-description:before{content:'\e643'}.van-icon-list-switch:before{content:'\e6ad'}.van-icon-list-switching:before{content:'\e65a'}.van-icon-link-o:before{content:'\e751'}.van-icon-miniprogram-o:before{content:'\e752'}.van-icon-qq:before{content:'\e74e'}.van-icon-wechat-moments:before{content:'\e74f'}.van-icon-weibo:before{content:'\e750'}.van-icon-cash-o:before{content:'\e74d'}.van-icon-guide-o:before{content:'\e74c'}.van-icon-invitation:before{content:'\e6d6'}.van-icon-shield-o:before{content:'\e74b'}.van-icon-exchange:before{content:'\e6af'}.van-icon-eye:before{content:'\e6b0'}.van-icon-enlarge:before{content:'\e6b1'}.van-icon-expand-o:before{content:'\e6b2'}.van-icon-eye-o:before{content:'\e6b3'}.van-icon-expand:before{content:'\e6b4'}.van-icon-filter-o:before{content:'\e6b5'}.van-icon-fire:before{content:'\e6b6'}.van-icon-fail:before{content:'\e6b7'}.van-icon-failure:before{content:'\e6b8'}.van-icon-fire-o:before{content:'\e6b9'}.van-icon-flag-o:before{content:'\e6ba'}.van-icon-font:before{content:'\e6bb'}.van-icon-font-o:before{content:'\e6bc'}.van-icon-gem-o:before{content:'\e6bd'}.van-icon-flower-o:before{content:'\e6be'}.van-icon-gem:before{content:'\e6bf'}.van-icon-gift-card:before{content:'\e6c0'}.van-icon-friends:before{content:'\e6c1'}.van-icon-friends-o:before{content:'\e6c2'}.van-icon-gold-coin:before{content:'\e6c3'}.van-icon-gold-coin-o:before{content:'\e6c4'}.van-icon-good-job-o:before{content:'\e6c5'}.van-icon-gift:before{content:'\e6c6'}.van-icon-gift-o:before{content:'\e6c7'}.van-icon-gift-card-o:before{content:'\e6c8'}.van-icon-good-job:before{content:'\e6c9'}.van-icon-home-o:before{content:'\e6ca'}.van-icon-goods-collect:before{content:'\e6cb'}.van-icon-graphic:before{content:'\e6cc'}.van-icon-goods-collect-o:before{content:'\e6cd'}.van-icon-hot-o:before{content:'\e6ce'}.van-icon-info:before{content:'\e6cf'}.van-icon-hotel-o:before{content:'\e6d0'}.van-icon-info-o:before{content:'\e6d1'}.van-icon-hot-sale-o:before{content:'\e6d2'}.van-icon-hot:before{content:'\e6d3'}.van-icon-like:before{content:'\e6d4'}.van-icon-idcard:before{content:'\e6d5'}.van-icon-like-o:before{content:'\e6d7'}.van-icon-hot-sale:before{content:'\e6d8'}.van-icon-location-o:before{content:'\e6d9'}.van-icon-location:before{content:'\e6da'}.van-icon-label:before{content:'\e6db'}.van-icon-lock:before{content:'\e6dc'}.van-icon-label-o:before{content:'\e6dd'}.van-icon-map-marked:before{content:'\e6de'}.van-icon-logistics:before{content:'\e6df'}.van-icon-manager:before{content:'\e6e0'}.van-icon-more:before{content:'\e6e1'}.van-icon-live:before{content:'\e6e2'}.van-icon-manager-o:before{content:'\e6e3'}.van-icon-medal:before{content:'\e6e4'}.van-icon-more-o:before{content:'\e6e5'}.van-icon-music-o:before{content:'\e6e6'}.van-icon-music:before{content:'\e6e7'}.van-icon-new-arrival-o:before{content:'\e6e8'}.van-icon-medal-o:before{content:'\e6e9'}.van-icon-new-o:before{content:'\e6ea'}.van-icon-free-postage:before{content:'\e6eb'}.van-icon-newspaper-o:before{content:'\e6ec'}.van-icon-new-arrival:before{content:'\e6ed'}.van-icon-minus:before{content:'\e6ee'}.van-icon-orders-o:before{content:'\e6ef'}.van-icon-new:before{content:'\e6f0'}.van-icon-paid:before{content:'\e6f1'}.van-icon-notes-o:before{content:'\e6f2'}.van-icon-other-pay:before{content:'\e6f3'}.van-icon-pause-circle:before{content:'\e6f4'}.van-icon-pause:before{content:'\e6f5'}.van-icon-pause-circle-o:before{content:'\e6f6'}.van-icon-peer-pay:before{content:'\e6f7'}.van-icon-pending-payment:before{content:'\e6f8'}.van-icon-passed:before{content:'\e6f9'}.van-icon-plus:before{content:'\e6fa'}.van-icon-phone-circle-o:before{content:'\e6fb'}.van-icon-phone-o:before{content:'\e6fc'}.van-icon-printer:before{content:'\e6fd'}.van-icon-photo-fail:before{content:'\e6fe'}.van-icon-phone:before{content:'\e6ff'}.van-icon-photo-o:before{content:'\e700'}.van-icon-play-circle:before{content:'\e701'}.van-icon-play:before{content:'\e702'}.van-icon-phone-circle:before{content:'\e703'}.van-icon-point-gift-o:before{content:'\e704'}.van-icon-point-gift:before{content:'\e705'}.van-icon-play-circle-o:before{content:'\e706'}.van-icon-shrink:before{content:'\e707'}.van-icon-photo:before{content:'\e708'}.van-icon-qr:before{content:'\e709'}.van-icon-qr-invalid:before{content:'\e70a'}.van-icon-question-o:before{content:'\e70b'}.van-icon-revoke:before{content:'\e70c'}.van-icon-replay:before{content:'\e70d'}.van-icon-service:before{content:'\e70e'}.van-icon-question:before{content:'\e70f'}.van-icon-search:before{content:'\e710'}.van-icon-refund-o:before{content:'\e711'}.van-icon-service-o:before{content:'\e712'}.van-icon-scan:before{content:'\e713'}.van-icon-share:before{content:'\e714'}.van-icon-send-gift-o:before{content:'\e715'}.van-icon-share-o:before{content:'\e716'}.van-icon-setting:before{content:'\e717'}.van-icon-points:before{content:'\e718'}.van-icon-photograph:before{content:'\e719'}.van-icon-shop:before{content:'\e71a'}.van-icon-shop-o:before{content:'\e71b'}.van-icon-shop-collect-o:before{content:'\e71c'}.van-icon-shop-collect:before{content:'\e71d'}.van-icon-smile:before{content:'\e71e'}.van-icon-shopping-cart-o:before{content:'\e71f'}.van-icon-sign:before{content:'\e720'}.van-icon-sort:before{content:'\e721'}.van-icon-star-o:before{content:'\e722'}.van-icon-smile-comment-o:before{content:'\e723'}.van-icon-stop:before{content:'\e724'}.van-icon-stop-circle-o:before{content:'\e725'}.van-icon-smile-o:before{content:'\e726'}.van-icon-star:before{content:'\e727'}.van-icon-success:before{content:'\e728'}.van-icon-stop-circle:before{content:'\e729'}.van-icon-records-o:before{content:'\e72a'}.van-icon-shopping-cart:before{content:'\e72b'}.van-icon-tosend:before{content:'\e72c'}.van-icon-todo-list:before{content:'\e72d'}.van-icon-thumb-circle-o:before{content:'\e72e'}.van-icon-thumb-circle:before{content:'\e72f'}.van-icon-umbrella-circle:before{content:'\e730'}.van-icon-underway:before{content:'\e731'}.van-icon-upgrade:before{content:'\e732'}.van-icon-todo-list-o:before{content:'\e733'}.van-icon-tv-o:before{content:'\e734'}.van-icon-underway-o:before{content:'\e735'}.van-icon-user-o:before{content:'\e736'}.van-icon-vip-card-o:before{content:'\e737'}.van-icon-vip-card:before{content:'\e738'}.van-icon-send-gift:before{content:'\e739'}.van-icon-wap-home:before{content:'\e73a'}.van-icon-wap-nav:before{content:'\e73b'}.van-icon-volume-o:before{content:'\e73c'}.van-icon-video:before{content:'\e73d'}.van-icon-wap-home-o:before{content:'\e73e'}.van-icon-volume:before{content:'\e73f'}.van-icon-warning:before{content:'\e740'}.van-icon-weapp-nav:before{content:'\e741'}.van-icon-wechat-pay:before{content:'\e742'}.van-icon-warning-o:before{content:'\e743'}.van-icon-wechat:before{content:'\e744'}.van-icon-setting-o:before{content:'\e745'}.van-icon-youzan-shield:before{content:'\e746'}.van-icon-warn-o:before{content:'\e747'}.van-icon-smile-comment:before{content:'\e748'}.van-icon-user-circle-o:before{content:'\e749'}.van-icon-video-o:before{content:'\e74a'}.van-icon-add-square:before{content:'\e65c'}.van-icon-add:before{content:'\e65d'}.van-icon-arrow-down:before{content:'\e65e'}.van-icon-arrow-up:before{content:'\e65f'}.van-icon-arrow:before{content:'\e660'}.van-icon-after-sale:before{content:'\e661'}.van-icon-add-o:before{content:'\e662'}.van-icon-alipay:before{content:'\e663'}.van-icon-ascending:before{content:'\e664'}.van-icon-apps-o:before{content:'\e665'}.van-icon-aim:before{content:'\e666'}.van-icon-award:before{content:'\e667'}.van-icon-arrow-left:before{content:'\e668'}.van-icon-award-o:before{content:'\e669'}.van-icon-audio:before{content:'\e66a'}.van-icon-bag-o:before{content:'\e66b'}.van-icon-balance-list:before{content:'\e66c'}.van-icon-back-top:before{content:'\e66d'}.van-icon-bag:before{content:'\e66e'}.van-icon-balance-pay:before{content:'\e66f'}.van-icon-balance-o:before{content:'\e670'}.van-icon-bar-chart-o:before{content:'\e671'}.van-icon-bars:before{content:'\e672'}.van-icon-balance-list-o:before{content:'\e673'}.van-icon-birthday-cake-o:before{content:'\e674'}.van-icon-bookmark:before{content:'\e675'}.van-icon-bill:before{content:'\e676'}.van-icon-bell:before{content:'\e677'}.van-icon-browsing-history-o:before{content:'\e678'}.van-icon-browsing-history:before{content:'\e679'}.van-icon-bookmark-o:before{content:'\e67a'}.van-icon-bulb-o:before{content:'\e67b'}.van-icon-bullhorn-o:before{content:'\e67c'}.van-icon-bill-o:before{content:'\e67d'}.van-icon-calendar-o:before{content:'\e67e'}.van-icon-brush-o:before{content:'\e67f'}.van-icon-card:before{content:'\e680'}.van-icon-cart-o:before{content:'\e681'}.van-icon-cart-circle:before{content:'\e682'}.van-icon-cart-circle-o:before{content:'\e683'}.van-icon-cart:before{content:'\e684'}.van-icon-cash-on-deliver:before{content:'\e685'}.van-icon-cash-back-record-o:before{content:'\e686'}.van-icon-cashier-o:before{content:'\e687'}.van-icon-chart-trending-o:before{content:'\e688'}.van-icon-certificate:before{content:'\e689'}.van-icon-chat:before{content:'\e68a'}.van-icon-clear:before{content:'\e68b'}.van-icon-chat-o:before{content:'\e68c'}.van-icon-checked:before{content:'\e68d'}.van-icon-clock:before{content:'\e68e'}.van-icon-clock-o:before{content:'\e68f'}.van-icon-close:before{content:'\e690'}.van-icon-closed-eye:before{content:'\e691'}.van-icon-circle:before{content:'\e692'}.van-icon-cluster-o:before{content:'\e693'}.van-icon-column:before{content:'\e694'}.van-icon-comment-circle-o:before{content:'\e695'}.van-icon-cluster:before{content:'\e696'}.van-icon-comment:before{content:'\e697'}.van-icon-comment-o:before{content:'\e698'}.van-icon-comment-circle:before{content:'\e699'}.van-icon-completed-o:before{content:'\e69a'}.van-icon-credit-pay:before{content:'\e69b'}.van-icon-coupon:before{content:'\e69c'}.van-icon-debit-pay:before{content:'\e69d'}.van-icon-coupon-o:before{content:'\e69e'}.van-icon-contact-o:before{content:'\e69f'}.van-icon-descending:before{content:'\e6a0'}.van-icon-desktop-o:before{content:'\e6a1'}.van-icon-diamond-o:before{content:'\e6a2'}.van-icon-description-o:before{content:'\e6a3'}.van-icon-delete:before{content:'\e6a4'}.van-icon-diamond:before{content:'\e6a5'}.van-icon-delete-o:before{content:'\e6a6'}.van-icon-cross:before{content:'\e6a7'}.van-icon-edit:before{content:'\e6a8'}.van-icon-ellipsis:before{content:'\e6a9'}.van-icon-down:before{content:'\e6aa'}.van-icon-discount-o:before{content:'\e6ab'}.van-icon-ecard-pay:before{content:'\e6ac'}.van-icon-envelop-o:before{content:'\e6ae'}@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format('woff')}.van-icon__image{display:block;width:1em;height:1em;object-fit:contain}.van-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;font-size:12px;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:4px;font-size:22px}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:#1989fa;background-color:#fff}.van-tabbar-item .van-info{margin-top:4px}.van-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#969799;font-size:14px}.van-step__circle{display:block;width:5px;height:5px;background-color:#969799;border-radius:50%}.van-step__line{position:absolute;background-color:#ebedf0;-webkit-transition:background-color .3s;transition:background-color .3s}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:-8px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:321px){.van-step--horizontal .van-step__title{font-size:11px}}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:12px}.van-step--horizontal .van-step--process{color:#323233}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:#323233}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:#07c160}.van-step__icon,.van-step__title{-webkit-transition:color .3s;transition:color .3s}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:#07c160}.van-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:4px}.van-rate__icon{display:block;width:1em;color:#c8c9cc;font-size:20px}.van-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.van-rate__icon--full{color:#ee0a24}.van-rate__icon--disabled{color:#c8c9cc}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-notice-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 16px;color:#ed6a0c;font-size:14px;line-height:24px;background-color:#fffbe8}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:24px;font-size:16px}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;-webkit-transition-timing-function:linear;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:8px 16px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.van-nav-bar{position:relative;z-index:1;line-height:22px;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:#1989fa}.van-nav-bar__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:46px}.van-nav-bar__arrow{margin-right:4px;font-size:16px}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;font-weight:500;font-size:16px}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;font-size:14px;cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:.7}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:#1989fa}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}.van-goods-action-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:48px;height:100%;color:#646566;font-size:10px;line-height:1;text-align:center;background-color:#fff;cursor:pointer}.van-goods-action-icon:active{background-color:#f2f3f5}.van-goods-action-icon__icon{position:relative;width:1em;margin:0 auto 5px;color:#323233;font-size:18px}.van-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:#c8c9cc}.van-checkbox__label{margin-left:8px;color:#323233;line-height:20px}.van-checkbox__label--left{margin:0 8px 0 0}.van-checkbox__label--disabled{color:#c8c9cc}.van-coupon{margin:0 12px 12px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#f2f3f5}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;min-height:84px;padding:14px 0;color:#323233}.van-coupon__head{position:relative;min-width:96px;padding:0 8px;color:#ee0a24;text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:500;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:40%}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:12px;line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:0 8px 8px 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:14px;line-height:20px}.van-coupon__valid{font-size:12px}.van-coupon__corner{position:absolute;top:0;right:16px;bottom:0}.van-coupon__description{padding:8px 16px;font-size:12px;border-top:1px dashed #ebedf0}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:74px}.van-coupon--disabled .van-coupon__head{color:inherit}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#969799;font-size:14px;background-color:#f7f8fa}.van-image__loading-icon{color:#dcdee0;font-size:32px}.van-image__error-icon{color:#dcdee0;font-size:32px}.van-radio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:12px}.van-radio__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:#c8c9cc}.van-radio__label{margin-left:8px;color:#323233;line-height:20px}.van-radio__label--left{margin:0 8px 0 0}.van-radio__label--disabled{color:#c8c9cc}.van-tag{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 4px;color:#fff;font-size:12px;line-height:16px;border-radius:2px}.van-tag--default{background-color:#969799}.van-tag--default.van-tag--plain{color:#969799}.van-tag--danger{background-color:#ee0a24}.van-tag--danger.van-tag--plain{color:#ee0a24}.van-tag--primary{background-color:#1989fa}.van-tag--primary.van-tag--plain{color:#1989fa}.van-tag--success{background-color:#07c160}.van-tag--success.van-tag--plain{color:#07c160}.van-tag--warning{background-color:#ff976a}.van-tag--warning.van-tag--plain{color:#ff976a}.van-tag--plain{background-color:#fff;border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:2px 6px}.van-tag--large{padding:4px 8px;font-size:14px;border-radius:4px}.van-tag--mark{border-radius:0 999px 999px 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:999px}.van-tag__close{margin-left:2px;cursor:pointer}.van-card{position:relative;box-sizing:border-box;padding:8px 16px;color:#323233;font-size:12px;background-color:#fafafa}.van-card:not(:first-child){margin-top:8px}.van-card__header{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__thumb{position:relative;-webkit-box-flex:0;-webkit-flex:none;flex:none;width:88px;height:88px;margin-right:8px}.van-card__thumb img{border-radius:8px}.van-card__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px}.van-card__content--centered{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:500;line-height:16px}.van-card__desc{max-height:20px;color:#646566;line-height:20px}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;color:#323233;font-weight:500;font-size:12px}.van-card__price-integer{font-size:16px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__origin-price{display:inline-block;margin-left:5px;color:#969799;font-size:10px;text-decoration:line-through}.van-card__num{float:right;color:#969799}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-box-flex:0;-webkit-flex:none;flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:4px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:4px}.van-cell__right-icon{margin-left:4px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}.van-coupon-cell__value--selected{color:#323233}.van-contact-card{padding:16px}.van-contact-card__value{margin-left:5px;line-height:20px}.van-contact-card--add .van-contact-card__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px;content:''}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:16px;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.van-collapse-item__title::after{right:16px;display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c8c9cc}.van-collapse-item__title--disabled:active{background-color:#fff}.van-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.van-collapse-item__content{padding:12px 16px;color:#969799;font-size:14px;line-height:1.5;background-color:#fff}.van-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field--disabled .van-field__label{color:#c8c9cc}.van-field__value{overflow:visible}.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.van-field__control::-webkit-input-placeholder{color:#c8c9cc}.van-field__control::placeholder{color:#c8c9cc}.van-field__control:disabled{color:#c8c9cc;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#c8c9cc}.van-field__control:read-only{cursor:default}.van-field__control--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-field__control--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.van-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:24px}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:24px}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.van-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:16px;line-height:inherit}.van-field__left-icon{margin-right:4px}.van-field__right-icon{color:#969799}.van-field__button{padding-left:8px}.van-field__error-message{color:#ee0a24;font-size:12px;text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:4px;color:#646566;font-size:12px;line-height:16px;text-align:right}.van-field--error .van-field__control::-webkit-input-placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--min-height .van-field__control{min-height:60px}.van-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;background-color:#fff}.van-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:12px;background-color:#f7f8fa;border-radius:2px}.van-search__content--round{border-radius:999px}.van-search__label{padding:0 5px;color:#323233;font-size:14px;line-height:34px}.van-search .van-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 8px 5px 0;background-color:transparent}.van-search .van-cell .van-field__left-icon{color:#969799}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 8px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:#f2f3f5}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0}.van-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-popup-slide-top-enter,.van-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter,.van-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-popup-slide-left-enter,.van-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-popup__close-icon:active{color:#969799}.van-popup__close-icon--top-left{top:16px;left:16px}.van-popup__close-icon--top-right{top:16px;right:16px}.van-popup__close-icon--bottom-left{bottom:16px;left:16px}.van-popup__close-icon--bottom-right{right:16px;bottom:16px}.van-share-sheet__header{padding:12px 16px 4px;text-align:center}.van-share-sheet__title{margin-top:8px;color:#323233;font-weight:400;font-size:14px;line-height:20px}.van-share-sheet__description{display:block;margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-share-sheet__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border::before{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:16px;line-height:48px;text-align:center;background:#fff;border:none;cursor:pointer}.van-share-sheet__cancel::before{display:block;height:8px;background-color:#f7f8fa;content:' '}.van-share-sheet__cancel:active{background-color:#f2f3f5}.van-popover{position:absolute;overflow:visible;background-color:transparent;-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.van-popover__content{overflow:hidden;border-radius:8px}.van-popover__action{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:128px;height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.van-popover__action:last-child .van-popover__action-text::after{display:none}.van-popover__action-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:8px;font-size:20px}.van-popover__action--with-icon .van-popover__action-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.van-popover[data-popper-placement=top]{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=top-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:16px}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.van-popover[data-popper-placement=left]{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=left-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.van-popover[data-popper-placement=right]{-webkit-transform-origin:0 50%;transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=right-end]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.van-popover[data-popper-placement=bottom]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=bottom-end]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:16px}.van-popover--light{color:#323233}.van-popover--light .van-popover__content{background-color:#fff;box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:#fff}.van-popover--light .van-popover__action:active{background-color:#f2f3f5}.van-popover--light .van-popover__action--disabled{color:#c8c9cc;cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:#fff}.van-popover--dark .van-popover__content{background-color:#4a4a4a}.van-popover--dark .van-popover__arrow{color:#4a4a4a}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:#969799}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text::after{border-color:#646566}.van-popover-zoom-enter,.van-popover-zoom-leave-active{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popover-zoom-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-notify{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background-color:#1989fa}.van-notify--success{background-color:#07c160}.van-notify--danger{background-color:#ee0a24}.van-notify--warning{background-color:#ff976a}.van-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active{color:#ee0a24}.van-dropdown-item__option--active .van-dropdown-item__icon{color:#ee0a24}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:80%}.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:.7}.van-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:48px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:16px}.van-key--active{background-color:#ebedf0}.van-key--blue{color:#fff;background-color:#1989fa}.van-key--blue.van-key--active{background-color:#0570db}.van-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:#fff}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{position:absolute;top:0;left:0;width:1em;height:1em;font-size:inherit;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05), -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.van-switch--on .van-switch__loading{color:#1989fa}.van-switch--disabled{cursor:not-allowed;opacity:.5}.van-switch--loading{cursor:default}.van-switch-cell{padding-top:9px;padding-bottom:9px}.van-switch-cell--large{padding-top:11px;padding-bottom:11px}.van-switch-cell .van-switch{float:right}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:8px 12px;color:#f56723;font-size:12px;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:18px;font-size:12px;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:50px;padding:0 16px;font-size:14px}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:12px;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:5px;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:12px}.van-submit-bar__price--integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:110px;height:40px;font-weight:500;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--unfit{padding-bottom:0}.van-goods-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-goods-action-button--first{margin-left:5px;border-top-left-radius:999px;border-bottom-left-radius:999px}.van-goods-action-button--last{margin-right:5px;border-top-right-radius:999px;border-bottom-right-radius:999px}.van-goods-action-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-goods-action-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}@media (max-width:321px){.van-goods-action-button{font-size:13px}}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}.van-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:80%}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:44px;font-weight:500;line-height:44px;text-align:center}.van-calendar__header-title{font-size:16px}.van-calendar__header-subtitle{font-size:14px}.van-calendar__month-title{font-size:14px}.van-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;text-align:center}.van-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;font-size:16px;cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:#fff;background-color:#ee0a24}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:#ee0a24}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.1;content:''}.van-calendar__day--disabled{color:#c8c9cc;cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;height:54px;color:#fff;background-color:#ee0a24;border-radius:4px}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer--unfit{padding-bottom:0}.van-calendar__confirm{height:36px;margin:7px 0}.van-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.van-picker__cancel,.van-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{opacity:.7}.van-picker__confirm{color:#576b95}.van-picker__cancel{color:#969799}.van-picker__title{max-width:50%;font-weight:500;font-size:16px;line-height:20px;text-align:center}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#1989fa;background-color:rgba(255,255,255,.9)}.van-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.van-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:16px}.van-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#000}.van-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.van-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233}.van-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px 16px;font-size:16px;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{line-height:22px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566}.van-action-sheet__subname{margin-top:8px;color:#969799;font-size:12px;line-height:18px}.van-action-sheet__gap{display:block;height:8px;background-color:#f7f8fa}.van-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;font-size:16px;line-height:48px;text-align:center}.van-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:22px;height:22px}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:content-box;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-goods-action--unfit{padding-bottom:0}.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.van-contact-edit{padding:16px}.van-contact-edit__fields{overflow:hidden;border-radius:4px}.van-contact-edit__fields .van-field__label{width:4.1em}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:4px}.van-contact-edit__buttons{padding:32px 0}.van-contact-edit .van-button{margin-bottom:12px;font-size:16px}.van-address-edit{padding:12px}.van-address-edit__fields{overflow:hidden;border-radius:8px}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:12px;overflow:hidden;border-radius:8px}.van-address-edit__buttons{padding:32px 4px}.van-address-edit__buttons .van-button{margin-bottom:12px}.van-address-edit-detail{padding:0}.van-address-edit-detail__search-item{background-color:#f2f3f5}.van-address-edit-detail__keyword{color:#ee0a24}.van-address-edit-detail__finish{color:#1989fa;font-size:12px}.van-radio-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:16px}.van-contact-list__item-value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:32px;padding-left:8px}.van-contact-list__item-tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:16px}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:999;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-contact-list__add{height:40px;margin:5px 0}.van-address-list{box-sizing:border-box;height:100%;padding:12px 12px 80px}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:20px 0 16px;color:#969799;font-size:14px;line-height:20px}.van-address-item{padding:12px;background-color:#fff;border-radius:8px}.van-address-item:not(:last-child){margin-bottom:12px}.van-address-item__value{padding-right:44px}.van-address-item__name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;font-size:16px;line-height:22px}.van-address-item__tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:#323233;font-size:13px;line-height:18px}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#c8c9cc}.van-address-item__edit{position:absolute;top:50%;right:16px;color:#969799;font-size:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:12px}.van-address-item .van-radio__icon--checked .van-icon{background-color:#ee0a24;border-color:#ee0a24}.van-badge{display:inline-block;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:999px}.van-badge--fixed{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-badge--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-badge__wrapper{position:relative;display:inline-block}.van-tab__pane,.van-tab__pane-wrapper{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}.van-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}.van-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 4px;color:#646566;font-size:14px;line-height:20px;cursor:pointer}.van-tab--active{color:#323233;font-weight:500}.van-tab--disabled{color:#c8c9cc;cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__text-wrapper{position:relative}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:8px;padding-left:8px}.van-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #ee0a24;border-radius:2px}.van-tabs__nav--card .van-tab{color:#ee0a24;border-right:1px solid #ee0a24}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#ee0a24}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:40px;height:3px;background-color:#ee0a24;border-radius:3px}.van-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card>.van-tabs__wrap{height:30px}.van-coupon-list{position:relative;height:100%;background-color:#f7f8fa}.van-coupon-list__field{padding:5px 0 5px 16px}.van-coupon-list__field .van-field__body{height:34px;padding-left:12px;line-height:34px;background:#f7f8fa;border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__body::placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.van-coupon-list__exchange{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:32px;font-size:16px;line-height:30px;border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px #969799}.van-coupon-list__list{box-sizing:border-box;padding:16px 0 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:66px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;font-weight:500;background-color:#fff}.van-coupon-list__close{height:40px}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:16px 0;color:#969799;font-size:14px;line-height:20px}.van-coupon-list__empty img{width:200px;height:200px}.van-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:48px;padding:0 16px}.van-cascader__title{font-weight:500;font-size:16px;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px}.van-cascader__close-icon:active{color:#969799}.van-cascader__tabs .van-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:48px}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:#323233;font-weight:500}.van-cascader__tab--unselected{color:#969799;font-weight:400}.van-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 16px;font-size:14px;line-height:20px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#ee0a24;font-weight:500}.van-cascader__selected-icon{font-size:18px}.van-cascader__options{box-sizing:border-box;height:384px;padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-cell-group{background-color:#fff}.van-cell-group--inset{margin:0 16px;overflow:hidden;border-radius:8px}.van-cell-group__title{padding:16px 16px 8px;color:#969799;font-size:14px;line-height:16px}.van-cell-group__title--inset{padding:16px 16px 8px 32px}.van-panel{background:#fff}.van-panel__header-value{color:#ee0a24}.van-panel__footer{padding:8px 16px}.van-checkbox-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-circle{position:relative;display:inline-block;width:100px;height:100px;text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:#fff}.van-circle__hover{fill:none;stroke:#1989fa;stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 4px;color:#323233;font-weight:500;font-size:14px;line-height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-col{float:left;box-sizing:border-box;min-height:1px}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}.van-count-down{color:#323233;font-size:14px;line-height:20px}.van-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:#ebedf0;border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:16px}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:16px;content:''}.van-divider--content-left::before{max-width:10%}.van-divider--content-right::after{max-width:10%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:48px;background-color:#fff;box-shadow:0 2px 12px rgba(100,101,102,.12)}.van-dropdown-menu__bar--opened{z-index:11}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;color:#323233;font-size:15px;line-height:22px}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent #dcdee0 #dcdee0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#ee0a24}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.van-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:32px 0}.van-empty__image{width:160px;height:160px}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:16px;padding:0 60px;color:#969799;font-size:14px;line-height:20px}.van-empty__bottom{margin-top:24px}.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-swipe{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.van-swipe__track--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s,background-color .2s;transition:opacity .2s,background-color .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}.van-swipe-item{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:16px;left:50%;color:#fff;font-size:14px;line-height:20px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-image-preview__close-icon:active{color:#969799}.van-image-preview__close-icon--top-left{top:16px;left:16px}.van-image-preview__close-icon--top-right{top:16px;right:16px}.van-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.van-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:.5}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload--readonly:active{background-color:#f7f8fa}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}.van-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-index-anchor{z-index:1;box-sizing:border-box;padding:0 16px;color:#323233;font-weight:500;font-size:14px;line-height:32px;background-color:transparent}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:#ee0a24;background-color:#fff}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 8px 0 16px;font-weight:500;font-size:10px;line-height:14px}.van-index-bar__index--active{color:#ee0a24}.van-pagination{display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px}.van-pagination__item,.van-pagination__page-desc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-pagination__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:36px;height:40px;color:#1989fa;background-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:1px 0 1px 1px}.van-pagination__item:last-child::after{border-right-width:1px}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 4px;cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:#646566;background-color:#f7f8fa;cursor:not-allowed;opacity:.5}.van-pagination__page{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;color:#646566}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:1px}.van-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:16px;font-size:14px;text-align:center}.van-password-input__info{color:#969799}.van-password-input__error-info{color:#ee0a24}.van-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:20px;line-height:1.2;background-color:#fff}.van-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s van-cursor-flicker infinite;animation:1s van-cursor-flicker infinite}@-webkit-keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}.van-progress{position:relative;height:4px;background:#ebedf0;border-radius:4px}.van-progress__portion{position:absolute;left:0;height:100%;background:#1989fa;border-radius:inherit}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:0 5px;color:#fff;font-size:10px;line-height:1.6;text-align:center;word-break:keep-all;background-color:#1989fa;border-radius:1em;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-row::after{display:table;clear:both;content:''}.van-row--flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-row--flex::after{display:none}.van-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.van-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.van-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.van-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.van-sidebar{width:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tree-select{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;background-color:#f7f8fa;-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:14px 12px}.van-tree-select__content{-webkit-box-flex:2;-webkit-flex:2;flex:2;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 16px;font-weight:500;line-height:48px;cursor:pointer}.van-tree-select__item--active{color:#ee0a24}.van-tree-select__item--disabled{color:#c8c9cc;cursor:not-allowed}.van-tree-select__selected{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px}.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:999px}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px}.van-skeleton__row,.van-skeleton__title{height:16px;background-color:#f2f3f5}.van-skeleton__title{width:40%;margin:0}.van-skeleton__row:not(:first-child){margin-top:12px}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:999px}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}.van-stepper{font-size:0;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;color:#323233;vertical-align:middle;background-color:#f2f3f5;border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;background-color:#f7f8fa;cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:#f7f8fa}.van-stepper__minus{border-radius:4px 0 0 4px}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0}.van-stepper__input{box-sizing:border-box;width:32px;height:28px;margin:0 2px;padding:0;color:#323233;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#f2f3f5;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:#c8c9cc;background-color:#f2f3f5;-webkit-text-fill-color:#c8c9cc;opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:.7}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:#fff;background-color:#ee0a24}.van-stepper--round .van-stepper__minus{color:#ee0a24;background-color:#fff;border:1px solid #ee0a24}.van-sku-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;min-height:50%;max-height:80%;overflow-y:visible;font-size:14px;background:#fff}.van-sku-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:44px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;margin:0 16px}.van-sku-header__img-wrap{-webkit-flex-shrink:0;flex-shrink:0;width:96px;height:96px;margin:12px 12px 12px 0;overflow:hidden;border-radius:4px}.van-sku-header__goods-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:12px 20px 12px 0}.van-sku-header-item{margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-sku__price-symbol{font-size:16px;vertical-align:bottom}.van-sku__price-num{font-weight:500;font-size:22px;vertical-align:bottom;word-wrap:break-word}.van-sku__goods-price{margin-left:-2px;color:#ee0a24}.van-sku__price-tag{position:relative;display:inline-block;margin-left:8px;padding:0 5px;overflow:hidden;color:#ee0a24;font-size:12px;line-height:16px;border-radius:8px}.van-sku__price-tag::before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;opacity:.1;content:''}.van-sku-group-container{padding-top:12px}.van-sku-group-container--hide-soldout .van-sku-row__item--disabled{display:none}.van-sku-row{margin:0 16px 12px}.van-sku-row:last-child{margin-bottom:0}.van-sku-row__image-item,.van-sku-row__item{position:relative;overflow:hidden;color:#323233;border-radius:4px;cursor:pointer}.van-sku-row__image-item::before,.van-sku-row__item::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f8fa;content:''}.van-sku-row__image-item--active,.van-sku-row__item--active{color:#ee0a24}.van-sku-row__image-item--active::before,.van-sku-row__item--active::before{background:currentColor;opacity:.1}.van-sku-row__item{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:40px;margin:0 12px 12px 0;font-size:13px;line-height:16px;vertical-align:middle}.van-sku-row__item-img{z-index:1;width:24px;height:24px;margin:4px 0 4px 4px;object-fit:cover;border-radius:2px}.van-sku-row__item-name{z-index:1;padding:8px}.van-sku-row__item--disabled{color:#c8c9cc;background:#f2f3f5;cursor:not-allowed}.van-sku-row__item--disabled .van-sku-row__item-img{opacity:.3}.van-sku-row__image{margin-right:0}.van-sku-row__image-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:110px;margin:0 4px 4px 0;border:1px solid transparent}.van-sku-row__image-item:last-child{margin-right:0}.van-sku-row__image-item-img{width:100%;height:110px}.van-sku-row__image-item-img-icon{position:absolute;top:0;right:0;z-index:3;width:18px;height:18px;color:#fff;line-height:18px;text-align:center;background-color:rgba(0,0,0,.4);border-bottom-left-radius:4px}.van-sku-row__image-item-name{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;height:40px;padding:4px;font-size:12px;line-height:16px}.van-sku-row__image-item-name span{word-wrap:break-word}.van-sku-row__image-item--active{border-color:currentColor}.van-sku-row__image-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sku-row__image-item--disabled::before{z-index:2;background:#f2f3f5;opacity:.4}.van-sku-row__title{padding-bottom:12px}.van-sku-row__title-multiple{color:#969799}.van-sku-row__scroller{margin:0 -16px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-sku-row__scroller::-webkit-scrollbar{display:none}.van-sku-row__row{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin-bottom:4px;padding:0 16px}.van-sku-row__indicator{width:40px;height:4px;background:#ebedf0;border-radius:2px}.van-sku-row__indicator-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:16px}.van-sku-row__indicator-slider{width:50%;height:100%;background-color:#ee0a24;border-radius:2px}.van-sku-stepper-stock{padding:12px 16px;overflow:hidden;line-height:30px}.van-sku__stepper{float:right;padding-left:4px}.van-sku__stepper-title{float:left}.van-sku__stepper-quota{float:right;color:#ee0a24;font-size:12px}.van-sku__stock{display:inline-block;margin-right:8px;color:#969799;font-size:12px}.van-sku__stock-num--highlight{color:#ee0a24}.van-sku-messages{padding-bottom:32px}.van-sku-messages__image-cell .van-cell__title{max-width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-sku-messages__image-cell .van-cell__value{overflow:visible;text-align:left}.van-sku-messages__image-cell-label{color:#969799;font-size:12px;line-height:18px}.van-sku-messages__cell-block{position:relative}.van-sku-messages__cell-block::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-sku-messages__cell-block:last-child::after{display:none}.van-sku-messages__extra-message{margin-top:-2px;padding:0 16px 12px;color:#969799;font-size:12px;line-height:18px}.van-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;padding:8px 16px}.van-sku-actions .van-button{height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-sku-actions .van-button:first-of-type{border-top-left-radius:20px;border-bottom-left-radius:20px}.van-sku-actions .van-button:last-of-type{border-top-right-radius:20px;border-bottom-right-radius:20px}.van-sku-actions .van-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-sku-actions .van-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-slider{position:relative;width:100%;height:2px;background-color:#ebedf0;border-radius:999px;cursor:pointer}.van-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.van-slider__bar{position:relative;width:100%;height:100%;background-color:#1989fa;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.van-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:.5}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:2px;height:100%}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:-8px;bottom:0;left:-8px}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 32px}.van-swipe-cell{position:relative;overflow:hidden;cursor:grab}.van-swipe-cell__wrapper{-webkit-transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-timing-function:cubic-bezier(.18,.89,.32,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-tabbar{z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--unfit{padding-bottom:0}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-variant: tabular-nums;
line-height: 1.5;
background-color: #fff;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
outline: none !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #1890ff;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #40a9ff;
}
a:active {
color: #096dd9;
}
a:active,
a:hover {
text-decoration: none;
outline: 0;
}
a[disabled] {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
pointer-events: none;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
color: rgba(0, 0, 0, 0.45);
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
mark {
padding: 0.2em;
background-color: #feffe6;
}
::-moz-selection {
color: #fff;
background: #1890ff;
}
::selection {
color: #fff;
background: #1890ff;
}
.clearfix {
zoom: 1;
}
.clearfix::before,
.clearfix::after {
display: table;
content: '';
}
.clearfix::after {
clear: both;
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin::before {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.fade-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
-webkit-animation-name: antFadeIn;
animation-name: antFadeIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.fade-leave.fade-leave-active {
-webkit-animation-name: antFadeOut;
animation-name: antFadeOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.fade-enter,
.fade-appear {
opacity: 0;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.fade-leave {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.move-up-enter,
.move-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
-webkit-animation-name: antMoveUpIn;
animation-name: antMoveUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
-webkit-animation-name: antMoveUpOut;
animation-name: antMoveUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.move-up-enter,
.move-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
-webkit-animation-name: antMoveDownIn;
animation-name: antMoveDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
-webkit-animation-name: antMoveDownOut;
animation-name: antMoveDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.move-down-enter,
.move-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
-webkit-animation-name: antMoveLeftIn;
animation-name: antMoveLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
-webkit-animation-name: antMoveLeftOut;
animation-name: antMoveLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.move-left-enter,
.move-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
-webkit-animation-name: antMoveRightIn;
animation-name: antMoveRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
-webkit-animation-name: antMoveRightOut;
animation-name: antMoveRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.move-right-enter,
.move-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveDownIn {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveDownOut {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveDownOut {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveLeftIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveLeftIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveLeftOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveLeftOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveRightIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveRightIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveRightOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveRightOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes antMoveUpIn {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveUpIn {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes antMoveUpOut {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveUpOut {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 1;
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
}
@-webkit-keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
position: relative;
}
html {
--antd-wave-shadow-color: #1890ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
-webkit-box-shadow: 0 0 0 0 #1890ff;
box-shadow: 0 0 0 0 #1890ff;
-webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
opacity: 0.2;
-webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
@-webkit-keyframes waveEffect {
100% {
-webkit-box-shadow: 0 0 0 #1890ff;
box-shadow: 0 0 0 #1890ff;
-webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
}
}
@keyframes waveEffect {
100% {
-webkit-box-shadow: 0 0 0 #1890ff;
box-shadow: 0 0 0 #1890ff;
-webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
}
}
@-webkit-keyframes fadeEffect {
100% {
opacity: 0;
}
}
@keyframes fadeEffect {
100% {
opacity: 0;
}
}
.slide-up-enter,
.slide-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
-webkit-animation-name: antSlideLeftIn;
animation-name: antSlideLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
-webkit-animation-name: antSlideLeftOut;
animation-name: antSlideLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
-webkit-animation-name: antSlideRightIn;
animation-name: antSlideRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
-webkit-animation-name: antSlideRightOut;
animation-name: antSlideRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
0% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideUpIn {
0% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideUpOut {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideUpOut {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
}
@-webkit-keyframes antSlideDownIn {
0% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes antSlideDownIn {
0% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
}
@-webkit-keyframes antSlideDownOut {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 0;
}
}
@keyframes antSlideDownOut {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 0;
}
}
@-webkit-keyframes antSlideLeftIn {
0% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideLeftIn {
0% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideLeftOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideLeftOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 0;
}
}
@-webkit-keyframes antSlideRightIn {
0% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
}
@keyframes antSlideRightIn {
0% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 0;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
}
@-webkit-keyframes antSlideRightOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 0;
}
}
@keyframes antSlideRightOut {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(0.8);
transform: scaleX(0.8);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 0;
}
}
.swing-enter,
.swing-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
-webkit-animation-name: antSwingIn;
animation-name: antSwingIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
60% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
80% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
@keyframes antSwingIn {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
40% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
60% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
80% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
.zoom-enter,
.zoom-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
-webkit-animation-name: antZoomIn;
animation-name: antZoomIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
-webkit-animation-name: antZoomOut;
animation-name: antZoomOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-enter,
.zoom-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-big-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-big-fast-leave {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
-webkit-animation-name: antZoomBigIn;
animation-name: antZoomBigIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
-webkit-animation-name: antZoomBigOut;
animation-name: antZoomBigOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-up-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
-webkit-animation-name: antZoomUpIn;
animation-name: antZoomUpIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
-webkit-animation-name: antZoomUpOut;
animation-name: antZoomUpOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-down-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
-webkit-animation-name: antZoomDownIn;
animation-name: antZoomDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
-webkit-animation-name: antZoomDownOut;
animation-name: antZoomDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-left-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
-webkit-animation-name: antZoomLeftIn;
animation-name: antZoomLeftIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
-webkit-animation-name: antZoomLeftOut;
animation-name: antZoomLeftOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-right-leave {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
-webkit-animation-name: antZoomRightIn;
animation-name: antZoomRightIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
-webkit-animation-name: antZoomRightOut;
animation-name: antZoomRightOut;
-webkit-animation-play-state: running;
animation-play-state: running;
pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomIn {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes antZoomOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
}
@keyframes antZoomOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
}
@-webkit-keyframes antZoomBigIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomBigIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes antZoomBigOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
}
@keyframes antZoomBigOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
}
@-webkit-keyframes antZoomUpIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
}
@keyframes antZoomUpIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
}
@-webkit-keyframes antZoomUpOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes antZoomUpOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
}
}
@-webkit-keyframes antZoomLeftIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
}
@keyframes antZoomLeftIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
}
@-webkit-keyframes antZoomLeftOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
opacity: 0;
}
}
@keyframes antZoomLeftOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
opacity: 0;
}
}
@-webkit-keyframes antZoomRightIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
}
@keyframes antZoomRightIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
}
@-webkit-keyframes antZoomRightOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
opacity: 0;
}
}
@keyframes antZoomRightOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
opacity: 0;
}
}
@-webkit-keyframes antZoomDownIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
}
@keyframes antZoomDownIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
}
@-webkit-keyframes antZoomDownOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
}
@keyframes antZoomDownOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
}
.ant-motion-collapse-legacy {
overflow: hidden;
}
.ant-motion-collapse-legacy-active {
-webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
overflow: hidden;
-webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
position: static;
width: 100%;
padding-right: 24px;
background-color: transparent !important;
cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
position: relative;
}
.ant-cascader-picker {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
background-color: #fff;
border-radius: 4px;
outline: 0;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
color: transparent;
}
.ant-cascader-picker-disabled {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 20px;
margin-top: -10px;
padding: 0 20px 0 12px;
overflow: hidden;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
position: absolute;
top: 50%;
right: 12px;
z-index: 2;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 12px;
background: #fff;
cursor: pointer;
opacity: 0;
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
opacity: 1;
}
.ant-cascader-picker-arrow {
position: absolute;
top: 50%;
right: 12px;
z-index: 1;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 12px;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
right: 8px;
}
.ant-cascader-menus {
position: absolute;
z-index: 1050;
font-size: 14px;
white-space: nowrap;
background: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
margin: 0;
list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut;
}
.ant-cascader-menu {
display: inline-block;
min-width: 111px;
height: 180px;
margin: 0;
padding: 4px 0;
overflow: auto;
vertical-align: top;
list-style: none;
border-right: 1px solid #e8e8e8;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
margin-right: -1px;
border-right-color: transparent;
border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
border-radius: 4px;
}
.ant-cascader-menu-item {
padding: 5px 12px;
line-height: 22px;
white-space: nowrap;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
background: #e6f7ff;
}
.ant-cascader-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
font-weight: 600;
background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
position: relative;
padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
display: inline-block;
font-size: 12px;
font-size: 10px \9;
-webkit-transform: scale(0.83333333) rotate(0deg);
transform: scale(0.83333333) rotate(0deg);
position: absolute;
right: 12px;
color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
font-size: 12px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
color: #f5222d;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
margin: 0 8px;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.ant-empty-image {
height: 100px;
margin-bottom: 8px;
}
.ant-empty-image img {
height: 100%;
}
.ant-empty-image svg {
height: 100%;
margin: auto;
}
.ant-empty-description {
margin: 0;
}
.ant-empty-footer {
margin-top: 16px;
}
.ant-empty-normal {
margin: 32px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
height: 40px;
}
.ant-empty-small {
margin: 8px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
height: 35px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
width: 100%;
height: 32px;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
line-height: 1.5;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ant-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-input:-moz-placeholder-shown {
text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input:hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input:focus {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1;
}
.ant-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
.ant-input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1;
}
.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important;
}
textarea.ant-input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5;
vertical-align: bottom;
-webkit-transition: all 0.3s, height 0s;
transition: all 0.3s, height 0s;
}
.ant-input-lg {
height: 40px;
padding: 6px 11px;
font-size: 16px;
}
.ant-input-sm {
height: 24px;
padding: 1px 7px;
}
.ant-input-group {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.ant-input-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.ant-input-group > [class*='col-'] {
padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-group-wrap > * {
display: block !important;
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
.ant-input-group .ant-input:focus {
z-index: 1;
border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
z-index: 1;
border-right-width: 1px;
}
.ant-input-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, 0.65);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
margin: -1px;
background-color: inherit;
border: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
color: #1890ff;
}
.ant-input-group-addon > i:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
border-right: 0;
}
.ant-input-group-addon:last-child {
border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
height: 40px;
padding: 6px 11px;
font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
height: 24px;
padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
display: table-cell;
float: left;
width: 100%;
}
.ant-input-group.ant-input-group-compact {
display: block;
zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
display: table;
content: '';
}
.ant-input-group.ant-input-group-compact::after {
clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
border-right-width: 1px;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
border-right-width: 1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
vertical-align: top;
}
.ant-input-group-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top;
}
.ant-input-affix-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
width: 100%;
text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
position: relative;
text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
position: absolute;
top: 50%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0, 0, 0, 0.65);
line-height: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
padding-right: 22px;
}
.ant-input-password-icon {
color: rgba(0, 0, 0, 0.45);
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ant-input-password-icon:hover {
color: #333;
}
.ant-input-clear-icon {
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
vertical-align: 0;
}
.ant-input-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
margin-left: 6px;
}
.ant-input-textarea-clear-icon {
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
position: absolute;
top: 0;
right: 0;
margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
margin-left: 6px;
}
.ant-input-search-icon {
color: rgba(0, 0, 0, 0.45);
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ant-input-search-icon:hover {
color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
padding: 0;
border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
line-height: 1.499;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
height: 32px;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
border-color: #d9d9d9;
}
.ant-btn > .anticon {
line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
outline: 0;
}
.ant-btn:not([disabled]):hover {
text-decoration: none;
}
.ant-btn:not([disabled]):active {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
pointer-events: none;
}
.ant-btn-lg {
height: 40px;
padding: 0 15px;
font-size: 16px;
border-radius: 4px;
}
.ant-btn-sm {
height: 24px;
padding: 0 7px;
font-size: 14px;
border-radius: 4px;
}
.ant-btn > a:only-child {
color: currentColor;
}
.ant-btn > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus {
color: #40a9ff;
background-color: #fff;
border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:active,
.ant-btn.active {
color: #096dd9;
background-color: #fff;
border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
text-decoration: none;
background: #fff;
}
.ant-btn > i,
.ant-btn > span {
display: inline-block;
-webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
pointer-events: none;
}
.ant-btn-primary {
color: #fff;
background-color: #1890ff;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
color: #fff;
background-color: #40a9ff;
border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
color: #fff;
background-color: #096dd9;
border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #40a9ff;
border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
border-left-color: #d9d9d9;
}
.ant-btn-ghost {
color: rgba(0, 0, 0, 0.65);
background-color: transparent;
border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed {
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
border-color: #d9d9d9;
border-style: dashed;
}
.ant-btn-dashed > a:only-child {
color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
color: #40a9ff;
background-color: #fff;
border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
color: #096dd9;
background-color: #fff;
border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger {
color: #fff;
background-color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
color: currentColor;
}
.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
color: #fff;
background-color: #ff7875;
border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
color: #fff;
background-color: #d9363e;
border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link {
color: #1890ff;
background-color: transparent;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-link > a:only-child {
color: currentColor;
}
.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: transparent;
border-color: transparent;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-icon-only {
width: 32px;
height: 32px;
padding: 0;
font-size: 16px;
border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
width: 40px;
height: 40px;
padding: 0;
font-size: 18px;
border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
width: 24px;
height: 24px;
padding: 0;
font-size: 14px;
border-radius: 4px;
}
.ant-btn-icon-only > i {
vertical-align: middle;
}
.ant-btn-round {
height: 32px;
padding: 0 16px;
font-size: 14px;
border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
height: 40px;
padding: 0 20px;
font-size: 16px;
border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
height: 24px;
padding: 0 12px;
font-size: 14px;
border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
min-width: 40px;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
min-width: 24px;
border-radius: 50%;
}
.ant-btn::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: none;
background: #fff;
border-radius: inherit;
opacity: 0.35;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
content: '';
pointer-events: none;
}
.ant-btn .anticon {
-webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
margin-left: -17px;
}
.ant-btn-group {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
height: 40px;
padding: 0 15px;
font-size: 16px;
border-radius: 0;
line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
width: 40px;
height: 40px;
padding-right: 0;
padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
height: 24px;
padding: 0 7px;
font-size: 14px;
border-radius: 0;
line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
width: 24px;
height: 24px;
padding-right: 0;
padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
border-left-color: transparent;
}
.ant-btn-group .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
margin-left: 8px;
}
.ant-btn-background-ghost {
color: #fff;
background: transparent !important;
border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
color: #1890ff;
background-color: transparent;
border-color: #1890ff;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
color: #40a9ff;
background-color: transparent;
border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
color: #096dd9;
background-color: transparent;
border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
color: #ff4d4f;
background-color: transparent;
border-color: #ff4d4f;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
color: #ff7875;
background-color: transparent;
border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
color: #d9363e;
background-color: transparent;
border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-link {
color: #1890ff;
background-color: transparent;
border-color: transparent;
text-shadow: none;
color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
color: #40a9ff;
background-color: transparent;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
color: #096dd9;
background-color: transparent;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-two-chinese-chars::first-letter {
letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
margin-right: -0.34em;
letter-spacing: 0.34em;
}
.ant-btn-block {
width: 100%;
}
.ant-btn:empty {
vertical-align: top;
}
a.ant-btn {
padding-top: 0.1px;
line-height: 30px;
}
a.ant-btn-lg {
line-height: 38px;
}
a.ant-btn-sm {
line-height: 22px;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
/*html,body{height:100%;}*/
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
body,
button,
input,
select,
textarea {
font: 12px/1.125;
color: #666666;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr,
p {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li {
list-style: none;
}
fieldset,
img {
border: 0;
}
q:before,
q:after {
content: '';
}
input,
textarea {
outline-style: none;
}
input[type="text"],
input[type="password"],
textarea {
outline-style: none;
-webkit-appearance: none;
}
textarea {
resize: none;
}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
font-style: normal;
font-weight: normal;
}
legend {
color: #000;
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
a {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: none;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearLeft {
clear: left;
}
.clearRight {
clear: right;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
min-height: 100%;
}
.el-message-box:not(.tlbs-message-box) {
text-align: center;
min-width: 300px;
width: auto;
max-width: 450px;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__header .el-message-box__title {
color: #8C8F95;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__content {
text-align: center;
padding: 20px;
font-size: 14px;
line-height: 26px;
color: #8C8F95;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__content .el-message-box__status {
display: none;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__content .el-message-box__message {
padding: 0;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__btns {
text-align: center;
padding-bottom: 10px;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__btns .el-button {
display: inline-block;
border: none;
outline: none;
padding: 8px 25px;
line-height: 20px;
background: #3877FF;
-webkit-box-shadow: 0 4px 13px -4px #779BEB;
box-shadow: 0 4px 13px -4px #779BEB;
background-color: #969CAB;
-webkit-box-shadow: 0 4px 13px -4px #cdcdcd;
box-shadow: 0 4px 13px -4px #cdcdcd;
color: #fff;
font-size: 14px;
letter-spacing: 0.5px;
border-radius: 3px;
}
.el-message-box:not(.tlbs-message-box) .el-message-box__btns .el-button--primary {
background: #3877FF;
-webkit-box-shadow: 0 4px 13px -4px #779BEB;
box-shadow: 0 4px 13px -4px #779BEB;
}
.el-popover {
padding: 8px 10px;
min-width: 10px;
}
.response-error-message,
.action-message {
z-index: 10000 !important;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
body {
margin: 0;
font-family: PingFang SC, SF Pro SC, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif !important;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: 0 0;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
font-family: monospace, monospace;
font-size: 12px;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
background-color: #e5e5e5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.page-container {
position: relative;
width: 100%;
margin: 0 auto;
overflow: visible;
z-index: 9999;
}
/* @media screen and (max-width:1440px) {
.page_three_layout {
margin: 0 0 0 10px !important;
}
} */
/*
@media screen and (max-width:1366px) {
.page_three_layout{
margin:0 0 0 10px;
}
}*/
@media screen and (min-width: 1441px) and (min-height: 1081px) {
.introduce-img .circle-pic1 {
left: 60px;
top: 315px;
}
.introduce-img .circle-pic2 {
left: 57px;
top: 311px;
}
.introduce-img .circle-pic3 {
top: 307px;
}
.introduce-img .circle-pic4 {
left: 60px;
top: 315px;
}
.introduce-img .circle-pic3 img {
left: 50%;
margin-left: -220px;
}
.introduce-img .circle-pic3 a {
position: relative;
left: 50%;
margin-left: -148px;
}
.baoming {
background-size: 100% 100%;
display: block;
width: 97px;
height: 27px;
margin: 0 auto;
position: absolute;
top: 85px;
}
.baoming:hover {
background-size: 100% 100%;
}
}
@media screen and (min-width: 1441px) and (max-height: 1080px) {
.introduce-img .circle-pic1 {
left: 60px;
top: 254px;
}
.introduce-img .circle-pic2 {
left: 45px;
top: 244px;
}
.introduce-img .circle-pic3 {
top: 249px;
}
.introduce-img .circle-pic4 {
left: 60px;
top: 254px;
}
.introduce-img .circle-pic3 img {
left: 50%;
margin-left: -220px;
}
.introduce-img .circle-pic3 a {
position: relative;
left: 50%;
margin-left: -123.5px;
}
.baoming {
background-size: 100% 100%;
display: block;
width: 97px;
height: 27px;
margin: 0 auto;
position: absolute;
top: 85px;
}
.baoming:hover {
background-size: 100% 100%;
}
}
/* 正常屏幕显示 */
@media screen and (min-width: 1367px) and (max-width: 1440px) {
.introduce-img .circle-pic1 {
left: 60px;
top: 254px;
}
.introduce-img .circle-pic2 {
left: 57px;
top: 244px;
}
.introduce-img .circle-pic3 {
top: 249px;
}
.introduce-img .circle-pic4 {
left: 60px;
top: 254px;
}
.introduce-img .circle-pic3 img {
left: 50%;
margin-left: -220px;
}
.introduce-img .circle-pic3 a {
position: relative;
left: 50%;
margin-left: -148px;
}
.baoming {
background-size: 100% 100%;
display: block;
width: 97px;
height: 27px;
margin: 0 auto;
position: absolute;
top: 85px;
}
.baoming:hover {
background-size: 100% 100%;
}
}
/* 小屏幕显示 */
@media screen and (max-width: 1366px) {
.introduce-img .circle-pic1 {
left: 68px;
height: 87px;
top: 152px;
}
.introduce-img .circle-pic2 {
left: 45px;
top: 162px;
}
.introduce-img .circle-pic3 {
top: 162px;
}
.introduce-img .circle-pic4 {
left: 68px;
top: 152px;
}
.introduce-img .circle-pic3 img {
left: 50%;
margin-left: -220px;
}
.introduce-img .circle-pic3 a {
position: relative;
left: 35%;
margin-left: -80px;
}
.baoming {
background-size: 100% 100%;
display: block;
width: 97px;
height: 27px;
margin: 0 auto;
position: absolute;
top: 85px;
}
.baoming:hover {
background-size: 100% 100%;
}
}
/* @media screen and (max-width:1400px) {
.page_three_layout{
margin:0;
}
} */
.clearfix:after,
.clearfix:before,
.page-container:after,
.page-container:before {
display: table;
content: " ";
}
.clearfix:after,
.page-container:after {
clear: both;
}
.middle:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.middle > img {
vertical-align: middle;
*margin-top: 10px;
width: 151px;
}
.menu {
list-style: none;
padding: 0;
}
.menu > li {
float: left;
}
.menu > li ul {
/* display:none; */
min-width: 1440px;
left: 0px;
position: absolute;
z-index: 2000;
list-style: none;
background: #081B30;
}
.search-input {
border: 1px solid #e0e0e0;
background-color: #fff;
font-size: 0;
width: 190px;
}
.search-input input {
border: none;
margin: 0;
font-size: 14px;
height: 22px;
line-height: 22px;
padding: 4px 0 4px 7px;
vertical-align: middle;
}
.search-input input:focus {
outline: 0;
}
.search-input button {
/*width:30px;*/
height: 30px;
border: none;
padding: 0;
background-color: #fff;
vertical-align: middle;
text-align: center;
}
.search-input button:focus {
outline: 0;
}
.sticky {
position: fixed;
top: 0;
}
.quote {
background-color: #efefef;
border: 1px dashed #ccc;
color: #333;
padding: 16px;
}
.quote p {
margin: 0;
}
.kd-tabbed-horz .tab-button-group {
border-bottom: 1px solid #888;
line-height: 1.5em;
}
.kd-tabbed-horz .tab-button {
color: #999;
font-size: 13px;
line-height: 1.8em;
background-color: #fff;
border: none;
padding: 0 12px;
font-weight: 700;
}
.kd-tabbed-horz .tab-button:hover {
color: #333;
}
.kd-tabbed-horz .tab-button:focus {
outline: 0;
}
.kd-tabbed-horz .tab-button-group .current {
border: 1px solid #888;
border-bottom: 1px solid #fff;
color: #333;
margin-bottom: -1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.kd-tabbed-horz article {
background-color: #fafafa;
}
.kd-tabbed-horz article pre {
margin: 0;
}
.kd-tabbed-horz li {
padding: 2px 0;
}
.docs code {
font-family: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #007000;
margin: 0 0.2em;
}
.docs table code {
font-style: normal;
}
pre.prettyprint {
font-family: Consolas, Courier, monospace!important;
border: 1px solid #888;
}
.kd-tabbed-horz pre.prettyprint {
border-top: none;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
list-style-type: decimal;
}
.btn {
background: #60b7e1;
border-radius: 2px;
color: #fff;
text-decoration: none;
padding: 0.5em 1em;
cursor: pointer;
border: none;
}
.btn:hover {
background-color: #3da1d1;
text-decoration: none;
}
.btn:focus {
outline: 0;
}
.btn-green {
background-color: #5ad824;
}
.btn-green:hover {
background-color: #55BD29;
}
.btn-yellow {
background-color: #F59834;
}
.btn-yellow:hover {
background-color: #ffa23f;
}
.nav_menu_style {
height: 0;
overflow: hidden;
position: absolute;
z-index: 9999;
left: 0px;
width: 100%;
/*padding:15px 0 6px;*/
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAAA1BMVEUNEBT/umilAAAAAXRSTlPmCY+fKwAAABtJREFUeF7twIEAAAAAw6D7U19hALUIAAAAAOAUUAABZZFN4gAAAABJRU5ErkJggg==);
text-align: center;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.nav_menu_style .body {
display: inline-block;
margin: 0 auto;
}
.nav_menu_style p img {
vertical-align: middle;
margin-right: 6px;
height: 20px;
width: 20px;
}
.nav_menu_style p {
/*
display: none;*/
font-size: 14px;
color: #fff;
float: left;
padding-right: 62px;
text-align: left;
}
.nav_menu_style p span {
/*line-height: 29px;
height: 40px;*/
padding-top: 10px;
display: block;
opacity: 0.8;
font-size: 14px;
}
.nav_menu_style p a {
font-size: 14px;
display: block;
padding: 15px 0 0;
color: #fff;
text-decoration: none;
position: relative;
}
.nav_menu_style p .new-a {
opacity: 1 !important;
}
.nav_menu_style p .new-a span {
opacity: 0.6;
padding-top: 0px;
display: inline-block;
}
.nav_menu_style p .new-a .new {
font-size: 12px;
position: absolute;
top: 12px;
right: 6px;
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
opacity: 1;
color: #ff4747;
}
.nav_menu_style p .new-a span:hover {
opacity: 1;
}
.nav_menu_style p a:hover {
color: #fff;
opacity: 1;
}
.solve_mrthod {
height: 0;
overflow: hidden;
position: absolute;
left: 0px;
z-index: 9999;
width: 100%;
line-height: 64px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAAA1BMVEUNEBT/umilAAAAAXRSTlPmCY+fKwAAABtJREFUeF7twIEAAAAAw6D7U19hALUIAAAAAOAUUAABZZFN4gAAAABJRU5ErkJggg==);
/* border-bottom: 1px solid rgba(255,255,255,0.3); */
text-align: center;
/*border-top:1px solid #2D3443;*/
/*border-bottom:1px solid #2D3443;*/
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.solve_mrthod .body {
display: inline-block;
margin: 0 auto;
}
.solve_mrthod a {
position: relative;
text-decoration: none;
color: #fff;
font-size: 14px;
margin-right: 50px;
}
.solve_mrthod .new-a {
opacity: 1 !important;
}
.solve_mrthod .new-a span {
opacity: 0.6;
padding-top: 0px;
display: inline-block;
}
.solve_mrthod .new-a span:hover {
opacity: 1;
}
.solve_mrthod a .new {
position: absolute;
top: -2px;
right: -26px;
line-height: 17px;
opacity: 1;
font-size: 12px;
color: #ff4747;
}
.solve_mrthod a:hover {
color: #fff;
opacity: 1;
}
.login-bar #J_loginstatus a {
display: inline-block;
max-width: 180px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 通用样式 */
.lbs-btn {
width: 125px;
height: 42px;
background: #3877FF;
border-radius: 3px;
padding: 1px 30px 2px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin-top: 20px;
display: inline-block;
color: #fff;
border-color: #3877FF;
}
.lbs-btn[disabled] {
cursor: default;
background-color: #e5e5e5;
border-color: #e5e5e5;
-webkit-box-shadow: 0 4px 13px -4px #fafafa;
box-shadow: 0 4px 13px -4px #fafafa;
}
.lbs-form .item {
padding-left: 0px;
position: relative;
margin-bottom: 18px;
font-weight: 200;
}
.lbs-form .item input[type=text] {
width: 211px;
height: 36px;
background: #FFFFFF;
border: 1px solid #DEE1E9;
border-radius: 3px;
margin-left: 24px;
padding: 0 15px;
}
.lbs-form .item-label {
cursor: pointer;
padding-right: 20px;
margin-bottom: 0px;
display: inline-block;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #19233B;
letter-spacing: 0.35px;
}
.lbs-form .item .input-des {
font-size: 14px;
color: #8C93A0;
margin-left: 20px;
font-weight: 200;
}
.lbs-table {
width: 100%;
border: 1px solid #DCDFE2;
text-align: center;
display: table;
border-width: 1px 0 0 1px;
}
.lbs-table .row {
width: 100%;
height: 52px;
line-height: 52px;
display: table-row;
}
.lbs-table .row .col {
display: inline-block;
display: table-cell;
border: 1px solid #DCDFE2;
border-width: 0 1px 1px 0;
}
/* 警告提示 */
.lbs-quote {
width: 100%;
background-color: #F5F7FB;
margin-bottom: 20px;
color: #576e1d;
border: 0px solid #dfedbb;
margin-bottom: 30px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #8C93A0;
padding: 12px 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lbs-quote a {
color: #4C84FF;
}
@font-face {
font-family: "tlbs-iconfont";
src: url(//mapapi.qq.com/web/lbs/console/v/8cff63cdbc5f28d45b0be197f452562d.eot);
/* IE9 */
src: url(//mapapi.qq.com/web/lbs/console/v/8cff63cdbc5f28d45b0be197f452562d.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//mapapi.qq.com/web/lbs/console/v/ded98de89ef9d63865ec19263414e07f.woff) format('woff2'), url(//mapapi.qq.com/web/lbs/console/v/ded98de89ef9d63865ec19263414e07f.woff) format('woff'), /* chrome、firefox */ url(//mapapi.qq.com/web/lbs/console/v/93e95cfa62a8393c5b5f80a5adf317a8.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(//mapapi.qq.com/web/lbs/console/v/32c70e2e6e4560d5e3367383c6da686a.svg#tlbs-iconfont) format('svg');
/* iOS 4.1- */
}
[class*=" console-icon-"],
[class^=console-icon-] {
font-family: "tlbs-iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.console-icon-order:before {
content: "\e004";
}
.console-icon-business:before {
content: "\e005";
}
.console-icon-quota:before {
content: "\e006";
}
.console-icon-map:before {
content: "\e008";
}
.console-icon-indoor:before {
content: "\e009";
}
.console-icon-workorder:before {
content: "\e00a";
}
.console-icon-cloud:before {
content: "\e00b";
}
.console-icon-application:before {
content: "\e00c";
}
.console-icon-home:before {
content: "\e00d";
}
.console-icon-rank:before {
content: "\e003";
}
.console-icon-personal:before {
content: "\e00f";
}
.console-icon-edit:before {
content: "\e012";
}
.console-icon-data:before {
content: "\e014";
}
.console-icon-add:before {
content: "\e010";
}
.console-icon-tips:before {
content: "\e017";
}
.console-icon-layer:before {
content: "\e01a";
}
.console-icon-datamanage:before {
content: "\e01b";
}
.console-icon-remove:before {
content: "\e023";
}
.console-icon-loading:before {
content: "\e026";
}
.console-icon-user:before {
content: "\e027";
}
.console-icon-redo:before {
content: "\e063";
}
.console-icon-undo:before {
content: "\e065";
}
.console-icon-position:before {
content: "\e066";
}
.console-icon-publish:before {
content: "\e068";
}
.console-icon-arrow-left:before {
content: "\e06a";
}
.console-icon-arrow-right:before {
content: "\e06c";
}
.console-icon-layers:before {
content: "\e06d";
}
.console-icon-resource:before {
content: "\e070";
}
.console-icon-close:before {
content: "\e07b";
}
.console-icon-edit-outline:before {
content: "\e07d";
}
.console-icon-delete:before {
content: "\e07e";
}
.console-icon-save:before {
content: "\e07f";
}
.console-icon-upload:before {
content: "\e081";
}
.console-icon-copy:before {
content: "\e082";
}
.console-icon-guide:before {
content: "\e08a";
}
.console-icon-refresh:before {
content: "\e08b";
}
.console-icon-import:before {
content: "\e08d";
}
.console-icon-manage:before {
content: "\e08f";
}
.console-icon-light-tips:before {
content: "\e091";
}
.console-icon-access:before {
content: "\e092";
}
.console-icon-check:before {
content: "\e093";
}
.console-icon-info-light:before {
content: "\e094";
}
.console-icon-track:before {
content: "\e097";
}
.icon-star:before {
content: "\e00a";
}
.icon-business-power:before {
content: "\e00b";
}
.icon-business-ammount:before {
content: "\e00c";
}
.icon-business-assure:before {
content: "\e00d";
}
.icon-business:before {
content: "\e00e";
}
.icon-company:before {
content: "\e00f";
}
.icon-personal:before {
content: "\e010";
}
.icon-arrow-right:before {
content: "\e012";
}
.icon-check-mark:before {
content: "\e013";
}
@font-face {
font-family: "layer-iconfont";
src: url(//mapapi.qq.com/web/lbs/console/v/321efd9344fde2d79d52ac5c8a467259.eot);
/* IE9 */
src: url(//mapapi.qq.com/web/lbs/console/v/321efd9344fde2d79d52ac5c8a467259.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//mapapi.qq.com/web/lbs/console/v/a72ac5338e5bb2b6c0d865ae283d15a6.woff) format('woff2'), url(//mapapi.qq.com/web/lbs/console/v/a72ac5338e5bb2b6c0d865ae283d15a6.woff) format('woff'), /* chrome、firefox */ url(//mapapi.qq.com/web/lbs/console/v/d850798392806a3dcf1b616bb600e87b.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(//mapapi.qq.com/web/lbs/console/v/08baf7d0e08e13ae8c3f69c32819b33e.svg#tlbs-iconfont) format('svg');
/* iOS 4.1- */
}
[class*=" layer-icon-"],
[class^=layer-icon-] {
font-family: "layer-iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.layer-icon-go:before {
content: "\e001";
}
.layer-icon-publish_dark:before {
content: "\e002";
}
.layer-icon-down_arrow:before {
content: "\e003";
}
.layer-icon-publish:before {
content: "\e004";
}
.layer-icon-edit_dark:before {
content: "\e005";
}
.layer-icon-reset:before {
content: "\e006";
}
.layer-icon-custom:before {
content: "\e007";
}
.layer-icon-mobile:before {
content: "\e008";
}
.layer-icon-edit:before {
content: "\e009";
}
.layer-icon-copy:before {
content: "\e00a";
}
.layer-icon-delete_dark:before {
content: "\e00b";
}
.layer-icon-back:before {
content: "\e00c";
}
.layer-icon-delete:before {
content: "\e00d";
}
.layer-icon-setting:before {
content: "\e00f";
}
.layer-icon-save:before {
content: "\e011";
}
.layer-icon-layer:before {
content: "\e012";
}
.layer-icon-left_arrow:before {
content: "\e013";
}
.layer-icon-control:before {
content: "\e014";
}
.layer-icon-plus:before {
content: "\e016";
}
.layer-icon-minus:before {
content: "\e017";
}
.layer-icon-Vector:before {
content: "\e019";
}
.layer-icon-login:before {
content: "\e01b";
}
.layer-icon-check-circle:before {
content: "\e01c";
}
.layer-icon-Frame:before {
content: "\e01d";
}
.layer-icon-locate:before {
content: "\e01e";
}
.layer-icon-map_edit:before {
content: "\e01f";
}
@font-face {
font-family: "trip-iconfont";
src: url(//mapapi.qq.com/web/lbs/console/v/88fe69ec1c96e6d51f6c23c2d645ce2f.eot);
/* IE9 */
src: url(//mapapi.qq.com/web/lbs/console/v/88fe69ec1c96e6d51f6c23c2d645ce2f.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//mapapi.qq.com/web/lbs/console/v/0add09f8101ed1cb82082ed8c7f756f5.woff) format('woff2'), url(//mapapi.qq.com/web/lbs/console/v/0add09f8101ed1cb82082ed8c7f756f5.woff) format('woff'), /* chrome、firefox */ url(//mapapi.qq.com/web/lbs/console/v/8b2a9d7218aceb87219d31e6dba35625.ttf) format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(//mapapi.qq.com/web/lbs/console/v/97b1b631cb23b3647c7bcb3a8dffa2e3.svg#trip-iconfont) format('svg');
/* iOS 4.1- */
}
[class*=' trip-icon-'],
[class^='trip-icon-'] {
font-family: 'trip-iconfont' !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trip-icon-console:before {
content: '\e002';
}
.trip-icon-location:after {
content: '\e003';
}
.trip-icon-vector:after {
content: '\e006';
}
.el-cascader-menu__wrap {
height: 204px;
}
*,
*::before,
*::after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.ant-cascader-picker * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-loading-spinner {
position: relative;
height: 40px;
}
.el-loading-spinner::after {
content: '';
width: 40px;
height: 40px;
position: absolute;
background: url(//mapapi.qq.com/web/lbs/console/v/images/icon-40-loading@2x.137d653.png) no-repeat center center / 40px 40px;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
}
.el-loading-spinner .circular {
display: none;
}
@-webkit-keyframes loading {
0% {
-webkit-transform: translateX(-50%) rotateZ(0);
transform: translateX(-50%) rotateZ(0);
}
100% {
-webkit-transform: translateX(-50%) rotateZ(360deg);
transform: translateX(-50%) rotateZ(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: translateX(-50%) rotateZ(0);
transform: translateX(-50%) rotateZ(0);
}
100% {
-webkit-transform: translateX(-50%) rotateZ(360deg);
transform: translateX(-50%) rotateZ(360deg);
}
}
/*
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
base: #fafafa
mono-1: #383a42
mono-2: #686b77
mono-3: #a0a1a7
hue-1: #0184bb
hue-2: #4078f2
hue-3: #a626a4
hue-4: #50a14f
hue-5: #e45649
hue-5-2: #c91243
hue-6: #986801
hue-6-2: #c18401
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #383a42;
background: #fafafa;
}
.hljs-comment,
.hljs-quote {
color: #a0a1a7;
font-style: italic;
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
color: #a626a4;
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
color: #e45649;
}
.hljs-literal {
color: #0184bb;
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
color: #50a14f;
}
.hljs-built_in,
.hljs-class .hljs-title {
color: #c18401;
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
color: #986801;
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
color: #4078f2;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.hljs-link {
text-decoration: underline;
}
@font-face {
font-style: normal;
font-family: 'TTTGBMedium';
src: url('https://mapapi.qq.com/web/lbs/font/TTTGB-Medium.otf') format('truetype');
}
.clearfix:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.clearfix {
zoom: 1;
}
.content-container {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #FFFFFF;
}
.content-area {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 100%;
padding: 0 32px 20px;
}
.content-area .content-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 1.5em;
font-weight: 600;
color: #1f2226;
margin: 24px 0 28px;
}
.full-width {
width: 100%;
}
.base-form .el-form-item {
margin-bottom: 16px;
}
.base-form .el-form-item:last-of-type {
margin-bottom: 0;
}
.base-form .el-form-item__label {
font-size: 14px;
color: #1f2226;
position: relative;
line-height: 34px;
}
.base-form .el-form-item__content {
line-height: 34px;
}
.base-form .tlbs-input {
width: 100%;
}
.base-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
content: none;
}
.base-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:after {
content: '*';
color: #f94d47;
position: absolute;
top: -2px;
margin-left: 2px;
}
.tlbs-message {
z-index: 10000 !important;
}
.is-success.is-required .el-input__inner:focus,
.is-success.is-required .el-textarea__inner:focus {
border-color: #0062ff;
}
.draw_share_atooltip {
border: none !important;
-webkit-box-shadow: 0px 1px 10px rgba(15, 24, 41, 0.03), 0px 4px 5px rgba(15, 24, 41, 0.06), 0px 2px 4px -1px rgba(15, 24, 41, 0.06);
box-shadow: 0px 1px 10px rgba(15, 24, 41, 0.03), 0px 4px 5px rgba(15, 24, 41, 0.06), 0px 2px 4px -1px rgba(15, 24, 41, 0.06);
border-radius: 3px;
}
@-webkit-keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.t-icon {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
}
.t-icon::before {
font-family: unset;
}
.t-icon-loading {
-webkit-animation: t-spin 1s linear infinite;
animation: t-spin 1s linear infinite;
}
.t-icon {
fill: currentColor;
}
.t-icon.t-size-s,
i.t-size-s {
font-size: 14px;
}
.t-icon.t-size-m,
i.t-size-m {
font-size: 16px;
}
.t-icon.t-size-l,
i.t-size-l {
font-size: 18px;
}
.t-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
text-decoration: none;
outline: none;
padding: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
font: var(--td-font-link-medium);
}
.t-link .t-link__prefix-icon {
margin-right: var(--td-comp-margin-s);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link .t-link__suffix-icon {
margin-left: var(--td-comp-margin-s);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link.t-size-s {
font: var(--td-font-link-small);
}
.t-link.t-size-s .t-link__prefix-icon {
margin-right: var(--td-comp-margin-xs);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link.t-size-s .t-link__suffix-icon {
margin-left: var(--td-comp-margin-xs);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link.t-size-l {
font: var(--td-font-link-large);
}
.t-link.t-size-l .t-link__prefix-icon {
margin-right: var(--td-comp-margin-m);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link.t-size-l .t-link__suffix-icon {
margin-left: var(--td-comp-margin-m);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-link--theme-default {
color: var(--td-text-color-primary);
}
.t-link--theme-default:active {
color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--td-text-color-primary);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-default.t-link--hover-underline:hover::after {
opacity: 1;
}
.t-link--theme-default.t-link--hover-underline:active::after {
opacity: 1;
border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:hover {
color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:hover::after {
border-color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:active::after {
border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:active {
color: var(--td-brand-color-active);
}
.t-link--theme-default.t-is-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
opacity: 1;
border-bottom: 1px solid var(--td-text-color-primary);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-default.t-is-disabled {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled:hover,
.t-link--theme-default.t-is-disabled:active {
color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled.t-is-underline::after {
border-color: var(--td-text-color-disabled);
}
.t-link--theme-primary {
color: var(--td-brand-color);
}
.t-link--theme-primary:active {
color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--td-brand-color);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-primary.t-link--hover-underline:hover::after {
opacity: 1;
}
.t-link--theme-primary.t-link--hover-underline:active::after {
opacity: 1;
border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:hover {
color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:hover::after {
border-color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:active::after {
border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:active {
color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-is-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
opacity: 1;
border-bottom: 1px solid var(--td-brand-color);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-primary.t-is-disabled {
cursor: not-allowed;
color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled:hover,
.t-link--theme-primary.t-is-disabled:active {
color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled.t-is-underline::after {
border-color: var(--td-brand-color-disabled);
}
.t-link--theme-success {
color: var(--td-success-color);
}
.t-link--theme-success:active {
color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--td-success-color);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-success.t-link--hover-underline:hover::after {
opacity: 1;
}
.t-link--theme-success.t-link--hover-underline:active::after {
opacity: 1;
border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:hover {
color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:hover::after {
border-color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:active::after {
border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:active {
color: var(--td-success-color-active);
}
.t-link--theme-success.t-is-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
opacity: 1;
border-bottom: 1px solid var(--td-success-color);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-success.t-is-disabled {
cursor: not-allowed;
color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled:hover,
.t-link--theme-success.t-is-disabled:active {
color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled.t-is-underline::after {
border-color: var(--td-success-color-disabled);
}
.t-link--theme-danger {
color: var(--td-error-color);
}
.t-link--theme-danger:active {
color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--td-error-color);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-danger.t-link--hover-underline:hover::after {
opacity: 1;
}
.t-link--theme-danger.t-link--hover-underline:active::after {
opacity: 1;
border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:hover {
color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:hover::after {
border-color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:active::after {
border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:active {
color: var(--td-error-color-active);
}
.t-link--theme-danger.t-is-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
opacity: 1;
border-bottom: 1px solid var(--td-error-color);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-danger.t-is-disabled {
cursor: not-allowed;
color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled:hover,
.t-link--theme-danger.t-is-disabled:active {
color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled.t-is-underline::after {
border-color: var(--td-error-color-disabled);
}
.t-link--theme-warning {
color: var(--td-warning-color);
}
.t-link--theme-warning:active {
color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid var(--td-warning-color);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-warning.t-link--hover-underline:hover::after {
opacity: 1;
}
.t-link--theme-warning.t-link--hover-underline:active::after {
opacity: 1;
border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:hover {
color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:hover::after {
border-color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:active::after {
border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:active {
color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-is-underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0;
bottom: 0;
opacity: 1;
border-bottom: 1px solid var(--td-warning-color);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-link--theme-warning.t-is-disabled {
cursor: not-allowed;
color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled:hover,
.t-link--theme-warning.t-is-disabled:active {
color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled.t-is-underline::after {
border-color: var(--td-warning-color-disabled);
}
.t-row {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.t-row--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.t-row--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-row--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.t-row--space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-row--space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.t-row--top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.t-row--middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-row--bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.t-row--align-top,
.t-row--align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.t-row--align-middle,
.t-row--align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-row--align-bottom,
.t-row--align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.t-row--align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.t-row--align-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.t-col {
position: relative;
max-width: 100%;
min-height: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-col-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-push-12 {
left: 100%;
}
.t-col-pull-12 {
right: 100%;
}
.t-col-offset-12 {
margin-left: 100%;
}
.t-col-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-push-11 {
left: 91.66666667%;
}
.t-col-pull-11 {
right: 91.66666667%;
}
.t-col-offset-11 {
margin-left: 91.66666667%;
}
.t-col-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-push-10 {
left: 83.33333333%;
}
.t-col-pull-10 {
right: 83.33333333%;
}
.t-col-offset-10 {
margin-left: 83.33333333%;
}
.t-col-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-push-9 {
left: 75%;
}
.t-col-pull-9 {
right: 75%;
}
.t-col-offset-9 {
margin-left: 75%;
}
.t-col-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-push-8 {
left: 66.66666667%;
}
.t-col-pull-8 {
right: 66.66666667%;
}
.t-col-offset-8 {
margin-left: 66.66666667%;
}
.t-col-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-push-7 {
left: 58.33333333%;
}
.t-col-pull-7 {
right: 58.33333333%;
}
.t-col-offset-7 {
margin-left: 58.33333333%;
}
.t-col-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-push-6 {
left: 50%;
}
.t-col-pull-6 {
right: 50%;
}
.t-col-offset-6 {
margin-left: 50%;
}
.t-col-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-push-5 {
left: 41.66666667%;
}
.t-col-pull-5 {
right: 41.66666667%;
}
.t-col-offset-5 {
margin-left: 41.66666667%;
}
.t-col-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-push-4 {
left: 33.33333333%;
}
.t-col-pull-4 {
right: 33.33333333%;
}
.t-col-offset-4 {
margin-left: 33.33333333%;
}
.t-col-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-push-3 {
left: 25%;
}
.t-col-pull-3 {
right: 25%;
}
.t-col-offset-3 {
margin-left: 25%;
}
.t-col-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-push-2 {
left: 16.66666667%;
}
.t-col-pull-2 {
right: 16.66666667%;
}
.t-col-offset-2 {
margin-left: 16.66666667%;
}
.t-col-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-push-1 {
left: 8.33333333%;
}
.t-col-pull-1 {
right: 8.33333333%;
}
.t-col-offset-1 {
margin-left: 8.33333333%;
}
.t-col-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-offset-0 {
margin-left: 0;
}
.t-col-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.t-col-xs-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-xs-push-12 {
left: 100%;
}
.t-col-xs-pull-12 {
right: 100%;
}
.t-col-xs-offset-12 {
margin-left: 100%;
}
.t-col-xs-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-xs-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-xs-push-11 {
left: 91.66666667%;
}
.t-col-xs-pull-11 {
right: 91.66666667%;
}
.t-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.t-col-xs-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-xs-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-xs-push-10 {
left: 83.33333333%;
}
.t-col-xs-pull-10 {
right: 83.33333333%;
}
.t-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.t-col-xs-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-xs-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-xs-push-9 {
left: 75%;
}
.t-col-xs-pull-9 {
right: 75%;
}
.t-col-xs-offset-9 {
margin-left: 75%;
}
.t-col-xs-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-xs-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-xs-push-8 {
left: 66.66666667%;
}
.t-col-xs-pull-8 {
right: 66.66666667%;
}
.t-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.t-col-xs-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-xs-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-xs-push-7 {
left: 58.33333333%;
}
.t-col-xs-pull-7 {
right: 58.33333333%;
}
.t-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.t-col-xs-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-xs-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-xs-push-6 {
left: 50%;
}
.t-col-xs-pull-6 {
right: 50%;
}
.t-col-xs-offset-6 {
margin-left: 50%;
}
.t-col-xs-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-xs-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-xs-push-5 {
left: 41.66666667%;
}
.t-col-xs-pull-5 {
right: 41.66666667%;
}
.t-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.t-col-xs-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-xs-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-xs-push-4 {
left: 33.33333333%;
}
.t-col-xs-pull-4 {
right: 33.33333333%;
}
.t-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.t-col-xs-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-xs-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-xs-push-3 {
left: 25%;
}
.t-col-xs-pull-3 {
right: 25%;
}
.t-col-xs-offset-3 {
margin-left: 25%;
}
.t-col-xs-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-xs-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-xs-push-2 {
left: 16.66666667%;
}
.t-col-xs-pull-2 {
right: 16.66666667%;
}
.t-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.t-col-xs-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-xs-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-xs-push-1 {
left: 8.33333333%;
}
.t-col-xs-pull-1 {
right: 8.33333333%;
}
.t-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.t-col-xs-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-xs-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-xs-push-0 {
left: auto;
}
.t-col-xs-pull-0 {
right: auto;
}
.t-col-xs-offset-0 {
margin-left: 0;
}
.t-col-xs-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
@media (min-width: 768px) {
.t-col-sm-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-sm-push-12 {
left: 100%;
}
.t-col-sm-pull-12 {
right: 100%;
}
.t-col-sm-offset-12 {
margin-left: 100%;
}
.t-col-sm-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-sm-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-sm-push-11 {
left: 91.66666667%;
}
.t-col-sm-pull-11 {
right: 91.66666667%;
}
.t-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.t-col-sm-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-sm-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-sm-push-10 {
left: 83.33333333%;
}
.t-col-sm-pull-10 {
right: 83.33333333%;
}
.t-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.t-col-sm-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-sm-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-sm-push-9 {
left: 75%;
}
.t-col-sm-pull-9 {
right: 75%;
}
.t-col-sm-offset-9 {
margin-left: 75%;
}
.t-col-sm-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-sm-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-sm-push-8 {
left: 66.66666667%;
}
.t-col-sm-pull-8 {
right: 66.66666667%;
}
.t-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.t-col-sm-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-sm-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-sm-push-7 {
left: 58.33333333%;
}
.t-col-sm-pull-7 {
right: 58.33333333%;
}
.t-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.t-col-sm-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-sm-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-sm-push-6 {
left: 50%;
}
.t-col-sm-pull-6 {
right: 50%;
}
.t-col-sm-offset-6 {
margin-left: 50%;
}
.t-col-sm-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-sm-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-sm-push-5 {
left: 41.66666667%;
}
.t-col-sm-pull-5 {
right: 41.66666667%;
}
.t-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.t-col-sm-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-sm-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-sm-push-4 {
left: 33.33333333%;
}
.t-col-sm-pull-4 {
right: 33.33333333%;
}
.t-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.t-col-sm-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-sm-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-sm-push-3 {
left: 25%;
}
.t-col-sm-pull-3 {
right: 25%;
}
.t-col-sm-offset-3 {
margin-left: 25%;
}
.t-col-sm-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-sm-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-sm-push-2 {
left: 16.66666667%;
}
.t-col-sm-pull-2 {
right: 16.66666667%;
}
.t-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.t-col-sm-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-sm-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-sm-push-1 {
left: 8.33333333%;
}
.t-col-sm-pull-1 {
right: 8.33333333%;
}
.t-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.t-col-sm-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-sm-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-sm-push-0 {
left: auto;
}
.t-col-sm-pull-0 {
right: auto;
}
.t-col-sm-offset-0 {
margin-left: 0;
}
.t-col-sm-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 992px) {
.t-col-md-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-md-push-12 {
left: 100%;
}
.t-col-md-pull-12 {
right: 100%;
}
.t-col-md-offset-12 {
margin-left: 100%;
}
.t-col-md-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-md-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-md-push-11 {
left: 91.66666667%;
}
.t-col-md-pull-11 {
right: 91.66666667%;
}
.t-col-md-offset-11 {
margin-left: 91.66666667%;
}
.t-col-md-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-md-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-md-push-10 {
left: 83.33333333%;
}
.t-col-md-pull-10 {
right: 83.33333333%;
}
.t-col-md-offset-10 {
margin-left: 83.33333333%;
}
.t-col-md-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-md-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-md-push-9 {
left: 75%;
}
.t-col-md-pull-9 {
right: 75%;
}
.t-col-md-offset-9 {
margin-left: 75%;
}
.t-col-md-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-md-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-md-push-8 {
left: 66.66666667%;
}
.t-col-md-pull-8 {
right: 66.66666667%;
}
.t-col-md-offset-8 {
margin-left: 66.66666667%;
}
.t-col-md-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-md-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-md-push-7 {
left: 58.33333333%;
}
.t-col-md-pull-7 {
right: 58.33333333%;
}
.t-col-md-offset-7 {
margin-left: 58.33333333%;
}
.t-col-md-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-md-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-md-push-6 {
left: 50%;
}
.t-col-md-pull-6 {
right: 50%;
}
.t-col-md-offset-6 {
margin-left: 50%;
}
.t-col-md-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-md-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-md-push-5 {
left: 41.66666667%;
}
.t-col-md-pull-5 {
right: 41.66666667%;
}
.t-col-md-offset-5 {
margin-left: 41.66666667%;
}
.t-col-md-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-md-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-md-push-4 {
left: 33.33333333%;
}
.t-col-md-pull-4 {
right: 33.33333333%;
}
.t-col-md-offset-4 {
margin-left: 33.33333333%;
}
.t-col-md-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-md-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-md-push-3 {
left: 25%;
}
.t-col-md-pull-3 {
right: 25%;
}
.t-col-md-offset-3 {
margin-left: 25%;
}
.t-col-md-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-md-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-md-push-2 {
left: 16.66666667%;
}
.t-col-md-pull-2 {
right: 16.66666667%;
}
.t-col-md-offset-2 {
margin-left: 16.66666667%;
}
.t-col-md-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-md-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-md-push-1 {
left: 8.33333333%;
}
.t-col-md-pull-1 {
right: 8.33333333%;
}
.t-col-md-offset-1 {
margin-left: 8.33333333%;
}
.t-col-md-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-md-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-md-push-0 {
left: auto;
}
.t-col-md-pull-0 {
right: auto;
}
.t-col-md-offset-0 {
margin-left: 0;
}
.t-col-md-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 1200px) {
.t-col-lg-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-lg-push-12 {
left: 100%;
}
.t-col-lg-pull-12 {
right: 100%;
}
.t-col-lg-offset-12 {
margin-left: 100%;
}
.t-col-lg-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-lg-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-lg-push-11 {
left: 91.66666667%;
}
.t-col-lg-pull-11 {
right: 91.66666667%;
}
.t-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.t-col-lg-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-lg-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-lg-push-10 {
left: 83.33333333%;
}
.t-col-lg-pull-10 {
right: 83.33333333%;
}
.t-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.t-col-lg-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-lg-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-lg-push-9 {
left: 75%;
}
.t-col-lg-pull-9 {
right: 75%;
}
.t-col-lg-offset-9 {
margin-left: 75%;
}
.t-col-lg-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-lg-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-lg-push-8 {
left: 66.66666667%;
}
.t-col-lg-pull-8 {
right: 66.66666667%;
}
.t-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.t-col-lg-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-lg-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-lg-push-7 {
left: 58.33333333%;
}
.t-col-lg-pull-7 {
right: 58.33333333%;
}
.t-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.t-col-lg-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-lg-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-lg-push-6 {
left: 50%;
}
.t-col-lg-pull-6 {
right: 50%;
}
.t-col-lg-offset-6 {
margin-left: 50%;
}
.t-col-lg-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-lg-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-lg-push-5 {
left: 41.66666667%;
}
.t-col-lg-pull-5 {
right: 41.66666667%;
}
.t-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.t-col-lg-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-lg-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-lg-push-4 {
left: 33.33333333%;
}
.t-col-lg-pull-4 {
right: 33.33333333%;
}
.t-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.t-col-lg-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-lg-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-lg-push-3 {
left: 25%;
}
.t-col-lg-pull-3 {
right: 25%;
}
.t-col-lg-offset-3 {
margin-left: 25%;
}
.t-col-lg-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-lg-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-lg-push-2 {
left: 16.66666667%;
}
.t-col-lg-pull-2 {
right: 16.66666667%;
}
.t-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.t-col-lg-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-lg-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-lg-push-1 {
left: 8.33333333%;
}
.t-col-lg-pull-1 {
right: 8.33333333%;
}
.t-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.t-col-lg-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-lg-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-lg-push-0 {
left: auto;
}
.t-col-lg-pull-0 {
right: auto;
}
.t-col-lg-offset-0 {
margin-left: 0;
}
.t-col-lg-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 1400px) {
.t-col-xl-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-xl-push-12 {
left: 100%;
}
.t-col-xl-pull-12 {
right: 100%;
}
.t-col-xl-offset-12 {
margin-left: 100%;
}
.t-col-xl-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-xl-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-xl-push-11 {
left: 91.66666667%;
}
.t-col-xl-pull-11 {
right: 91.66666667%;
}
.t-col-xl-offset-11 {
margin-left: 91.66666667%;
}
.t-col-xl-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-xl-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-xl-push-10 {
left: 83.33333333%;
}
.t-col-xl-pull-10 {
right: 83.33333333%;
}
.t-col-xl-offset-10 {
margin-left: 83.33333333%;
}
.t-col-xl-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-xl-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-xl-push-9 {
left: 75%;
}
.t-col-xl-pull-9 {
right: 75%;
}
.t-col-xl-offset-9 {
margin-left: 75%;
}
.t-col-xl-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-xl-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-xl-push-8 {
left: 66.66666667%;
}
.t-col-xl-pull-8 {
right: 66.66666667%;
}
.t-col-xl-offset-8 {
margin-left: 66.66666667%;
}
.t-col-xl-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-xl-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-xl-push-7 {
left: 58.33333333%;
}
.t-col-xl-pull-7 {
right: 58.33333333%;
}
.t-col-xl-offset-7 {
margin-left: 58.33333333%;
}
.t-col-xl-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-xl-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-xl-push-6 {
left: 50%;
}
.t-col-xl-pull-6 {
right: 50%;
}
.t-col-xl-offset-6 {
margin-left: 50%;
}
.t-col-xl-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-xl-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-xl-push-5 {
left: 41.66666667%;
}
.t-col-xl-pull-5 {
right: 41.66666667%;
}
.t-col-xl-offset-5 {
margin-left: 41.66666667%;
}
.t-col-xl-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-xl-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-xl-push-4 {
left: 33.33333333%;
}
.t-col-xl-pull-4 {
right: 33.33333333%;
}
.t-col-xl-offset-4 {
margin-left: 33.33333333%;
}
.t-col-xl-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-xl-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-xl-push-3 {
left: 25%;
}
.t-col-xl-pull-3 {
right: 25%;
}
.t-col-xl-offset-3 {
margin-left: 25%;
}
.t-col-xl-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-xl-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-xl-push-2 {
left: 16.66666667%;
}
.t-col-xl-pull-2 {
right: 16.66666667%;
}
.t-col-xl-offset-2 {
margin-left: 16.66666667%;
}
.t-col-xl-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-xl-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-xl-push-1 {
left: 8.33333333%;
}
.t-col-xl-pull-1 {
right: 8.33333333%;
}
.t-col-xl-offset-1 {
margin-left: 8.33333333%;
}
.t-col-xl-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-xl-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-xl-push-0 {
left: auto;
}
.t-col-xl-pull-0 {
right: auto;
}
.t-col-xl-offset-0 {
margin-left: 0;
}
.t-col-xl-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
@media (min-width: 1880px) {
.t-col-xxl-12 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.t-col-xxl-push-12 {
left: 100%;
}
.t-col-xxl-pull-12 {
right: 100%;
}
.t-col-xxl-offset-12 {
margin-left: 100%;
}
.t-col-xxl-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.t-col-xxl-11 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.t-col-xxl-push-11 {
left: 91.66666667%;
}
.t-col-xxl-pull-11 {
right: 91.66666667%;
}
.t-col-xxl-offset-11 {
margin-left: 91.66666667%;
}
.t-col-xxl-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.t-col-xxl-10 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.t-col-xxl-push-10 {
left: 83.33333333%;
}
.t-col-xxl-pull-10 {
right: 83.33333333%;
}
.t-col-xxl-offset-10 {
margin-left: 83.33333333%;
}
.t-col-xxl-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.t-col-xxl-9 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.t-col-xxl-push-9 {
left: 75%;
}
.t-col-xxl-pull-9 {
right: 75%;
}
.t-col-xxl-offset-9 {
margin-left: 75%;
}
.t-col-xxl-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.t-col-xxl-8 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.t-col-xxl-push-8 {
left: 66.66666667%;
}
.t-col-xxl-pull-8 {
right: 66.66666667%;
}
.t-col-xxl-offset-8 {
margin-left: 66.66666667%;
}
.t-col-xxl-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.t-col-xxl-7 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.t-col-xxl-push-7 {
left: 58.33333333%;
}
.t-col-xxl-pull-7 {
right: 58.33333333%;
}
.t-col-xxl-offset-7 {
margin-left: 58.33333333%;
}
.t-col-xxl-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.t-col-xxl-6 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.t-col-xxl-push-6 {
left: 50%;
}
.t-col-xxl-pull-6 {
right: 50%;
}
.t-col-xxl-offset-6 {
margin-left: 50%;
}
.t-col-xxl-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.t-col-xxl-5 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.t-col-xxl-push-5 {
left: 41.66666667%;
}
.t-col-xxl-pull-5 {
right: 41.66666667%;
}
.t-col-xxl-offset-5 {
margin-left: 41.66666667%;
}
.t-col-xxl-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.t-col-xxl-4 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.t-col-xxl-push-4 {
left: 33.33333333%;
}
.t-col-xxl-pull-4 {
right: 33.33333333%;
}
.t-col-xxl-offset-4 {
margin-left: 33.33333333%;
}
.t-col-xxl-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.t-col-xxl-3 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.t-col-xxl-push-3 {
left: 25%;
}
.t-col-xxl-pull-3 {
right: 25%;
}
.t-col-xxl-offset-3 {
margin-left: 25%;
}
.t-col-xxl-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.t-col-xxl-2 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.t-col-xxl-push-2 {
left: 16.66666667%;
}
.t-col-xxl-pull-2 {
right: 16.66666667%;
}
.t-col-xxl-offset-2 {
margin-left: 16.66666667%;
}
.t-col-xxl-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.t-col-xxl-1 {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.t-col-xxl-push-1 {
left: 8.33333333%;
}
.t-col-xxl-pull-1 {
right: 8.33333333%;
}
.t-col-xxl-offset-1 {
margin-left: 8.33333333%;
}
.t-col-xxl-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.t-col-xxl-0 {
display: none;
}
.t-col-push-0 {
left: auto;
}
.t-col-pull-0 {
right: auto;
}
.t-col-xxl-push-0 {
left: auto;
}
.t-col-xxl-pull-0 {
right: auto;
}
.t-col-xxl-offset-0 {
margin-left: 0;
}
.t-col-xxl-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.t-layout {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-layout,
.t-layout__direction-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--td-bg-color-page);
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.t-layout--with-sider,
.t-layout__direction-horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.t-layout__header {
height: var(--td-comp-size-xxxl);
background-color: var(--td-bg-color-container);
}
.t-layout__content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.t-layout__sider {
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: var(--td-bg-color-container);
width: 232px;
}
.t-layout__footer {
color: var(--td-text-color-placeholder);
padding: 24px;
}
.t-divider {
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
margin: var(--td-comp-margin-xxl) 0;
border-top: 1px solid var(--td-border-level-1-color);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-divider--dashed {
border-top-style: dashed;
}
.t-divider--horizontal {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-divider--vertical {
border-top: 0;
display: inline-block;
margin: 0 var(--td-comp-margin-m);
border-left: 1px solid var(--td-border-level-1-color);
height: 0.9em;
vertical-align: middle;
}
.t-divider--with-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 0;
white-space: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-divider--with-text .t-divider__inner-text:not(:empty) {
padding: 0 1em;
display: inline-block;
}
.t-divider--with-text::before,
.t-divider--with-text::after {
content: "";
width: 50%;
border-top: 1px solid var(--td-border-level-1-color);
}
.t-divider--with-text-left::before {
width: 5%;
}
.t-divider--with-text-left::after {
width: 95%;
}
.t-divider--with-text-right::before {
width: 95%;
}
.t-divider--with-text-right::after {
width: 5%;
}
.t-divider--dashed::before,
.t-divider--dashed::after {
border-top: 1px dashed var(--td-border-level-1-color);
}
.t-divider--vertical.t-divider--dashed {
border-left: 1px dashed var(--td-border-level-1-color);
}
.t-space {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.t-space .t-space-item {
width: inherit;
}
.t-space-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.t-space-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.t-space-align-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.t-space-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-space-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-space-vertical .t-space-item-separator {
width: 100%;
}
.t-space.t-space--break-line {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.t-space.t-space--polyfill {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-space.t-space--polyfill.t-space-horizontal,
.t-space.t-space--polyfill.t-space--break-line {
margin-left: calc(-1 * var(--td-space-column-gap, 0));
}
.t-space.t-space--polyfill.t-space-vertical,
.t-space.t-space--polyfill.t-space--break-line {
margin-top: calc(-1 * var(--td-space-row-gap, 0));
}
.t-space.t-space--polyfill.t-space-horizontal > *,
.t-space.t-space--polyfill.t-space--break-line > * {
margin-left: var(--td-space-column-gap);
}
.t-space.t-space--polyfill.t-space-vertical > *,
.t-space.t-space--polyfill.t-space--break-line > * {
margin-top: var(--td-space-row-gap);
}
.t-affix {
position: fixed;
z-index: 500;
}
.t-anchor {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
--td-anchor-space-base: var(--td-size-6);
position: relative;
background: var(--td-bg-color-container);
width: 200px;
color: var(--td-text-color-primary);
font: var(--td-font-body-medium);
}
.t-anchor .t-is-active > a {
color: var(--td-brand-color);
}
.t-anchor__line {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: var(--td-component-stroke);
cursor: pointer;
}
.t-anchor__line-cursor-wrapper {
position: absolute;
display: block;
height: 0;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
}
.t-anchor__line-cursor-wrapper .t-anchor__line-cursor {
width: 1px;
height: 100%;
background-color: var(--td-brand-color);
}
.t-anchor__item {
padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingTB-l);
--level: 1;
padding-left: calc(var(--level) * var(--td-anchor-space-base));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-anchor__item.t-is-active {
font-weight: 500;
}
.t-anchor__item-link {
display: inline-block;
position: relative;
overflow: hidden;
word-break: break-all;
color: var(--td-text-color-primary);
text-decoration: none;
text-align: justify;
}
.t-anchor a {
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-anchor a:hover {
color: var(--td-brand-color);
cursor: pointer;
}
.t-anchor a:active {
color: var(--td-brand-color-active);
}
.t-anchor.t-size-s {
width: 120px;
}
.t-anchor.t-size-l {
width: 320px;
}
.t-anchor__target {
cursor: pointer;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
.t-anchor__target .t-anchor__copy {
display: none;
margin: 0 0 0 var(--td-comp-margin-xs);
}
.t-anchor__target:hover .t-anchor__copy {
display: inline-block;
}
.t-anchor__target:target::after {
display: inline-block;
content: "";
width: 6px;
height: 6px;
border-radius: var(--td-radius-circle);
background-color: var(--td-brand-color);
vertical-align: middle;
-webkit-animation: fadeOut 2s 2s linear 1;
animation: fadeOut 2s 2s linear 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content {
margin-bottom: var(--td-comp-margin-s);
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
margin-bottom: var(--td-comp-margin-l);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content {
margin-top: var(--td-comp-margin-s);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
margin-top: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content {
margin-right: var(--td-comp-margin-s);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
margin-right: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--text {
max-width: 480px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content {
margin-left: var(--td-comp-margin-s);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
margin-left: var(--td-comp-margin-l);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--text {
max-width: 480px;
}
.t-popup {
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
color: var(--td-text-color-primary);
display: inline-block;
z-index: 5500;
}
.t-popup__content {
position: relative;
background: var(--td-bg-color-container);
-webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
border-radius: var(--td-radius-medium);
padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
font-size: var(--td-font-size-body-medium);
line-height: var(--td-line-height-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
word-break: break-all;
}
.t-popup__arrow {
position: absolute;
z-index: 1;
width: 8px;
height: 8px;
}
.t-popup__arrow::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: var(--td-bg-color-container);
}
.t-popup[data-popper-placement^="top"] .t-popup__content {
margin-bottom: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
margin-bottom: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content {
margin-top: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
margin-top: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content {
margin-right: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
margin-right: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--text {
max-width: 480px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content {
margin-left: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
margin-left: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--text {
max-width: 480px;
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
border-top-left-radius: 100%;
-webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="top-start"] .t-popup__arrow {
left: 8px;
}
.t-popup[data-popper-placement="top"] .t-popup__arrow {
left: 50%;
margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="top-end"] .t-popup__arrow {
left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
top: calc(-8px / 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
border-bottom-right-radius: 100%;
-webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
}
.t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
left: 8px;
}
.t-popup[data-popper-placement="bottom"] .t-popup__arrow {
left: 50%;
margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow {
right: calc(-8px / 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
-webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
}
.t-popup[data-popper-placement="left-start"] .t-popup__arrow {
top: 8px;
}
.t-popup[data-popper-placement="left"] .t-popup__arrow {
top: 50%;
margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="left-end"] .t-popup__arrow {
top: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow {
left: calc(-8px / 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
-webkit-box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="right-start"] .t-popup__arrow {
top: 8px;
}
.t-popup[data-popper-placement="right"] .t-popup__arrow {
top: 50%;
margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="right-end"] .t-popup__arrow {
top: calc(100% - 8px * 2);
}
.t-popup--animation-enter,
.t-popup--animation-enter-from,
.t-popup--animation-exiting,
.t-popup--animation-leave-to {
opacity: 0;
visibility: hidden;
}
.t-popup--animation-enter-to,
.t-popup--animation-entering,
.t-popup--animation-leave-from,
.t-popup--animation-leave {
opacity: 1;
visibility: visible;
-webkit-transform: none;
transform: none;
}
.t-popup--animation-enter-active {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.t-popup--animation-leave-active {
-webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
-webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
-webkit-animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@-webkit-keyframes t-popup-animation-expand-in-top {
0% {
-webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
}
@keyframes t-popup-animation-expand-in-top {
0% {
-webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
}
@-webkit-keyframes t-popup-animation-expand-out-top {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
}
}
@keyframes t-popup-animation-expand-out-top {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
}
}
.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
-webkit-animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
-webkit-animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@-webkit-keyframes t-popup-animation-expand-in-bottom {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
}
@keyframes t-popup-animation-expand-in-bottom {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
}
@-webkit-keyframes t-popup-animation-expand-out-bottom {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
}
}
@keyframes t-popup-animation-expand-out-bottom {
0% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
}
100% {
-webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
}
}
.t-back-top {
position: fixed;
z-index: 300;
overflow: hidden;
outline: none;
border-color: transparent;
background-color: transparent;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
white-space: nowrap;
border-width: 0.5px;
border-style: solid;
-webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-box-shadow: var(--td-shadow-3);
box-shadow: var(--td-shadow-3);
visibility: hidden;
opacity: 0;
color: var(--td-text-color-primary);
}
.t-back-top__text {
font: var(--td-font-body-small);
text-align: center;
margin-top: var(--td-comp-margin-xxs);
}
.t-back-top__icon {
font-size: var(--td-font-headline-small);
}
.t-back-top.t-size-m .t-back-top__icon {
margin-top: 2px;
}
.t-back-top--show {
visibility: visible;
opacity: 1;
}
.t-back-top--theme-light {
border-color: var(--td-component-border);
background-color: var(--td-bg-color-container);
}
.t-back-top--theme-light:hover {
border-color: var(--td-bg-color-container-hover);
background-color: var(--td-bg-color-container-hover);
}
.t-back-top--theme-light .t-back-top__text {
color: var(--td-text-color-secondary);
}
.t-back-top--theme-light .t-back-top__icon {
color: var(--td-text-color-primary);
}
.t-back-top--theme-primary {
border-color: var(--td-brand-color);
background-color: var(--td-brand-color);
}
.t-back-top--theme-primary:hover {
border-color: var(--td-brand-color-hover);
background-color: var(--td-brand-color-hover);
}
.t-back-top--theme-primary .t-back-top__text {
color: var(--td-text-color-anti);
}
.t-back-top--theme-primary .t-back-top__icon {
color: var(--td-text-color-anti);
}
.t-back-top--theme-dark {
border-color: rgba(0, 0, 0, 0.9);
background-color: rgba(0, 0, 0, 0.9);
}
.t-back-top--theme-dark:hover {
border-color: rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0.6);
}
.t-back-top--theme-dark .t-back-top__text {
color: var(--td-text-color-anti);
}
.t-back-top--theme-dark .t-back-top__icon {
color: var(--td-text-color-anti);
}
.t-back-top.t-size-s {
width: var(--td-comp-size-xxl);
height: var(--td-comp-size-xxl);
}
.t-back-top.t-size-s .t-back-top__text {
display: none;
}
.t-back-top.t-size-m {
width: var(--td-comp-size-xxxxl);
height: var(--td-comp-size-xxxxl);
}
.t-back-top.t-size-m .t-back-top__text {
display: block;
}
.t-back-top--circle {
border-radius: var(--td-radius-circle);
}
.t-back-top--square {
border-radius: var(--td-radius-medium);
}
@-webkit-keyframes changeColor {
from {
color: var(--td-brand-color-hover);
}
to {
color: var(--td-brand-color-active);
}
}
@keyframes changeColor {
from {
color: var(--td-brand-color-hover);
}
to {
color: var(--td-brand-color-active);
}
}
.t-breadcrumb {
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-breadcrumb__separator {
margin: 0 var(--td-comp-margin-xs);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-breadcrumb__separator .t-icon {
color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--td-text-color-placeholder);
text-decoration: none;
}
.t-breadcrumb__item.t-is-current {
color: var(--td-text-color-primary);
}
.t-breadcrumb__item.t-is-current .t-icon {
color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item:last-child {
color: var(--td-text-color-primary);
}
.t-breadcrumb__item:last-child .t-breadcrumb__separator {
display: none;
}
.t-breadcrumb__item .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-breadcrumb__item .t-link {
color: inherit;
text-decoration: none;
}
.t-breadcrumb__item .t-link:hover {
color: var(--td-brand-color);
}
.t-breadcrumb__item .t-is-disabled {
cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner {
color: var(--td-text-color-disabled);
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover {
color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active {
-webkit-animation: none;
animation: none;
}
.t-breadcrumb__item--arrow {
margin: 0 var(--td-comp-margin-xs);
line-height: 0;
color: var(--td-text-color-placeholder);
display: inline-block;
vertical-align: middle;
}
.t-breadcrumb__item--slash {
margin: 0 var(--td-comp-margin-xs);
line-height: 0;
color: var(--td-text-color-placeholder);
display: inline-block;
vertical-align: middle;
}
.t-breadcrumb__inner {
font: var(--td-font-body-medium);
word-break: break-all;
display: inline-block;
vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
margin: 0 var(--td-comp-margin-xs);
}
.t-breadcrumb__select {
position: relative;
}
.t-breadcrumb__select:hover .t-breadcrumb__option {
display: block;
}
.t-breadcrumb__select-item:hover .t-icon {
color: var(--td-brand-color);
}
.t-breadcrumb__option {
display: none;
position: absolute;
top: 28px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 120px;
background: var(--td-bg-color-container);
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
z-index: 20;
}
.t-breadcrumb__option-item {
padding: 8px;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.t-breadcrumb__option-item:hover {
color: var(--td-brand-color);
}
.t-breadcrumb__option-item.t-is-active {
color: var(--td-brand-color);
}
.t-breadcrumb__inner-msg {
display: none;
position: absolute;
left: 50%;
bottom: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 300px;
padding: 8px;
color: var(--td-text-color-primary);
background: var(--td-bg-color-container);
border-radius: calc(var(--td-radius-default) * 0.5);
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
z-index: 20;
}
.t-breadcrumb__inner-msg::before {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0;
border-color: var(--td-bg-color-container) transparent transparent transparent;
z-index: 20;
}
.t-breadcrumb--text-overflow {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
display: block;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner {
max-width: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
color: var(--td-brand-color);
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
cursor: pointer;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
-webkit-animation: 0.2s linear changeColor;
animation: 0.2s linear changeColor;
}
.t-tooltip .t-popup__content {
display: inline-block;
border: 0;
z-index: 5600;
margin-bottom: 1px;
max-width: 480px;
word-break: break-word;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--td-radius-medium);
color: var(--td-text-color-primary);
}
.t-tooltip--default .t-popup__content {
color: var(--td-text-color-anti);
background: var(--td-gray-color-13);
-webkit-box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="left"] .t-popup__arrow:before {
-webkit-box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="right"] .t-popup__arrow:before {
-webkit-box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="top"] .t-popup__arrow:before {
-webkit-box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="bottom"] .t-popup__arrow:before {
-webkit-box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--primary .t-popup__content {
color: var(--td-brand-color);
background: var(--td-brand-color-light);
}
.t-tooltip--success .t-popup__content {
color: var(--td-success-color);
background: var(--td-success-color-light);
}
.t-tooltip--danger .t-popup__content {
color: var(--td-error-color);
background: var(--td-error-color-light);
}
.t-tooltip--warning .t-popup__content {
color: var(--td-warning-color);
background: var(--td-warning-color-light);
}
.t-tooltip .t-popup__arrow {
background: inherit;
height: auto;
}
.t-tooltip .t-popup__arrow::before {
background: inherit;
}
.t-tooltip--noshadow .t-popup__content,
.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
-webkit-box-shadow: none;
box-shadow: none;
}
.t-dropdown {
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
background-color: var(--td-bg-color-container);
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-primary);
position: relative;
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
border: 0.5px solid var(--td-component-border);
border-radius: var(--td-radius-medium);
}
.t-dropdown__menu {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: var(--td-radius-medium);
padding: var(--td-pop-padding-m);
gap: 2px;
overflow-y: auto;
overflow-x: hidden;
}
.t-dropdown__menu::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__menu .t-divider {
margin: var(--td-comp-margin-xs) var(--td-comp-margin-s) var(--td-comp-margin-xxs) var(--td-comp-margin-s);
color: var(--td-brand-color-light);
width: calc(100% - var(--td-comp-margin-s) * 2);
}
.t-dropdown__menu .t-dropdown__item-direction {
margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--right {
left: calc(100% - 14px);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--left {
right: calc(100% - 14px);
}
.t-dropdown__submenu {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
background-color: var(--td-bg-color-container);
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
border-radius: var(--td-radius-medium);
border: 0.5px solid var(--td-component-border);
z-index: 1100;
position: absolute;
padding: var(--td-pop-padding-m);
display: none;
overflow-y: auto;
overflow-x: visible;
}
.t-dropdown__submenu::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__submenu::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__submenu ul {
list-style: none;
display: grid;
padding-left: 0;
gap: 2px;
}
.t-dropdown__submenu--disabled {
visibility: hidden;
}
.t-dropdown__submenu .t-dropdown__item-direction {
margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__submenu-wrapper--right {
left: calc(100% - 6px);
}
.t-dropdown__submenu-wrapper--left {
right: calc(100% - 6px);
}
.t-dropdown__item {
border-radius: var(--td-radius-default);
font: var(--td-font-body-medium);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
-webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
--ripple-color: var(--td-bg-color-container-active);
}
.t-dropdown__item-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: currentcolor;
margin-right: var(--td-comp-margin-s);
font-size: var(--td-font-size-body-large);
}
.t-dropdown__item:hover > div > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-dropdown__item--disabled {
cursor: not-allowed;
pointer-events: none;
}
.t-dropdown__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
}
.t-dropdown__item-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon {
color: currentcolor;
font-size: var(--td-font-size-body-large);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-dropdown__item--theme-default {
color: var(--td-text-color-primary);
}
.t-dropdown__item--theme-default:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--active {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled {
color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--suffix:hover {
background-color: var(--td-brand-color-light);
color: var(--td-brand-color);
}
.t-dropdown__item--theme-success {
color: var(--td-success-color);
}
.t-dropdown__item--theme-success:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item--active {
background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled {
color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--suffix:hover {
background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-error {
color: var(--td-error-color);
}
.t-dropdown__item--theme-error:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--active {
background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled {
color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--suffix:hover {
background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-warning {
color: var(--td-warning-color);
}
.t-dropdown__item--theme-warning:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active {
background-color: var(--td-warning-color-light);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:active {
background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled {
color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover {
background-color: var(--td-warning-color-light);
}
a.t-menu__item {
text-decoration: none;
color: unset;
}
a.t-menu__item:hover,
a.t-menu__item:active {
color: inherit;
}
.t-menu__logo > * {
margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
width: 100%;
background-color: var(--td-bg-color-container);
}
.t-head-menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--td-comp-size-xxxl);
}
.t-head-menu__inner li + li {
margin-left: var(--td-comp-margin-s);
}
.t-head-menu__inner .t-menu:first-child {
margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu .t-menu__logo:not(:empty) {
height: 100%;
margin-right: var(--td-comp-margin-xxxl);
}
.t-head-menu .t-menu {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-head-menu .t-menu__operations:not(:empty) {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--td-comp-size-xxxl);
line-height: 64px;
text-align: right;
margin-right: var(--td-comp-margin-s);
overflow: hidden;
}
.t-head-menu .t-menu__operations-icon {
width: var(--td-comp-size-m);
height: var(--td-comp-size-m);
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
line-height: var(--td-comp-size-m);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-head-menu .t-submenu > .t-menu__item {
overflow: unset;
}
.t-head-menu .t-submenu > .t-menu__item::before {
content: "";
display: block;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
height: 20px;
}
.t-head-menu .t-menu__item {
height: var(--td-comp-size-m);
line-height: var(--td-comp-size-m);
padding: 0 var(--td-comp-paddingLR-l);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-head-menu__submenu {
border-top: 1px solid var(--td-component-stroke);
padding-left: 0;
}
.t-head-menu .t-fake-arrow {
margin-left: var(--td-comp-margin-m);
}
.t-default-menu {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
width: 232px;
display: inline-block;
background: var(--td-bg-color-container);
-webkit-transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
white-space: nowrap;
}
.t-default-menu .t-menu__item {
color: var(--td-text-color-secondary);
}
.t-default-menu.t-is-collapsed {
width: 64px;
}
.t-default-menu.t-is-collapsed .t-menu__logo > * {
margin-left: var(--td-comp-margin-l);
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item {
padding: 0 14px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item .t-menu__item-link {
opacity: 0;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.t-default-menu.t-is-collapsed .t-fake-arrow {
display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item {
text-overflow: initial;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
color: var(--td-brand-color);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain::after {
content: "";
}
.t-default-menu.t-is-collapsed .t-menu__item span {
display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item .t-icon {
margin-right: initial;
}
.t-default-menu.t-is-collapsed .t-submenu-icon {
display: none;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item {
min-width: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item::after {
content: "";
display: block;
position: absolute;
right: -20px;
top: 0;
bottom: 0;
width: 20px;
}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title {
display: none;
}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title + * {
margin-top: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title {
padding: 0;
font-size: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 1px;
width: 20px;
background: var(--td-component-stroke);
}
.t-default-menu.t-is-collapsed .t-menu__operations {
text-align: center;
}
.t-default-menu.t-is-collapsed .t-menu__operations-icon {
display: block;
}
.t-default-menu.t-is-collapsed .t-menu__log > * {
margin: 0 auto;
}
.t-default-menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.t-default-menu__inner .t-menu__logo:not(:empty) {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: var(--td-comp-size-xxxl);
border-bottom: 1px solid var(--td-component-stroke);
}
.t-default-menu__inner .t-menu {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-s);
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-default-menu__inner .t-menu--scroll {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
overflow-y: auto;
overflow-x: hidden;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:vertical:hover,
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-default-menu__inner .t-menu > *:not(.t-menu-group):not(:first-child) {
margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu .t-menu-group > *:not(:first-child),
.t-default-menu__inner .t-menu .t-menu__sub > *:not(:first-child),
.t-default-menu__inner .t-menu .t-submenu > *:not(:first-child) {
margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu-group__title {
position: relative;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
color: var(--td-text-color-placeholder);
font-size: var(--td-font-body-small);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-default-menu .t-submenu {
position: relative;
}
.t-default-menu .t-menu__operations:not(:empty) {
width: 100%;
position: relative;
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
top: 0;
left: 0;
text-align: left;
border-top: solid 1px var(--td-component-stroke);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-default-menu .t-menu__operations-icon {
width: 32px;
height: 32px;
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
cursor: pointer;
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-default-menu .t-menu__item.t-is-opened {
color: var(--td-text-color-primary);
background-color: unset;
}
.t-default-menu .t-menu__item.t-is-opened .t-icon {
color: var(--td-text-color-primary);
}
.t-default-menu .t-menu__sub {
padding: 0;
overflow: hidden;
}
.t-default-menu .t-menu__sub .t-menu__item {
padding-left: var(--padding-left, 32px);
}
.t-default-menu .t-slide-down-enter-active .t-menu__sub {
height: 100%;
}
.t-default-menu .t-menu__item {
position: relative;
padding: 0 10px 0 16px;
height: var(--td-comp-size-l);
line-height: var(--td-comp-size-l);
border-bottom: 0;
text-align: left;
border-radius: var(--td-radius-default);
-webkit-transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-default-menu .t-menu__item .t-icon {
width: 20px;
height: 20px;
}
.t-default-menu .t-menu__item .t-fake-arrow {
margin-left: auto;
min-width: 16px;
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
color: var(--td-brand-color);
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
background: var(--td-bg-color-secondarycontainer-hover);
}
.t-default-menu.t-menu--dark {
background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__item {
color: var(--td-font-white-2);
}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
border-bottom-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty) {
border-top-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) {
color: var(--td-text-color-anti);
background-color: var(--td-brand-color);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
color: var(--td-text-color-anti);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active {
background-color: transparent;
}
.t-default-menu.t-menu--dark .t-menu-group__title {
color: var(--td-font-white-3);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after {
background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
background-color: var(--td-brand-color);
color: var(--td-text-color-anti);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
color: var(--td-text-color-anti);
}
.t-menu {
color: var(--td-text-color-primary);
font: var(--td-font-body-medium);
list-style: none;
padding: 0;
margin: 0;
}
.t-menu--dark {
color: var(--td-font-white-2);
}
.t-menu__logo:not(:empty) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-menu .t-submenu {
position: relative;
}
.t-menu .t-submenu.t-is-active > .t-menu__item {
color: var(--td-gray-color-13);
}
.t-menu .t-submenu.t-is-active > .t-menu__item .t-icon {
color: var(--td-gray-color-13);
}
.t-menu .t-submenu .t-submenu-icon {
width: 16px;
height: 16px;
}
.t-menu .t-submenu.t-is-opened .t-submenu-icon {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.t-menu__spacer::before {
content: "";
display: block;
position: absolute;
z-index: 1;
}
.t-menu__spacer--left::before {
left: -16px;
width: 16px;
top: 0;
bottom: 0;
}
.t-menu__spacer--top::before {
top: -20px;
left: 0;
right: 0;
height: 20px;
}
.t-menu__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
line-height: 40px;
text-align: center;
color: var(--td-text-color-primary);
cursor: pointer;
text-overflow: ellipsis;
border-radius: var(--td-radius-default);
--ripple-color: var(--td-bg-color-container-active);
}
.t-menu__item > .t-fake-arrow {
margin-left: var(--td-comp-margin-m);
}
.t-menu__item ::-moz-selection {
background: transparent;
}
.t-menu__item ::selection {
background: transparent;
}
.t-menu__item-spacer {
overflow: unset;
}
.t-menu__item-spacer::before {
content: "";
display: block;
position: absolute;
z-index: 1;
}
.t-menu__item-spacer--right::before {
right: -16px;
width: 16px;
top: 0;
bottom: 0;
}
.t-menu__item-spacer--bottom::before {
bottom: -20px;
left: 0;
right: 0;
height: 20px;
}
.t-menu__item a {
color: unset;
text-decoration: none;
}
.t-menu__item a.t-menu__item-link {
color: unset;
}
.t-menu__item a.t-menu__item-link::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.t-menu__item.t-is-active {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
}
.t-menu__item.t-is-opened {
color: var(--td-brand-color);
}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not( .t-is-disabled) {
background-color: var(--td-bg-color-container-hover);
}
.t-menu__item.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-menu__content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.t-icon + .t-menu__content,
.t-icon + .t-menu__item-link {
margin-left: var(--td-comp-margin-s);
}
.t-menu--dark.t-head-menu {
background-color: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__item {
color: var(--td-text-color-anti);
--ripple-color: var(--td-gray-color-11);
}
.t-menu--dark .t-menu__item.t-is-active {
color: var(--td-text-color-anti);
background-color: var(--td-brand-color);
}
.t-menu--dark .t-menu__item.t-is-opened {
color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-opened .t-icon {
color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-disabled {
color: var(--td-font-white-4);
}
.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not( .t-is-disabled) {
background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup {
background: var(--td-gray-color-13);
border: solid 0.5px var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup .t-menu__item {
color: var(--td-text-color-anti);
border-radius: var(--td-radius-default);
}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
color: var(--td-text-color-anti);
background-color: var(--td-brand-color);
}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active) {
background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-head-menu__submenu {
border-top: 1px solid transparent;
}
.t-menu--dark .t-menu__operations-icon {
color: var(--td-bg-color-container);
}
.t-menu--dark .t-menu__operations-icon:hover {
background-color: var(--td-brand-color);
}
.t-menu__popup {
overflow: hidden;
position: absolute;
background: var(--td-bg-color-container);
z-index: 1000;
border-radius: var(--td-radius-medium);
opacity: 0;
list-style: none;
padding: 0;
margin: 0;
}
.t-menu__popup-wrapper {
padding: var(--td-pop-padding-m);
height: 100%;
list-style: none;
margin: 0;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-menu__popup-wrapper::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:vertical:hover,
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-menu__popup .t-fake-arrow {
margin-left: auto;
}
.t-menu__popup .t-menu__item {
padding-left: var(--td-comp-paddingLR-l);
padding-right: var(--td-comp-paddingLR-l);
}
.t-menu__popup.t-is-vertical {
min-width: var(--popup-width, 160px);
}
.t-menu__popup.t-is-horizontal .t-menu__item {
white-space: nowrap;
}
.t-menu__popup.t-is-horizontal li + li {
margin-top: var(--td-comp-margin-xs);
}
.t-menu__popup.t-is-opened {
opacity: 1;
-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
overflow: visible;
}
.t-menu__popup .t-menu__item {
color: var(--td-text-color-primary);
height: var(--td-comp-size-s);
line-height: var(--td-comp-size-s);
}
.t-menu__popup .t-menu__item + .t-menu__item {
margin-left: 0;
}
.t-menu__popup .t-menu__item:hover:not(.t-is-active) {
background-color: var(--td-bg-color-container-hover);
}
.t-menu__popup .t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-menu__operations-icon {
margin-right: var(--td-comp-margin-l);
border-radius: var(--td-radius-default);
color: var(--td-text-color-primary);
-webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-menu__operations-icon:hover {
background-color: var(--td-brand-color-light);
}
.t-opacity-transition {
-webkit-transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
}
.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0;
}
.t-menu__popup {
top: 0;
left: calc(100% - var(--td-pop-padding-m));
}
.t-menu__popup .t-menu__item:not(:first-child),
.t-menu__popup .t-submenu:not(:first-child) {
margin-top: var(--td-comp-margin-xxs);
}
.t-is-head-menu .t-menu__popup {
margin-top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-m)) / 2) !important;
}
.t-menu-is-nested .t-menu__popup {
margin-top: calc(0px - var(--td-pop-padding-m)) !important;
}
.t-tabs {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: var(--td-bg-color-container);
}
.t-tabs__header.t-is-left {
float: left;
}
.t-tabs__header.t-is-right {
float: right;
}
.t-tabs__header .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-tabs__nav {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t-tabs__operations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: absolute;
border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__operations--left {
left: 0;
}
.t-tabs__operations--right {
right: 0;
}
.t-tabs__operations--right .t-tabs__btn:first-child {
-webkit-box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn {
width: 40px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--td-bg-color-secondarycontainer);
border-left: 1px solid var(--td-component-stroke);
cursor: pointer;
color: var(--td-text-color-secondary);
font: var(--td-font-body-large);
-webkit-transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
z-index: 1;
opacity: 1;
}
.t-tabs__btn:hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__btn.t-size-m {
height: var(--td-comp-size-xxl);
line-height: var(--td-comp-size-xxl);
}
.t-tabs__btn.t-size-l {
height: var(--td-comp-size-xxxxl);
line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__btn--left {
border-right: 1px solid var(--td-component-stroke);
-webkit-box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn--left.fade-enter,
.t-tabs__btn--left.fade-enter-from,
.t-tabs__btn--left.fade-leave-to {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.t-tabs__btn--right.fade-enter,
.t-tabs__btn--right.fade-enter-from,
.t-tabs__btn--right.fade-leave-to {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.t-tabs__nav-container {
position: relative;
}
.t-tabs__nav-container.t-is-top::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-bottom::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-left::after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-right::after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-addable {
margin-right: 40px;
}
.t-tabs__nav-container.t-tabs__nav--card::after {
content: "";
background-color: transparent;
}
.t-tabs__scroll-btn {
position: absolute;
z-index: 1;
width: 40px;
height: 100%;
display: block;
background-color: var(--td-bg-color-secondarycontainer);
text-align: center;
border-bottom: 1px solid var(--td-component-stroke);
cursor: pointer;
color: var(--td-text-color-secondary);
font: var(--td-font-body-large);
}
.t-tabs__scroll-btn.t-size-m {
height: var(--td-comp-size-xxl);
line-height: var(--td-comp-size-xxl);
}
.t-tabs__scroll-btn.t-size-l {
height: var(--td-comp-size-xxxxl);
line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__nav-scroll {
position: relative;
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-item-align: stretch;
align-self: stretch;
overflow: hidden;
white-space: nowrap;
-webkit-transform: translate(0);
transform: translate(0);
}
.t-tabs__nav-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0;
}
.t-tabs__nav-wrap.t-is-smooth {
-webkit-transition: -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tabs__nav-wrap.t-is-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-tabs__bar {
position: absolute;
background-color: var(--td-brand-color);
z-index: 1;
-webkit-transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
border-radius: var(--td-radius-small);
}
.t-tabs__bar.t-is-top {
bottom: 0;
left: 0;
height: 3px;
}
.t-tabs__bar.t-is-bottom {
top: 0;
left: 0;
height: 3px;
}
.t-tabs__bar.t-is-left {
top: 0;
right: 0;
width: 3px;
}
.t-tabs__bar.t-is-right {
top: 0;
left: 0;
width: 3px;
}
.t-tabs__nav-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
position: relative;
overflow: hidden;
z-index: 0;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
--ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--td-comp-size-m);
padding: 0 var(--td-comp-paddingLR-s);
margin-left: var(--td-comp-margin-s);
margin-right: var(--td-comp-margin-s);
border-radius: var(--td-radius-default);
-webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
--ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item.t-size-l {
font: var(--td-font-body-large);
}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
height: var(--td-comp-size-xxl);
padding: 0 var(--td-comp-paddingLR-m);
}
.t-tabs__nav-item-text-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
background-color: var(--td-bg-color-container-hover);
}
.t-tabs__nav-item.t-is-left,
.t-tabs__nav-item.t-is-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-tabs__nav-item.t-size-m {
height: var(--td-comp-size-xxl);
line-height: var(--td-comp-size-xxl);
}
.t-tabs__nav-item.t-size-l {
height: var(--td-comp-size-xxxxl);
line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__nav-item.t-is-active {
color: var(--td-brand-color);
text-shadow: 0 0 0.3px currentcolor;
}
.t-tabs__nav-item.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-tabs__nav-item > .remove-btn {
margin-left: var(--td-comp-margin-s);
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-tabs__nav--card {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav--card.t-tabs__nav-item {
padding-right: var(--td-comp-paddingLR-l);
padding-left: var(--td-comp-paddingLR-l);
border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item::after {
display: none;
}
.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type) {
border-left: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item:last-of-type {
border-right: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item.t-is-active {
color: var(--td-brand-color);
background-color: var(--td-bg-color-container);
border-bottom-color: var(--td-bg-color-container);
}
.t-tabs__nav--card.t-tabs__nav-item.t-size-l {
padding-left: var(--td-comp-paddingLR-xl);
padding-right: var(--td-comp-paddingLR-xl);
}
.t-tabs__nav--card .t-icon-close {
color: var(--td-text-color-secondary);
-webkit-transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tabs__nav--card .t-icon-close:hover {
color: var(--td-text-color-primary);
}
.t-tabs__content {
overflow: hidden;
position: relative;
}
.t-tab-panel.t-is-hidden {
display: none;
}
.t-pagination-mini {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-pagination-mini--outline .t-pagination-mini__prev {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: relative;
z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__current {
border-radius: 0;
position: relative;
margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__current:hover {
z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__next {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
position: relative;
margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__next:hover {
z-index: 1;
}
.t-pagination {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
white-space: nowrap;
color: var(--td-text-color-secondary);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t-pagination.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-pagination__total {
font: var(--td-font-body-medium);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.t-pagination .t-select__wrap {
width: auto;
}
.t-pagination__select {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: var(--td-comp-margin-l);
height: var(--td-comp-size-m);
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-secondary);
}
.t-pagination__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
color: var(--td-text-color-secondary);
border-radius: var(--td-radius-default);
font: var(--td-font-body-large);
width: var(--td-comp-size-m);
height: var(--td-comp-size-m);
line-height: var(--td-comp-size-m);
}
.t-pagination__btn:hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
-webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__btn:active {
background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__btn.t-is-disabled,
.t-pagination__btn.t-is-disabled:hover,
.t-pagination__btn.t-is-disabled:active {
background: none;
color: var(--td-text-color-disabled);
}
.t-pagination__btn.t-is-disabled {
cursor: not-allowed;
}
.t-pagination__btn-prev {
margin-right: var(--td-comp-margin-s);
}
.t-pagination__btn-next {
margin-left: var(--td-comp-margin-s);
}
.t-pagination__btn + .t-pagination__select {
margin-right: 0;
}
.t-pagination__pager {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
list-style: none;
padding: 0;
margin: 0;
}
.t-pagination__pager li:not(:last-child) {
margin-right: var(--td-comp-margin-s);
}
.t-pagination__number {
display: inline-block;
border: 1px solid var(--td-component-border);
text-align: center;
border-radius: var(--td-radius-default);
cursor: pointer;
background-color: var(--td-bg-color-container);
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: var(--td-comp-size-m);
min-width: var(--td-comp-size-m);
line-height: calc(var(--td-comp-size-m) - 2px);
font-size: var(--td-font-body-medium);
padding-left: var(--td-comp-paddingLR-xs);
padding-right: var(--td-comp-paddingLR-xs);
}
.t-pagination__number:hover {
color: var(--td-brand-color-hover);
border-color: var(--td-brand-color-hover);
-webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__number:active {
background-color: var(--td-brand-color);
color: var(--td-text-color-anti);
border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current {
background-color: var(--td-brand-color);
color: var(--td-text-color-anti);
border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current.t-is-disabled,
.t-pagination__number.t-is-current.t-is-disabled:hover,
.t-pagination__number.t-is-current.t-is-disabled:active {
background-color: var(--td-brand-color-focus);
color: var(--td-text-color-anti);
border-color: var(--td-brand-color-focus);
}
.t-pagination__number.t-is-disabled {
cursor: auto;
background-color: var(--td-bg-color-component-disabled);
color: var(--td-text-color-disabled);
}
.t-pagination__number.t-is-disabled:hover,
.t-pagination__number.t-is-disabled:active {
background-color: var(--td-bg-color-component-disabled);
color: var(--td-text-color-disabled);
border-color: var(--td-component-border);
}
.t-pagination__number--more {
border: 0 none;
padding: 0;
}
.t-pagination__number--more:hover {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-secondarycontainer-hover);
-webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__number--more:active {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__number--more.t-is-disabled,
.t-pagination__number--more.t-is-disabled:hover,
.t-pagination__number--more.t-is-disabled:active {
background: none;
}
.t-pagination__number--more .t-icon-more {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
color: var(--td-text-color-disabled);
}
.t-pagination__jump {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: var(--td-comp-margin-s);
font-size: var(--td-font-body-medium);
gap: var(--td-comp-margin-s);
background-color: var(--td-bg-color-secondarycontainer);
height: var(--td-comp-size-m);
padding-left: var(--td-comp-margin-s);
border-radius: var(--td-radius-default);
}
.t-pagination .t-input-adornment__append {
border: none;
height: calc(var(--td-comp-size-m) - 4px);
color: var(--td-text-color-secondary);
background-color: transparent;
}
.t-pagination .t-input-adornment__append .t-input-adornment__text {
border: none;
}
.t-pagination .t-input-number {
width: 56px;
}
.t-pagination .t-input-number .t-input {
height: calc(var(--td-comp-size-m) - 4px);
border-radius: var(--td-radius-default);
}
.t-pagination .t-input-number .t-input__inner {
text-align: center;
}
.t-pagination.t-size-s {
font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__jump {
height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-input-adornment__append {
height: calc(var(--td-comp-size-xs) - 4px);
font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-input-number {
width: 48px;
}
.t-pagination.t-size-s .t-input-number .t-input {
height: calc(var(--td-comp-size-xs) - 4px);
}
.t-pagination.t-size-s .t-pagination__total {
font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__select {
height: var(--td-comp-size-xs);
font-size: var(--td-font-size-body-small);
}
.t-pagination.t-size-s .t-pagination__number {
border: 0 none;
height: var(--td-comp-size-xs);
min-width: var(--td-comp-size-xs);
line-height: var(--td-comp-size-xs);
font-size: var(--td-font-body-small);
padding-left: var(--td-comp-paddingLR-xxs);
padding-right: var(--td-comp-paddingLR-xxs);
}
.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-secondarycontainer-hover);
-webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
background: none;
color: var(--td-text-color-disabled);
}
.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
background-color: var(--td-brand-color-focus);
color: var(--td-text-color-anti);
border-color: var(--td-brand-color-focus);
}
.t-pagination.t-size-s .t-pagination__btn {
border: 0 none;
background: none;
width: var(--td-comp-size-xs);
height: var(--td-comp-size-xs);
line-height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-pagination__btn:hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
-webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination.t-size-s .t-pagination__btn:active {
background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
background: none;
color: var(--td-text-color-disabled);
}
/** IE 兼容 **/
.t-pagination-ie {
/** 在 IE11 以下浏览器，input autoWidth 计算无法依赖 observer，因而加上最小宽度，避免分页信息出现 0 的情况 */
}
.t-pagination-ie .t-select .t-input__inner {
min-width: 54px;
}
@-webkit-keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.t-icon-loading {
-webkit-animation: t-spin 1s linear infinite;
animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.t-input-number {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 var(--td-comp-size-m);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 144px;
}
.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
margin-left: var(--td-comp-margin-xs);
}
.t-input-number input::-webkit-outer-spin-button,
.t-input-number input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.t-input-number input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.t-input-number > .t-input__tips {
position: absolute;
left: 0;
}
.t-input-number input + .t-input__suffix {
margin-left: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input__prefix {
margin-right: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input {
color: var(--td-text-color-primary);
}
.t-input-number.t-input-number--auto-width {
width: auto;
}
.t-input-number.t-input-number--auto-width.t-is-controls-right {
min-width: auto;
width: auto;
}
.t-input-number.t-input-number--auto-width .t-input__inner {
min-width: 42px;
}
.t-input-number .t-input-number__decrease,
.t-input-number .t-input-number__increase {
width: var(--td-comp-size-m);
height: var(--td-comp-size-m);
position: absolute;
top: 0;
border: 1px solid var(--td-border-level-2-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--td-radius-default);
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input-number .t-input-number__decrease:hover,
.t-input-number .t-input-number__increase:hover {
color: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:hover .t-icon,
.t-input-number .t-input-number__increase:hover .t-icon {
color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:active,
.t-input-number .t-input-number__increase:active {
color: var(--td-brand-color);
background-color: var(--td-bg-color-container-hover);
}
.t-input-number .t-input-number__decrease .t-icon,
.t-input-number .t-input-number__increase .t-icon {
position: relative;
z-index: 1;
font-size: var(--td-font-size-body-large);
color: var(--td-text-color-secondary);
}
.t-input-number .t-input-number__decrease.t-is-disabled,
.t-input-number .t-input-number__increase.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: no-drop;
background-color: var(--td-bg-color-component-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover,
.t-input-number .t-input-number__increase.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease {
left: 0;
}
.t-input-number .t-input-number__increase {
right: -8px;
}
.t-input-number.t-is-disabled .t-input {
cursor: no-drop;
background-color: var(--td-bg-color-component-disabled);
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-disabled .t-input:hover,
.t-input-number.t-is-disabled .t-input:focus,
.t-input-number.t-is-disabled .t-input:active {
border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-disabled .t-input-number__decrease,
.t-input-number.t-is-disabled .t-input-number__increase {
color: var(--td-text-color-disabled);
cursor: no-drop;
background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
color: var(--td-text-color-secondary);
}
.t-input-number.t-size-s {
width: 120px;
padding: 0 var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input {
font-size: var(--td-font-size-body-small);
height: var(--td-comp-size-xs);
line-height: var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input-number__decrease,
.t-input-number.t-size-s .t-input-number__increase {
font-size: var(--td-font-size-body-medium);
width: var(--td-comp-size-xs);
height: var(--td-comp-size-xs);
}
.t-input-number.t-size-l {
width: 168px;
padding: 0 var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input {
height: var(--td-comp-size-xl);
line-height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input-number__decrease,
.t-input-number.t-size-l .t-input-number__increase {
font-size: 18px;
width: var(--td-comp-size-xl);
height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l.t-is-controls-right .t-input {
height: var(--td-comp-size-xl);
line-height: var(--td-comp-size-xl);
padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s));
}
.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
width: var(--td-comp-size-xl);
font-size: var(--td-font-size-body-large);
}
.t-input-number.t-size-l .t-input--prefix {
font: var(--td-font-body-large);
padding: 0 var(--td-comp-paddingLR-m);
}
.t-input-number.t-input-number--normal {
padding: 0;
border-radius: var(--td-radius-default);
}
.t-input-number.t-input-number--normal.t-is-disabled {
cursor: no-drop;
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
border-color: var(--td-border-level-2-color);
}
.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.t-input-number.t-is-controls-right {
width: 96px;
padding: 0;
}
.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
.t-input-number.t-is-controls-right:hover .t-input-number__increase {
opacity: 1;
visibility: visible;
}
.t-input-number.t-is-controls-right .t-input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding-right: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
border-radius: var(--td-radius-default);
}
.t-input-number.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-is-controls-right .t-input-number__increase {
width: var(--td-comp-size-m);
height: calc(calc(var(--td-comp-size-m) / 2) - 2px);
border: 0;
left: initial;
top: initial;
right: 1px;
border-radius: 0;
background: var(--td-bg-color-secondarycontainer);
opacity: 0;
visibility: hidden;
z-index: 2;
}
.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
font-size: var(--td-font-size-body-small);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
.t-input-number.t-is-controls-right .t-input-number__increase:hover {
background: var(--td-bg-color-component-hover);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
color: var(--td-text-color-primary);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: no-drop;
background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__increase {
top: 1px;
border-top-right-radius: calc(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right .t-input-number__decrease {
top: calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right.t-size-l {
width: 120px;
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
height: calc(calc(var(--td-comp-size-xl) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
top: calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px);
}
.t-input-number.t-is-controls-right.t-size-s {
width: 88px;
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
height: calc(calc(var(--td-comp-size-xs) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
top: calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px);
}
.t-input-number--row .t-input__wrap {
width: initial;
margin-right: var(--td-comp-margin-xs);
}
.t-input-number--row .t-input-number__increase {
right: 0;
}
.input-readonly.t-is-readonly {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-specialcomponent);
}
.input-readonly.t-is-readonly .t-input__inner {
cursor: pointer;
}
.input-disabled.t-is-disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.input-disabled.t-is-disabled .t-input__inner {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::placeholder {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon {
color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon:hover,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon:hover {
color: var(--td-text-color-disabled);
}
.t-tips {
font-size: var(--td-font-size-body-small);
}
.t-tips.t-is-default {
color: var(--td-text-color-placeholder);
}
.t-tips.t-is-error {
color: var(--td-error-color);
}
.t-tips.t-is-warning {
color: var(--td-warning-color);
}
.t-tips.t-is-success {
color: var(--td-success-color);
}
.t-input {
margin: 0;
padding: 0;
list-style: none;
position: relative;
height: var(--td-comp-size-m);
border-width: 1px;
border-style: solid;
border-radius: var(--td-radius-default);
border-color: var(--td-border-level-2-color);
padding: 0 var(--td-comp-paddingLR-s);
background-color: var(--td-bg-color-specialcomponent);
outline: none;
color: var(--td-text-color-primary);
font: var(--td-font-body-medium);
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.t-input:hover {
border-color: var(--td-brand-color);
}
.t-input:focus {
z-index: 1;
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-input--focused {
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
z-index: 1;
}
.t-input :focus-visible {
outline: none;
}
.t-input__inner {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
outline: none;
padding: 0;
max-width: 100%;
min-width: 0;
color: var(--td-text-color-primary);
font: inherit;
background-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-input__inner::-webkit-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-input__inner::-moz-placeholder {
color: var(--td-text-color-placeholder);
}
.t-input__inner:-ms-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-input__inner::-ms-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-input__inner::placeholder {
color: var(--td-text-color-placeholder);
}
.t-input__inner:-moz-placeholder-shown {
text-overflow: ellipsis;
width: 100%;
}
.t-input__inner:-ms-input-placeholder {
text-overflow: ellipsis;
width: 100%;
}
.t-input__inner:placeholder-shown {
text-overflow: ellipsis;
width: 100%;
}
.t-input__inner[type="password"]::-ms-reveal {
display: none;
}
.t-input__inner[type="search"]::-webkit-search-decoration,
.t-input__inner[type="search"]::-webkit-search-cancel-button,
.t-input__inner[type="search"]::-webkit-search-results-button,
.t-input__inner[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
.t-input__inner.t-input--soft-hidden {
width: 0;
}
.t-input__extra {
font: var(--td-font-body-small);
color: var(--td-text-color-placeholder);
}
.t-input__status {
position: absolute;
right: -24px;
top: 0;
}
.t-input.t-input--suffix > span.t-input__clear {
opacity: 0;
visibility: hidden;
-webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input.t-input--suffix:hover > span.t-input__clear {
opacity: 1;
visibility: visible;
}
.t-input.t-is-success {
border-color: var(--td-success-color);
}
.t-input.t-is-success:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success.t-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success > .t-input__extra {
color: var(--td-success-color);
}
.t-input.t-is-warning {
border-color: var(--td-warning-color);
}
.t-input.t-is-warning:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning.t-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning > .t-input__extra {
color: var(--td-warning-color);
}
.t-input.t-is-error {
border-color: var(--td-error-color);
}
.t-input.t-is-error:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error.t-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error > .t-input__extra {
color: var(--td-error-color);
}
.t-input.t-is-readonly {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-specialcomponent);
}
.t-input.t-is-readonly .t-input__inner {
cursor: pointer;
}
.t-input.t-is-disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.t-input.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.t-input.t-is-disabled .t-input__inner {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::placeholder {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon,
.t-input.t-is-disabled > .t-input__suffix .t-icon {
color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon:hover,
.t-input.t-is-disabled > .t-input__suffix .t-icon:hover {
color: var(--td-text-color-disabled);
}
.t-input.t-input--prefix > .t-input__prefix {
z-index: 2;
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
}
.t-input.t-input--prefix > .t-input__prefix-icon {
font-size: var(--td-font-size-body-large);
}
.t-input.t-input--suffix > .t-input__suffix {
z-index: 2;
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
}
.t-input.t-input--suffix > .t-input__suffix-icon {
font-size: var(--td-font-size-body-large);
}
.t-input .t-input__suffix-clear {
cursor: pointer;
}
.t-input.t-size-l {
height: var(--td-comp-size-xl);
font: var(--td-font-body-large);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-input.t-size-s {
height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
}
.t-input .t-input__prefix > .t-icon,
.t-input .t-input__suffix > .t-icon {
font-size: inherit;
}
.t-input .t-input__prefix > .t-icon {
font-size: 16px;
color: var(--td-text-color-placeholder);
}
.t-input .t-input__prefix:not(:empty) {
margin-right: var(--td-comp-margin-s);
}
.t-input .t-input__suffix > .t-icon {
color: var(--td-text-color-placeholder);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-input .t-input__suffix > .t-icon:hover {
color: var(--td-text-color-secondary);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-input .t-input__suffix:not(:empty) {
margin-left: var(--td-comp-margin-s);
}
.t-input.t-is-focused .t-input__prefix > .t-icon {
color: var(--td-brand-color);
}
.t-input.t-is-focused .t-input__suffix > .t-icon-time,
.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
color: var(--td-brand-color);
}
.t-input-group {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.t-input-group .t-input__wrap {
border-radius: 0;
}
.t-input-group .t-input__wrap:first-child {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group .t-button,
.t-input-group .t-select {
border-radius: 0;
}
.t-input-group .t-button:not(:first-child),
.t-input-group .t-select:not(:first-child) {
margin-left: -1px;
}
.t-input-group .t-input__wrap:not(:first-child) .t-input {
margin-left: -1px;
}
.t-input-group .t-input__wrap:first-child .t-input {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child .t-input {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group .t-button:first-child,
.t-input-group .t-select:first-child {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-button:last-child,
.t-input-group .t-select:last-child {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap + .t-input__wrap {
margin-left: var(--td-comp-margin-xxxl);
}
.t-input-group--separate .t-button,
.t-input-group--separate .t-select {
border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-button:first-child,
.t-input-group--separate .t-select:first-child {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group--separate .t-button:last-child,
.t-input-group--separate .t-select:last-child {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap .t-input {
border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:first-child {
border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:last-child {
border-radius: var(--td-radius-default);
}
.t-input-group .t-input__inner,
.t-input-group .t-button,
.t-input-group .t-select {
position: relative;
z-index: 0;
}
.t-input-group .t-input__inner:hover,
.t-input-group .t-button:hover,
.t-input-group .t-select:hover,
.t-input-group .t-input__inner:focus,
.t-input-group .t-button:focus,
.t-input-group .t-select:focus,
.t-input-group .t-input__inner:active,
.t-input-group .t-button:active,
.t-input-group .t-select:active {
z-index: 1;
}
.t-input__wrap {
width: 100%;
}
.t-input__tips {
height: auto;
min-height: var(--td-line-height-body-small);
font: var(--td-font-body-small);
position: absolute;
}
.t-input__tips--default {
color: var(--td-text-color-placeholder);
}
.t-input__tips--success {
color: var(--td-success-color);
}
.t-input__tips--warning {
color: var(--td-warning-color);
}
.t-input__tips--error {
color: var(--td-error-color);
}
.t-align-center > .t-input__inner {
text-align: center;
}
.t-align-right > .t-input__inner {
text-align: right;
}
.t-input__input-pre {
position: absolute;
visibility: hidden;
white-space: pre;
display: block;
}
.t-input--auto-width {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 60px;
}
.t-input__limit-number {
font: var(--td-font-body-medium);
color: var(--td-text-color-placeholder);
background: var(--td-bg-color-specialcomponent);
}
.t-input__limit-number.t-is-disabled {
background: var(--td-bg-color-component-disabled);
}
.t-input-adornment {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-input-adornment__prepend .t-input,
.t-input-adornment__append .t-input,
.t-input-adornment__prepend .t-textarea__inner,
.t-input-adornment__append .t-textarea__inner {
background-color: transparent;
}
.t-input-adornment__prepend {
background-color: var(--td-bg-color-secondarycontainer);
color: var(--td-text-color-primary);
word-break: keep-all;
margin-right: -1px;
}
.t-input-adornment__append {
background-color: var(--td-bg-color-secondarycontainer);
color: var(--td-text-color-primary);
word-break: keep-all;
margin-left: -1px;
}
.t-input-adornment__text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
padding: 0 var(--td-comp-paddingLR-s);
border: 1px solid var(--td-border-level-2-color);
}
.t-input-adornment > :first-child {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :first-child .t-input,
.t-input-adornment > :first-child .t-input-adornment__text,
.t-input-adornment > :first-child .t-textarea__inner {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :last-child {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :last-child .t-input,
.t-input-adornment > :last-child .t-input-adornment__text,
.t-input-adornment > :last-child .t-textarea__inner {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :not(:last-child):hover {
z-index: 2;
}
.t-input-adornment > :not(:first-child):not(:last-child) .t-input,
.t-input-adornment > :not(:first-child):not(:last-child) .t-textarea__inner {
border-radius: 0;
}
.t-select__wrap {
width: 100%;
}
.t-select__dropdown .t-popup__content {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
margin: var(--td-comp-paddingTB-s) 0;
padding: 0;
max-height: 300px;
overflow-y: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
padding: var(--td-pop-padding-l);
}
.t-select__list {
margin: 0;
padding: 0;
list-style: none;
}
.t-select__dropdown.t-popup {
padding: 0;
}
.t-select__empty.t-size-s {
line-height: var(--td-comp-size-xs);
}
.t-select__empty {
text-align: center;
color: var(--td-text-color-disabled);
line-height: var(--td-comp-size-m);
padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
text-align: center;
line-height: var(--td-comp-size-m);
color: var(--td-text-color-disabled);
}
.t-select__loading-tips.t-size-l {
line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
padding-top: var(--td-comp-margin-xs);
margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
content: "";
width: 100%;
height: 1px;
padding: 0 var(--td-comp-paddingLR-s);
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--td-border-level-1-color);
background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
color: var(--td-text-color-placeholder);
display: block;
height: var(--td-comp-size-s);
line-height: var(--td-comp-size-s);
padding: 0 var(--td-comp-paddingLR-s);
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
height: var(--td-comp-size-l);
line-height: var(--td-comp-size-l);
padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
height: var(--td-comp-size-xxs);
line-height: var(--td-comp-size-xxs);
padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--td-radius-default);
height: var(--td-comp-size-s);
font: var(--td-font-body-medium);
cursor: pointer;
padding: 0 var(--td-comp-paddingLR-s);
color: var(--td-text-color-primary);
-webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
--ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
position: relative;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input {
border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
color: var(--td-text-color-primary);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
width: 100%;
}
.t-select-option.t-is-disabled {
cursor: not-allowed;
color: var(--td-text-color-disabled);
background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
height: var(--td-comp-size-l);
padding: 0 var(--td-comp-paddingLR-m);
font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
height: var(--td-comp-size-xxs);
padding: 0 var(--td-comp-paddingLR-s);
font: var(--td-font-body-small);
}
.t-select-option.t-is-selected {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-select-option.t-is-selected .t-checkbox__label {
color: var(--td-brand-color);
}
.t-select-option.t-is-selected:hover {
background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) {
background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input {
border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label,
.t-select-option.t-select-option--hover .t-checkbox__label {
color: inherit;
}
.t-select-option + .t-select-option {
margin-top: var(--td-comp-paddingTB-xxs);
}
.t-select.t-select-input--borderless .t-select__right-icon {
position: relative;
margin: 0;
}
.t-select .t-fake-arrow {
color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
color: var(--td-brand-color);
}
.t-is-selected.t-select-option__hover {
background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
color: var(--td-brand-color);
}
.t-tag {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0px var(--td-comp-paddingLR-s);
height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
color: var(--td-text-color-anti);
border-radius: var(--td-radius-default);
border: 1px solid transparent;
white-space: nowrap;
}
.t-tag .t-icon {
margin-right: var(--td-comp-margin-xs);
width: calc(var(--td-font-size-body-medium) + 2px);
height: calc(var(--td-font-size-body-medium) + 2px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-tag .t-tag__icon-close {
margin-right: 0;
margin-left: var(--td-comp-margin-s);
font: var(--td-font-body-medium);
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tag--default {
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-component);
}
.t-tag--default .t-tag__icon-close {
color: var(--td-text-color-placeholder);
}
.t-tag--default .t-tag__icon-close:hover {
color: var(--td-text-color-primary);
}
.t-tag--default:active {
cursor: default;
}
.t-tag--default.t-tag--disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
border-color: var(--td-component-border);
cursor: not-allowed;
}
.t-tag--default.t-tag--disabled:hover {
cursor: not-allowed;
}
.t-tag--default.t-tag--disabled .t-icon:hover {
cursor: pointer;
}
.t-tag--default.t-tag--outline {
border-color: var(--td-component-border);
}
.t-tag--default.t-tag--light {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--default.t-tag--light-outline {
border-color: var(--td-component-border);
background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--primary {
background-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--outline {
border-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light {
background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light-outline {
border-color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light,
.t-tag--primary.t-tag--outline,
.t-tag--primary.t-tag--light-outline {
color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light .t-tag__icon-close:hover,
.t-tag--primary.t-tag--outline .t-tag__icon-close:hover,
.t-tag--primary.t-tag--light-outline .t-tag__icon-close:hover {
color: var(--td-brand-color-hover);
}
.t-tag--success {
background-color: var(--td-success-color);
}
.t-tag--success.t-tag--outline {
border-color: var(--td-success-color);
}
.t-tag--success.t-tag--light {
background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light-outline {
border-color: var(--td-success-color);
background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light,
.t-tag--success.t-tag--outline,
.t-tag--success.t-tag--light-outline {
color: var(--td-success-color);
}
.t-tag--success.t-tag--light .t-tag__icon-close:hover,
.t-tag--success.t-tag--outline .t-tag__icon-close:hover,
.t-tag--success.t-tag--light-outline .t-tag__icon-close:hover {
color: var(--td-success-color-hover);
}
.t-tag--warning {
background-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--outline {
border-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light {
background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light-outline {
border-color: var(--td-warning-color);
background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light,
.t-tag--warning.t-tag--outline,
.t-tag--warning.t-tag--light-outline {
color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light .t-tag__icon-close:hover,
.t-tag--warning.t-tag--outline .t-tag__icon-close:hover,
.t-tag--warning.t-tag--light-outline .t-tag__icon-close:hover {
color: var(--td-warning-color-hover);
}
.t-tag--danger {
background-color: var(--td-error-color);
}
.t-tag--danger.t-tag--outline {
border-color: var(--td-error-color);
}
.t-tag--danger.t-tag--light {
background-color: var(--td-error-color-light);
}
.t-tag--danger.t-tag--light-outline {
border-color: var(--td-error-color);
background-color: var(--td-error-color-light);
}
.t-tag--danger .t-tag__icon-close {
fill: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close:hover {
fill: var(--td-error-color-hover);
}
.t-tag--danger.t-tag--light,
.t-tag--danger.t-tag--outline,
.t-tag--danger.t-tag--light-outline {
color: var(--td-error-color);
}
.t-tag--danger.t-tag--light .t-tag__icon-close:hover,
.t-tag--danger.t-tag--outline .t-tag__icon-close:hover,
.t-tag--danger.t-tag--light-outline .t-tag__icon-close:hover {
color: var(--td-error-color-hover);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close {
color: var(--td-font-white-2);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
color: var(--td-font-white-1);
}
.t-tag.t-tag--outline {
background: transparent;
}
.t-tag.t-size-s {
padding: 0px var(--td-comp-paddingLR-xs);
height: var(--td-comp-size-xxs);
font: var(--td-font-body-small);
}
.t-tag.t-size-s .t-icon {
font-size: var(--td-font-body-small);
}
.t-tag.t-size-l {
padding: 0px var(--td-comp-paddingLR-m);
height: var(--td-comp-size-m);
font: var(--td-font-body-medium);
}
.t-tag.t-size-l .t-icon {
font: var(--td-font-body-medium);
}
.t-tag.t-tag--round {
border-radius: var(--td-radius-extraLarge);
}
.t-tag.t-tag--mark {
border-radius: 0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0;
}
.t-tag.t-tag--ellipsis .t-tag--text {
display: inline-block;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-tag.t-tag--check:not(.t-tag--disabled) {
-webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
cursor: pointer;
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--dark:not(.t-tag--checked):hover {
background-color: var(--td-bg-color-component-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--primary.t-tag--dark.t-tag--checked:hover {
background-color: var(--td-brand-color-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--outline:not(.t-tag--checked):hover {
color: var(--td-brand-color-hover);
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--dark {
background-color: var(--td-brand-color-disabled);
cursor: not-allowed;
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--outline {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
border-color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-check-tag-group .t-tag:not(:last-child) {
margin-right: var(--td-comp-margin-s);
}
a .t-tag {
cursor: pointer;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a .t-tag:hover {
color: var(--td-brand-color);
background-color: var(--td-bg-color-component-hover);
}
a .t-tag:active {
color: var(--td-brand-color-active);
background-color: var(--td-bg-color-component-active);
}
.t-checkbox-group {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.t-checkbox {
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
color: var(--td-text-color-primary);
}
.t-checkbox + .t-checkbox {
margin-left: inherit;
}
.t-checkbox__former {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.t-checkbox__input {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
border: 1px solid var(--td-border-level-2-color);
border-radius: var(--td-radius-default);
background-color: var(--td-bg-color-container);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-checkbox__input::after {
content: "";
position: absolute;
opacity: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-checkbox__label {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
font: var(--td-font-body-medium);
}
.t-checkbox:hover .t-checkbox__input {
border-color: var(--td-brand-color);
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.t-checkbox.t-is-checked .t-checkbox__input {
border-color: var(--td-brand-color);
background-color: var(--td-brand-color);
-webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-checked .t-checkbox__input::after {
opacity: 1;
top: 6px;
left: 3px;
width: 5px;
height: 9px;
border: 2px solid var(--td-text-color-anti);
border-radius: 0 0 1px;
border-top: 0;
border-left: 0;
-webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
transform: rotate(45deg) scale(1) translate(-50%, -50%);
background: transparent;
}
.t-checkbox.t-is-indeterminate .t-checkbox__input {
border-color: var(--td-brand-color);
background-color: var(--td-brand-color);
-webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-indeterminate .t-checkbox__input::after {
opacity: 1;
width: 16px;
height: 4px;
left: -1px;
right: 0;
top: 5px;
border: unset;
-webkit-transform: scale(0.5);
transform: scale(0.5);
background-color: var(--td-font-white-1);
}
.t-checkbox.t-is-disabled {
cursor: not-allowed;
}
.t-checkbox.t-is-disabled .t-checkbox__label {
color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled .t-checkbox__input {
background-color: var(--td-bg-color-component-disabled);
}
.t-checkbox.t-is-disabled:hover .t-checkbox__input {
border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input {
border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input::after {
border-color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input {
border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input::after {
background-color: var(--td-text-color-disabled);
}
.t-checkbox:focus-visible:focus-visible {
outline: 2px solid var(--td-brand-color);
outline-offset: var(--td-comp-paddingTB-xs);
border-radius: 0;
}
.t-select-input {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: inline-block;
vertical-align: middle;
}
/** 宽度自适应场景，多选，预留图标的位置。带标签和不带标签的布局不同，故而间距不同 */
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input {
padding-right: var(--td-comp-paddingLR-xl);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input.t-size-l {
padding-right: calc(var(--td-comp-paddingLR-xl) + var(--td-comp-paddingLR-s));
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input {
padding-right: var(--td-comp-paddingLR-s);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input.t-size-l {
padding-right: var(--td-comp-paddingLR-m);
}
/** 无边框模式 */
.t-select-input--borderless {
/** 无边框模式的多选 */
}
.t-select-input--borderless .t-input {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
background: transparent;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-select-input--borderless .t-input:hover:not(.t-input--focused) {
border-color: var(--td-component-border);
background-color: var(--td-bg-color-container-hover);
border-radius: var(--td-radius-default);
}
.t-select-input--borderless .t-input--focused {
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
background-color: var(--td-bg-color-specialcomponent);
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
display: inline-block;
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-tag-input {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.t-select-input--borderless.t-tag-input:hover {
background-color: var(--td-bg-color-container-hover);
border-radius: var(--td-radius-default);
}
@-webkit-keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes t-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes t-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes t-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.t-icon-loading {
-webkit-animation: t-spin 1s linear infinite;
animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes t-zoom-out {
from {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.t-tag-input {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
/** 设计稿：未填充标签场景，边距和已填充不同 */
}
.t-tag-input .t-tag {
vertical-align: middle;
-webkit-animation: t-fade-in 0.2s ease-in-out;
animation: t-fade-in 0.2s ease-in-out;
margin: 3px var(--td-comp-margin-xs) 3px 0;
}
.t-tag-input .t-tag-input__drag_wrapper + .t-tag-input__drag_wrapper {
margin-left: var(--td-comp-margin-xs);
}
.t-tag-input .t-input {
overflow: hidden;
min-height: var(--td-comp-size-m);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
}
.t-tag-input .t-input .t-input__suffix-icon {
right: var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-s {
padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
min-height: var(--td-comp-size-xs);
}
.t-tag-input .t-input.t-size-s .t-tag {
margin: 1px var(--td-comp-margin-xs) 1px 0;
}
.t-tag-input .t-input.t-size-l {
min-height: var(--td-comp-size-xl);
padding: 0 var(--td-comp-paddingLR-m) 0 var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-l .t-input__suffix-icon {
right: var(--td-comp-margin-m);
}
.t-tag-input.t-is-empty .t-input__inner {
margin-left: var(--td-comp-margin-xs);
}
.t-tag-input:hover .t-input__inner:not(.t-input--soft-hidden),
.t-tag-input .t-input--focused .t-input__inner:not(.t-input--soft-hidden) {
min-width: 20px;
}
.t-tag-input .t-tag-input__prefix {
margin-left: var(--td-comp-margin-xs);
line-height: 1;
}
.t-tag-input .t-tag-input__prefix > .t-icon {
color: var(--td-text-color-placeholder);
}
.t-tag-input .t-input .t-input__prefix:not(:empty) {
margin-right: 0;
}
.t-tag-input.t-input--auto-width .t-input.t-input--focused {
padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input.t-input--auto-width .t-input__prefix {
white-space: nowrap;
}
.t-tag-input .t-input__prefix--scrollable {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
overflow-y: hidden;
overflow-x: auto;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:vertical:hover,
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-tag-input__suffix-clear {
cursor: pointer;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input {
display: block;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input.t-input--prefix > .t-input__prefix {
display: inline;
text-align: left;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input .t-input__suffix-icon {
position: absolute;
bottom: 0;
}
.t-tag-input--break-line:not(.t-is-empty) .t-tag-input__prefix {
vertical-align: middle;
}
.t-tag-input__prefix {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: inline-block;
margin-right: var(--td-comp-margin-s);
}
/** 换行模式避免标签和右侧图标重合，需保留图标宽度 22px 和左侧距离标签间距 8px */
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-input,
.t-tag-input.t-input--auto-width:hover .t-input {
padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-size-l .t-input,
.t-tag-input.t-input--auto-width:hover .t-size-l .t-input {
padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xs));
}
/** auto-width 模式，左右边距相同 */
.t-tag-input.t-input--auto-width .t-input {
padding-right: 0;
}
.default-step-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
text-align: center;
border-radius: var(--td-radius-circle);
font-size: var(--td-font-size-body-large);
}
.t-steps {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.t-steps .t-steps-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
vertical-align: top;
margin-right: var(--td-comp-margin-s);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-steps .t-steps-item:last-child {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.t-steps .t-steps-item__inner {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-steps .t-steps-item__inner.t-steps-item--clickable {
cursor: pointer;
}
.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon {
color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__icon--number {
border-color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__title {
color: var(--td-text-color-primary);
font-weight: normal;
}
.t-steps .t-steps-item--finish .t-steps-item__description {
color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--process .t-steps-item__icon .t-icon {
color: var(--td-brand-color);
}
.t-steps .t-steps-item--process .t-steps-item__icon--number {
border-color: var(--td-brand-color);
background-color: var(--td-brand-color);
color: var(--td-text-color-anti);
font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__title {
color: var(--td-brand-color);
font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__description {
color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--error .t-steps-item__icon .t-icon {
color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__icon--number {
color: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__title {
color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__description {
color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item__icon {
vertical-align: top;
font-size: var(--td-font-size-body-medium);
margin-right: var(--td-comp-margin-s);
color: var(--td-text-color-placeholder);
}
.t-steps .t-steps-item__icon--number {
color: var(--td-text-color-placeholder);
border: 1px solid var(--td-text-color-placeholder);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
text-align: center;
border-radius: var(--td-radius-circle);
font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon--finish {
border: 1px solid var(--td-brand-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
text-align: center;
border-radius: var(--td-radius-circle);
font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon--error {
border: 1px solid var(--td-error-color);
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 22px;
height: 22px;
text-align: center;
border-radius: var(--td-radius-circle);
font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon > .t-icon {
font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps .t-steps-item__title {
position: relative;
padding-right: var(--td-comp-margin-s);
color: var(--td-text-color-placeholder);
font-size: var(--td-font-size-body-large);
line-height: 24px;
}
.t-steps .t-steps-item__description {
color: var(--td-text-color-placeholder);
font-size: var(--td-font-size-body-medium);
margin-bottom: var(--td-comp-margin-xs);
line-height: 22px;
}
.t-steps--line-separator .t-steps-item:before,
.t-steps--line-separator .t-steps-item:after,
.t-steps--line-separator .t-steps-item__title:after {
border-style: solid;
}
.t-steps--dashed-separator .t-steps-item:before,
.t-steps--dashed-separator .t-steps-item:after,
.t-steps--dashed-separator .t-steps-item__title:after {
border-style: dashed;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
width: 22px;
height: 22px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
content: "";
display: block;
width: 9999px;
border-left: 0;
border-top: 0;
border-bottom-width: 1px;
border-bottom-color: var(--td-text-color-placeholder);
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 24px;
content: "^";
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border: 0;
font-size: var(--td-font-size-body-large);
color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
border-bottom-width: 2px;
border-bottom-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after {
content: "";
display: block;
width: 9999px;
border-left: 0;
border-top: 0;
border-bottom-width: 1px;
border-bottom-color: var(--td-text-color-placeholder);
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 24px;
content: "^";
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border: 0;
font-size: var(--td-font-size-body-large);
color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
border-bottom-width: 2px;
border-bottom-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
border-bottom-width: 2px;
border-bottom-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item {
overflow: visible;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
padding-right: 0;
margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
background: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
background: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon {
display: block;
width: 8px;
height: 8px;
border: 2px solid var(--td-text-color-placeholder);
border-radius: var(--td-radius-circle);
margin-bottom: var(--td-comp-margin-xs);
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content {
text-align: center;
width: 140px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
content: "^";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 0;
font-size: var(--td-font-size-body-large);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child)::after {
content: "";
display: block;
width: calc(100% - 16px);
border-left: 0;
border-top: 0;
border-bottom-width: 1px;
border-bottom-color: var(--td-text-color-placeholder);
position: absolute;
left: calc(140px / 2 + 8px);
top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
border-bottom-color: var(--td-brand-color);
border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
content: "^";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 0;
font-size: var(--td-font-size-body-large);
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child)::after {
content: "";
display: block;
width: calc(100% - 16px);
border-left: 0;
border-top: 0;
border-bottom-width: 1px;
border-bottom-color: var(--td-text-color-placeholder);
position: absolute;
left: calc(140px / 2 + 8px);
top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
border-bottom-color: var(--td-brand-color);
border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
color: var(--td-brand-color);
border-bottom-color: var(--td-brand-color);
border-bottom-width: 2px;
}
.t-steps--vertical {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
content: "^";
border: 0;
height: calc(100% - 24px);
position: absolute;
top: 24px;
left: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-large);
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--positive .t-steps-item {
padding-bottom: var(--td-comp-margin-xxl);
margin-bottom: 5px;
}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
content: "";
display: block;
height: 100%;
border-left: 0;
border-top: 0;
border-right-width: 1px;
border-right-color: var(--td-text-color-placeholder);
position: absolute;
top: 35px;
left: 11px;
}
.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
border-right-width: 2px;
border-right-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
margin-left: 0px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
content: "^";
border: 0;
height: calc(100% - 4px);
position: absolute;
top: 8px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child)::before {
content: "";
display: block;
height: 100%;
border-bottom: 0;
border-left: 0;
border-right-width: 1px;
border-right-color: var(--td-text-color-placeholder);
position: absolute;
left: 3.5px;
top: 17px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
border-right-color: var(--td-brand-color);
border-right-width: 2px;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
margin-bottom: 0;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
background: var(--td-brand-color);
border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
background: var(--td-error-color);
border-color: var(--td-error-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon {
display: block;
width: 8px;
height: 8px;
border: 2px solid var(--td-text-color-placeholder);
border-radius: var(--td-radius-circle);
margin-bottom: var(--td-comp-margin-xs);
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
top: 8px;
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
content: "^";
border: 0;
height: calc(100% - 24px);
position: absolute;
top: 24px;
left: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-large);
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
margin-top: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse .t-steps-item {
padding-bottom: var(--td-comp-margin-xxl);
margin-bottom: 5px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child)::before {
content: "";
display: block;
height: 100%;
border-left: 0;
border-bottom: 0;
border-right-width: 1px;
border-right-color: var(--td-text-color-placeholder);
position: absolute;
top: 35px;
left: 11px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child)::before {
border-right-width: 2px;
border-right-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
content: "^";
border: 0;
height: calc(100% - 4px);
position: absolute;
top: 8px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item {
margin-bottom: 0;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child)::before {
content: "";
display: block;
height: 100%;
border-bottom: 0;
border-left: 0;
border-right-width: 1px;
border-right-color: var(--td-text-color-placeholder);
position: absolute;
left: 3.5px;
top: 17px;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:last-child::before {
display: none;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::before {
border-right-width: 2px;
border-right-color: var(--td-brand-color);
color: var(--td-brand-color);
}
.t-sticky-tool {
position: fixed;
opacity: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--td-bg-color-container);
border: var(--td-component-border);
-webkit-box-shadow: var(--td-shadow-3);
box-shadow: var(--td-shadow-3);
}
.t-sticky-tool-popup-content {
-webkit-box-shadow: var(--td-shadow-3);
box-shadow: var(--td-shadow-3);
font-size: var(--td-font-size-body-small);
color: var(--td-text-color-secondary);
}
.t-sticky-tool .t-sticky-item {
opacity: 1;
position: relative;
margin: var(--td-comp-margin-xs);
text-align: center;
font-size: var(--td-font-size-body-small);
color: var(--td-text-color-secondary);
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.t-sticky-tool .t-sticky-item:hover {
cursor: pointer;
background-color: var(--td-bg-color-container-hover);
}
.t-sticky-tool .t-sticky-item--normal {
width: var(--td-comp-size-xxxl);
height: var(--td-comp-size-xxxl);
}
.t-sticky-tool .t-sticky-item--normal .t-icon {
width: 24px;
height: 24px;
margin: var(--td-comp-margin-s) var(--td-comp-margin-l) 0 var(--td-comp-margin-l);
color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--compact {
width: var(--td-comp-size-xl);
height: var(--td-comp-size-xl);
}
.t-sticky-tool .t-sticky-item--compact .t-icon {
width: 24px;
height: 24px;
margin: var(--td-comp-margin-s);
color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--square {
border-radius: var(--td-radius-default);
}
.t-sticky-tool .t-sticky-item--round {
border-radius: var(--td-radius-circle);
}
.t-sticky-tool .t-sticky-item .t-sticky-item__label {
width: 100%;
height: var(--td-comp-size-xxs);
line-height: var(--td-comp-size-xxs);
margin-top: var(--td-comp-margin-xxs);
text-align: center;
}
.t-sticky-tool--square {
border-radius: var(--td-radius-medium);
}
.t-sticky-tool--round {
border-radius: var(--td-radius-round);
}
.t-select__wrap {
width: 100%;
}
.t-select__dropdown .t-popup__content {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
margin: var(--td-comp-paddingTB-s) 0;
padding: 0;
max-height: 300px;
overflow-y: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
padding: var(--td-pop-padding-l);
}
.t-select__list {
margin: 0;
padding: 0;
list-style: none;
}
.t-select__dropdown.t-popup {
padding: 0;
}
.t-select__empty.t-size-s {
line-height: var(--td-comp-size-xs);
}
.t-select__empty {
text-align: center;
color: var(--td-text-color-disabled);
line-height: var(--td-comp-size-m);
padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
text-align: center;
line-height: var(--td-comp-size-m);
color: var(--td-text-color-disabled);
}
.t-select__loading-tips.t-size-l {
line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
padding-top: var(--td-comp-margin-xs);
margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
content: "";
width: 100%;
height: 1px;
padding: 0 var(--td-comp-paddingLR-s);
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--td-border-level-1-color);
background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
color: var(--td-text-color-placeholder);
display: block;
height: var(--td-comp-size-s);
line-height: var(--td-comp-size-s);
padding: 0 var(--td-comp-paddingLR-s);
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
height: var(--td-comp-size-l);
line-height: var(--td-comp-size-l);
padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
height: var(--td-comp-size-xxs);
line-height: var(--td-comp-size-xxs);
padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--td-radius-default);
height: var(--td-comp-size-s);
font: var(--td-font-body-medium);
cursor: pointer;
padding: 0 var(--td-comp-paddingLR-s);
color: var(--td-text-color-primary);
-webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
--ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
position: relative;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input {
border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
color: var(--td-text-color-primary);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
width: 100%;
}
.t-select-option.t-is-disabled {
cursor: not-allowed;
color: var(--td-text-color-disabled);
background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
height: var(--td-comp-size-l);
padding: 0 var(--td-comp-paddingLR-m);
font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
height: var(--td-comp-size-xxs);
padding: 0 var(--td-comp-paddingLR-s);
font: var(--td-font-body-small);
}
.t-select-option.t-is-selected {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-select-option.t-is-selected .t-checkbox__label {
color: var(--td-brand-color);
}
.t-select-option.t-is-selected:hover {
background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) {
background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input {
border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label,
.t-select-option.t-select-option--hover .t-checkbox__label {
color: inherit;
}
.t-select-option + .t-select-option {
margin-top: var(--td-comp-paddingTB-xxs);
}
.t-select.t-select-input--borderless .t-select__right-icon {
position: relative;
margin: 0;
}
.t-select .t-fake-arrow {
color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
color: var(--td-brand-color);
}
.t-is-selected.t-select-option__hover {
background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
color: var(--td-brand-color);
}
.t-select-option__highlight-item .t-is-highlight {
color: var(--td-brand-color);
}
.t-auto-complete {
width: 100%;
}
.t-auto-complete .t-input__suffix-clear {
display: none;
}
.t-auto-complete:hover .t-input__suffix-clear {
display: inline-block;
}
.t-cascader .t-fake-arrow {
color: var(--td-text-color-placeholder);
}
.t-cascader .t-fake-arrow--active {
color: var(--td-brand-color);
}
.t-cascader__popup .t-popup__content {
padding: 0;
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
border-radius: var(--td-radius-medium);
border: 0.5px solid var(--td-component-border);
overflow: hidden;
}
.t-cascader__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.t-cascader__panel.t-cascader--normal {
height: 200px;
}
.t-cascader__panel.t-cascader--multiple {
height: 280px;
}
.t-cascader__panel--empty {
width: 100%;
height: var(--td-comp-size-s);
line-height: var(--td-comp-size-s);
color: var(--td-text-color-disabled);
margin: var(--td-pop-padding-m);
text-align: center;
padding-left: 0;
}
.t-cascader__panel--empty:hover {
background: none;
cursor: default;
}
.t-cascader__menu {
width: 148px;
overflow: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: var(--td-pop-padding-m);
background: var(--td-bg-color-container);
}
.t-cascader__menu.t-size-l {
padding: var(--td-pop-padding-l);
}
.t-cascader__menu.t-size-s {
padding: var(--td-pop-padding-s);
}
.t-cascader__menu--segment {
border-right: 1px solid var(--td-component-stroke);
}
.t-cascader__menu--filter {
width: auto;
min-width: 148px;
}
.t-cascader__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--td-comp-size-s);
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
padding: 0 var(--td-comp-paddingLR-s);
border-radius: var(--td-radius-default);
margin-top: var(--td-comp-margin-xxs);
-webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
list-style: none;
--ripple-color: var(--td-bg-color-container-active);
}
.t-cascader__item.t-size-s {
height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
padding: 0px var(--td-comp-paddingLR-s);
}
.t-cascader__item.t-size-l {
height: var(--td-comp-size-m);
font: var(--td-font-body-large);
padding: 0 var(--td-comp-paddingLR-m);
}
.t-cascader__item.t-is-disabled {
color: var(--td-text-color-disabled);
background-color: transparent;
cursor: not-allowed;
}
.t-cascader__item-icon.t-icon {
position: absolute;
height: 100%;
right: 0;
top: 0;
background: transparent;
margin: 0 8px;
font-size: 16px;
color: var(--td-text-color-placeholder);
}
.t-cascader__item-icon.t-loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded {
background: var(--td-brand-color-light);
color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded .t-icon-chevron-right {
color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded:hover {
cursor: pointer;
}
.t-cascader__item:first-child {
margin-top: 0;
}
.t-cascader__item .t-checkbox {
max-width: 100%;
}
.t-cascader__item .t-checkbox .t-checkbox__input {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-cascader__item .t-checkbox .t-checkbox__label {
display: block;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter {
color: var(--td-text-color-brand);
}
.t-cascader__item--with-icon {
padding: 0 calc(var(--td-comp-paddingLR-s) + 14px) 0 var(--td-comp-paddingLR-s);
}
.t-cascader__item--leaf .t-checkbox {
width: 100%;
}
.t-cascader__item-label {
display: block;
position: relative;
white-space: nowrap;
padding: 0;
}
.t-cascader__item-label--ellipsis {
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-cascader__item-label--filter {
color: var(--td-text-color-brand);
}
.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled) {
background: var(--td-bg-color-container-hover);
cursor: pointer;
}
.t-cascader__item.t-is-selected {
color: var(--td-brand-color);
}
.t-cascader__item.t-is-selected .t-checkbox__label {
color: var(--td-brand-color);
}
.t-color-picker__panel {
padding: 0;
width: 256px;
background: var(--td-bg-color-container);
-webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
border-radius: var(--td-radius-medium);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t-popup__content .t-color-picker__panel {
background: transparent;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.t-color-picker {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-color-picker.t-popup__content {
-webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-color-picker__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: var(--td-comp-size-xxxs);
background: transparent;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
color: var(--td-text-color-secondary);
border-radius: var(--td-radius-default);
cursor: pointer;
}
.t-color-picker__icon:hover {
background: var(--td-bg-color-container-hover);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-color-picker__icon.t-is-disabled {
color: var(--td-text-color-disabled);
pointer-events: none;
}
.t-color-picker__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: var(--td-pop-padding-xl);
position: relative;
z-index: 2;
}
.t-color-picker__head .t-color-picker__close {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-color-picker__head + .t-color-picker__body {
padding-top: 0;
}
.t-color-picker__body {
padding: var(--td-pop-padding-xl);
padding-bottom: calc(var(--td-pop-padding-xl) - 4px);
}
.t-color-picker__thumb {
position: absolute;
z-index: 1;
outline: none;
border-color: currentcolor;
width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
border-radius: var(--td-radius-circle);
-webkit-box-shadow: var(--td-shadow-1);
box-shadow: var(--td-shadow-1);
background: var(--td-text-color-anti);
color: var(--td-text-color-brand);
padding: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-color-picker__thumb::before {
content: "";
width: 100%;
height: 100%;
background: currentcolor;
border-radius: var(--td-radius-circle);
display: block;
}
.t-color-picker__saturation {
height: 160px;
border-radius: var(--td-radius-default);
position: relative;
overflow: hidden;
background: transparent;
}
.t-color-picker__saturation::before,
.t-color-picker__saturation::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.t-color-picker__saturation::before {
/* stylelint-disable-next-line color-no-hex */
background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
background: linear-gradient(90deg, #fff, transparent);
}
.t-color-picker__saturation::after {
/* stylelint-disable-next-line color-no-hex */
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
background: linear-gradient(0deg, #000, transparent);
}
.t-color-picker__saturation .t-color-picker__thumb {
width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
border-radius: var(--td-radius-circle);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.t-color-picker__slider-wrapper {
border-radius: calc(8px / 2);
padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
position: relative;
}
.t-color-picker__slider-wrapper--hue-type {
/* stylelint-disable-next-line color-named */
background: red;
}
.t-color-picker__slider-wrapper--alpha-type {
background: var(--td-text-color-anti);
/* stylelint-disable-next-line color-no-hex */
background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
}
.t-color-picker__slider-padding {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 8px;
border-radius: calc(8px / 2);
}
.t-color-picker__slider {
height: 8px;
position: relative;
border-radius: calc(8px / 2);
cursor: pointer;
color: transparent;
outline: none;
z-index: 1;
}
.t-color-picker__slider .t-color-picker__thumb {
-webkit-transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
top: 50%;
}
.t-color-picker__slider .t-color-picker__rail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.t-color-picker__alpha,
.t-color-picker__format {
margin: var(--td-comp-margin-m) 0 0 0;
}
.t-color-picker__hue {
/* stylelint-disable color-no-hex, color-named */
background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.t-color-picker__alpha .t-color-picker__rail {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(currentcolor));
background: linear-gradient(to right, transparent, currentcolor);
}
.t-color-picker__sliders-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: var(--td-comp-margin-m) 0;
}
.t-color-picker__sliders {
width: 100%;
}
.t-color-picker__sliders-preview {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: var(--td-comp-margin-m);
width: var(--td-comp-size-s);
height: var(--td-comp-size-s);
border-radius: var(--td-radius-default);
overflow: hidden;
background: var(--td-text-color-anti);
/* stylelint-disable-next-line color-no-hex */
background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
}
.t-color-picker__sliders-preview-inner {
display: block;
width: 100%;
height: 100%;
}
.t-color-picker__gradient {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: var(--td-comp-margin-m);
}
.t-color-picker__gradient-slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-color-picker__gradient-degree {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: var(--td-comp-margin-m);
width: var(--td-comp-size-xxl);
}
.t-color-picker__gradient-degree .t-input {
margin: 0;
font: var(--td-font-body-small);
}
.t-color-picker__gradient-degree .t-input-number {
width: 100%;
padding: 0;
}
.t-color-picker__gradient .gradient-thumbs {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
border-radius: inherit;
cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item {
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 0;
cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item::before {
display: none;
}
.t-color-picker__gradient .gradient-thumbs__item.t-is-active {
z-index: 1;
outline: 2px solid var(--td-component-border);
}
.t-color-picker__gradient .gradient-thumbs__item-inner {
display: block;
width: 100%;
height: 100%;
border-radius: var(--td-radius-circle);
overflow: hidden;
}
.t-color-picker__gradient .gradient-thumbs__item-inner::before {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: currentcolor;
}
.t-color-picker__format {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-color-picker__format--item:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-color-picker__format--item:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-color-picker__format--item .t-size-m,
.t-color-picker__format--item .t-input.t-size-m {
font: var(--td-font-body-small);
}
.t-color-picker__format--item .t-input-number .t-input {
margin: 0;
}
.t-color-picker__format--item .input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-left: var(--td-comp-margin-s);
}
.t-color-picker__format--item .input-group__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
margin-left: -1px;
}
.t-color-picker__format--item .input-group__item .t-input {
padding: 0 1px;
}
.t-color-picker__format--item .input-group__item .t-input:focus,
.t-color-picker__format--item .input-group__item .t-input:focus-within,
.t-color-picker__format--item .input-group__item .t-input:hover {
z-index: 1;
}
.t-color-picker__format--item .input-group__item:not(:first-child):not(:last-child) .t-input {
border-radius: 0;
}
.t-color-picker__format--item .input-group__item:first-child:not(:last-child) .t-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.t-color-picker__format--item .input-group__item:last-child:not(:first-child) .t-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.t-color-picker__format--item .input-group .t-input-number {
width: 100%;
padding: 0;
}
.t-color-picker__format-mode-select {
width: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-color-picker__format-mode-select .t-select,
.t-color-picker__format-mode-select .t-input {
padding-right: 0;
}
.t-color-picker__format-mode-select .t-input--prefix > .t-input__suffix {
padding-left: 0;
}
.t-color-picker__format-mode-select .t-select__right-icon {
margin-right: var(--td-comp-margin-xs);
}
.t-color-picker__swatches-wrap {
margin-top: var(--td-comp-margin-m);
position: relative;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches + .t-color-picker__swatches {
margin-top: var(--td-comp-margin-m);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--title {
font: var(--td-font-body-small);
padding: 0;
color: var(--td-text-color-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon {
width: var(--td-comp-size-xxxs);
height: var(--td-comp-size-xxxs);
margin-left: var(--td-comp-margin-s);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--items {
width: 100%;
list-style: none;
display: grid;
grid-template-columns: repeat(10, var(--td-comp-size-xxxs));
gap: calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9) calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9);
max-height: calc(4 * calc(var(--td-comp-size-xxxs) + calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9)));
overflow-x: hidden;
overflow-y: auto;
padding: calc(var(--td-pop-padding-xl) - 8px);
position: relative;
left: calc(0px - calc(var(--td-pop-padding-xl) - 8px));
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: var(--td-comp-size-xxxs);
height: var(--td-comp-size-xxxs);
border-radius: var(--td-radius-default);
padding: 0;
overflow: hidden;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover {
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transform-origin: center;
transform-origin: center;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border: 1px solid var(--td-component-border);
border-radius: var(--td-radius-default);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
width: 100%;
height: 100%;
display: block;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:not(.t-is-active):hover {
padding: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--item__color,
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--color {
border-color: var(--td-text-color-brand);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--color {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-radius: var(--td-radius-default);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
width: 100%;
height: 100%;
display: block;
border-radius: var(--td-radius-default);
-webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-color-picker__trigger--default {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-color-picker__trigger--default > .t-input {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.t-color-picker__trigger--default .t-input {
padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-paddingLR-xs);
}
.t-color-picker__trigger--default__color {
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-color-picker__trigger--default__color .color-inner {
border: 1px solid var(--td-scrollbar-color);
display: block;
width: calc(var(--td-comp-size-xs) - 2px);
height: calc(var(--td-comp-size-xs) - 2px);
color: transparent;
position: relative;
border-radius: var(--td-radius-small);
}
.t-color-picker__trigger--default__color .color-inner.t-size-s {
width: calc(var(--td-comp-size-xxs) - 2px);
height: calc(var(--td-comp-size-xxs) - 2px);
}
.t-color-picker__trigger--default__color .color-inner.t-size-l {
width: calc(var(--td-comp-size-s) - 2px);
height: calc(var(--td-comp-size-s) - 2px);
}
.t-color-picker__gradient-slider {
padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
border-radius: calc(8px / 2);
}
.t-color-picker__gradient-slider .t-color-picker--bg-alpha {
background: var(--td-text-color-anti);
/* stylelint-disable-next-line color-no-hex */
background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__saturation,
.t-color-picker__panel.t-is-disabled .t-color-picker__slider,
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item {
opacity: 0.8;
cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs,
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs__item {
cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item:hover {
padding: 0;
}
.t-color-picker__select-options > .t-popup__content {
-webkit-box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-radio-group {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
border-radius: var(--td-radius-default);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-radio-group::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.t-radio-group::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 7px;
}
.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,
.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-radio-group .t-radio {
margin-right: var(--td-comp-margin-xxl);
}
.t-radio-group.t-radio-group__outline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: var(--td-comp-margin-xs);
}
.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
height: var(--td-comp-size-xs);
}
.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
height: var(--td-comp-size-m);
}
.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
height: var(--td-comp-size-xl);
}
.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-radio-group.t-radio-group__outline .t-radio-button:only-child {
border-radius: var(--td-radius-default);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
color: var(--td-brand-color);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
color: var(--td-brand-color-disabled);
border-color: var(--td-brand-color-disabled);
background-color: var(--td-bg-color-specialcomponent);
}
.t-radio-group.t-radio-group--filled {
border-color: var(--td-bg-color-component);
padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
border-radius: var(--td-radius-default);
background-color: var(--td-bg-color-component);
position: relative;
}
.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
position: absolute;
left: 2px;
top: 2px;
width: 0;
height: calc(100% - 4px);
background-color: var(--td-bg-color-container-select);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
border-radius: var(--td-radius-small);
}
.t-radio-group.t-radio-group--filled .t-radio-button {
color: var(--td-text-color-secondary);
border: 0;
background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button:hover {
color: var(--td-text-color-primary);
}
.t-radio-group.t-radio-group--filled .t-radio-button::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: calc(100% - 16px);
background-color: var(--td-component-border);
-webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
position: relative;
color: var(--td-text-color-primary);
z-index: 1;
border: 0;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked + label::before {
opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
color: var(--td-text-color-disabled);
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
background-color: var(--td-brand-color);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked {
color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
background-color: var(--td-brand-color-disabled);
}
.t-radio-group.t-size-s .t-radio-button {
height: calc(var(--td-comp-size-xs) - (var(--td-comp-paddingTB-xxs) * 2));
padding: 0px var(--td-comp-paddingLR-s);
font: var(--td-font-body-small);
}
.t-radio-group.t-size-s .t-radio-button::before {
height: calc(100% - 16px);
}
.t-radio-group.t-size-m .t-radio-button {
height: calc(var(--td-comp-size-m) - (var(--td-comp-paddingTB-xxs) * 2));
padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
font: var(--td-font-body-medium);
}
.t-radio-group.t-size-m .t-radio-button::before {
height: calc(100% - 20px);
}
.t-radio-group.t-size-l .t-radio-button {
height: calc(var(--td-comp-size-xl) - (var(--td-comp-paddingTB-xxs) * 2));
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
font: var(--td-font-body-large);
}
.t-radio-group.t-size-l .t-radio-button::before {
height: calc(100% - 24px);
}
.t-radio-group .t-radio-button {
cursor: pointer;
position: relative;
border: 1px solid;
border-color: var(--td-border-level-2-color);
border-right: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
color: var(--td-text-color-primary);
white-space: nowrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-radio-group .t-radio-button:first-child {
border-radius: var(--td-radius-small) 0 0 var(--td-radius-small);
}
.t-radio-group .t-radio-button:last-child {
border-right: 1px solid;
border-right-color: var(--td-border-level-2-color);
border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0;
}
.t-radio-group .t-radio-button__former {
opacity: 0;
height: 0;
width: 0;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-radio-group .t-radio-button:hover {
color: var(--td-brand-color);
}
.t-radio-group .t-radio-button.t-is-checked {
border-right: 1px solid;
border-color: var(--td-brand-color);
-webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
border-left: 0;
}
.t-radio-group .t-radio-button.t-is-disabled {
cursor: not-allowed;
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover::after {
width: 0;
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked::after {
width: 0;
}
.t-radio {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
cursor: pointer;
display: inline-block;
}
.t-radio__former {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
opacity: 0;
position: absolute;
}
.t-radio__input {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
border-radius: var(--td-radius-circle);
border: 1px solid var(--td-border-level-2-color);
background-color: var(--td-bg-color-container);
-webkit-transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__input::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
border-radius: var(--td-radius-circle);
background-color: var(--td-brand-color);
-webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__label {
display: inline-block;
margin-left: var(--td-comp-margin-s);
color: var(--td-text-color-primary);
vertical-align: middle;
font: var(--td-font-body-medium);
white-space: nowrap;
}
.t-radio:hover .t-radio__input {
border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input {
border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input::after {
opacity: 1;
}
.t-radio.t-is-disabled {
cursor: not-allowed;
}
.t-radio.t-is-disabled .t-radio__label {
color: var(--td-text-color-disabled);
}
.t-radio.t-is-disabled .t-radio__input {
background-color: var(--td-bg-color-component-disabled);
}
.t-radio.t-is-disabled:hover .t-radio__input {
border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input {
border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input::after {
background-color: var(--td-text-color-disabled);
}
.t-radio:focus-visible:focus-visible {
outline: 2px solid var(--td-brand-color);
outline-offset: var(--td-comp-paddingTB-xs);
border-radius: 0;
}
.t-date-picker,
.t-date-range-picker {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-date-picker__header-controller-month-popup > .t-popup__content,
.t-date-picker__header-controller-year-popup > .t-popup__content {
max-height: 160px;
}
.t-date-picker__panel-container > .t-popup__content,
.t-date-range-picker__panel-container > .t-popup__content {
padding: 0;
min-width: 280px;
}
.t-date-picker__panel,
.t-date-range-picker__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-date-picker__panel--direction-row,
.t-date-range-picker__panel--direction-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.t-date-picker__panel .t-time-picker__panel,
.t-date-range-picker__panel .t-time-picker__panel {
width: 216px;
}
.t-date-picker__panel .t-time-picker__panel-section-body,
.t-date-range-picker__panel .t-time-picker__panel-section-body {
padding: 0;
}
.t-date-picker__panel .t-time-picker__panel-body,
.t-date-range-picker__panel .t-time-picker__panel-body {
margin: 0;
}
.t-date-picker__panel-content,
.t-date-range-picker__panel-content,
.t-date-range-picker__panel-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-date-picker__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: var(--td-comp-margin-m);
width: 100%;
}
.t-date-picker__header-controller {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: var(--td-comp-margin-s);
}
.t-date-picker__header-controller .t-date-picker__header-controller-month {
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-date-picker__header-controller .t-date-picker__header-controller-year {
width: 78px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-date-picker__table table {
width: 100%;
border-collapse: collapse;
}
.t-date-picker__table table th {
text-align: center;
color: var(--td-text-color-secondary);
font-weight: 400;
}
.t-date-picker__table table td.t-date-picker__cell {
text-align: center;
font-weight: 500;
}
.t-date-picker__table table th,
.t-date-picker__table table td.t-date-picker__cell {
padding: 0;
border: 0;
line-height: var(--td-line-height-body-medium);
}
.t-date-picker__table table thead::after {
content: "-";
display: block;
line-height: var(--td-comp-margin-xs);
color: transparent;
}
.t-date-picker__table table thead::before {
content: "-";
display: block;
line-height: var(--td-comp-margin-xs);
color: transparent;
}
.t-date-picker__table-week-row {
cursor: pointer;
position: sticky;
}
.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner {
color: var(--td-text-color-disabled);
}
.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
.t-date-picker__table-week-row::after {
content: "";
position: absolute;
left: var(--td-comp-margin-xxxl);
right: 0;
top: calc(var(--td-comp-margin-xs) - 1px);
z-index: 10;
height: var(--td-comp-size-xs);
border-radius: var(--td-radius-default);
-webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
pointer-events: none;
}
.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
color: var(--td-brand-color);
}
.t-date-picker__table-week-row:hover::after {
-webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__table-week-row--active::after {
opacity: 1;
z-index: 0;
background-color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner {
color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner {
background: transparent;
color: var(--td-text-color-anti);
}
.t-date-picker__table-week-row--range::after {
opacity: 1;
z-index: 0;
background-color: var(--td-brand-color-light);
}
.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner {
background: transparent;
}
.t-date-picker__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: var(--td-pop-padding-xl);
gap: var(--td-comp-margin-s);
}
.t-date-picker__footer--bottom {
border-top: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--top {
border-bottom: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-right: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left .t-date-picker__presets {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-date-picker__footer--right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--right .t-date-picker__presets {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-date-picker__presets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--td-comp-margin-s);
white-space: nowrap;
min-width: var(--td-comp-size-xl);
}
.t-date-picker__presets .t-button {
cursor: pointer;
}
.t-date-picker__presets a {
color: var(--td-brand-color);
}
.t-date-picker__presets a:hover {
color: var(--td-brand-color-hover);
}
.t-date-picker__panel-time,
.t-date-range-picker__panel-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(var(--td-comp-margin-m) / 2);
padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__panel-time-viewer,
.t-date-range-picker__panel-time-viewer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--td-comp-size-m);
line-height: var(--td-line-height-body-medium);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--td-text-color-primary);
}
.t-date-picker__panel-time .t-time-picker__panel-body,
.t-date-range-picker__panel-time .t-time-picker__panel-body {
margin: 0;
}
.t-date-picker__panel-year,
.t-date-picker__panel-month,
.t-date-picker__panel-quarter,
.t-date-picker__panel-week,
.t-date-picker__panel-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--td-pop-padding-xl);
gap: var(--td-comp-margin-m);
width: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after {
opacity: 1;
left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after {
opacity: 1;
left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
z-index: 5;
}
.t-date-picker__panel-year .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before {
left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__header-controller-year,
.t-date-picker__panel-month .t-date-picker__header-controller-year,
.t-date-picker__panel-quarter .t-date-picker__header-controller-year {
width: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-date-picker__panel-year .t-date-picker__table table tbody,
.t-date-picker__panel-month .t-date-picker__table table tbody,
.t-date-picker__panel-quarter .t-date-picker__table table tbody {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--td-comp-margin-m);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,
.t-date-picker__panel-month .t-date-picker__table table tbody tr,
.t-date-picker__panel-quarter .t-date-picker__table table tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-date-picker__panel-year .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-month .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-quarter .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before {
left: calc(0px - var(--td-comp-size-xxxl));
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1) {
text-align: left;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3) {
text-align: right;
}
.t-date-picker__panel-year .t-date-picker__cell-inner,
.t-date-picker__panel-month .t-date-picker__cell-inner,
.t-date-picker__panel-quarter .t-date-picker__cell-inner {
width: var(--td-comp-size-xxl);
}
.t-date-picker__cell {
cursor: pointer;
position: relative;
padding: 0;
}
.t-date-picker__cell::before,
.t-date-picker__cell::after {
content: "";
position: absolute;
top: 50%;
right: -5%;
left: -5%;
z-index: 1;
opacity: 0;
border-radius: var(--td-radius-default);
height: var(--td-comp-size-xs);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-date-picker__cell:hover .t-date-picker__cell-inner {
-webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__cell-inner {
position: relative;
z-index: 5;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: var(--td-comp-size-xs);
height: var(--td-comp-size-xs);
margin: calc(var(--td-comp-margin-xs) - 1px);
border-radius: var(--td-radius-default);
-webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-date-picker__cell--now .t-date-picker__cell-inner {
color: var(--td-brand-color);
background: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight::after {
opacity: 1;
background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight::before {
opacity: 1;
background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight::after {
opacity: 1;
background-color: rgba(0, 0, 0, 0.06);
}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
-webkit-box-shadow: none;
box-shadow: none;
border-color: var(--td-bg-color-container-hover);
background-color: var(--td-bg-color-container-hover);
}
.t-date-picker__cell--additional .t-date-picker__cell-inner {
color: var(--td-text-color-disabled);
}
.t-date-picker__cell--active .t-date-picker__cell-inner {
color: var(--td-text-color-anti);
background-color: var(--td-brand-color);
}
.t-date-picker__cell--active-start::before {
opacity: 1;
left: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
border-top-left-radius: var(--td-radius-default);
border-bottom-left-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-start:hover::before {
left: -5%;
}
.t-date-picker__cell--active-end::before {
opacity: 1;
right: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
border-top-right-radius: var(--td-radius-default);
border-bottom-right-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-end:hover::before {
right: -5%;
}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
-webkit-box-shadow: none;
box-shadow: none;
background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-inner {
cursor: not-allowed;
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
opacity: 1;
left: calc(0px - var(--td-comp-size-l));
background-color: var(--td-bg-color-component-disabled);
border-radius: var(--td-radius-default);
}
.t-date-picker__input--placeholder input {
color: var(--td-text-color-placeholder);
}
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-time-picker,
.t-time-range-picker {
width: 240px;
background: transparent;
display: inline-block;
position: relative;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-time-picker.t-is-disabled,
.t-time-range-picker.t-is-disabled {
cursor: not-allowed;
}
.t-time-picker > *:focus,
.t-time-range-picker > *:focus,
.t-time-picker > *:active,
.t-time-range-picker > *:active {
outline: 0;
}
.t-time-picker__group,
.t-time-range-picker__group {
position: relative;
}
.t-time-picker__group.active,
.t-time-range-picker__group.active {
border: 1px solid var(--td-brand-color);
-webkit-box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
}
.t-time-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear,
.t-time-range-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear {
display: block;
}
.t-time-picker__group-text,
.t-time-range-picker__group-text {
color: var(--td-text-color-primary);
}
.t-time-picker__group input,
.t-time-range-picker__group input {
cursor: pointer;
}
.t-time-range-picker {
width: auto;
}
.t-time-picker__panel {
width: 280px;
background: transparent;
border-radius: var(--td-radius-default);
display: inline-block;
position: relative;
font: var(--td-font-body-medium);
--timePickerPanelOffsetTop: 15;
--timePickerPanelOffsetBottom: 21;
}
.t-time-picker__panel-body {
width: 100%;
height: calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-time-picker__panel-body-active-mask {
position: absolute;
top: 50%;
height: var(--td-comp-size-xs);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-time-picker__panel-body-active-mask > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
height: var(--td-comp-size-xs);
background-color: var(--td-brand-color-light);
margin: var(--td-size-3) var(--td-comp-margin-xs);
border-radius: var(--td-radius-default);
}
.t-time-picker__panel-body-scroll {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
overflow-y: scroll;
text-align: center;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.t-time-picker__panel-body-scroll::-webkit-scrollbar {
width: 0;
}
.t-time-picker__panel-body-scroll::after,
.t-time-picker__panel-body-scroll::before {
display: block;
height: 50%;
content: "";
}
.t-time-picker__panel-body-scroll::before {
height: calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px);
}
.t-time-picker__panel-body-scroll::after {
height: calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px);
}
.t-time-picker__panel-body-scroll:last-child {
border-right: 0;
}
.t-time-picker__panel-body-scroll-item {
height: var(--td-comp-size-xs);
font: var(--td-font-body-medium);
line-height: var(--td-comp-size-xs);
color: var(--td-text-color-secondary);
margin: var(--td-size-3) var(--td-comp-margin-xs);
border-radius: var(--td-radius-default);
text-align: center;
cursor: pointer;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover {
color: var(--td-text-color-primary);
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active {
background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__panel-body-scroll-item.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-hidden {
display: none;
cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-current {
color: var(--td-brand-color);
}
.t-time-picker__panel-section-body {
padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
}
.t-time-picker__panel-section-footer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
position: relative;
border-top: 1px solid var(--td-border-level-1-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: var(--td-pop-padding-xl);
}
.range-input-disabled.t-is-disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.range-input-disabled.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.range-input-disabled.t-is-disabled .t-range-input__inner {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
color: var(--td-text-color-disabled);
}
.t-range-input {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
position: relative;
font: var(--td-font-body-medium);
height: var(--td-comp-size-m);
border-width: 1px;
border-style: solid;
border-radius: var(--td-radius-default);
border-color: var(--td-border-level-2-color);
padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
background-color: var(--td-bg-color-specialcomponent);
color: var(--td-text-color-primary);
font-size: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.t-range-input:hover {
border-color: var(--td-brand-color);
}
.t-range-input.t-is-success {
border-color: var(--td-success-color);
}
.t-range-input.t-is-success:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success.t-range-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success > .t-range-input__extra {
color: var(--td-success-color);
}
.t-range-input.t-is-success > .t-range-input__tips {
color: var(--td-success-color);
font-size: var(--td-font-size-body-small);
margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-warning {
border-color: var(--td-warning-color);
}
.t-range-input.t-is-warning:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning.t-range-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning > .t-range-input__extra {
color: var(--td-warning-color);
}
.t-range-input.t-is-warning > .t-range-input__tips {
color: var(--td-warning-color);
font-size: var(--td-font-size-body-small);
margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-error {
border-color: var(--td-error-color);
}
.t-range-input.t-is-error:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error.t-range-input--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error > .t-range-input__extra {
color: var(--td-error-color);
}
.t-range-input.t-is-error > .t-range-input__tips {
color: var(--td-error-color);
font-size: var(--td-font-size-body-small);
margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.t-range-input.t-is-disabled .t-range-input__inner {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
color: var(--td-text-color-disabled);
}
.t-range-input.t-range-input--prefix .t-range-input__prefix {
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
}
.t-range-input.t-range-input--suffix .t-range-input__suffix {
height: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-body-medium);
}
.t-range-input.t-size-l {
height: var(--td-comp-size-xl);
font: var(--td-font-body-large);
padding-top: var(--td-comp-paddingTB-xs);
padding-bottom: var(--td-comp-paddingTB-xs);
}
.t-range-input.t-size-l .t-input {
padding: 0 var(--td-comp-margin-s);
}
.t-range-input.t-size-s {
padding: var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
}
.t-range-input.t-is-focused {
z-index: 1;
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input__inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--td-comp-margin-s);
}
.t-range-input__inner .t-input__wrap {
height: 100%;
border-radius: var(--td-radius-small);
}
.t-range-input__inner .t-input {
padding: 0 var(--td-comp-paddingLR-xs);
height: 100%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: inherit;
border-radius: var(--td-radius-small);
}
.t-range-input__inner .t-input:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-range-input__inner .t-input__inner {
width: 100%;
height: 100%;
line-height: 1;
}
.t-range-input__inner .t-input.t-is-focused {
background-color: var(--td-bg-color-component);
}
.t-range-input__extra {
font: var(--td-font-body-small);
color: var(--td-text-color-placeholder);
}
.t-range-input__status {
position: absolute;
right: calc(0px - var(--td-comp-margin-xxxl));
top: 0;
}
.t-range-input.t-range-input--suffix .t-input__clear {
opacity: 0;
visibility: hidden;
-webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-range-input.t-range-input--suffix:hover .t-input__clear {
opacity: 1;
visibility: visible;
}
.t-range-input .t-range-input__suffix-clear {
cursor: pointer;
}
.t-range-input__prefix > .t-icon,
.t-range-input__suffix > .t-icon {
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
font-size: 16px;
color: var(--td-text-color-placeholder);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-range-input-popup {
width: 100%;
}
.t-range-input-popup--visible .t-range-input {
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input-popup--visible .t-range-input .t-icon-time,
.t-range-input-popup--visible .t-range-input .t-icon-calendar {
color: var(--td-brand-color);
}
.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
background-color: var(--td-bg-color-component);
}
.t-form {
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
}
.t-form:not(.t-form-inline) .t-form__item:last-of-type {
margin: 0;
}
.t-form__item {
margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__item.t-form__item-with-help {
margin-bottom: var(--td-comp-margin-xs);
}
.t-form__item.t-form__item-with-extra {
margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__label {
float: left;
padding-right: var(--td-comp-paddingLR-xl);
vertical-align: middle;
line-height: var(--td-comp-margin-xxxl);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}
.t-form__label--top {
float: none;
min-height: var(--td-comp-margin-xxxl);
}
.t-form__label--left {
text-align: left;
}
.t-form__label--right {
text-align: right;
}
.t-form__label--required label::before {
display: inline-block;
margin-right: var(--td-comp-margin-xs);
color: var(--td-error-color);
line-height: var(--td-line-height-body-medium);
content: "*";
}
.t-form__label--colon label::after {
content: ":";
position: relative;
margin: 0 var(--td-comp-margin-xxs);
}
.t-form__controls {
min-height: var(--td-comp-margin-xxxl);
display: flow-root;
position: relative;
}
.t-form__controls-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: var(--td-comp-margin-xxxl);
}
.t-form__controls .t-form__item {
margin-bottom: 0;
margin-right: var(--td-comp-margin-xxl);
}
.t-form__controls.t-is-success .t-form__status .t-icon {
color: var(--td-success-color);
}
.t-form__controls.t-is-success .t-input__extra {
color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-input__extra {
color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
border-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow {
color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button:last-child {
border-right-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
color: var(--td-success-color);
}
.t-form__status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 var(--td-comp-margin-s);
}
.t-form__status > .t-icon {
font-size: var(--td-comp-size-xxxs);
}
.t-form__status-without-icon {
width: 25px;
height: 25px;
}
.t-form__status button {
width: var(--td-comp-size-m);
}
.t-form__status button + button {
margin-left: var(--td-comp-margin-s);
}
.t-form-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: var(--td-comp-margin-l);
}
.t-form-inline .t-form__item {
margin: 0;
min-width: 200px;
display: inline-block;
margin-right: var(--td-comp-margin-xxl);
}
.t-input__extra,
.t-input__help {
margin: 0;
width: 100%;
height: auto;
min-height: var(--td-line-height-body-small);
font: var(--td-font-body-small);
color: var(--td-text-color-placeholder);
}
.t-input__extra {
position: absolute;
bottom: calc(0px - var(--td-line-height-body-small));
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.t-is-warning .t-input__extra {
color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input,
.t-is-warning .t-form__controls-content .t-select,
.t-is-warning .t-form__controls-content .t-radio-button,
.t-is-warning .t-form__controls-content .t-cascader,
.t-is-warning .t-form__controls-content .t-range-input,
.t-is-warning .t-form__controls-content .t-textarea__inner {
border-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input--focused,
.t-is-warning .t-form__controls-content .t-select--focused,
.t-is-warning .t-form__controls-content .t-radio-button--focused,
.t-is-warning .t-form__controls-content .t-cascader--focused,
.t-is-warning .t-form__controls-content .t-range-input--focused,
.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-input .t-icon,
.t-is-warning .t-form__controls-content .t-select .t-icon,
.t-is-warning .t-form__controls-content .t-radio-button .t-icon,
.t-is-warning .t-form__controls-content .t-cascader .t-icon,
.t-is-warning .t-form__controls-content .t-range-input .t-icon,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-range-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow {
color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-radio-button:last-child {
border-right-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-cascader.t-is-active,
.t-is-warning .t-form__controls-content .t-select.t-is-active {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-form__status .t-icon {
color: var(--td-warning-color);
}
.t-is-error .t-input__extra {
color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input,
.t-is-error .t-form__controls-content .t-select,
.t-is-error .t-form__controls-content .t-radio-button,
.t-is-error .t-form__controls-content .t-cascader,
.t-is-error .t-form__controls-content .t-range-input,
.t-is-error .t-form__controls-content .t-textarea__inner {
border-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input--focused,
.t-is-error .t-form__controls-content .t-select--focused,
.t-is-error .t-form__controls-content .t-radio-button--focused,
.t-is-error .t-form__controls-content .t-cascader--focused,
.t-is-error .t-form__controls-content .t-range-input--focused,
.t-is-error .t-form__controls-content .t-textarea__inner--focused {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-input .t-icon,
.t-is-error .t-form__controls-content .t-select .t-icon,
.t-is-error .t-form__controls-content .t-radio-button .t-icon,
.t-is-error .t-form__controls-content .t-cascader .t-icon,
.t-is-error .t-form__controls-content .t-range-input .t-icon,
.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-error .t-form__controls-content .t-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-select .t-fake-arrow,
.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-error .t-form__controls-content .t-range-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow {
color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-radio-button:last-child {
border-right-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-cascader.t-is-active,
.t-is-error .t-form__controls-content .t-select.t-is-active {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-form__status .t-icon {
color: var(--td-error-color);
}
.t-slider__input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: var(--td-comp-margin-xxl);
}
.t-slider__input-container.is-vertical {
padding-top: var(--td-comp-paddingTB-l);
margin-left: 0px;
}
.t-slider__input-container .t-slider__center-line {
width: var(--td-size-4);
height: 1px;
background: rgba(0, 0, 0, 0.9);
margin: 0 var(--td-comp-margin-s);
}
.t-slider {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
height: calc(var(--td-comp-paddingTB-xs) * 2 + var(--td-size-2));
width: 100%;
position: relative;
padding: var(--td-comp-paddingTB-xs) 0;
}
.t-slider__container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-slider__container.is-vertical {
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-slider__rail {
position: absolute;
width: 100%;
height: var(--td-size-2);
background-color: var(--td-bg-color-secondarycomponent);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
border-radius: var(--td-radius-round);
}
.t-slider__rail:hover {
background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-slider__track {
position: absolute;
height: var(--td-size-2);
background-color: var(--td-brand-color);
right: auto;
border-radius: var(--td-radius-round);
}
.t-slider__step {
position: absolute;
width: 100%;
height: var(--td-size-2);
cursor: pointer;
}
.t-slider__button {
width: var(--td-comp-size-xxxs);
height: var(--td-comp-size-xxxs);
border: 2px solid var(--td-brand-color);
background-color: #fff;
border-radius: var(--td-radius-circle);
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: var(--td-shadow-1);
box-shadow: var(--td-shadow-1);
}
.t-slider__button--dragging {
-webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
}
.t-slider__button:hover {
background-color: var(--td-gray-color-1);
}
.t-slider__button-wrapper {
position: absolute;
z-index: 2;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: normal;
outline: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-slider__stop {
position: absolute;
width: 1px;
height: var(--td-size-2);
background-color: var(--td-bg-color-secondarycomponent);
top: 4px;
}
.t-slider__mark {
position: absolute;
top: 2px;
left: 0;
width: 100%;
}
.t-slider__mark-text {
position: absolute;
display: inline-block;
font: var(--td-font-body-small);
color: var(--td-text-color-primary);
top: calc(var(--td-size-2) + var(--td-comp-paddingTB-xs) + 2px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
}
.t-slider__mark-text:first-child {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.t-slider__mark-text:last-child {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.t-slider--vertical {
height: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.t-slider--vertical .t-slider__rail {
width: var(--td-size-2);
height: 100%;
}
.t-slider--vertical .t-slider__track {
width: var(--td-size-2);
top: auto;
}
.t-slider--vertical .t-slider__step {
width: var(--td-size-2);
height: 100%;
}
.t-slider--vertical .t-slider__handle {
margin-top: -6px;
margin-left: -5px;
top: auto;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.t-slider--vertical .t-slider__mark {
top: 0;
left: 12px;
width: 18px;
height: 100%;
}
.t-slider--vertical .t-slider__stop {
width: var(--td-size-2);
height: 1px;
left: 4px;
background-color: var(--td-bg-color-secondarycomponent);
}
.t-slider--vertical .t-slider__mark-text {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
margin-left: var(--td-comp-margin-xxs);
}
.t-slider--vertical .t-slider__button-wrapper {
top: auto;
position: absolute;
z-index: 2;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
background-color: transparent;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: normal;
outline: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-is-disabled {
cursor: not-allowed;
}
.t-is-disabled .t-slider__track {
background-color: var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__rail {
background-color: var(--td-bg-color-component-disabled);
}
.t-is-disabled .t-slider__handle {
border: 2px solid var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__button {
border-color: var(--td-brand-color-disabled);
outline: none;
}
.t-is-disabled .t-slider__mark-text {
color: var(--td-text-color-disabled);
cursor: not-allowed;
}
.t-is-disabled .t-slider__button-wrapper {
cursor: not-allowed;
}
.t-switch {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: none;
border: 0;
padding: 0;
margin: 0;
height: var(--td-comp-size-xxs);
line-height: var(--td-comp-size-xxs);
border-radius: var(--td-radius-round);
min-width: calc(var(--td-comp-size-xxs) / 0.618);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
background-color: var(--td-bg-color-secondarycomponent);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t-switch:hover {
background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-switch__handle {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 4px;
left: 4px;
width: calc(var(--td-comp-size-xxs) - 2 * 4px);
height: calc(var(--td-comp-size-xxs) - 2 * 4px);
border-radius: var(--td-radius-round);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-box-shadow: var(--td-shadow-1);
box-shadow: var(--td-shadow-1);
}
.t-switch__handle .t-icon {
font-size: calc(var(--td-comp-size-xxs) - 4px);
color: transparent;
}
.t-switch__handle::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--td-radius-round);
background-color: #fff;
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
left: 0;
right: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
right: 0;
left: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
opacity: 0;
}
.t-switch__content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--td-text-color-anti);
padding: 0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px);
font-size: var(--td-font-size-body-small);
min-width: calc(var(--td-comp-size-xxs) / 0.618);
-webkit-transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
}
.t-switch__content .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-switch.t-is-checked {
background-color: var(--td-brand-color);
}
.t-switch.t-is-checked:hover {
background-color: var(--td-brand-color-hover);
}
.t-switch.t-is-checked .t-switch__handle {
left: calc(100% - 2.5px);
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
width: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
height: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
top: 2.5px;
}
.t-switch.t-is-checked .t-switch__content {
padding: 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xs);
color: var(--td-text-color-anti);
}
.t-switch.t-is-loading {
cursor: not-allowed;
background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading .t-loading {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.t-switch.t-is-loading .t-switch__handle .t-icon {
color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading.t-is-checked {
background-color: var(--td-brand-color-focus);
}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
color: var(--td-brand-color-focus);
}
.t-switch.t-is-disabled {
cursor: not-allowed;
background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-disabled .t-switch__handle {
-webkit-box-shadow: none;
box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked {
background-color: var(--td-brand-color-disabled);
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle {
-webkit-box-shadow: none;
box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
color: var(--td-brand-color-disabled);
}
.t-switch.t-size-l {
min-width: calc(var(--td-comp-size-xs) / 0.618);
height: var(--td-comp-size-xs);
line-height: var(--td-comp-size-xs);
border-radius: var(--td-radius-round);
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
left: 0;
right: -8px;
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
right: 0;
left: -8px;
}
.t-switch.t-size-l .t-switch__handle {
top: 5px;
left: 5px;
width: calc(var(--td-comp-size-xs) - 2 * 5px);
height: calc(var(--td-comp-size-xs) - 2 * 5px);
}
.t-switch.t-size-l .t-switch__handle .t-icon {
font-size: calc(var(--td-comp-size-xs) - 4px);
}
.t-switch.t-size-l .t-switch__content {
padding: 0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px);
min-width: calc(var(--td-comp-size-xs) / 0.618);
font-size: 9px;
}
.t-switch.t-size-l .t-switch__content .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l.t-is-checked .t-switch__handle {
left: calc(100% - 3px);
top: 3px;
width: calc(var(--td-comp-size-xs) - 2 * 3px);
height: calc(var(--td-comp-size-xs) - 2 * 3px);
}
.t-switch.t-size-l.t-is-checked .t-switch__content {
padding: 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px) 0 var(--td-comp-margin-s);
}
.t-switch.t-size-s {
min-width: calc(var(--td-comp-size-xxxs) / 0.618);
height: var(--td-comp-size-xxxs);
line-height: var(--td-comp-size-xxxs);
border-radius: var(--td-radius-round);
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
left: 0;
right: -4px;
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
right: 0;
left: -4px;
}
.t-switch.t-size-s .t-switch__handle {
top: 3px;
left: 3px;
width: calc(var(--td-comp-size-xxxs) - 2 * 3px);
height: calc(var(--td-comp-size-xxxs) - 2 * 3px);
}
.t-switch.t-size-s .t-switch__handle .t-icon {
font-size: calc(var(--td-comp-size-xxxs) - 4px);
}
.t-switch.t-size-s .t-switch__content {
padding: 0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px);
min-width: calc(var(--td-comp-size-xxxs) / 0.618);
font-size: 9px;
}
.t-switch.t-size-s .t-switch__content .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-s.t-is-checked .t-switch__handle {
left: calc(100% - 2px);
top: 2px;
width: calc(var(--td-comp-size-xxxs) - 2 * 2px);
height: calc(var(--td-comp-size-xxxs) - 2 * 2px);
}
.t-switch.t-size-s.t-is-checked .t-switch__content {
padding: 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xxs);
}
.t-textarea {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
width: 100%;
}
.t-textarea__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: var(--td-comp-size-xxxl);
min-height: var(--td-comp-size-xxxl);
border: 1px solid var(--td-border-level-2-color);
border-radius: var(--td-radius-default);
padding: calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);
background-color: var(--td-bg-color-specialcomponent);
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
resize: vertical;
outline: none;
-webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-textarea__inner:hover {
border-color: var(--td-brand-color);
}
.t-textarea__inner:focus {
border-color: var(--td-brand-color);
-webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-textarea__inner::-webkit-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-textarea__inner::-moz-placeholder {
color: var(--td-text-color-placeholder);
}
.t-textarea__inner:-ms-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-textarea__inner::-ms-input-placeholder {
color: var(--td-text-color-placeholder);
}
.t-textarea__inner::placeholder {
color: var(--td-text-color-placeholder);
}
.t-textarea__inner.t-is-success {
border-color: var(--td-success-color);
}
.t-textarea__inner.t-is-success:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-textarea__inner.t-is-warning {
border-color: var(--td-warning-color);
}
.t-textarea__inner.t-is-warning:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-textarea__inner.t-is-error {
border-color: var(--td-error-color);
}
.t-textarea__inner.t-is-error:focus {
-webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-textarea__info_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: var(--td-comp-margin-s);
-moz-column-gap: var(--td-comp-margin-s);
column-gap: var(--td-comp-margin-s);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-textarea__info_wrapper_align {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.t-textarea__limit {
font: var(--td-font-body-small);
color: var(--td-text-color-placeholder);
}
.t-textarea .t-is-disabled {
color: var(--td-text-color-disabled);
background-color: var(--td-bg-color-component-disabled);
cursor: not-allowed;
}
.t-textarea .t-is-disabled:hover {
border-color: var(--td-border-level-2-color);
}
.t-textarea .t-is-disabled::-webkit-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::-moz-placeholder {
color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled:-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::-ms-input-placeholder {
color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::placeholder {
color: var(--td-text-color-disabled);
}
.t-textarea .t-resize-none {
resize: none;
}
.t-textarea__tips {
height: auto;
min-height: var(--td-comp-size-xs);
font: var(--td-font-body-small);
display: inline-block;
}
.t-textarea__tips--normal {
color: var(--td-text-color-placeholder);
}
.t-textarea__tips--success {
color: var(--td-success-color);
}
.t-textarea__tips--warning {
color: var(--td-warning-color);
}
.t-textarea__tips--error {
color: var(--td-error-color);
}
.t-transfer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background: transparent;
color: var(--td-text-color-primary);
max-height: 100%;
}
.t-transfer__list {
position: relative;
display: inline-block;
min-width: 200px;
height: 200px;
padding-top: var(--td-comp-size-xxl);
border: 0;
word-break: break-word;
vertical-align: middle;
}
.t-transfer__list-source,
.t-transfer__list-target {
border: 1px solid var(--td-border-level-1-color);
border-radius: var(--td-radius-medium);
}
.t-transfer__list-header {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 0;
height: var(--td-comp-size-xxl);
line-height: var(--td-comp-size-xxl);
width: calc(200px - var(--td-comp-margin-s) * 2);
padding: 0 var(--td-comp-paddingLR-s);
margin: 0 var(--td-comp-margin-s);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-transfer__list-header + :not(.t-transfer__list--with-search) {
border-top: 1px solid var(--td-border-level-1-color);
}
.t-transfer__list-header .t-checkbox {
margin-right: 0;
}
.t-transfer__list-header .t-checkbox__label {
margin: 0;
}
.t-transfer__list-header div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-transfer__list-header div > span {
margin-left: var(--td-comp-margin-s);
}
.t-transfer__list-header > span {
color: var(--td-text-color-placeholder);
}
.t-transfer__list-body {
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-transfer__list--with-search {
padding-top: var(--td-comp-size-m);
border-top: 0;
}
.t-transfer__list-content {
height: 100%;
width: 100%;
overflow: auto;
}
.t-transfer__list-content .t-checkbox-group {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--td-comp-margin-xs);
margin: var(--td-comp-margin-s) 0;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox {
margin-right: var(--td-comp-margin-s);
--ripple-color: var(--td-bg-color-container-active);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox + .t-checkbox {
margin-left: var(--td-comp-margin-s);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label > span {
margin-left: var(--td-comp-margin-s);
display: inline-block;
}
.t-transfer__list .t-transfer__list-item {
padding: var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
margin: 0 var(--td-comp-margin-s);
border-radius: var(--td-radius-default);
-webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list .t-transfer__list-item:first-child {
margin-top: 0;
}
.t-transfer__list .t-transfer__list-item.t-is-disabled:hover {
background: transparent;
}
.t-transfer__list-item:hover {
background: var(--td-bg-color-container-hover);
-webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list-item.t-is-checked {
background: var(--td-brand-color-light);
}
.t-transfer__list-wrapper {
position: relative;
height: 100%;
width: 100%;
overflow: auto;
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-transfer__list-pagination {
height: var(--td-comp-size-xs);
vertical-align: middle;
padding: var(--td-comp-paddingTB-m);
}
.t-transfer__list-footer {
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid var(--td-border-level-1-color);
width: 100%;
}
.t-transfer__operations {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto var(--td-comp-margin-s);
vertical-align: middle;
overflow: hidden;
gap: var(--td-comp-margin-l);
}
.t-transfer__operations .t-icon {
font-size: var(--td-comp-size-xxxs);
}
.t-transfer__operations .t-icon + .t-button__text {
margin-left: 0;
}
.t-transfer__empty {
text-align: center;
position: absolute;
color: var(--td-text-color-placeholder);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.t-transfer__search-wrapper {
position: absolute;
top: 0;
width: 100%;
padding: 0 var(--td-comp-margin-s);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-transfer__search .t-transfer__list {
height: 240px;
}
.t-transfer--with-tree .t-transfer__list {
height: auto;
}
.t-transfer--with-tree .t-transfer__list .t-tree {
padding: 0 var(--td-comp-paddingLR-m);
margin: var(--td-comp-margin-s) 0;
}
.t-transfer__pagination .t-transfer__list {
height: 240px;
padding-bottom: calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2);
}
.t-transfer__footer .t-transfer__list {
height: 248px;
padding-bottom: 48px;
}
.t-transfer__pagination.t-transfer__footer .t-transfer__list {
height: 288px;
padding-bottom: calc(calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2) + 48px);
}
.t-transfer__search.t-transfer__footer .t-transfer__list {
height: 288px;
padding-bottom: 48px;
}
.t-transfer__search.t-transfer__pagination .t-transfer__list {
height: 280px;
padding-bottom: 48px;
}
.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list {
height: 328px;
padding-bottom: 88px;
}
.t-transfer__wrapper .t-transfer__list {
height: 320px;
width: 206px;
overflow: scroll;
}
.t-tree {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
position: relative;
}
.t-tree.t-is-disabled {
color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-icon {
color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-tree__item.t-is-active {
background-color: var(--td-bg-color-container-hover);
color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-tree__item .t-icon {
color: var(--td-text-color-secondary);
}
.t-tree__empty {
color: var(--td-text-color-disabled);
}
.t-tree__branch {
display: block;
}
.t-tree__item {
--level: 0;
--hscale: 2;
will-change: opacity, max-height;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
cursor: default;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.t-tree__item .t-icon,
.t-tree__item .t-loading {
display: inline-block;
position: relative;
z-index: 2;
font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-tree__item .t-icon {
color: var(--td-text-color-secondary);
}
.t-tree__item .t-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
}
.t-tree__item .t-tree__icon--default .t-icon {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.t-tree__item--open .t-icon {
color: var(--td-text-color-brand);
}
.t-tree__item--open .t-tree__icon--default .t-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.t-tree__item--clickable {
cursor: pointer;
}
.t-tree__item--locked {
color: var(--td-text-color-disabled);
}
.t-tree__item--matched {
color: inherit;
}
.t-tree__item--draggable {
cursor: pointer;
}
.t-tree__item--draggable:hover {
background-color: var(--td-bg-color-container-hover);
background-clip: content-box;
}
.t-tree__item--draggable::after {
position: absolute;
top: -1px;
right: 0;
left: 0;
display: block;
height: 2px;
border-radius: 1px;
content: "";
padding: inherit;
background-clip: content-box;
}
.t-tree__item--tip-top::after {
background-color: var(--td-brand-color);
}
.t-tree__item--tip-bottom::after {
top: unset;
bottom: -1px;
background-color: var(--td-brand-color);
}
.t-tree__item--tip-highlight {
background-color: var(--td-brand-color-light);
background-clip: content-box;
}
.t-tree__item::before {
content: "";
display: block;
width: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: calc(var(--td-comp-size-m) + 2px);
}
.t-tree--block-node .t-tree__label {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
background-color: var(--td-bg-color-container-hover);
}
.t-tree__line {
--level: 0;
--color: var(--td-border-level-1-color);
--space: var(--td-comp-margin-xxl);
--iconSize: 16px;
position: absolute;
left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
bottom: var(--td-comp-margin-l);
width: 1px;
height: calc(var(--td-comp-size-m) + 2px);
pointer-events: none;
}
.t-tree__line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
height: calc(var(--td-comp-size-m) + 2px);
width: var(--td-comp-margin-m);
border-left: 1px solid var(--color);
border-bottom: 1px solid var(--color);
}
.t-tree__line--first::before {
height: var(--td-line-height-body-medium);
}
.t-tree__line--leaf::before {
width: var(--td-comp-margin-m);
}
.t-tree__icon {
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: calc(var(--td-font-size-body-medium) + 2px);
font-size: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.t-tree__icon::after {
content: "";
display: block;
position: absolute;
left: -2px;
top: -2px;
width: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
height: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
border-radius: var(--td-radius-default);
}
.t-tree__icon:not(:empty):hover {
background-color: var(--td-bg-color-container-hover);
}
.t-tree__icon:empty {
cursor: initial;
}
.t-tree__label {
--ripple-color: var(--td-bg-color-container-active);
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
margin-left: var(--td-comp-margin-xs);
border-radius: var(--td-radius-default);
cursor: pointer;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-tree__label.t-is-checked {
font-weight: 500;
color: var(--td-text-color-primary);
background-color: var(--td-brand-color-light);
}
.t-tree__label::-moz-selection {
background-color: transparent;
}
.t-tree__label::selection {
background-color: transparent;
}
.t-is-active .t-tree__label {
font-weight: 500;
color: var(--td-text-color-primary);
background-color: var(--td-brand-color-light);
}
.t-tree__space {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.t-tree__operations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.t-tree__operations .t-icon {
cursor: pointer;
}
.t-tree__item.t-is-disabled {
color: var(--td-text-color-disabled);
cursor: default;
}
.t-tree__item.t-is-disabled .t-checkbox {
cursor: default;
}
.t-tree__item--hidden {
display: none;
}
.t-tree--transition .t-tree__label {
-webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tree--transition .t-tree__icon {
-webkit-transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tree--transition .t-tree__icon::after {
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-tree--transition .t-tree__icon:not(:empty):hover {
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-tree--transition .t-tree__icon--default .t-icon {
-webkit-transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tree--transition .t-tree__item--visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
opacity: 1;
-webkit-transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
}
.t-tree--transition .t-tree__item--hidden {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-animation: initial;
animation: initial;
-webkit-transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
}
.t-tree--transition .t-tree__item--enter-active {
-webkit-animation: t-tree-toggle 300ms linear;
animation: t-tree-toggle 300ms linear;
}
.t-tree--transition .t-tree__item--leave-active {
animation: t-tree-toggle 300ms reverse linear forwards;
}
.t-tree__vscroll {
overflow-y: auto;
}
.t-tree__lazyload {
overflow-y: auto;
}
.t-tree__vscroll-cursor {
position: absolute;
width: 1px;
height: 1px;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.t-tree--scrolling .t-tree__item {
will-change: initial;
}
.t-tree--scrolling .v-enter,
.t-tree--scrolling .v-leave,
.t-tree--scrolling .t-tree__item--visible,
.t-tree--scrolling .t-tree__item--hidden,
.t-tree--scrolling .t-tree__item--enter,
.t-tree--scrolling .t-tree__item--enter-active,
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--leave,
.t-tree--scrolling .t-tree__item--leave-active .t-tree__item--leave-to {
-webkit-animation: none;
animation: none;
-webkit-transition: none;
transition: none;
}
.t-tree--scrolling .t-tree__item--visible {
max-height: initial;
}
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--enter-active {
max-height: initial;
}
.t-tree--scrolling .t-tree__item--leave-to,
.t-tree--scrolling .t-tree__item--leave-active {
max-height: 0;
}
@-webkit-keyframes t-tree-toggle {
0% {
opacity: 0;
max-height: 0;
}
50% {
opacity: 0;
max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
}
100% {
opacity: 1;
max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
}
}
@keyframes t-tree-toggle {
0% {
opacity: 0;
max-height: 0;
}
50% {
opacity: 0;
max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
}
100% {
opacity: 1;
max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
}
}
.t-avatar {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background: var(--td-brand-color-focus);
color: var(--td-text-color-brand);
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: var(--td-comp-size-m);
height: var(--td-comp-size-m);
font-size: var(--td-font-size-body-large);
line-height: var(--td-comp-size-m);
}
.t-avatar.t-avatar__icon {
font-size: var(--td-comp-size-xxs);
}
.t-avatar--circle {
border-radius: var(--td-radius-circle);
}
.t-avatar--round {
border-radius: var(--td-radius-default);
}
.t-avatar.t-size-s {
width: var(--td-comp-size-xs);
height: var(--td-comp-size-xs);
font-size: var(--td-font-size-body-medium);
line-height: var(--td-comp-size-xs);
}
.t-avatar.t-size-s.t-avatar__icon {
font-size: var(--td-comp-size-xxxs);
}
.t-avatar.t-size-l {
width: var(--td-comp-size-xl);
height: var(--td-comp-size-xl);
font-size: var(--td-font-size-title-large);
line-height: var(--td-comp-size-xl);
}
.t-avatar.t-size-l.t-avatar__icon {
font-size: var(--td-comp-size-xs);
}
.t-avatar > .t-image__wrapper {
max-width: 100%;
max-height: 100%;
}
.t-avatar-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-avatar-group .t-avatar {
border: 2px solid var(--td-bg-color-container);
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child) {
margin-right: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s {
margin-right: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l {
margin-right: calc(0px - var(--td-size-4));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(1) {
z-index: 49;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(2) {
z-index: 48;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(3) {
z-index: 47;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(4) {
z-index: 46;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(5) {
z-index: 45;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(6) {
z-index: 44;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(7) {
z-index: 43;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(8) {
z-index: 42;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(9) {
z-index: 41;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(10) {
z-index: 40;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(11) {
z-index: 39;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(12) {
z-index: 38;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(13) {
z-index: 37;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(14) {
z-index: 36;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(15) {
z-index: 35;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(16) {
z-index: 34;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(17) {
z-index: 33;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(18) {
z-index: 32;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(19) {
z-index: 31;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(20) {
z-index: 30;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(21) {
z-index: 29;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(22) {
z-index: 28;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(23) {
z-index: 27;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(24) {
z-index: 26;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(25) {
z-index: 25;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(26) {
z-index: 24;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(27) {
z-index: 23;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(28) {
z-index: 22;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(29) {
z-index: 21;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(30) {
z-index: 20;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(31) {
z-index: 19;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(32) {
z-index: 18;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(33) {
z-index: 17;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(34) {
z-index: 16;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(35) {
z-index: 15;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(36) {
z-index: 14;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(37) {
z-index: 13;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(38) {
z-index: 12;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(39) {
z-index: 11;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(40) {
z-index: 10;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(41) {
z-index: 9;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(42) {
z-index: 8;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(43) {
z-index: 7;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(44) {
z-index: 6;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(45) {
z-index: 5;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(46) {
z-index: 4;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(47) {
z-index: 3;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(48) {
z-index: 2;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(49) {
z-index: 1;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(50) {
z-index: 0;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child) {
margin-left: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s {
margin-left: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l {
margin-left: calc(0px - var(--td-size-4));
}
.t-image__wrapper {
position: relative;
background: var(--td-bg-color-secondarycontainer);
z-index: 1;
}
.t-image__wrapper--shape-square {
border-radius: 0;
}
.t-image__wrapper--shape-round {
border-radius: var(--td-radius-medium);
}
.t-image__wrapper--shape-circle {
border-radius: 50%;
}
.t-image__wrapper--gallery {
border-radius: var(--td-radius-medium);
}
.t-image__wrapper--gallery .t-image {
position: relative;
z-index: 5;
}
.t-image__wrapper--need-hover {
cursor: pointer;
}
.t-image {
width: 100%;
height: 100%;
border-radius: inherit;
position: relative;
z-index: inherit;
}
.t-image--fit-fill {
-o-object-fit: fill;
object-fit: fill;
}
.t-image--fit-contain {
-o-object-fit: contain;
object-fit: contain;
}
.t-image--fit-cover {
-o-object-fit: cover;
object-fit: cover;
}
.t-image--fit-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.t-image--fit-none {
-o-object-fit: none;
object-fit: none;
}
.t-image--position-center {
-o-object-position: center;
object-position: center;
}
.t-image--position-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.t-image--position-top {
-o-object-position: top;
object-position: top;
}
.t-image--position-left {
-o-object-position: left;
object-position: left;
}
.t-image--position-right {
-o-object-position: right;
object-position: right;
}
.t-image__gallery-shadow {
position: absolute;
left: 0;
right: -24px;
top: 24px;
bottom: 24px;
background: rgba(238, 238, 238, 0.26);
border-radius: var(--td-radius-medium);
z-index: calc(5 - 2);
}
.t-image__gallery-shadow::before,
.t-image__gallery-shadow::after {
content: "";
position: absolute;
left: 0;
border-radius: var(--td-radius-medium);
}
.t-image__gallery-shadow::after {
top: -16px;
right: 16px;
bottom: -16px;
background: rgba(238, 238, 238, 0.8);
z-index: calc(5 - 1);
}
.t-image__gallery-shadow::before {
top: -8px;
right: 8px;
bottom: -8px;
background: rgba(238, 238, 238, 0.5);
z-index: calc(5 - 3);
}
.t-image__placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 0;
}
.t-image__overlay-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: calc(5 + 1);
opacity: 1;
visibility: visible;
-webkit-transition: visibility 0s, opacity 0.2s linear;
transition: visibility 0s, opacity 0.2s linear;
}
.t-image__overlay-content--hidden {
visibility: hidden;
opacity: 0;
}
.t-image__loading,
.t-image__error {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: calc(0 + 1);
}
.t-image__loading {
color: var(--td-text-color-secondary);
}
.t-image__error {
color: var(--td-text-color-disabled);
}
.t-badge {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: inline-block;
}
.t-badge--dot,
.t-badge--circle,
.t-badge--round {
position: absolute;
top: 0;
right: 0;
color: var(--td-text-color-anti);
text-align: center;
font: var(--td-font-body-small);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.t-badge--static {
position: static;
display: inline-block;
-webkit-transform: none;
transform: none;
}
.t-badge--dot {
right: 1px;
margin-top: 1px;
width: 6px;
height: 6px;
border-radius: var(--td-radius-circle);
background-color: var(--td-error-color);
}
.t-badge--circle,
.t-badge--round {
padding-right: calc((var(--td-comp-size-xxs) - 8px) / 2);
padding-left: calc((var(--td-comp-size-xxs) - 8px) / 2);
min-width: 8px;
height: var(--td-comp-size-xxs);
background-color: var(--td-error-color);
line-height: var(--td-comp-size-xxs);
}
.t-badge--circle.t-size-s,
.t-badge--round.t-size-s {
padding-right: calc((var(--td-comp-size-xxxs) - 8px) / 2);
padding-left: calc((var(--td-comp-size-xxxs) - 8px) / 2);
min-width: 8px;
height: var(--td-comp-size-xxxs);
line-height: var(--td-comp-size-xxxs);
}
.t-badge--circle {
border-radius: calc(var(--td-comp-size-xxs) / 2);
}
.t-badge--round {
border-radius: var(--td-radius-default);
}
.t-calendar {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid var(--td-border-level-1-color);
background-color: var(--td-bg-color-container);
border-radius: var(--td-radius-large);
}
.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover {
cursor: not-allowed;
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display {
color: var(--td-text-color-disabled);
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.t-calendar--full {
min-width: 560px;
padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-calendar--full .t-calendar__control {
padding: 0;
}
.t-calendar--full .t-calendar__title {
font: var(--td-font-title-large);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-calendar--full .t-calendar__panel {
position: relative;
margin-top: var(--td-comp-margin-xxxl);
}
.t-calendar--full .t-calendar__panel-title {
font: var(--td-font-title-large);
color: var(--td-text-color-primary);
position: absolute;
}
.t-calendar--full .t-calendar__table-head-cell,
.t-calendar--full .t-calendar__table-body-cell {
margin-right: var(--td-comp-margin-s);
position: relative;
}
.t-calendar--full .t-calendar__table-body-cell {
border-top: 2px solid var(--td-border-level-1-color);
padding: 0;
height: 104px;
line-height: var(--td-line-height-body-medium);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 0;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: border-top, background;
transition-property: border-top, background;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.t-calendar--full .t-calendar__table-body-cell-content {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked {
background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover {
background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell--now {
border-top: 2px solid var(--td-brand-color);
}
.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
color: var(--td-text-color-primary);
}
.t-calendar--full .t-calendar__footer {
height: 90px;
padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar--card {
width: 280px;
border-radius: var(--td-radius-medium);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-calendar--card .t-calendar__control {
padding: 0;
}
.t-calendar--card .t-calendar__control-section {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.t-calendar--card .t-calendar__control-section-cell:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
display: block;
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--month {
height: 200px;
margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year {
height: 168px;
margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display {
min-width: var(--td-comp-size-xxl);
}
.t-calendar--card .t-calendar__table {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-self: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.t-calendar--card .t-calendar__table-head-row,
.t-calendar--card .t-calendar__table-body-row {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-head-cell,
.t-calendar--card .t-calendar__table-body-cell {
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-calendar--card .t-calendar__table-head-cell-display,
.t-calendar--card .t-calendar__table-body-cell-display {
width: var(--td-comp-size-xs);
line-height: var(--td-comp-size-xs);
}
.t-calendar--card .t-calendar__table-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-calendar--card .t-calendar__table-body-cell {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-calendar--card .t-calendar__table-body-cell:hover {
background-color: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-body-cell-display {
font: var(--td-font-body-medium);
padding-top: calc(var(--td-comp-paddingTB-xxs) / 2);
padding-bottom: calc(var(--td-comp-paddingTB-xxs) / 2);
text-align: center;
border-radius: var(--td-radius-default);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.t-calendar--card .t-calendar__table-body-cell-display:hover {
-webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
box-shadow: inset 0 0 0 1px var(--td-brand-color);
-webkit-transition: -webkit-box-shadow 0.2s linear;
transition: -webkit-box-shadow 0.2s linear;
transition: box-shadow 0.2s linear;
transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
color: var(--td-brand-color);
background-color: var(--td-brand-color-light);
position: relative;
}
.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display {
background: var(--td-brand-color);
border-radius: var(--td-radius-default);
color: var(--td-text-color-anti);
}
.t-calendar--card .t-calendar__footer {
height: var(--td-comp-size-xxl);
padding: 0 var(--td-comp-paddingLR-m);
border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar__control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-calendar__control-section {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-calendar__control-section:last-child {
margin-right: 0;
}
.t-calendar__control-section-cell {
height: 100%;
margin-right: var(--td-comp-margin-s);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-calendar__control-section-cell .t-radio-group {
vertical-align: bottom;
}
.t-calendar__control-section-cell .t-select {
display: inline;
}
.t-calendar__control-section-cell:last-child {
margin-right: 0;
}
.t-calendar__panel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.t-calendar__table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
}
.t-calendar__table-head,
.t-calendar__table-body {
width: 100%;
}
.t-calendar__table-head-row,
.t-calendar__table-body-row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-calendar__table-head-cell,
.t-calendar__table-body-cell {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font: var(--td-font-title-small);
color: var(--td-text-color-primary);
cursor: default;
padding: 0;
}
.t-calendar__table-head-cell:last-child,
.t-calendar__table-body-cell:last-child {
margin-right: 0;
}
.t-calendar__table-head {
margin-bottom: var(--td-comp-margin-s);
display: block;
}
.t-calendar__table-head-row {
padding-bottom: 0px;
background: var(--td-bg-color-container);
}
.t-calendar__table-head-cell {
height: 100%;
font: var(--td-font-title-small);
color: var(--td-text-color-secondary);
}
.t-calendar__table-body-cell {
cursor: pointer;
}
.t-calendar__table-body-cell:hover {
background-color: var(--td-bg-color-container-hover);
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.t-calendar__table-body-cell-display {
font: var(--td-font-title-small);
color: var(--td-text-color-primary);
}
.t-card {
font: var(--td-font-body-medium);
margin: 0;
padding: 0;
list-style: none;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--td-radius-medium);
background-color: var(--td-bg-color-container);
color: var(--td-text-color-primary);
-webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-card--bordered {
border: 1px solid var(--td-component-border);
}
.t-card--shadow-hover:hover,
.t-card--shadow {
-webkit-box-shadow: var(--td-shadow-1);
box-shadow: var(--td-shadow-1);
}
.t-card__cover {
display: flow-root;
}
.t-card__cover img {
display: flow-root;
width: 100%;
max-height: 100%;
border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
}
.t-card__body {
display: flow-root;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
position: relative;
}
.t-card__header-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-card__header + .t-card__cover img {
border-radius: 0;
}
.t-card__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__footer-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-size-s .t-card__body {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__header {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__footer {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-card__avatar {
margin-right: var(--td-comp-margin-l);
width: var(--td-comp-size-xxxl);
height: var(--td-comp-size-xxxl);
}
.t-card__title {
font: var(--td-font-title-medium);
color: var(--td-text-color-primary);
margin-right: var(--td-comp-margin-l);
word-break: break-all;
}
.t-card__subtitle {
font: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
word-break: break-all;
}
.t-card__description {
font: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
margin-top: var(--td-comp-margin-xs);
word-break: break-all;
}
.t-card__actions {
float: right;
color: var(--td-brand-color);
}
.t-card__title--bordered {
border-bottom: 1px solid var(--td-component-border);
}
.t-comment {
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
color: var(--td-text-color-primary);
}
.t-comment__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-comment__avatar {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: var(--td-comp-margin-xxl);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-comment__avatar-image {
width: var(--td-comp-size-xxxl);
height: var(--td-comp-size-xxxl);
border-radius: var(--td-radius-circle);
}
.t-comment__content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
font: var(--td-font-body-medium);
}
.t-comment__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: var(--td-comp-margin-s);
}
.t-comment__name {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font: var(--td-font-title-medium);
padding-right: var(--td-comp-paddingLR-s);
cursor: pointer;
}
.t-comment__time {
font: var(--td-font-body-small);
padding-right: var(--td-comp-paddingLR-s);
color: var(--td-text-color-placeholder);
}
.t-comment__detail {
word-break: break-all;
font: var(--td-font-body-medium);
}
.t-comment__quote {
margin-top: var(--td-comp-margin-l);
border-left: 4px solid var(--td-component-stroke);
padding-left: var(--td-comp-margin-l);
}
.t-comment__quote .t-comment__name,
.t-comment__quote .t-comment__detail {
color: var(--td-text-color-secondary);
}
.t-comment__actions {
margin-top: var(--td-comp-margin-s);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
list-style: none;
padding: 0;
gap: var(--td-comp-margin-s);
}
.t-comment__actions .t-button--variant-text {
color: var(--td-text-color-placeholder);
}
.t-comment__actions .t-button--variant-text .t-button__text {
gap: var(--td-comp-margin-s);
}
.t-comment__reply {
margin-top: var(--td-comp-margin-l);
margin-left: calc(var(--td-comp-size-xxxl) + var(--td-comp-margin-xxl));
background-color: var(--td-bg-color-secondarycontainer);
border-radius: var(--td-radius-medium);
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-comment__reply .t-button--variant-text {
color: var(--td-text-color-placeholder);
}
.t-comment__reply .t-button--variant-text:hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-comment__reply .t-button--variant-text .t-button__text {
gap: var(--td-comp-margin-s);
}
.t-image-viewer__img-error {
height: 440px;
width: 440px;
background-color: var(--td-bg-color-component-disabled);
border-radius: 4px;
color: #000000;
cursor: inherit;
position: absolute;
}
.t-image-viewer__img-error .t-image-viewer__img-error-content {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
font: var(--td-font-body-medium);
}
.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text {
margin-top: var(--td-comp-margin-s);
}
@-webkit-keyframes modal-image-show {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes modal-image-show {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes modal-image-hide {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes modal-image-hide {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes modal-mask-show {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-mask-show {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes modal-mask-hide {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes modal-mask-hide {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.t-image-viewer-preview-image {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3000;
overflow: hidden;
-webkit-animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
}
.t-image-viewer-preview-image.t-is-hide {
-webkit-animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide;
animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide;
}
.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box {
-webkit-animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide;
animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide;
}
.t-image-viewer-preview-image .t-image-viewer__modal-index {
text-align: center;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-anti);
position: absolute;
top: 92px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.4);
border-radius: var(--td-radius-default);
padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
z-index: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-mask {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--td-mask-active);
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic {
height: 0;
width: 0;
position: absolute;
top: 50%;
left: 50%;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
display: block;
max-width: min(90vw, 1000px);
max-height: min(90vh, 800px);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-o-object-fit: contain;
object-fit: contain;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header {
width: 100%;
position: absolute;
top: 0;
z-index: 1;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--td-bg-color-container);
padding: 0 0 12px 0;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show {
padding: 12px 0;
}
@-webkit-keyframes preview-icon-range {
0% {
-webkit-transform: translate(-50%, 50%) rotateZ(0);
transform: translate(-50%, 50%) rotateZ(0);
}
to {
-webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
transform: translate(-50%, 50%) rotateZ(-180deg);
}
}
@keyframes preview-icon-range {
0% {
-webkit-transform: translate(-50%, 50%) rotateZ(0);
transform: translate(-50%, 50%) rotateZ(0);
}
to {
-webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
transform: translate(-50%, 50%) rotateZ(-180deg);
}
}
@-webkit-keyframes preview-icon-unrange {
0% {
-webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
transform: translate(-50%, 50%) rotateZ(-180deg);
}
to {
-webkit-transform: translate(-50%, 50%) rotateZ(0);
transform: translate(-50%, 50%) rotateZ(0);
}
}
@keyframes preview-icon-unrange {
0% {
-webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
transform: translate(-50%, 50%) rotateZ(-180deg);
}
to {
-webkit-transform: translate(-50%, 50%) rotateZ(0);
transform: translate(-50%, 50%) rotateZ(0);
}
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt {
width: var(--td-comp-size-xxs);
height: var(--td-comp-size-xxs);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
background-color: var(--td-bg-color-container);
color: var(--td-text-color-primary);
border-radius: 50%;
-webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover {
background-color: inherit;
}
@-webkit-keyframes preview-image-show {
0% {
height: 0;
}
to {
height: 40px;
}
}
@keyframes preview-image-show {
0% {
height: 0;
}
to {
height: 40px;
}
}
@-webkit-keyframes preview-image-hide {
0% {
height: 40px;
}
to {
height: 0;
}
}
@keyframes preview-image-hide {
0% {
height: 40px;
}
to {
height: 0;
}
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev {
-webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt {
-webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev {
width: calc(40px / 9 * 16 * 7 + 4px * 6);
-webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before,
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
content: "";
position: absolute;
height: 100%;
z-index: 1;
width: calc(40px / 9 * 16);
pointer-events: none;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before {
left: 0;
background-image: -webkit-gradient(linear, left top, right top, from(var(--td-bg-color-container)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to right, var(--td-bg-color-container), rgba(255, 255, 255, 0));
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
right: 0;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--td-bg-color-container)));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--td-bg-color-container));
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev .t-image-viewer__header-trans {
height: 100%;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
margin-left: calc(40px / 9 * 16 * 3 + 4px * 3);
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev .t-image-viewer__header-trans .t-image-viewer__header-box {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(40px / 9 * 16);
height: 40px;
-webkit-transition: 0.2s;
transition: 0.2s;
overflow: hidden;
border-radius: var(--td-radius-default);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid transparent;
background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev .t-image-viewer__header-trans .t-image-viewer__header-box .t-image-viewer__header-img {
width: auto;
height: 100%;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev .t-image-viewer__header-trans .t-image-viewer__header-box:hover,
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev .t-image-viewer__header-trans .t-image-viewer__header-box.t-is-active {
border-color: var(--td-brand-color);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon {
cursor: pointer;
color: var(--td-text-color-primary);
border-radius: var(--td-radius-default);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt {
top: 100px;
right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
left: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
position: fixed;
z-index: 10;
color: var(--td-text-color-anti);
background-color: rgba(0, 0, 0, 0.4);
border-radius: 50%;
width: var(--td-comp-size-xl);
height: var(--td-comp-size-xl);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label {
margin-left: 2px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled {
color: rgba(255, 255, 255, 0.22);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.t-image-viewer__mask {
width: 100vh;
height: 100vh;
left: 0;
top: 0;
z-index: 99;
position: fixed;
background-color: transparent;
}
.t-image-viewer__utils {
width: 100%;
position: absolute;
bottom: 32px;
z-index: 1;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--td-text-color-primary);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.t-image-viewer__utils .t-image-viewer__utils-content {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 50px;
line-height: 100%;
background: var(--td-bg-color-container);
border-radius: var(--td-radius-medium);
padding: 0 var(--td-comp-paddingLR-xs);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon {
margin: 0 var(--td-comp-margin-xs);
width: var(--td-comp-size-m);
height: var(--td-comp-size-m);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--td-radius-default);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale {
width: var(--td-comp-size-xl);
text-align: center;
cursor: inherit;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover {
background-color: var(--td-bg-color-container);
}
.t-image-viewer-mini__footer .t-image-viewer__utils {
position: inherit;
}
.t-image-viewer-mini__content {
max-width: min(90vw, 1000px);
max-height: min(90vh, 800px);
}
@keyframes modal-image-show {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
display: block;
max-width: min(80vw, 800px);
max-height: min(80vh, 600px);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-o-object-fit: contain;
object-fit: contain;
}
.t-image-viewer__dialog.t-dialog__ctx--fixed {
z-index: 3000;
}
.t-image-viewer__dialog .t-dialog__header {
padding: 0 var(--td-comp-paddingLR-s);
pointer-events: none;
}
.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title {
pointer-events: all;
}
.t-image-viewer__dialog .t-dialog__header .t-dialog__close {
pointer-events: auto;
}
.t-image-viewer__dialog .t-dialog {
border-color: var(--td-component-border);
overflow: hidden;
padding: 0;
-webkit-box-shadow: var(--td-shadow-3);
box-shadow: var(--td-shadow-3);
}
.t-image-viewer__dialog .t-dialog__header {
height: 40px;
width: 100%;
font-size: var(--td-font-size-body-medium);
background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer__dialog .t-dialog__header-content {
margin-left: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-image-viewer__dialog .t-dialog__close:hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-list {
font: var(--td-font-body-medium);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
overflow: auto;
color: var(--td-text-color-primary);
background: var(--td-bg-color-container);
}
.t-list::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-list::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-list::-webkit-scrollbar-thumb:vertical:hover,
.t-list::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-list__inner {
list-style: none;
padding: 0;
margin: 0;
}
.t-list-item {
font: var(--td-font-body-medium);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.t-list-item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.t-list-item-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-list-item__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-list-item__meta-avatar {
width: var(--td-comp-size-xxxl);
height: var(--td-comp-size-xxxl);
border-radius: calc(var(--td-comp-size-xxxl) / 2);
overflow: hidden;
background: var(--td-bg-color-page);
margin-right: var(--td-comp-margin-l);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-list-item__meta-avatar img {
max-width: 100%;
width: 100%;
height: 100%;
}
.t-list-item__meta-title {
padding: 0;
font: var(--td-font-title-medium);
margin: 0 0 var(--td-comp-margin-s);
color: var(--td-text-color-primary);
}
.t-list-item__meta-description {
margin-right: var(--td-comp-margin-xxl);
color: var(--td-text-color-primary);
}
.t-list-item__action {
list-style: none;
padding: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-list-item__action > li {
display: inline-block;
}
.t-list-item__action > li:not(:last-child) {
margin-right: var(--td-comp-margin-l);
}
.t-list-item__action > li .t-icon {
color: var(--td-text-color-secondary);
font-size: var(--td-comp-size-xxxs);
}
.t-list-item__action > li .t-icon:hover {
color: var(--td-text-color-link);
cursor: pointer;
}
.t-list-item__action > li > a {
text-decoration: none;
color: var(--td-brand-color);
}
.t-list--split .t-list-item::after {
background: var(--td-border-level-1-color);
}
.t-list--stripe .t-list-item:nth-child(even) {
background: var(--td-bg-color-secondarycontainer);
}
.t-list--vertical-action .t-list-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-list.t-size-s .t-list-item {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);
}
.t-list.t-size-l .t-list-item {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-list__header,
.t-list__footer {
background: var(--td-bg-color-container);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load {
background: var(--td-bg-color-container);
text-align: center;
line-height: var(--td-line-height-body-medium);
}
.t-list__load > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-list__load:not(:empty) {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load .t-loading {
font-size: var(--td-comp-size-xxxs);
margin-right: var(--td-comp-margin-s);
}
.t-list__load .t-loading.t-is-load-more {
cursor: pointer;
}
.t-progress {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-progress__inner {
position: relative;
height: 100%;
background: var(--td-brand-color);
border-radius: var(--td-radius-round);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-progress__info {
margin-left: var(--td-comp-margin-s);
color: var(--td-text-color-primary);
white-space: nowrap;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.t-progress__icon {
font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-progress__bar {
width: 100%;
height: var(--td-size-3);
overflow: hidden;
background: var(--td-bg-color-component);
border-radius: var(--td-radius-round);
}
.t-progress--thin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-progress--plump {
height: var(--td-comp-size-xxs);
border-radius: calc(var(--td-comp-size-xxs) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-progress--plump .t-progress__info {
font-size: var(--td-font-size-body-small);
}
.t-progress--over-ten .t-progress__info {
position: absolute;
top: 50%;
z-index: 10;
right: var(--td-comp-margin-s);
color: var(--td-text-color-anti);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.t-progress--under-ten .t-progress__info,
.t-progress--under-ten .t-progress__inner {
display: inline-block;
}
.t-progress--under-ten .t-progress__info {
vertical-align: top;
}
.t-progress--circle {
position: relative;
}
.t-progress--circle .t-progress__info {
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
font-size: inherit;
font-weight: 600;
line-height: 1;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.t-progress--circle .t-progress__circle-outer {
stroke: var(--td-bg-color-component);
}
.t-progress--circle .t-progress__circle-inner {
stroke: var(--td-brand-color);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-progress--circle .t-progress__icon {
font-size: 2.4em;
}
.t-progress--status--active .t-progress__inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
-webkit-animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
background: var(--td-text-color-anti);
opacity: 0.2;
}
.t-progress--status--success .t-progress__inner {
background: var(--td-success-color);
}
.t-progress--status--success .t-progress__circle-inner {
stroke: var(--td-success-color);
}
.t-progress--status--success .t-progress__icon {
color: var(--td-success-color);
}
.t-progress--status--warning .t-progress__inner {
background: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__circle-inner {
stroke: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__icon {
color: var(--td-warning-color);
}
.t-progress--status--error .t-progress__inner {
background: var(--td-error-color);
}
.t-progress--status--error .t-progress__circle-inner {
stroke: var(--td-error-color);
}
.t-progress--status--error .t-progress__icon {
color: var(--td-error-color);
}
@-webkit-keyframes progress-active-animation {
0% {
width: 0;
opacity: 0.1;
}
35% {
width: 50%;
opacity: 0.4;
}
100% {
width: 100%;
opacity: 0;
}
}
@keyframes progress-active-animation {
0% {
width: 0;
opacity: 0.1;
}
35% {
width: 50%;
opacity: 0.4;
}
100% {
width: 100%;
opacity: 0;
}
}
:root,
:root[theme-mode="light"] {
--skeleton-animation-gradient: rgba(0, 0, 0, 0.04);
}
:root[theme-mode="dark"] {
--skeleton-animation-gradient: rgba(255, 255, 255, 0.06);
}
.t-skeleton {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-skeleton__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: var(--td-comp-margin-l);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-skeleton__row:only-child,
.t-skeleton__row:last-child {
margin-bottom: 0;
}
.t-skeleton__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--td-bg-color-secondarycontainer);
color: var(--td-text-color-disabled);
margin-right: var(--td-comp-margin-l);
}
.t-skeleton__col:first-child:last-child,
.t-skeleton__col:last-child {
margin-right: 0;
}
.t-skeleton--type-text {
width: 100%;
height: var(--td-font-size-body-large);
border-radius: var(--td-radius-default);
}
.t-skeleton--type-rect {
width: 120px;
height: 88px;
border-radius: var(--td-radius-default);
}
.t-skeleton--type-circle {
width: 32px;
height: 32px;
border-radius: var(--td-radius-circle);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-skeleton--animation-gradient {
position: relative;
overflow-x: hidden;
}
.t-skeleton--animation-gradient::after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--skeleton-animation-gradient)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-animation-gradient), rgba(255, 255, 255, 0));
-webkit-animation: t-skeleton--gradient 1.5s linear 2s infinite;
animation: t-skeleton--gradient 1.5s linear 2s infinite;
}
.t-skeleton--animation-flashed {
-webkit-animation: t-skeleton--flashed 2s linear 2s infinite;
animation: t-skeleton--flashed 2s linear 2s infinite;
}
@-webkit-keyframes t-skeleton--gradient {
0% {
-webkit-transform: translateX(-100%) skewX(-15deg);
transform: translateX(-100%) skewX(-15deg);
}
100% {
-webkit-transform: translateX(100%) skewX(-15deg);
transform: translateX(100%) skewX(-15deg);
}
}
@keyframes t-skeleton--gradient {
0% {
-webkit-transform: translateX(-100%) skewX(-15deg);
transform: translateX(-100%) skewX(-15deg);
}
100% {
-webkit-transform: translateX(100%) skewX(-15deg);
transform: translateX(100%) skewX(-15deg);
}
}
@-webkit-keyframes t-skeleton--flashed {
0% {
opacity: 1;
}
50% {
background-color: rgba(230, 230, 230, 0.3);
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@keyframes t-skeleton--flashed {
0% {
opacity: 1;
}
50% {
background-color: rgba(230, 230, 230, 0.3);
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.t-statistic {
display: inline-block;
font-size: var(--td-font-size-body-medium);
line-height: var(--td-line-height-body-medium);
color: var(--td-text-color-secondary);
}
.t-statistic-title {
font-size: var(--td-font-body-medium);
margin-bottom: var(--td-comp-margin-s);
}
.t-statistic-content {
display: inline-block;
color: var(--td-text-color-primary);
text-align: left;
white-space: nowrap;
}
.t-statistic-content-value {
font-size: var(--td-font-size-headline-medium);
line-height: var(--td-line-height-headline-medium);
font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-unit {
font-size: var(--td-font-size-body-medium);
margin-left: var(--td-comp-margin-xs);
font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-suffix {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-title-large);
margin-left: var(--td-comp-margin-s);
}
.t-statistic-content-prefix {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--td-font-size-title-large);
margin-right: var(--td-comp-margin-s);
}
.t-statistic-content-prefix .t-icon {
font-size: var(--td-font-size-title-large);
}
.t-statistic-extra {
margin-top: 8px;
}
.t-statistic-extra .t-space .t-space-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* Swiper */
.t-swiper {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
.t-swiper__wrap {
display: block;
position: relative;
height: 100%;
}
.t-swiper__content {
position: relative;
z-index: 1;
overflow: hidden;
}
.t-swiper__container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
z-index: 1;
}
.t-swiper__container__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
height: 100%;
display: inline-block;
}
.t-swiper__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-swiper__arrow svg.t-icon {
width: 20px;
height: 20px;
}
.t-swiper__arrow svg.t-icon::before {
font-size: 24px;
}
.t-swiper__arrow--default .t-swiper__arrow-left {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-white-2);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
cursor: pointer;
left: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-left:hover {
color: var(--td-bg-color-container);
background-color: var(--td-font-white-4);
border-radius: var(--td-radius-default);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-left:active {
background-color: var(--td-font-white-3);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-white-2);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
cursor: pointer;
right: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-right:hover {
color: var(--td-bg-color-container);
background-color: var(--td-font-white-4);
border-radius: var(--td-radius-default);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right:active {
background-color: var(--td-font-white-3);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-swiper-card .t-swiper__container {
display: block;
}
.t-swiper-card .t-swiper__container .t-is-active {
z-index: 2;
}
.t-swiper-card .t-swiper__card {
position: absolute;
top: 0;
left: 0;
width: 41.5%;
height: 100%;
z-index: 0;
}
.t-swiper-fade .t-swiper__container {
display: block;
}
.t-swiper-fade .t-swiper__fade {
position: absolute;
top: 0;
left: 0;
}
.t-swiper__navigation {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
bottom: 0;
margin: 0;
padding: 0;
z-index: 2;
}
.t-swiper__navigation > li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-swiper__navigation .t-swiper__arrow svg.t-icon {
width: 16px;
height: 16px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 0 0 0 6px;
padding: 18px 0;
width: 14px;
height: auto;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 100%;
height: 3px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-left: 0;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
width: 24px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item {
cursor: pointer;
margin: 0 0 0 6px;
padding: 18px 0;
width: 14px;
height: auto;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
border-radius: calc(3px / 2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
width: 100%;
height: 3px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
margin-left: 0;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
width: 24px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item {
cursor: pointer;
margin: 0 0 0 6px;
padding: 18px 0;
width: var(--td-size-2);
height: auto;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
border-radius: 50%;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
width: 100%;
height: var(--td-size-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
margin-left: 0;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
height: var(--td-line-height-body-medium);
line-height: var(--td-line-height-body-medium);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--vertical .t-swiper__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-swiper--vertical .t-swiper__navigation {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: auto;
right: 0;
bottom: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 6px 0 0 0;
padding: 0 18px;
width: auto;
height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 3px;
height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item {
cursor: pointer;
margin: 6px 0 0 0;
padding: 0 18px;
width: auto;
height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
border-radius: calc(3px / 2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
width: 3px;
height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item {
cursor: pointer;
margin: 6px 0 0 0;
padding: 0 18px;
width: auto;
max-height: var(--td-size-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
border-radius: 50%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
width: var(--td-size-2);
height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--outside .t-swiper__navigation {
bottom: -36px;
}
.t-swiper--outside .t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
height: var(--td-line-height-body-medium);
line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation {
bottom: auto;
right: -36px;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
height: var(--td-line-height-body-medium);
line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation {
bottom: 0;
}
.t-swiper--inside .t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
height: var(--td-line-height-body-medium);
line-height: var(--td-line-height-body-medium);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-medium);
height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-medium);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--large .t-swiper__arrow i.t-icon::before {
font-size: 32px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-left {
width: 32px;
height: 32px;
left: 24px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-right {
width: 32px;
height: 32px;
right: 24px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 0 0 0 8px;
padding: 24px 0;
width: 21px;
height: auto;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 100%;
height: 4px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-left: 0;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
width: 36px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-large) + 12px));
height: var(--td-line-height-body-large);
line-height: var(--td-line-height-body-large);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-large);
height: var(--td-line-height-body-large);
cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-large);
height: var(--td-line-height-body-large);
cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-large);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation {
bottom: -48px;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 8px 0 0 0;
padding: 0 24px;
width: auto;
height: 21px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 4px;
height: 100%;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-top: 0;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
height: 36px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
right: -48px;
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__arrow i.t-icon::before {
font-size: 16px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-left {
width: 16px;
height: 16px;
left: 8px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-right {
width: 16px;
height: 16px;
right: 8px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 0 0 0 4px;
padding: 12px 0;
width: 9px;
height: auto;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 100%;
height: 2px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-left: 0;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
width: 15px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation--fraction {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
right: auto;
bottom: calc(0px - calc(var(--td-line-height-body-small) + 12px));
height: var(--td-line-height-body-small);
line-height: var(--td-line-height-body-small);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-small);
height: var(--td-line-height-body-small);
cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
color: var(--td-brand-color);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
background-color: transparent;
color: var(--td-font-gray-4);
width: var(--td-line-height-body-small);
height: var(--td-line-height-body-small);
cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
color: var(--td-brand-color);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
display: inline-block;
font-size: var(--td-font-size-body-small);
color: var(--td-text-color-secondary);
margin: 0;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation {
bottom: -24px;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
cursor: pointer;
margin: 4px 0 0 0;
padding: 0 12px;
width: auto;
height: 9px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
width: 2px;
height: 100%;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
margin-top: 0;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
background: var(--td-font-white-4);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-font-white-2);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
height: 15px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
right: -24px;
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
background-color: var(--td-font-gray-4);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
background-color: var(--td-brand-color);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
background-color: var(--td-brand-color-active);
}
/** 吸顶表头 Affix 组件，zIndex: 1000。宽度拖拽辅助线层级需高于表头 */
.scrollbar {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,
.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
background: var(--td-scroll-track-color);
}
.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
background: transparent;
}
.t-table.t-table--overflow-visible {
overflow: initial;
}
.t-table {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-container);
position: relative;
/** loading need to be top of fixed columns */
}
.t-table:focus-visible {
outline: none;
}
.t-table .t-loading--full {
z-index: 72;
}
.t-table.t-vertical-align-top th,
.t-table.t-vertical-align-top td {
vertical-align: top;
}
.t-table.t-vertical-align-middle th,
.t-table.t-vertical-align-middle td {
vertical-align: middle;
}
.t-table.t-vertical-align-bottom th,
.t-table.t-vertical-align-bottom td {
vertical-align: bottom;
}
.t-table .t-table__resize-line {
display: none;
position: absolute;
left: 10px;
width: 0;
border-left: 1px solid var(--td-component-border);
z-index: 1001;
}
.t-table__column-controller-trigger.t-align-top-right,
.t-table__column-controller-trigger.t-align-bottom-right {
text-align: right;
}
.t-table__column-controller-trigger {
padding: var(--td-comp-paddingTB-l) 0;
}
.t-table__column-controller-item:not(:last-child) {
margin-bottom: var(--td-comp-margin-l);
}
.t-table__content {
position: relative;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-table__content::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table__content::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table__pagination {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-table .t-icon {
font-size: var(--td-font-size-body-large);
}
.t-table table {
width: 100%;
border-spacing: 0;
}
.t-table .t-text-ellipsis {
line-height: var(--td-line-height-body-medium);
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-table th,
.t-table td {
position: relative;
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
border-bottom: 1px solid var(--td-component-border);
line-height: var(--td-line-height-body-medium);
font-weight: normal;
overflow-wrap: break-word;
background-color: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.t-table th.t-table__th-drag {
padding: 0;
height: 0;
text-align: center;
}
.t-table thead td,
.t-table th {
color: var(--td-text-color-placeholder);
}
.t-table td[key="row-select"] {
padding: 13px 0 11px var(--td-comp-paddingLR-l);
}
.t-table td.t-align-left,
.t-table th.t-align-left {
text-align: left;
}
.t-table td.t-align-right,
.t-table th.t-align-right {
text-align: right;
}
.t-table td.t-align-center,
.t-table th.t-align-center {
text-align: center;
}
.t-table tr {
background-color: var(--td-bg-color-container);
}
.t-table.t-size-s th,
.t-table.t-size-s td {
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
}
.t-table.t-size-l th,
.t-table.t-size-l td {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-table .t-table__expandable-icon-cell,
.t-table .t-table__selection-cell {
padding: 0;
height: 0;
}
.t-table td.t-table__handle-draggable {
text-align: center;
height: 0;
padding: 0;
}
.t-table .t-table__cell--selectable > .t-checkbox {
vertical-align: middle;
}
.t-table .t-table__cell--selectable + td,
.t-table .t-table__cell--selectable + th {
padding-left: 0;
}
.t-table--bordered td,
.t-table--bordered th {
border-left: 1px solid var(--td-component-border);
}
.t-table--bordered td.t-table__cell--fixed-left-last::before,
.t-table--bordered th.t-table__cell--fixed-left-last::before {
border-right: 1px solid var(--td-component-border);
}
.t-table--bordered th:first-child,
.t-table--bordered td.t-table__td-first-col {
border-left-width: 0;
}
.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
border-left-width: 0;
}
.t-table--bordered .t-table__content {
border-left: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content::-webkit-scrollbar-corner {
background-color: transparent;
}
.t-table--bordered .t-table__content {
border: 1px solid var(--td-component-border);
border-radius: var(--td-radius-default);
}
.t-table--bordered .t-table--loading {
border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__pagination {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table--bordered .t-table__bottom-content + .t-table__pagination {
padding: 0;
}
.t-table--bordered.t-table__header--fixed .t-table__content {
border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__td-last-row {
border-bottom: none;
}
.t-table--striped:not(.t-table--bordered) th,
.t-table--striped:not(.t-table--bordered) td {
border-bottom: none;
}
.t-table--striped.t-table--header-fixed > .t-table__content > table > tbody tr:nth-of-type(even) {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped:not(.t-table--header-fixed) > .t-table__content > table > tbody > tr:nth-of-type(odd):not(.t-table__expanded-row) {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(even):hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable:not(.t-table__header--fixed) > .t-table__content > table > tbody tr:nth-of-type(odd):hover {
background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr {
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-table--hoverable tbody tr {
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.t-table--hoverable tbody tr:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-table.t-table--align-top tbody td {
vertical-align: top;
}
.t-table .t-table__cell--highlight {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed table {
table-layout: fixed;
}
.t-table__header--fixed th,
.t-table__header--fixed td {
overflow-wrap: break-word;
}
.t-table__header--fixed.t-table__header,
.t-table__header--fixed .t-table__header {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
z-index: 5;
}
.t-table__header--fixed .t-table__header {
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body {
overflow-y: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
scrollbar-color: var(--td-scrollbar-color) transparent;
scrollbar-width: thin;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
border: 0px solid transparent;
background-clip: content-box;
background-color: var(--td-scrollbar-color);
border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
background-color: var(--td-scrollbar-hover-color);
}
.t-table:not(.t-table--bordered) .t-table__cell--selectable + td,
.t-table:not(.t-table--bordered) .t-table__cell--selectable + th {
padding-left: 0;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header {
overflow: hidden;
width: 100%;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child::after,
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child::after {
content: "";
position: absolute;
right: -6px;
width: 6px;
height: 100%;
top: 0;
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__cell--fixed.t-table__header--fixed .t-table__body {
overflow: auto scroll;
}
.t-table__cell--fixed .t-table__content {
overflow: auto hidden;
}
.t-table__cell--fixed table {
table-layout: fixed;
min-width: 100%;
}
.t-table__cell--fixed th,
.t-table__cell--fixed td {
position: relative;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::before {
z-index: -1;
background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
position: absolute;
top: 0;
bottom: 0;
content: "";
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
pointer-events: none;
z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::before {
z-index: -1;
background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
position: absolute;
top: 0;
bottom: 0;
content: "";
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
pointer-events: none;
z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.t-table .t-table__cell-resizable {
position: relative;
}
.t-table .t-table__cell-resizable .t-table__cell--resizer {
position: absolute;
top: 0;
right: -5px;
bottom: 0;
z-index: 10;
width: 10px;
cursor: col-resize;
}
.t-table .t-table__row--disabled {
color: var(--td-text-color-disabled);
}
.t-table .t-table__cell--title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-table__column-controller-desc {
margin-bottom: var(--td-comp-margin-xxl);
}
.t-table__column-controller-block {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
border: 1px solid var(--td-component-border);
border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller-block + .t-table__column-controller-block {
border-top: 0;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller--fixed .t-checkbox {
width: 108px;
}
/** 表格行点击高亮悬浮态 */
.t-table.t-table__row--active-single tbody > tr.t-table__row--active,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active {
background-color: var(--td-brand-color-light);
}
.t-table.t-table__row--active-single tbody > tr.t-table__row--active.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active.t-table__row--hover {
background-color: var(--td-brand-color-light-hover);
}
.t-table.t-table--hoverable tbody > tr.t-table__row--active:hover {
background-color: var(--td-brand-color-light-hover);
}
/** 键盘操作悬浮表格行 */
.t-table.t-table--row-expandable tbody > tr.t-table__row--hover,
.t-table.t-table--row-select tbody > tr.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--hover {
background-color: var(--td-bg-color-container-hover);
}
.t-table--bordered .t-table__cell--sortable .t-table__cell--title,
.t-table--bordered .t-table__cell--filterable .t-table__cell--title {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-table th.t-align-right .t-table__cell--title {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/**
* 有边框和无边框的图标排列不一样，需谨慎修改
* 无边框模式，图标依次紧跟标题
* 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
*/
.t-table__cell--sort-trigger {
text-align: center;
vertical-align: text-bottom;
}
.t-table__cell--sort-trigger svg {
vertical-align: initial;
}
.t-table--loading {
position: relative;
}
.t-table--loading-progressbar {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
height: 1px;
background-color: var(--td-brand-color);
-webkit-animation: tTableProgressbar 2s ease-in-out;
animation: tTableProgressbar 2s ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.t-table--loading-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 120px;
color: var(--td-text-color-placeholder);
}
.t-table__expanded-cell {
padding-left: 45px;
}
.t-table__async-loading {
text-align: center;
}
.t-table__async-loading.t-is-load-more {
cursor: pointer;
}
.t-table__empty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 120px;
color: var(--td-text-color-disabled);
}
.t-table__filter-icon,
.t-table__sort-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer;
vertical-align: text-bottom;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-table__filter-icon > svg,
.t-table__sort-icon > svg {
margin-top: 0;
}
.t-table__sort-icon .t-is-focus,
.t-table__sort-icon.t-is-focus,
.t-table__sort-icon:hover {
color: var(--td-brand-color);
border-radius: var(--td-radius-circle);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-table__filter-icon .t-is-focus,
.t-table__filter-icon.t-is-focus,
.t-table__filter-icon:hover {
color: var(--td-brand-color);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-table__filter-pop .t-popup__content {
padding: 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
display: block;
height: auto;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
display: block;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,
.t-table__filter-pop .t-table__filter-pop-content .t-radio {
display: block;
margin: var(--td-comp-margin-xs) 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
border-top: 1px solid var(--td-component-border);
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
margin-left: var(--td-comp-margin-l);
}
.t-table__filter-pop-content-inner > .t-input__wrap {
width: 200px;
}
.t-table__filter-pop-content-inner > .t-date-range-picker__panel {
margin: calc(0px - var(--td-comp-margin-l));
}
.t-table__sort-icon--active {
color: var(--td-brand-color);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-table__double-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-table__double-icons .t-table__sort-icon {
position: relative;
}
.t-table__double-icons .t-table-sort-asc {
top: var(--td-comp-margin-xxs);
}
.t-table__double-icons .t-table-sort-desc {
bottom: var(--td-comp-margin-xxs);
}
.t-table__filter-icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: all;
height: var(--td-font-size-body-large);
width: var(--td-font-size-body-large);
margin-left: var(--td-comp-margin-s);
}
.t-table--bordered .t-table__filter-icon-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-table .t-align-center .t-table__cell--sortable,
.t-table .t-align-center .t-table__cell--filterable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.t-table__expand-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
color: var(--td-text-color-placeholder);
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
}
.t-table__expand-box:hover {
color: var(--td-brand-color);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
@-webkit-keyframes tTableProgressbar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes tTableProgressbar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.t-table__th-row-select .t-table__th-cell-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
padding-left: var(--td-comp-margin-s);
}
.t-table__filter--bottom-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
border-top: 1px solid var(--td-component-border);
}
.t-table__filter--bottom-buttons > .t-button + .t-button {
margin-left: var(--td-comp-margin-s);
}
.t-table__row-filter-inner {
position: sticky;
left: 0;
text-align: center;
}
.t-table__filter-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-table__filter-result > .t-button {
margin-left: var(--td-comp-margin-s);
}
.t-table--layout-fixed {
table-layout: fixed;
}
.t-table--layout-auto {
table-layout: auto;
}
.t-table__ellipsis {
white-space: nowrap;
width: 100%;
}
.t-table__content {
overflow: auto;
}
.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
border-right: 2px solid var(--td-component-border);
}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
border-left: 2px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
border-right: 4px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
border-left: 4px solid var(--td-component-border);
}
.t-table__scroll-bar-divider {
position: absolute;
bottom: 0;
right: 0;
height: 100%;
border-right: 1px solid var(--td-component-border);
z-index: 71;
}
.t-table__footer,
.t-table__header.t-table__header--fixed {
position: sticky;
z-index: 50;
}
.t-table:not(.t-table--striped) .t-table__footer > tr {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__row--fixed-top,
.t-table__row--fixed-bottom {
position: sticky;
z-index: 70;
}
.t-table__row--fixed-bottom-first > td {
border-top: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content .t-table__row--without-border-bottom > td {
border-bottom: 0;
}
.t-table--bordered tbody > tr:last-child > td,
.t-table--bordered tfoot > tr:last-child > td {
border-bottom: 0;
}
.t-table--bordered tfoot > tr:first-child > td {
border-top: 1px solid var(--td-component-border);
}
.t-table__header.t-table__header--fixed {
top: 0;
}
.t-table__footer.t-table__footer--fixed {
bottom: 0;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::before {
z-index: -1;
background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
position: absolute;
top: 0;
bottom: 0;
content: "";
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
pointer-events: none;
z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.t-table--column-fixed .t-table__cell--fixed-right-first::before {
z-index: -1;
background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
position: absolute;
top: 0;
bottom: 0;
content: "";
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
pointer-events: none;
z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.t-table--column-fixed .t-table__cell--fixed-left,
.t-table--column-fixed .t-table__cell--fixed-right {
position: sticky;
}
.t-table--column-fixed .t-table__cell--fixed-left {
z-index: 30;
}
.t-table--column-fixed .t-table__cell--fixed-right {
z-index: 31;
}
.t-table__empty-row > td {
padding: 0;
border: 0;
}
.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered > tr:first-child > th {
border-top: 1px solid var(--td-component-border);
}
.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
border-left-width: 1px;
}
.t-table__header.t-table__header--multiple > tr {
background-color: var(--td-bg-color-container);
}
.t-table__tree-op-icon {
margin-right: var(--td-comp-margin-s);
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: -3px;
}
.t-table__tree-op-icon:hover {
color: var(--td-brand-color);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
.t-table__tree-leaf-node .t-table__tree-op-icon {
min-width: 0;
margin-right: var(--td-comp-margin-xxs);
}
.t-table__virtual-scroll-cursor {
position: absolute;
width: 1px;
height: 1px;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.t-table__virtual-scroll-header {
position: absolute;
z-index: 51;
left: 0;
}
/** 用于隐藏表头滚动条 */
.t-table__affixed-header-elm-wrap {
overflow: hidden;
}
.t-table__affixed-header-elm-wrap,
.t-table__affixed-header-elm {
position: absolute;
left: 0;
z-index: 51;
}
.t-table__affixed-header-elm {
overflow: auto;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
opacity: 1;
}
.t-table__affixed-footer-elm {
overflow: auto;
z-index: 50;
}
.t-table--bordered .t-table__affixed-header-elm {
border: 1px solid var(--td-component-border);
border-bottom: 0;
border-right: 0;
}
.t-table--bordered .t-table__affixed-footer-elm {
border-left: 1px solid var(--td-component-border);
border-bottom: 1px solid var(--td-component-border);
}
.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
border-right: 0;
}
.t-is-hidden {
display: none;
}
.t-positive-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.t-negative-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.t-table__expanded-row > td,
.t-table__row--full > td {
padding: 0;
}
/** @{prefix}-table__row--full 和 @{prefix}-table__row-full-element 同时存在，是为了保证 固定列时，当前行不随内容进行横向滚动 */
.t-table__row-full-element {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-table__row-full-inner {
position: sticky;
left: 0;
}
.t-table__row-full-inner:not(.t-table__empty) {
display: inline-block;
}
.t-table__tree-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-table__tree-col--inline {
display: inline;
}
.t-table--full-height {
height: 100%;
}
/** 默认最小高度限制为 Empty 高度加表头高度 */
.t-table--loading .t-table__content {
min-height: 168px;
}
.t-table__handle-draggable:hover,
.t-table--row-draggable tr,
.t-table__th--drag-sort {
cursor: move;
}
.t-table__ele--draggable-chosen {
-webkit-box-shadow: var(--td-shadow-1);
box-shadow: var(--td-shadow-1);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable {
min-height: 22px;
line-height: var(--td-line-height-body-medium);
cursor: pointer;
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon {
margin-left: var(--td-comp-margin-s);
font-size: var(--td-font-size-body-large);
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
color: var(--td-text-color-placeholder);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon:hover {
color: var(--td-brand-color);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover {
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
/** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
.t-affix .t-table__pagination {
background-color: var(--td-bg-color-container);
}
.t-table--bordered .t-affix .t-table__pagination {
border-top: 1px solid var(--td-component-border);
}
.t-table__bottom-content + .t-table__pagination-wrap .t-table__pagination {
border: 0;
padding: 0;
}
.t-table--column-resizable:not(.t-table--bordered) {
/** 表格左边有冻结列滚动时，去掉hover表头时多出的一个像素，避免出现表头的冻结列跟表内容的冻结列没有对齐的问题 */
}
.t-table--column-resizable:not(.t-table--bordered) th {
border-top: 1px solid transparent;
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
border-right: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
border-top: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child),
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child) {
border-right: 0;
}
/** 可选中行的场景下，将 Checkbox 和 Radio 铺满整个单元格，增大点击范围，方便用户选中 */
.t-table td.t-table__cell-check,
.t-table th.t-table__cell-check {
padding: 0;
/** HTML 特性: th/td 必须设置为 0，他们的子元素才能设置为 100% */
height: 0;
}
.t-table td.t-table__cell-check .t-radio__label:empty,
.t-table th.t-table__cell-check .t-radio__label:empty,
.t-table td.t-table__cell-check .t-checkbox__label:empty,
.t-table th.t-table__cell-check .t-checkbox__label:empty {
display: none;
}
.t-table .t-table__cell-check .t-radio,
.t-table .t-table__cell-check .t-checkbox,
.t-table .t-table__cell-check .t-table__th-cell-inner {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-table td .t-input__tips {
position: initial;
}
.t-table .t-table__sort-column {
background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__ellipsis-content.t-size-s .t-popup__content {
font: var(--td-font-body-medium);
}
/** Chrome 兼容问题处理 */
.t-collapse {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
border: solid 1px var(--td-component-border);
border-bottom: 0;
background: var(--td-bg-color-container);
}
.t-collapse.t--border-less {
border: none;
}
.t-collapse.t--border-less .t-collapse-panel__header {
border-bottom: none;
}
.t-collapse.t--border-less .t-collapse-panel__body {
background: var(--td-bg-color-container);
border: none;
}
.t-collapse-panel__icon {
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-collapse-panel__icon > .t-fake-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-collapse-panel__icon--left {
margin-right: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--right {
margin-left: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--active > .t-fake-arrow {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.t-collapse-panel__icon:hover {
background-color: var(--td-bg-color-container-hover);
border-radius: var(--td-radius-small);
}
.t-collapse-panel__wrapper {
overflow: hidden;
}
.t-collapse-panel__wrapper .t-collapse-panel__header {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
border-bottom: solid 1px var(--td-component-border);
font: var(--td-font-title-small);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
cursor: pointer;
}
.t-collapse-panel__wrapper .t-collapse-panel__header-left,
.t-collapse-panel__wrapper .t-collapse-panel__header-right,
.t-collapse-panel__wrapper .t-collapse-panel__header-right-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-collapse-panel__wrapper .t-collapse-panel__body {
border-bottom: solid 1px var(--td-component-border);
background: var(--td-bg-color-secondarycontainer);
overflow: inherit;
}
.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
border: none;
}
.t-collapse-panel__wrapper .t-collapse-panel__content {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-m) calc(var(--td-comp-paddingLR-l) + var(--td-comp-margin-xxl));
color: var(--td-text-color-secondary);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
cursor: not-allowed;
color: var(--td-text-color-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
cursor: not-allowed;
pointer-events: none;
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
background: var(--td-bg-color-component-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__content {
color: var(--td-text-color-disabled);
}
.t-rate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-rate .t-rate__star-top {
position: absolute;
width: 0;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-rate .t-rate__star-top,
.t-rate .t-rate__star-bottom {
display: grid;
}
.t-rate__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.t-rate__item {
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-rate__item:hover {
-webkit-transform: scale(1.33);
transform: scale(1.33);
}
.t-rate__item--half .t-rate__star-top {
width: 50%;
}
.t-rate__item--full .t-rate__star-top {
width: 100%;
}
.t-rate__text {
color: var(--td-text-color-primary);
font: var(--td-font-mark-medium);
margin-left: var(--td-comp-margin-l);
}
.t-timeline {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.t-timeline-item {
min-height: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
}
.t-timeline-item__label.t-timeline-item__label--alternate {
position: absolute;
}
.t-timeline-item__wrapper {
width: 8px;
position: relative;
}
.t-timeline-item__wrapper .t-timeline-item__dot {
-webkit-box-sizing: unset;
box-sizing: unset;
position: absolute;
width: 4px;
height: 4px;
border: 2px solid transparent;
border-radius: 50%;
top: 8px;
}
.t-timeline-item__wrapper .t-timeline-item__dot--primary {
border-color: var(--td-brand-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--default {
border-color: var(--td-component-border);
}
.t-timeline-item__wrapper .t-timeline-item__dot--success {
border-color: var(--td-success-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--warning {
border-color: var(--td-warning-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--error {
border-color: var(--td-error-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 4px;
border: 0;
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
}
.t-timeline-item__wrapper .t-timeline-item__tail {
position: absolute;
border-left: 2px solid transparent;
left: 50%;
height: calc(100% - (8px * 2 + 8px));
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding-bottom: var(--td-comp-size-s);
border-color: var(--td-component-border);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
border-style: dashed;
border-right: 0;
}
.t-timeline-item__label {
color: var(--td-text-color-secondary);
font-size: var(--td-font-size-body-medium);
}
.t-timeline-item__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: var(--td-comp-margin-l);
font-size: var(--td-font-size-body-large);
}
.t-timeline-item--last .t-timeline-item__tail {
display: none;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label {
text-align: right;
left: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper {
margin-left: 100px;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label {
text-align: left;
right: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper {
margin-right: 100px;
}
.t-timeline-right .t-timeline-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.t-timeline-right .t-timeline-item__content {
text-align: right;
padding-left: 0;
padding-right: var(--td-comp-margin-l);
}
.t-timeline-alternate .t-timeline-item-left {
margin-left: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right {
text-align: right;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-right: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content {
padding-right: var(--td-comp-margin-l);
padding-left: 0;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item__label {
width: 100%;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
text-align: right;
padding-right: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
text-align: left;
padding-left: var(--td-comp-margin-l);
}
.t-timeline-horizontal {
min-height: 200px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-timeline-horizontal .t-timeline-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 8px;
min-width: 160px;
}
.t-timeline-horizontal .t-timeline-item__wrapper {
width: 100%;
height: 8px;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: unset;
width: 4px;
height: 4px;
border-radius: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 0;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
position: absolute;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail {
left: calc(8px + var(--td-comp-margin-s));
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: calc(100% - calc(8px + var(--td-comp-margin-s)));
border: 0;
border-top: 2px solid transparent;
padding-bottom: 0;
border-color: var(--td-component-border);
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
border-style: dashed;
border-right: 0;
}
.t-timeline-horizontal .t-timeline-item__content {
padding-left: unset;
padding-top: var(--td-comp-margin-l);
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
.t-timeline-vertical .t-timeline-item__content {
padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate {
top: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
padding-bottom: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper {
padding-top: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate {
padding-top: var(--td-comp-margin-l);
bottom: 0;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content {
padding-top: 0;
padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate {
top: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
position: relative;
-webkit-transform: translateY(calc(-100% + 8px));
transform: translateY(calc(-100% + 8px));
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content {
padding-bottom: var(--td-comp-margin-l);
padding-top: unset;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate {
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
padding-top: var(--td-comp-margin-l);
}
/* Alert */
.t-alert {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
border-radius: var(--td-radius-medium);
}
.t-alert.t-is-hidden {
/* 隐藏 */
display: none;
}
.t-alert--closing {
opacity: 0;
}
.t-alert--info {
background-color: var(--td-brand-color-focus);
}
.t-alert--info .t-alert__icon {
color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger-wrap {
color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger--active {
color: var(--td-brand-color);
}
.t-alert--success {
background-color: var(--td-success-color-focus);
}
.t-alert--success .t-alert__icon {
color: var(--td-success-color);
}
.t-alert--success .t-alert__swiper-trigger-wrap {
color: var(--td-success-color-focus);
}
.t-alert--success .t-alert__swiper-trigger--active {
color: var(--td-success-color);
}
.t-alert--warning {
background-color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__icon {
color: var(--td-warning-color);
}
.t-alert--warning .t-alert__swiper-trigger-wrap {
color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__swiper-trigger--active {
color: var(--td-warning-color);
}
.t-alert--error {
background-color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__icon {
color: var(--td-error-color);
}
.t-alert--error .t-alert__swiper-trigger-wrap {
color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__swiper-trigger--active {
color: var(--td-error-color);
}
.t-alert__icon {
font-size: var(--td-line-height-body-medium);
display: inherit;
}
.t-alert__icon,
.t-alert__close {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
line-height: var(--td-line-height-body-small);
}
.t-alert__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
font-size: var(--td-font-size-body-medium);
line-height: var(--td-line-height-body-medium);
overflow: hidden;
}
.t-alert__title,
.t-alert__message {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-alert__title {
color: var(--td-text-color-primary);
font-weight: bold;
}
.t-alert__title + .t-alert__message {
margin-top: var(--td-comp-margin-s);
}
.t-alert__description {
color: var(--td-text-color-secondary);
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-transition: height 0.2s;
transition: height 0.2s;
}
.t-alert__operation {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 var(--td-comp-paddingLR-s);
color: var(--td-brand-color);
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.t-alert__operation:hover {
color: var(--td-brand-color-hover);
}
.t-alert__operation:active {
color: var(--td-brand-color-active);
}
.t-alert__icon + .t-alert__content {
margin-left: var(--td-comp-margin-s);
}
.t-alert__collapse {
margin-top: var(--td-comp-margin-s);
color: var(--td-brand-color);
cursor: pointer;
}
.t-alert__close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: var(--td-comp-margin-l);
color: var(--td-text-color-secondary);
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.t-alert__close:hover {
color: var(--td-text-color-primary);
}
.t-alert__close > .t-icon {
font-size: calc(var(--td-line-height-body-medium) - 2px);
padding: calc((var(--td-line-height-body-medium) - calc(var(--td-line-height-body-medium) - 2px)) / 2) 0;
}
/**
* 颜色
*/
/**
* 尺寸
*/
/**
* 字体
*/
/**
* 动画
*/
/**
* 间距
*/
/**
* 位置
*/
/**
* 边框弧度
*/
.t-drawer-fade-enter,
.t-drawer-fade-appear {
opacity: 0;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-drawer-fade-exit {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.t-drawer-fade-enter.t-drawer-fade-enter-active,
.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,
.t-drawer-fade-appear.t-drawer-fade-appear-active,
.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to {
-webkit-animation-name: tDrawerFadeIn;
animation-name: tDrawerFadeIn;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.t-drawer-fade-exit.t-drawer-fade-exit-active,
.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
-webkit-animation-name: tDrawerFadeOut;
animation-name: tDrawerFadeOut;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes tDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes tDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes tDrawerFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes tDrawerFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.t-drawer {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
position: fixed;
z-index: 1500;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
outline: none;
}
.t-drawer--lock {
overflow: hidden;
}
.t-drawer--attach {
position: absolute;
}
.t-drawer--left,
.t-drawer--right {
top: 0;
}
.t-drawer--left {
left: 0;
}
.t-drawer--right {
right: 0;
}
.t-drawer--top,
.t-drawer--bottom {
left: 0;
}
.t-drawer--top {
top: 0;
}
.t-drawer--bottom {
bottom: 0;
}
.t-drawer__mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--td-mask-active);
-webkit-transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
opacity: 0;
}
.t-drawer__content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--td-bg-color-container);
width: 16px;
height: 16px;
font-size: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
-webkit-box-shadow: var(--td-shadow-2);
box-shadow: var(--td-shadow-2);
overflow: hidden;
pointer-events: auto;
-webkit-transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1);
transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
position: relative;
}
.t-drawer .t-drawer__content-wrapper {
position: absolute;
width: 100%;
height: 100%;
visibility: hidden;
}
.t-drawer .t-drawer__content-wrapper--left,
.t-drawer .t-drawer__content-wrapper--right {
top: 0;
}
.t-drawer .t-drawer__content-wrapper--left {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.t-drawer .t-drawer__content-wrapper--right {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.t-drawer .t-drawer__content-wrapper--top,
.t-drawer .t-drawer__content-wrapper--bottom {
left: 0;
}
.t-drawer .t-drawer__content-wrapper--top {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.t-drawer .t-drawer__content-wrapper--bottom {
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.t-drawer__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: var(--td-comp-size-xxxl);
padding: 0 var(--td-comp-paddingLR-l);
font: var(--td-font-title-medium);
color: var(--td-text-color-primary);
border-bottom: 1px solid var(--td-border-level-1-color);
border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-drawer__body {
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
overflow: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-drawer__footer {
width: 100%;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
text-align: left;
border-top: 1px solid var(--td-border-level-1-color);
background-color: var(--td-bg-color-container);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-drawer__footer .t-button {
margin-left: var(--td-comp-margin-s);
}
.t-drawer__footer .t-button:first-child {
margin-left: 0;
}
.t-drawer__close-btn {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: var(--td-comp-size-xs);
height: var(--td-comp-size-xs);
top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
right: var(--td-comp-margin-s);
color: var(--td-text-color-primary);
background-color: var(--td-bg-color-container);
border-radius: var(--td-radius-default);
cursor: pointer;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.t-drawer__close-btn:hover {
background-color: var(--td-bg-color-container-hover);
}
.t-drawer__close-btn:active {
background-color: var(--td-bg-color-container-active);
}
.t-drawer__close-btn .t-icon {
font-size: calc(var(--td-font-size-body-medium) + 2px);
vertical-align: unset;
}
.t-drawer--open {
width: 100%;
height: 100%;
pointer-events: auto;
}
.t-drawer--open > .t-drawer__content-wrapper {
visibility: visible;
}
.t-drawer--open > .t-drawer__mask {
opacity: 1;
width: 100%;
height: 100%;
}
.t-drawer--without-mask {
pointer-events: none;
}
[tabindex="-1"]:focus {
outline: none !important;
/* stylelint-disable-line */
}
.t-guide {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-guide--lock {
overflow: hidden;
}
.t-guide--absolute {
position: absolute;
}
.t-guide--fixed {
position: fixed;
}
.t-guide__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999997;
}
.t-guide__highlight {
z-index: 999998;
-webkit-transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
border-radius: var(--td-radius-default);
}
.t-guide__highlight--dialog {
border-radius: var(--td-radius-large);
}
.t-guide__highlight--mask {
-webkit-box-shadow: 0 0 0 0 var(--td-mask-active), var(--td-mask-active) 0 0 0 5000px;
box-shadow: 0 0 0 0 var(--td-mask-active), var(--td-mask-active) 0 0 0 5000px;
}
.t-guide__highlight--nomask {
border-radius: var(--td-radius-medium);
border: 2px solid var(--td-brand-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-guide__reference {
z-index: 999999;
}
.t-guide__wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999999;
padding-top: 20vh;
}
.t-guide__wrapper--center {
padding-top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-guide__dialog {
min-width: 320px;
max-width: 500px;
padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
border-radius: var(--td-radius-large);
background: var(--td-bg-color-container);
-webkit-animation: tGuideDialogFadeIn 0.3s ease-out;
animation: tGuideDialogFadeIn 0.3s ease-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.t-guide__dialog--nomask {
border: 1px solid var(--td-component-border);
}
.t-guide__dialog .t-guide__title {
font: var(--td-font-title-medium);
font-weight: 700;
}
.t-guide__dialog .t-guide__desc {
margin-top: var(--td-comp-margin-l);
font: var(--td-font-body-medium);
}
.t-guide__tooltip {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-s);
min-width: 240px;
max-width: 600px;
max-height: 300px;
}
.t-guide__title {
text-align: left;
color: var(--td-text-color-primary);
font: var(--td-font-title-small);
font-weight: 700;
}
.t-guide__desc {
margin-top: var(--td-comp-margin-s);
text-align: left;
color: var(--td-text-color-secondary);
font: var(--td-font-body-small);
}
.t-guide__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-guide__action button {
margin-right: var(--td-comp-margin-s);
}
.t-guide__action button:last-child {
margin-right: 0;
}
.t-guide__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-guide__footer--popup {
margin-top: var(--td-comp-margin-l);
}
.t-guide__footer--dialog {
margin-top: 24px;
}
.t-guide__footer--dialog .t-guide__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.t-guide__counter {
color: var(--td-text-color-placeholder);
text-align: left;
font: var(--td-font-body-small);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-guide__popup .t-guide__popup--content {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
@-webkit-keyframes tGuideDialogFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes tGuideDialogFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.t-notification {
color: var(--td-text-color-primary);
margin: 0;
padding: 0;
list-style: none;
font: var(--td-font-body-medium);
outline: 0;
border: 0;
background-color: var(--td-bg-color-container);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--td-radius-medium);
width: 360px;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-notification__icon {
width: calc(var(--td-font-size-body-large) + 8px);
text-align: center;
margin-right: var(--td-comp-margin-s);
}
.t-notification__icon .t-icon {
font-size: calc(var(--td-font-size-body-large) + 8px);
}
.t-notification .t-icon.t-is-info {
color: var(--td-brand-color);
}
.t-notification .t-icon.t-is-success {
color: var(--td-success-color);
}
.t-notification .t-icon.t-is-warning {
color: var(--td-warning-color);
}
.t-notification .t-icon.t-is-error {
color: var(--td-error-color-6);
}
.t-notification__main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-notification__title__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-notification__title {
font: var(--td-font-title-medium);
color: var(--td-text-color-primary);
}
.t-notification .t-icon-close {
cursor: pointer;
font-size: var(--td-font-size-body-large);
border-radius: var(--td-radius-default);
color: var(--td-text-color-secondary);
}
.t-notification .t-icon-close:hover {
background: var(--td-bg-color-container-hover);
}
.t-notification .t-icon-close:active {
background: var(--td-bg-color-container-active);
}
.t-notification__content {
font: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
margin-top: var(--td-comp-margin-s);
max-height: 66px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
/* stylelint-disable-next-line */
display: -webkit-box;
-webkit-line-clamp: 3;
/* stylelint-disable-next-line */
-webkit-box-orient: vertical;
}
.t-notification__detail {
margin-top: var(--td-comp-margin-l);
text-align: right;
font: var(--td-font-body-medium);
}
.t-notification__detail-item {
cursor: pointer;
}
.t-notification__detail-item:hover {
color: inherit;
background: var(--td-bg-color-container-hover);
}
.t-notification__detail-item:active {
color: inherit;
background: var(--td-bg-color-container-active);
}
.t-notification__detail-item + .t-notification__detail-item {
margin-left: var(--td-comp-margin-s);
}
.t-notification__detail-item.t-is-active {
color: var(--td-brand-color);
}
.t-notification__show--top-left {
position: fixed;
top: 0;
left: 0;
}
.t-notification__show--top-left > .t-notification {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: slidein-top-left;
animation-name: slidein-top-left;
}
@-webkit-keyframes slidein-top-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slidein-top-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.t-notification__show--top-right {
position: fixed;
top: 0;
right: 0;
}
.t-notification__show--top-right > .t-notification {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: slidein-top-right;
animation-name: slidein-top-right;
}
@-webkit-keyframes slidein-top-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slidein-top-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.t-notification__show--bottom-left {
position: fixed;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.t-notification__show--bottom-left > .t-notification {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: slidein-bottom-left;
animation-name: slidein-bottom-left;
}
@-webkit-keyframes slidein-bottom-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slidein-bottom-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.t-notification__show--bottom-right {
position: fixed;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.t-notification__show--bottom-right > .t-notification {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: slidein-bottom-right;
animation-name: slidein-bottom-right;
}
@-webkit-keyframes slidein-bottom-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slidein-bottom-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.t-notification-list__show {
position: fixed;
}
.t-popconfirm {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
min-width: 160px;
border-radius: var(--td-radius-medium);
}
.t-popconfirm .t-popup__content {
padding: 0;
}
.t-popconfirm.t-popup[data-popper-placement^="top"] .t-popup__arrow {
bottom: calc(-8px / 2);
}
.t-popconfirm__content {
position: relative;
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
border-radius: var(--td-radius-medium);
}
.t-popconfirm__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.t-popconfirm__body > .t-icon {
display: inline-block;
margin-right: var(--td-comp-margin-s);
padding: calc(calc(var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.t-popconfirm__confirm {
margin-left: var(--td-comp-margin-s);
}
.t-popconfirm__inner {
display: inline-block;
vertical-align: top;
max-width: 320px;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
}
.t-popconfirm__icon--warning {
color: var(--td-warning-color);
}
.t-popconfirm__icon--danger {
color: var(--td-error-color);
}
.t-popconfirm__icon--default {
color: var(--td-brand-color);
}
.t-popconfirm__buttons {
text-align: right;
margin-top: var(--td-comp-margin-l);
}
.t-popconfirm__buttons > span:last-child {
margin-right: 0;
}
.t-upload {
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.t-upload .t-is-bordered {
border: 1px solid var(--td-component-border);
}
.t-upload .t-upload__trigger {
display: inline-block;
}
.t-upload .t-icon {
font-size: calc(var(--td-font-size-body-medium) + 2px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-upload .t-icon-check-circle-filled {
color: var(--td-success-color);
}
.t-upload .t-icon-error-circle-filled {
color: var(--td-error-color);
}
.t-upload .t-icon-time-filled {
color: var(--td-text-color-placeholder);
}
.t-upload .t-icon-add {
color: var(--td-text-color-primary);
}
.t-upload__list-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 100px;
margin-right: var(--td-comp-margin-m);
overflow: hidden;
}
.t-upload__list-file .t-icon {
font-size: var(--td-comp-size-xl);
color: var(--td-brand-color);
}
.t-upload__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: var(--td-comp-margin-m);
width: 496px;
height: 124px;
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
border: 1px solid var(--td-component-border);
border-radius: var(--td-radius-default);
font: var(--td-font-body-medium);
}
.t-upload__list-item.t-is--error .t-upload__list-name {
color: var(--td-error-color);
}
.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
color: var(--td-error-color);
}
.t-upload__list-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload-list__control {
cursor: pointer;
}
.t-upload-list__control:hover {
color: var(--td-error-color);
}
.t-upload__list-img {
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
max-height: 100%;
cursor: pointer;
}
.t-upload__list-name {
max-width: 200px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-upload--highlight {
color: var(--td-text-color-brand);
}
.t-upload__single-name {
margin-right: var(--td-comp-margin-s);
}
.t-upload__card {
font: var(--td-font-body-small);
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--td-comp-margin-s);
}
.t-upload__card .t-is-disabled :hover {
cursor: not-allowed;
}
.t-upload__card-item {
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
}
.t-upload__card-item::after {
content: "";
display: block;
}
.t-upload__card-item:hover .t-upload__card-mask {
opacity: 1;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.t-upload__card-item.t-is--error .t-icon-warning_fill {
color: var(--td-error-color);
margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-item.t-is--error .t-upload__card-status {
color: var(--td-error-color);
}
.t-upload__card-item.t-is-background {
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.t-upload__card .t-icon-loading {
margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-name {
max-width: 100%;
margin-top: var(--td-comp-margin-s);
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-upload__card-content {
position: relative;
width: 110px;
height: 110px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--td-bg-color-secondarycontainer);
border: 1px dashed var(--td-component-border);
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
border-radius: var(--td-radius-default);
}
.t-upload__card-container {
width: 110px;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--td-bg-color-secondarycontainer);
border: 1px dashed var(--td-component-border);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-radius: var(--td-radius-default);
-webkit-transition: border 0.2s linear;
transition: border 0.2s linear;
}
.t-upload__card-container:hover:not(.t-is-disabled) {
border-color: var(--td-brand-color);
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.t-upload__card-container > .t-icon {
color: var(--td-text-color-placeholder);
}
.t-upload__card-container > .t-icon,
.t-upload__card-container .t-loading {
font-size: var(--td-comp-size-xs);
margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-container > p,
.t-upload__card-container .t-upload__add-text {
color: var(--td-text-color-placeholder);
margin: 0;
}
.t-upload__card-status-wrap {
text-align: center;
}
.t-upload__card-status-wrap > svg {
margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-status-wrap .t-icon,
.t-upload__card-status-wrap .t-loading {
font-size: var(--td-comp-size-xs);
}
.t-upload__card-image {
max-width: 100%;
max-height: 100%;
}
.t-upload__card-status {
color: var(--td-text-color-disabled);
font: var(--td-font-body-small);
}
.t-upload__card-mask {
background-color: var(--td-mask-active);
color: var(--td-text-color-anti);
will-change: transform;
opacity: 0;
z-index: 2;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.t-upload__card-mask-item-divider {
margin: 0 var(--td-comp-margin-l);
border-left: 1px var(--td-text-color-anti) solid;
height: var(--td-comp-size-xxxs);
}
.t-upload__card-mask-item > .t-icon {
cursor: pointer;
font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-upload__dialog .t-dialog {
max-width: 80%;
}
.t-upload__dialog .t-dialog--default {
padding: 32px;
}
.t-upload__dialog .t-dialog-body {
padding-bottom: 0;
}
.t-upload__dialog .t-dialog-body-img-box img {
display: block;
max-width: 100%;
max-height: 100%;
}
.t-upload__dragger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 336px;
height: 144px;
border: 1px dashed var(--td-component-border);
border-radius: var(--td-radius-small);
font: var(--td-font-body-medium);
color: var(--td-text-color-secondary);
cursor: pointer;
padding: var(--td-comp-margin-l);
position: relative;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.t-upload__dragger.t-is--active {
background-color: var(--td-bg-color-container-active);
border-color: var(--td-brand-color);
}
.t-upload__dragger:hover {
border-color: var(--td-brand-color);
}
.t-upload__dragger-btns {
position: absolute;
bottom: var(--td-comp-margin-l);
}
.t-upload__dragger .t-size-s {
display: block;
}
.t-upload__dragger-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__dragger-error {
border-color: var(--td-error-color);
}
.t-upload__dragger-error:hover {
border-color: var(--td-error-color);
}
.t-upload__dragger-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font: var(--td-font-body-medium);
color: var(--td-text-color-primary);
margin-bottom: var(--td-comp-margin-s);
max-width: calc(336px - var(--td-comp-margin-l) * 2 - 0);
}
.t-upload__dragger-text .t-upload__single-name {
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-upload__tips {
display: block;
color: var(--td-text-color-placeholder);
margin-top: var(--td-comp-margin-s);
font: var(--td-font-body-small);
}
.t-upload__tips.t-upload__tips-error {
color: var(--td-error-color);
}
.t-upload__tips.t-upload__tips-warn {
color: var(--td-warning-color);
}
.t-upload__placeholder {
color: var(--td-text-color-placeholder);
}
.t-upload__display-text--margin {
margin-top: var(--td-comp-margin-s);
}
.t-upload__single-display-text {
color: var(--td-text-color-secondary);
font: var(--td-font-body-small);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__single-display-text .t-upload__flow-status .t-icon {
font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-icon-clear-circle-filled {
color: var(--td-text-color-placeholder);
margin-top: var(--td-comp-margin-xxs);
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-icon-clear-circle-filled:hover {
color: var(--td-text-color-secondary);
cursor: pointer;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-upload__single-percent {
margin-left: var(--td-comp-margin-xs);
}
.t-upload__single-progress {
color: var(--td-brand-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__single-progress .t-loading {
font-size: calc(var(--td-font-size-body-medium) + 2px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-upload__single-input-delete {
margin-left: var(--td-comp-margin-l);
font: var(--td-font-body-medium);
color: var(--td-brand-color);
cursor: pointer;
}
.t-upload__single-input-preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-upload__single-input-text {
display: block;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.t-upload__single-file-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__single-file-input .t-upload__trigger {
margin-left: var(--td-comp-margin-l);
}
.t-upload__single-file-input .t-upload__single-progress {
white-space: nowrap;
}
.t-upload__single-file-input .t-input__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t-upload__dragger-progress {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.t-upload__dragger-progress .t-icon,
.t-upload__dragger-progress .t-loading {
font-size: calc(var(--td-font-size-body-medium) + 2px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-upload__dragger-img-wrap {
width: 110px;
height: 110px;
background-color: var(--td-bg-color-secondarycontainer);
border-radius: var(--td-radius-default);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.t-upload__dragger-img-wrap > img {
max-width: 100%;
max-height: 100%;
}
.t-upload__dragger-img-wrap + .t-upload__dragger-progress-info {
margin-left: var(--td-comp-margin-l);
max-width: calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)));
}
.t-upload__dragger-progress-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.t-upload__dragger-progress-info .t-upload__single-display-text {
margin-bottom: var(--td-comp-margin-s);
}
.t-upload__dragger-progress-info .t-button:hover {
background-color: transparent;
}
.t-upload__dragger-progress-cancel,
.t-upload__dragger-progress-reupload {
margin-right: var(--td-comp-margin-l);
}
.t-upload__dragger-progress-cancel:hover,
.t-upload__dragger-progress-reupload:hover {
border-color: transparent;
}
.t-upload__dragger-delete-btn:hover,
.t-upload__dragger-upload-btn:hover {
border-color: transparent;
}
.t-upload__flow-image-flow {
width: 498px;
}
.t-upload__flow {
min-width: 498px;
max-width: 960px;
}
.t-upload__flow-placeholder {
display: inline-block;
margin-left: var(--td-comp-margin-l);
}
.t-upload__flow-op {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__flow-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: var(--td-comp-margin-xxl);
}
.t-upload__flow-bottom .t-button + .t-button {
margin-left: var(--td-comp-margin-s);
}
.t-upload__flow-empty {
width: 100%;
height: 184px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--td-text-color-placeholder);
}
.t-upload__flow-table {
width: 100%;
border: 1px dashed var(--td-component-border);
margin-top: var(--td-comp-margin-xxl);
border-collapse: collapse;
}
.t-upload__flow-table > thead > tr,
.t-upload__flow-table > tbody > tr,
.t-upload__flow-table > tfoot > tr,
.t-upload__flow-table > tr {
border-top: 1px solid var(--td-component-border);
}
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
color: var(--td-text-color-placeholder);
font-weight: normal;
border: 1px solid var(--td-component-border);
text-align: left;
background-color: var(--td-bg-color-container);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td {
color: var(--td-text-color-primary);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td,
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-upload__flow-table__batch-row {
border-left: 1px solid var(--td-component-border);
}
.t-upload__flow-button {
color: var(--td-text-color-placeholder);
cursor: pointer;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-upload__flow-button:hover {
color: var(--td-text-color-secondary);
}
.t-upload__flow-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__flow-status .t-icon,
.t-upload__flow-status .t-loading {
margin-right: var(--td-comp-margin-s);
font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-upload__flow-card-area {
border: 1px dashed var(--td-component-border);
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
margin-top: var(--td-comp-margin-xxl);
-webkit-transition: border 0.2s linear;
transition: border 0.2s linear;
}
.t-upload__flow-card-area:hover {
border-color: var(--td-brand-color);
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
}
.t-upload__icon-delete,
.t-upload__single-input-clear {
color: var(--td-text-color-placeholder);
cursor: pointer;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-upload__icon-delete:hover,
.t-upload__single-input-clear:hover {
color: var(--td-text-color-secondary);
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.t-upload__single-input-clear {
display: none;
}
.t-upload__single-input-preview:hover .t-upload__single-input-clear {
display: initial;
}
.t-upload__single-input-preview:hover .t-upload__status-icon {
display: none;
}
.t-upload .t-upload__single-name {
color: var(--td-text-color-secondary);
}
.t-upload .t-upload__file-thumbnail {
margin-right: var(--td-comp-paddingLR-s);
width: var(--td-comp-size-xxl);
height: var(--td-comp-size-xxl);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.t-upload .t-upload__file-thumbnail > svg {
font-size: var(--td-comp-size-s);
color: var(--td-text-color-placeholder);
}
.t-upload__card-name {
margin-top: 8px;
}
.t-upload--theme-file-input {
width: 100%;
}
.t-upload__dragger-btns > .t-button {
padding: 0;
}
.t-upload__file-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.t-upload__card-container.t-is-disabled {
cursor: not-allowed;
}
.t-upload__card-container.t-is-disabled .t-upload__add-text {
color: var(--td-text-color-disabled);
}
.t-upload__card-container.t-is-disabled .t-icon {
color: var(--td-text-color-disabled);
}