#app{background:#fff;height:100%;width: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 #nav{position:fixed;z-index:10;left:0;right:0;height:57px;line-height:57px;text-align:center;background:white;font-weight:700;font-size:20px;color:#333;-webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,.07);box-shadow:0 4px 10px #00000012}#app #nav .back{position:absolute;left:0;height:100%;width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#app #nav .translate{position:absolute;top:0;right:0;height:100%;width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#app #nav .dark-model{margin-right:10px;width:20px;height:20px}#app #nav .translate-icon{width:20px;height:20px}#app .demo{min-height:100vh;height:100%;background:#f7f8fa;overflow-x:hidden;overflow-y:auto;padding:57px 17px 0}#app .demo.no-overflow{overflow:unset}#app .demo.full{padding:57px 0 0}#app .demo.full h2{padding-left:17px}#app .demo.bg-w{background:#fff}#app .demo::-webkit-scrollbar{width:0;background:transparent}#app .demo>h2{margin-top:30px;margin-bottom:10px;font-size:14px;color:#909ca4;padding:0 10px;font-weight:400}#app .demo>p{font-size:12px}#app .demo .card{padding:25px 18px;background:rgb(255,255,255)}.nut-theme-dark .demo{background:#000!important}.index{height:100%;width:100%;padding-top:30px}.index-components{background:#f7f8fa;border-radius:30px 30px 0 0;padding:30px 25px}.index-components>ol{margin-bottom:17px}.index-components>ol>li{line-height:20px;font-size:14px;color:#909ca4;margin-bottom:10px}.index-components>ol>ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;height:45px;line-height:45px;background:rgb(255,255,255);border-radius:22px;-webkit-box-shadow:0px 1px 4px 0px rgba(102,102,102,.06);box-shadow:0 1px 4px #6666660f;margin-bottom:13px}.index-components>ol>ul li a{width:100%;height:100%;font-size:15px;font-weight:700;display:block;color:#333}.index{height:100%;width:100%;padding-top:60px}.index-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 34px;height:117px}.index-header>img{width:67px;height:67px;margin-right:18px;-ms-flex-negative:0;flex-shrink:0}.index-header .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index-header .info h1{height:48px;line-height:48px;font-size:34px;color:#333}.index-header .info p{height:18px;line-height:18px;font-size:12px;color:#9a9b9d}.index-wxcode{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 117px);border-radius:30px 30px 0 0;overflow:hidden;padding:30px 25px;-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}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,em,img,s,strong,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,time,audio,video{margin:0;padding:0;border:0;font-family:PingFang SC,Microsoft YaHei,Helvetica,Hiragino Sans GB,SimSun,sans-serif;-webkit-overflow-scrolling:touch}input[type=text],textarea{-webkit-appearance:none}input:focus{-webkit-user-modify:read-write-plaintext-only}input::-webkit-search-cancel-button{display:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html,body,a,button,input{outline:0 none;border:0;text-decoration:none}img{border:0 none;vertical-align:bottom;-ms-interpolation-mode:bicubic}[v-cloak]{display:none}html,body{height:100%;width:100%;background:#fff}@font-face{font-family:nutui-iconfont;src:url(https://nutui.jd.com/h5/react/1x/demo-1.5.12/iconfont.woff2?t=1668762221765) format("woff2"),url(https://nutui.jd.com/h5/react/1x/demo-1.5.12/iconfont.woff?t=1668762221765) format("woff"),url(https://nutui.jd.com/h5/react/1x/demo-1.5.12/iconfont.ttf?t=1668762221765) format("truetype")}.nutui-iconfont{font-family:nutui-iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nut-icon-mask-close:before{content:""}.nut-icon-rect-left:before{content:""}.nut-icon-rect-up:before{content:""}.nut-icon-rect-right:before{content:""}.nut-icon-rect-down:before{content:""}.nut-icon-triangle-down:before{content:""}.nut-icon-triangle-up:before{content:""}.nut-icon-image-error:before{content:""}.nut-icon-image:before{content:""}.nut-icon-voice:before{content:""}.nut-icon-play-stop:before{content:""}.nut-icon-play-start:before{content:""}.nut-icon-play-double-back:before{content:""}.nut-icon-play-double-forward:before{content:""}.nut-icon-dou-arrow-up:before{content:""}.nut-icon-loading1:before{content:""}.nut-icon-checked:before{content:""}.nut-icon-checklist:before{content:""}.nut-icon-check-disabled:before{content:""}.nut-icon-check-normal:before{content:""}.nut-icon-check-checked:before{content:""}.nut-icon-loading:before{content:""}.nut-icon-heart-n:before{content:""}.nut-icon-star-fill-n:before{content:""}.nut-icon-heart-fill-n:before{content:""}.nut-icon-star-n:before{content:""}.nut-icon-heart:before{content:""}.nut-icon-heart1:before{content:""}.nut-icon-heart-fill:before{content:""}.nut-icon-heart-fill2:before{content:""}.nut-icon-heart-fill1:before{content:""}.nut-icon-star-fill2:before{content:""}.nut-icon-star11:before{content:""}.nut-icon-star1:before{content:""}.nut-icon-star-fill:before{content:""}.nut-icon-share-n:before{content:""}.nut-icon-horizontal-n:before{content:""}.nut-icon-more-x:before{content:""}.nut-icon-more-s:before{content:""}.nut-icon-star-fill1:before{content:""}.nut-icon-star2:before{content:""}.nut-icon-heart2:before{content:""}.nut-icon-heart-fill3:before{content:""}.nut-icon-retweet:before{content:""}.nut-icon-poweroff-circle-fill:before{content:""}.nut-icon-play-circle-fill:before{content:""}.nut-icon-down-arrow:before{content:""}.nut-icon-success:before{content:""}.nut-icon-failure:before{content:""}.nut-icon-issue:before{content:""}.nut-icon-Check:before{content:""}.nut-icon-plus:before{content:""}.nut-icon-minus:before{content:""}.nut-icon-arrow-up2:before{content:""}.nut-icon-arrow-down2:before{content:""}.nut-icon-screen-little:before{content:""}.nut-icon-arrow-right2:before{content:""}.nut-icon-close-little:before{content:""}.nut-icon-joy-smile:before{content:""}.nut-icon-arrow-down:before{content:""}.nut-icon-arrow-right:before{content:""}.nut-icon-arrow-up:before{content:""}.nut-icon-github:before{content:""}.nut-icon-uploader:before{content:""}.nut-icon-circle-close:before{content:""}.nut-icon-right:before{content:""}.nut-icon-jdl:before{content:""}.nut-icon-order:before{content:""}.nut-icon-refresh:before{content:""}.nut-icon-add:before{content:""}.nut-icon-JD:before{content:""}.nut-icon-eye:before{content:""}.nut-icon-dshop:before{content:""}.nut-icon-my2:before{content:""}.nut-icon-star:before{content:""}.nut-icon-del2:before{content:""}.nut-icon-comment:before{content:""}.nut-icon-microphone:before{content:""}.nut-icon-people:before{content:""}.nut-icon-service:before{content:""}.nut-icon-cart2:before{content:""}.nut-icon-location2:before{content:""}.nut-icon-marshalling:before{content:""}.nut-icon-fabulous:before{content:""}.nut-icon-s-follow:before{content:""}.nut-icon-shop:before{content:""}.nut-icon-message:before{content:""}.nut-icon-ask2:before{content:""}.nut-icon-search2:before{content:""}.nut-icon-clock:before{content:""}.nut-icon-setting:before{content:""}.nut-icon-refresh2:before{content:""}.nut-icon-horizontal:before{content:""}.nut-icon-date:before{content:""}.nut-icon-photograph:before{content:""}.nut-icon-link:before{content:""}.nut-icon-scan2:before{content:""}.nut-icon-left:before{content:""}.nut-icon-close:before{content:""}.nut-icon-locationg3:before{content:""}.nut-icon-share1:before{content:""}.nut-icon-shop3:before{content:""}.nut-icon-more:before{content:""}.nut-icon-ask:before{content:""}.nut-icon-tips:before{content:""}.nut-icon-notice:before{content:""}.nut-icon-lower:before{content:""}.nut-icon-top:before{content:""}.nut-icon-download:before{content:""}.nut-icon-dongdong:before{content:""}.nut-icon-JIMI40:before{content:""}.nut-icon-location:before{content:""}.nut-icon-scan:before{content:""}.nut-icon-addfollow:before{content:""}.nut-icon-search:before{content:""}.nut-icon-share:before{content:""}.nut-icon-follow:before{content:""}.nut-icon-del:before{content:""}.nut-icon-edit:before{content:""}.nut-icon-cart:before{content:""}.nut-icon-home:before{content:""}.nut-icon-find:before{content:""}.nut-icon-category:before{content:""}.nut-icon-my:before{content:""}.nut-icon-footprint:before{content:""}