@charset "UTF-8";.img-wrapper{width:100%}.img-wrapper img{width:100%;box-shadow:0 0 8px rgba(0,0,0,.3);margin-bottom:20px}.img-wrapper span{display:block;text-align:center;margin-bottom:40px}.shadow{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}[layout]{display:-ms-flexbox;display:flex}[layout*=column],[layout*=row]{width:100%;max-width:100%}[layout^=row]{-ms-flex-direction:row;flex-direction:row}[layout^=column]{-ms-flex-direction:column;flex-direction:column}[layout*=row][layout*=reverse]{-ms-flex-direction:row-reverse;flex-direction:row-reverse}[layout*=column][layout*=reverse]{-ms-flex-direction:column-reverse;flex-direction:column-reverse}[layout*=columns],[layout*=rows]{-ms-flex-wrap:wrap;flex-wrap:wrap}[layout=none]{-ms-flex:none;flex:none}[layout*=column][layout*=top-],[layout*=row][layout*=-left]{-ms-flex-pack:start;justify-content:flex-start}[layout*=column][layout*=center-],[layout*=row][layout*=-center],[layout~=centered]{-ms-flex-pack:center;justify-content:center}[layout*=column][layout*=bottom-],[layout*=row][layout*=-right]{-ms-flex-pack:end;justify-content:flex-end}[layout*=column][layout*=spread-],[layout*=row][layout*=-spread]{-ms-flex-pack:distribute;justify-content:space-around}[layout*=column][layout*=justify-],[layout*=row][layout*=-justify]{-ms-flex-pack:justify;justify-content:space-between}[layout*=column][layout*=-left],[layout*=row][layout*=top-]{-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[layout*=column][layout*=-center],[layout*=row][layout*=center-],[layout~=centered]{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[layout*=column][layout*=-right],[layout*=row][layout*=bottom-]{-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[layout*=column][layout*=-stretch],[layout*=row][layout*=stretch-]{-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[layout*=columns][layout*=-left],[layout*=rows][layout*=top-]{-ms-flex-line-pack:start;align-content:flex-start}[layout*=columns][layout*=-right],[layout*=rows][layout*=bottom-]{-ms-flex-line-pack:end;align-content:flex-end}[layout*=columns][layout*=-center],[layout*=rows][layout*=center-]{-ms-flex-line-pack:center;align-content:center}[layout*=columns][layout*=-justify],[layout*=rows][layout*=justify-]{-ms-flex-line-pack:justify;align-content:space-between}[layout*=columns][layout*=-spread],[layout*=rows][layout*=spread-]{-ms-flex-line-pack:distribute;align-content:space-around}[layout*=columns][layout*=-stretch],[layout*=rows][layout*=stretch-]{-ms-flex-line-pack:stretch;align-content:stretch}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){[layout*=column]:not([layout*=row])>*{max-width:auto}[layout*=column][self*=top]{height:auto!important}[self~=size-]>*{height:auto}}[layout*=column]:not([layout*=row]) [self*=left],[layout*=row]:not([layout*=column]) [self*=top]{-ms-flex-item-align:start;align-self:flex-start}[self~=center]{-ms-flex-item-align:center;align-self:center}[layout*=column]:not([layout*=row]) [self*=right],[layout*=row]:not([layout*=column]) [self*=bottom]{-ms-flex-item-align:end;align-self:flex-end}[self*=stretch]{-ms-flex-item-align:stretch;align-self:stretch}[layout][self*=center]{margin-left:auto;margin-right:auto}[layout][self*=right]{margin-right:0}[layout][self*=left]{margin-left:0}[layout*=column] [self*=bottom]{margin-top:auto}[layout*=column] [self*=top]{margin-bottom:auto}[layout*=row] [self*=left]{margin-right:auto}[layout*=row] [self*=right]{margin-left:auto}[self~=size-1of10]{width:10%}[self~=size-1of8]{width:12.5%}[self~=size-1of7]{width:14.3%}[self~=size-1of6]{width:16.7%}[self~=size-1of5]{width:20%}[self~=size-1of4]{width:25%}[self~=size-1of3]{width:33.33333%}[self~=size-2of5]{width:40%}[self~=size-1of2]{width:50%}[self~=size-3of5]{width:60%}[self~=size-2of3]{width:66.6666%}[self~=size-3of4]{width:75%}[self~=size-4of5]{width:80%}[self~=size-1of1]{width:100%}[layout*=column][layout*=stretch-]>:not([self*=size-]),[layout*=row][layout*=-stretch]>:not([self*=size-]),[self~=size-x1]{-ms-flex:1 0 0%!important;flex:1 0 0%!important}[self~=size-x2]{-ms-flex:2 0 0%!important;flex:2 0 0%!important}[self~=size-x3]{-ms-flex:3 0 0%!important;flex:3 0 0%!important}[self~=size-x4]{-ms-flex:4 0 0%!important;flex:4 0 0%!important}[self~=size-x5]{-ms-flex:5 0 0%!important;flex:5 0 0%!important}[self~=size-x6]{-ms-flex:6 0 0%!important;flex:6 0 0%!important}[self~=size-x7]{-ms-flex:7 0 0%!important;flex:7 0 0%!important}[self~=size-x8]{-ms-flex:8 0 0%!important;flex:8 0 0%!important}[self~=size-x9]{-ms-flex:9 0 0%!important;flex:9 0 0%!important}[self*=size-auto]{-ms-flex:1 1 auto;flex:1 1 auto}[self*=size-x0]{-ms-flex:0 0 auto;flex:0 0 auto}[self~=size-xxlarge]{max-width:1440px;width:100%}[self~=size-xlarge]{max-width:1200px;width:100%}[self~=size-large]{max-width:960px;width:100%}[self~=size-larger]{max-width:840px;width:100%}[self~=size-medium]{max-width:720px;width:100%}[self~=size-smaller]{max-width:600px;width:100%}[self~=size-small]{max-width:480px;width:100%}[self~=size-xsmall]{max-width:360px;width:100%}[self~=size-xxsmall]{max-width:240px;width:100%}[self*=size-x]:not([self*=small]):not([self*=large]){-ms-flex-negative:1;flex-shrink:1}[self~=first]{-ms-flex-order:-1;order:-1}[self~=order-1]{-ms-flex-order:1;order:1}[self~=order-2]{-ms-flex-order:2;order:2}[self~=order-3]{-ms-flex-order:3;order:3}[self~=last]{-ms-flex-order:999;order:999}[layout*=column]:not([layout*=row])>*{-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}@media screen and (max-width:64em){[layout*=lg-row]{-ms-flex-direction:row;flex-direction:row}[layout*=lg-column]{-ms-flex-direction:column;flex-direction:column}[layout*=lg-columns],[layout*=lg-rows]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:52em){[layout*=md-row]{-ms-flex-direction:row;flex-direction:row}[layout*=md-column]{-ms-flex-direction:column;flex-direction:column}[layout*=md-columns],[layout*=md-rows]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:40em){[layout*=sm-row]{-ms-flex-direction:row;flex-direction:row}[layout*=sm-column]{-ms-flex-direction:column;flex-direction:column}[layout*=sm-columns],[layout*=sm-rows]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:64em){[self*=lg-full]{-ms-flex:1 1 100%!important;flex:1 1 100%!important;width:100%;max-width:100%}[self*=lg-half]{-ms-flex:1 1 50%!important;flex:1 1 50%!important;width:50%;max-width:50%}[self~=lg-first]{-ms-flex-order:-1;order:-1}[self~=lg-last]{-ms-flex-order:999;order:999}[self~=lg-hide]{display:none}[self~=lg-show]{display:inherit}}@media screen and (max-width:52em){[self*=md-full]{-ms-flex:1 1 100%!important;flex:1 1 100%!important;width:100%;max-width:100%}[self*=md-half]{-ms-flex:1 1 50%!important;flex:1 1 50%!important;width:50%;max-width:50%}[self~=md-first]{-ms-flex-order:-1;order:-1}[self~=md-last]{-ms-flex-order:999;order:999}[self~=md-hide]{display:none}[self~=md-show]{display:inherit}}@media screen and (max-width:40em){[self*=sm-full]{-ms-flex:1 1 100%!important;flex:1 1 100%!important;width:100%;max-width:100%}[self*=sm-half]{-ms-flex:1 1 50%!important;flex:1 1 50%!important;width:50%;max-width:50%}[self~=sm-first]{-ms-flex-order:-1;order:-1}[self~=sm-last]{-ms-flex-order:999;order:999}[self~=sm-hide]{display:none}[self~=sm-show]{display:inherit}}@font-face{font-family:Nitti;src:url(./747c0f98860966043db7e3113800fb32.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Nitti;src:url(./0b173945434a384ea4817b1d680326c0.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Nitti;src:url(./90ef12e6ff208475cbd0b6ba7be9b012.woff) format("woff");font-style:normal;font-weight:600}@font-face{font-family:Nitti;src:url(./60530f905545e0f1ede17b1995678ef1.woff) format("woff");font-style:italic;font-weight:600}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_ohw11tttitzz1tt9.eot);src:url(//at.alicdn.com/t/font_ohw11tttitzz1tt9.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_ohw11tttitzz1tt9.woff) format("woff"),url(//at.alicdn.com/t/font_ohw11tttitzz1tt9.ttf) format("truetype"),url(//at.alicdn.com/t/font_ohw11tttitzz1tt9.svg#iconfont) format("svg")}.icon{font-family:iconfont!important;font-size:30px;user-select:none;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}@font-face{font-family:shangya;src:url(./89f97ea1d21ad9a0292c23a2b0e164ab.woff) format("woff"),url(/b2d6e704bed97c5adb4120168b920d17.ttf) format("truetype"),url(/a68bd884749c07c8aae8b15830e15f43.svg#shangya) format("svg");font-style:normal;font-weight:400}@font-face{font-family:tongzhen;src:url(./38b3995b1fabccdf9ad8da4333507d8e.woff) format("woff"),url(/bb70255c0f9aa6f6cbcd31058cd43870.ttf) format("truetype"),url(/3d1eec11428f991e8698b7f82ca324d5.svg#tongzhen) format("svg");font-style:normal;font-weight:400}body{padding:20px 0 80px;background:#f0f0f0;color:#333}@media (max-width:1000px){body{padding:0;margin:0;-webkit-tap-highlight-color:transparent;width:20rem;overflow-x:hidden}}.night{color:#c68458}.night,.night .app{background:#181e27}.app,.night .app{box-shadow:0 0 0 1px #666}.app{width:1000px;padding:10px 40px;background:#fafafa;margin:0 auto;padding-bottom:30px;font-family:Nitti,shangya,Microsoft YaHei,微软雅黑,monospace}.app.tongzhen{font-family:Nitti,tongzhen,Microsoft YaHei,微软雅黑,monospace}.app.yahei{font-family:Nitti,Microsoft YaHei,微软雅黑,monospace}@media (max-width:1000px){.app{width:100vw;padding:.5rem 1rem;padding-bottom:4rem}.app>*{box-sizing:border-box}}.github{white-space:pre;cursor:pointer}.github span{text-decoration:underline}.github:hover{color:#3887f4}.github .icon{font-size:18px}h1,h2,h3,h4,h5{font-weight:400}h1{font-size:18px;width:fit-content}h2{margin-top:1.5em;font-weight:700;white-space:nowrap;width:100%;overflow:hidden;color:#ccc}h2:after{content:"\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591\2591"}@media (max-width:1000px){h2{font-size:14px;margin-top:1rem}}h4{font-size:30px;margin:0;overflow:hidden;position:relative;padding-bottom:50px;width:fit-content}@media (max-width:1000px){h4{padding-bottom:1rem;color:#3887f4;font-size:15px}}h5{font-size:16px;margin:5px 0;letter-spacing:1px}h5,h5:before{display:inline-block}h5:before{content:"*";font-size:20px;color:#3887f4;transform:translateX(-5px);vertical-align:middle}@media (max-width:1000px){h5{font-size:11px;letter-spacing:0;line-height:1.3 ︎;margin:7px 0}h5:before{content:"\25C9";display:inline-block;font-size:10px;color:#333;transform:translateX(-5px)}}section{position:relative;margin:50px 0 160px;padding-left:40px}section:before{content:"";position:absolute;left:0;top:0;bottom:0;display:block;width:6px;background:#3887f4;transform:skew(10deg) rotate(10deg)}section.head{margin-bottom:100px;padding-left:0}section.head:before{background:transparent}@media (max-width:1000px){section{margin:2rem 0 4rem;padding-left:0}section:before{width:4px;transform:translateX(-1rem)}section.head{margin-bottom:1.5rem}}ul{padding-left:10px}li{list-style:none}code{padding:5px;background:#222;color:#fff;font-style:italic;margin:0 5px;font-size:14px}@media (max-width:1000px){code{font-size:9px;padding:2px 4px}}.nav{position:fixed;left:50%;margin-left:520px;top:100px}.nav__h2{font-size:24px}.nav__h2-check{display:none}.nav__h2-check:checked~.nav__h4-wrap{display:block}.nav__h2-check:checked+.nav__h2-title{color:#3887f4}.nav__h2-title{display:block;cursor:pointer;user-select:none}.nav__h2-title:hover,.nav__h4{color:#3887f4}.nav__h4{font-size:14px}.nav__h4-wrap{display:none;margin:20px 0 30px;white-space:nowrap;padding-left:10px;border-left:2px solid #ccc}.nav__h4-title{display:block;color:#999;width:calc(50vw - 590px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.nav__h4-title:hover{color:#3887f4;text-decoration:underline}@media (max-width:1000px){.nav{display:none;left:auto;right:10px;margin-left:0;top:auto;bottom:50px;text-align:right}.nav__h4{font-size:11px;color:#3887f4}.nav__h4-wrap{display:none;margin:20px 0 30px;white-space:nowrap;padding-left:0;padding-right:10px;border-left:none;border-right:2px solid #ccc}.nav__h4-title{width:18rem;font-size:14px;line-height:1.7;color:#777}.nav__h4-title:hover{color:#3887f4;text-decoration:underline}.nav:before{content:"";position:absolute;z-index:-1;box-shadow:0 0 0 9999px hsla(0,0%,100%,.8)}.nav.show,.nav:before{display:block}}.nav__button{display:none;width:4rem;height:2rem;font-size:12px;position:fixed;z-index:10;bottom:10px;right:10px;background:#fff;justify-content:center;align-items:center;border:1px solid #333}@media (max-width:1000px){.nav__button{display:flex}}.fonts{position:fixed;left:0;bottom:10px;transform:translateX(-100%);width:fit-content;transition:.2s cubic-bezier(.4,0,.2,1)}.fonts:before{content:"";right:-15px;width:15px;height:50px;background:#aaa}.fonts:after,.fonts:before{position:absolute;z-index:-1;bottom:0}.fonts:after{content:"\25B8";color:#fff;text-align:center;right:-10px;width:10px;line-height:50px}.fonts:hover{transform:translateX(0)}.fonts:hover:before{opacity:0}.fonts__option{height:35px;font-size:12px;width:70px;cursor:pointer;background:#fff;border:1px solid #333}.fonts__option:not(:first-child){margin-top:1px}.fonts__option:hover{width:80px}.fonts__option.active{width:80px;background:#3887f4;color:#fff}.fonts__tip{font-size:12px;color:#aaa;margin:0}.fonts__tip a{color:#3887f4}.demo{background:#eee;padding:40px 30px 20px;margin-bottom:30px;margin-top:10px;margin-left:-10px}.demo__attitude{flex-basis:50%;text-align:center;padding:20px 0 0}.demo__attitude:before{content:attr(data-desktop)}.demo__footer{order:2}.demo__ground{order:1}.demo__ground>*{flex-basis:50%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}@media (max-width:1000px){.demo{position:relative;padding:0;flex-flow:row;margin-bottom:1rem;margin-top:10px;margin-left:0}.demo__attitude{padding:0;display:flex;align-items:center;justify-content:center}.demo__attitude:before{content:attr(data-mobile)}.demo__ground{order:2;flex-flow:column;width:auto;flex-grow:1;padding-left:10%}.demo__ground>*{padding:1rem 0}.demo__footer{position:absolute;top:0;bottom:0;order:1;width:20%;height:100%;flex-basis:20%;flex-flow:column}}.icon-button{position:relative;display:flex;flex-flow:row wrap;width:60px;height:60px;background:#fff;border-radius:50%;justify-content:center;align-items:center;cursor:pointer}.icon-button:hover{background:#bfbfbf}.icon-button:active{background:#111;color:#fff}.icon-button.grey{background:#aaa}@media (max-width:1000px){.icon-button{width:3rem;height:3rem}.icon-button .icon{font-size:16px}}.button,.form-button{width:140px;text-align:center;padding:10px 0;background:#fff;cursor:pointer}.button:not(:last-child),.form-button:not(:last-child){margin-right:5px}.button.disabled,.disabled.form-button{background:#ccc}.button:before,.form-button:before{content:attr(data-content)}.button.effect:hover,.effect.form-button:hover{background:#bfbfbf}.button.effect:hover:before,.effect.form-button:hover:before{content:attr(data-hover)}.button.effect:active,.effect.form-button:active{background:#111;color:#fff}.button.effect:active:before,.effect.form-button:active:before{content:attr(data-active)}@media (max-width:1000px){.button,.form-button{width:6rem;font-size:10px}}.form-button{user-select:none;overflow:hidden}.form-button:before{content:attr(data-content);line-height:20px}.form-button:hover{background:#f2f2f2}.form-button:active{background:#111;color:#fff}.form-button.loading{background:#ccc}.form-button.loading:before{content:"loading"}@media (max-width:1000px){.form-button{height:40px;display:flex;align-items:center;justify-content:center}}.loading .spinner{display:inline-block}.spinner{display:none;height:20px;vertical-align:middle;overflow:hidden;transform:translateY(-1px)}.spinner:after{display:block;white-space:pre;line-height:1.5;content:"\1F311\A\1F312\A\1F313\A\1F314\A\1F315\A\1F316\A\1F317\A\1F318";width:1.5em;animation:spin 1.5s steps(8) infinite}@media (max-width:1000px){.spinner{height:1.5rem}.spinner:after{font-size:1rem;width:1.5em}}@keyframes spin{to{transform:translateY(-12em)}@media (max-width:1000px){to{transform:translateY(-12rem)}}}input[type=text]{padding:10px 15px;border:2px solid #999;outline:none;background:#fff}input[type=text]:not(:last-child){margin-right:5px}input[type=text]:focus{outline:none}input[type=text].effect:hover{border-color:#000}input[type=text].effect:focus{background:#fff;border-color:#111;color:#fff;background:#222}input[type=text].effect:focus::-webkit-input-placeholder{color:#aaa}input[type=text].disabled{background:#ccc}@media (max-width:1000px){input[type=text]{width:6rem;font-size:10px;border-width:1px}input[type=text]:not(:last-child){margin-right:0;margin-bottom:5px}input[type=text].full{width:10rem}}.tooltip:before{display:block;position:absolute;width:120%;height:20px;top:-30px;background:#fff}.tooltip:after{position:absolute;font-size:12px;line-height:20px;top:-30px}.tooltip.bottom:before{width:0}.tooltip.bottom:after{color:#fff;font-size:12px;position:absolute;line-height:auto;top:104%;left:0;display:inline-block;padding:4px 13px;background:#333}.tooltip:hover:before{content:""}.tooltip:hover:after{content:attr(data-tooltip)}@media (max-width:1000px){.tooltip:after,.tooltip:before{left:50%;transform:translateX(-50%)}.tooltip:after{font-size:10px;white-space:nowrap}}.list{width:200px;height:90px}.list:before{display:block;content:"";width:100%;height:20px;background:#000;margin-bottom:1px}.list .units{width:100%}.list .units:after,.list .units:before{display:block;content:"";width:100%;height:30px;box-shadow:inset 0 0 0 2px #000;background:#fff;margin-bottom:2px}.list .empty{text-align:center;font-size:12px;margin-top:20px}.list.loading .empty,.list.loading .units{display:none}.list .spinner{position:relative;left:50%;transform:translate(-50%,20px)}.info{position:relative;width:190px;font-size:13px;height:48px;padding-left:70px;display:flex;align-items:center;background:#fff}.info:before{content:"";color:transparent;position:absolute;top:0;left:0;display:block;width:48px;padding-bottom:48px;background:#3887f4}.tr{width:300px;height:50px;padding-left:20px}.tr,.tr.b{background:#fff}.tr.b{border:1px solid #000}.tr.b:not(:last-child){border-bottom:none}.tr.hover{cursor:pointer}.tr.hover:hover{background:#f2f2f2}.tr .tip{font-size:13px;padding-left:20px;color:#ccc}.tr span{font-size:12px}.tr .icon{font-size:13px;transform:translateY(2px);display:inline-block}@media (max-width:1000px){.tr{width:10rem}}.checkbox{width:10px;height:10px;background:#fff;border:1px solid #000}.checkbox.checked{background:#000}.small-button{position:relative;width:80px;padding:5px 0;text-align:center;background:#fff;cursor:pointer;font-size:12px}.small-button:before{content:attr(data-content)}.small-button.ex:after{content:"";position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;border:1px dashed #000}.small-button:hover{background:#bfbfbf}.small-button:hover:before{content:attr(data-hover)}.border-button{width:100px;line-height:40px;text-align:center;background:#fff;cursor:pointer}.border-button:hover{border:5px solid #000}.border-button.bs:hover{border:0;box-shadow:inset 0 0 0 5px #000}.paragraph{width:200px}.paragraph .title{height:15px;width:40%;background:#000;margin:2px 0}.paragraph .title.full{width:80%;height:20px}.paragraph .section{width:100%;height:30px;background:#aaa;margin:2px 0}.paragraph .section.part{width:40%;height:10px}.paragraph .section.l{width:60%}.paragraph .section.x{width:70%}.paragraph.gap .title{margin:15px 0}.paragraph.gap .title:first-child{margin-top:0}.paragraph.gap .section{margin:3px 0}.confirm{position:relative;z-index:10;width:200px;height:50px;padding:5px;background:#f0f0f0;box-shadow:0 0 0 9999px hsla(0,0%,5%,.55)}.confirm:after,.confirm:before{width:40px;display:inline-block;margin-left:10px;text-align:center;line-height:20px;font-size:12px;cursor:pointer}.confirm:before{content:"\53D6\6D88";background:#ddd}.confirm:after{content:"\786E\5B9A";color:#fff;background:#222}.transition{transition:.2s cubic-bezier(.4,0,.2,1)}.transition3{transition:.55s linear}.transition2{transition:.55s cubic-bezier(.4,0,.2,1)}.ts-button{width:160px;height:40px;background:#fff;user-select:none;cursor:pointer}.ts-button:hover{background:#bfbfbf}.ts-button .icon{display:none;font-size:13px}@media (max-width:1000px){.ts-button{width:8rem;height:3rem}}.circled{border-radius:50%;height:40px;width:40px;transform:translate(200px);font-size:0;color:transparent}.circled span{display:none}.circled .icon{display:block;color:#222}@media (max-width:1000px){.circled{width:3rem;height:3rem;transform:translate(0)}}.sts:before{display:inline-block;content:"";width:6px;height:6px;border-radius:50%;transform:translateX(-3px)}.sts.s:before{background:#41ff78}.sts.f:before{background:#ff313e}.img-err{width:200px;height:100px;background:#ddd;color:#888;font-size:13px}@media (max-width:1000px){.img-err{width:9rem;height:4rem;font-size:10px}}.button-group{width:200px;height:40px;background:#fff;border:1px solid #333}.button-group input[type=radio]{display:none}.button-group input[type=radio]:checked+label{background:#3887f4;color:#fff}.button-group label{flex-basis:50%;cursor:pointer;height:100%;display:flex;justify-content:center;align-items:center}.button-group label:hover{background:#d9d9d9}.button-group label:first-of-type{border-right:1px solid #333}.select{width:200px;position:relative}.select input[type=checkbox]{display:none}.select input[type=checkbox]:checked~.option{display:block}.select input[type=checkbox]:checked+label{color:#aaa;box-shadow:inset 0 0 0 1px #333}.select input[type=checkbox]:checked+label:after{border-top-color:#3887f4;transform:translateY(-60%) rotate(180deg)}.select label{position:relative;display:block;width:100%;background:#fff;height:40px;line-height:40px;text-indent:15px;color:#333;user-select:none;cursor:pointer;border:1px solid #333}.select label:after{content:"";position:absolute;top:50%;right:10px;display:block;transform:translateY(-50%);transform-origin:50%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #333}.select .option{display:none;position:absolute;width:100%;margin-top:10px;background:#fff;border:1px solid #333}.select .option:after,.select .option:before{display:block;width:100%;padding:10px 15px;font-size:12px;cursor:pointer}.select .option:before{content:"\5C31\4E00\4E2A\9009\9879\4F60\8FD8\8BA9\6211\4E0B\62C9\FF1F"}.select .option:hover{background:#d9d9d9}