html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;background:transparent}#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:#fff;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:#fff}.nut-theme-dark .demo{background:#000!important}[dir=rtl] #app #nav .back,.nut-rtl #app #nav .back{right:0}[dir=rtl] #app #nav .translate,.nut-rtl #app #nav .translate{left:0;right:auto}[dir=rtl] #app #nav .nut-icon,.nut-rtl #app #nav .nut-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] #app #nav .dark-model,.nut-rtl #app #nav .dark-model{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);margin-right:0;margin-left:10px}:root{--nut-icon-height: 16px;--nut-icon-width: 16px;--nut-icon-line-height: 16px;--animate-duration: 1s;--animate-delay: 0s}page{--nut-icon-height: 20px;--nut-icon-width: 20px;--nut-icon-line-height: 20px;--animate-duration: 1s;--animate-delay: 0s}.nut-icon{display:inline-block;position:relative;width:var(--nut-icon-width);height:var(--nut-icon-height);line-height:var(--nut-icon-line-height);text-align:right}.nut-icon:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nut-icon__img{width:var(--nut-icon-width);height:var(--nut-icon-height);-o-object-fit:contain;object-fit:contain}.nut-icon-loading,.nut-icon-loading1,.nut-icon-Loading,.nut-icon-Loading1{display:inline-block;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear}.nut-icon-am-infinite{-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-iteration-count:infinite;animation-direction:alternate}.nut-icon-am-jump{-webkit-animation-name:nutJumpOne;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease;-webkit-animation-delay:var(--animate-delay);animation-name:nutJumpOne;animation-duration:var(--animate-duration);animation-timing-function:ease;animation-delay:var(--animate-delay)}.nut-icon-am-jump.nut-icon-am-infinite{-webkit-animation-name:nutJump;animation-name:nutJump}.nut-icon-am-rotate{-webkit-animation-name:rotation;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:linear;-webkit-animation-delay:var(--animate-delay);animation-name:rotation;animation-duration:var(--animate-duration);animation-timing-function:linear;animation-delay:var(--animate-delay)}.nut-icon-am-rotate.nut-icon-am-infinite{-webkit-animation-direction:normal;animation-direction:normal}.nut-icon-am-blink{-webkit-animation-name:nutBlink;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBlink;animation-duration:var(--animate-duration);-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-delay:var(--animate-delay)}.nut-icon-am-breathe{-webkit-animation-name:nutBreathe;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBreathe;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-flash{-webkit-animation-name:nutFlash;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutFlash;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-bounce{-webkit-animation-name:nutBounce;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutBounce;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}.nut-icon-am-bounce.nut-icon-am-infinite{-webkit-animation-direction:normal;animation-direction:normal}.nut-icon-am-shake{-webkit-animation-name:nutShake;-webkit-animation-duration:var(--animate-duration);-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:var(--animate-delay);animation-name:nutShake;animation-duration:var(--animate-duration);animation-timing-function:ease-in-out;animation-delay:var(--animate-delay)}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes nutJump{to{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}}@keyframes nutJump{to{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}}@-webkit-keyframes nutJumpOne{50%{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}to{-webkit-transform:scaleZ(1) translateY(0);transform:scaleZ(1) translateY(0)}}@keyframes nutJumpOne{50%{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}to{-webkit-transform:scaleZ(1) translateY(0);transform:scaleZ(1) translateY(0)}}@-webkit-keyframes nutBlink{0%{opacity:0}to{opacity:1}}@keyframes nutBlink{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutBreathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes nutBreathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@-webkit-keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.index{height:100%;width:100%;padding-top:30px}.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:26px;color:#333}.index-header .info p{height:18px;line-height:18px;font-size:13px;color:#9a9b9d;white-space:nowrap}.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:#fff;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}[dir=rtl] .index-header>img,.nut-rtl .index-header>img{margin-right:0;margin-left:18px}[dir=rtl] .index-components .nut-icon,.nut-rtl .index-components .nut-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root,page{--nutui-brand-1: #ffeae8;--nutui-brand-2: #fec3be;--nutui-brand-3: #fd9d94;--nutui-brand-4: #fc776b;--nutui-brand-5: #fb5142;--nutui-brand-6: #fa2c19;--nutui-brand-7: #cf1f0f;--nutui-brand-8: #a31508;--nutui-brand-9: #780d03;--nutui-brand-10: #4d0004;--nutui-brand-stop-1: #f53d4d;--nutui-brand-stop-2: #fa2c19;--nutui-secondary-1: #14cc33;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-brand-3);--nutui-color-primary-text: #ffffff;--nutui-color-primary-light: var(--nutui-brand-1);--nutui-color-primary-light-pressed: var(--nutui-brand-2);--nutui-color-text-link: #396acc;--nutui-gray-1: #ffffff;--nutui-gray-2: #f8f8f8;--nutui-gray-3: #f6f6f6;--nutui-gray-4: #bfbfbf;--nutui-gray-5: #8c8c8c;--nutui-gray-6: #595959;--nutui-gray-7: #1a1a1a;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .06);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-info: #1988fa;--nutui-color-text-disabled: var(--nutui-gray-4);--nutui-font-size-1: 10px;--nutui-font-size-2: 12px;--nutui-font-size-3: 14px;--nutui-font-size-4: 16px;--nutui-font-size-5: 18px;--nutui-font-size-6: 20px;--nutui-font-size-7: 22px;--nutui-font-size-8: 24px;--nutui-font-size-9: 26px;--nutui-font-size-10: 28px;--nutui-font-weight: 400;--nutui-font-weight-bold: 500;--nutui-line-height-base: 1.5;--nutui-spacing-1: 2px;--nutui-spacing-2: 4px;--nutui-spacing-3: 6px;--nutui-spacing-4: 8px;--nutui-spacing-5: 10px;--nutui-spacing-6: 12px;--nutui-spacing-7: 14px;--nutui-spacing-8: 16px;--nutui-spacing-9: 18px;--nutui-spacing-10: 20px;--nutui-radius-1: 0px;--nutui-radius-2: 2px;--nutui-radius-3: 4px;--nutui-radius-4: 6px;--nutui-radius-5: 8px;--nutui-radius-6: 10px;--nutui-radius-7: 12px;--nutui-radius-8: 14px;--nutui-radius-9: 16px;--nutui-radius-10: 18px}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}