.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.child-view{transition:all .5s cubic-bezier(.55,0,.1,1)}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate(30px)}.slide-left-leave-active,.slide-right-enter{opacity:0;transform:translate(-30px)}a:active,a:hover,a:link,a:visited{text-decoration:none}a{color:#000}.log{margin:0 auto;display:block}.list{padding:0 .25rem}.list>li{height:1rem;line-height:1rem}.demo{margin:0 .25rem}.demo-list{height:1.5rem;line-height:1.5rem;border-bottom:1px solid #ccc;display:box;display:-webkit-box;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAYAAABozQZiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkY4OTI3MkFBMjExMUU2QUY0MDkwQzE2MkE3QTM4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkY4OTI3M0FBMjExMUU2QUY0MDkwQzE2MkE3QTM4MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMyRjg5MjcwQUEyMTExRTZBRjQwOTBDMTYyQTdBMzgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyRjg5MjcxQUEyMTExRTZBRjQwOTBDMTYyQTdBMzgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VLiKIQAAAMRJREFUeNqclLsNwjAURZ0rKhZgGERHQckA1HwmAnoWoARKqD0HYgDacC0ZyYr8eTeWjhJHOidy4qTz3juOOenIywkDZEbu5EaWqvwhFzIlVyUQ5J7syVkNIB5D4KAGkJzLAQzmUgCZa+YAClFTAJUlNQNoPNBqAIbXWQzAuJlygQXc+NFb5fDFHcmOfMk6fIEYKT4say6KLbkq1uSmWJJNYk42i0NZElNZFsOYRPFEtoqY/no3qvi/85us4vypbO6fAAMAlKBJZJ58RqgAAAAASUVORK5CYII=) no-repeat 100%;background-size:.2rem .3466666666666667rem;font-size:.45rem}.demo-list>span{padding-right:.5rem}.alert{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);transition:.25s}.alert,.alert .alert-box{z-index:5;position:fixed}.alert .alert-box{width:82%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#fafafc;text-align:center;border-radius:6px;overflow:hidden}.alert .alert-box .alert-tit{font-size:.5rem;line-height:2}.alert .alert-box .alert-content{padding:.25rem 0;font-size:.45rem}.alert .alert-box .alert-content>input{-webkit-appearance:none;padding:0;margin:0;border-radius:0;width:80%;height:.75rem;line-height:.75rem;font-size:.45rem;border:1px solid #ccc}.alert .alert-box .alert-btn{display:box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between}.alert .alert-box .alert-btn>span{width:50%;font-size:.4rem;color:#247aea;padding:.25rem 0;border-top:1px solid #ccc}.alert .alert-box .alert-btn>span:first-child{border-right:1px solid #ccc}.fade-enter-active,.fade-leave-active{transition:.1s}.layer{z-index:3;top:0;right:0;left:0;bottom:0}.layer,.loding-center{position:fixed;background:rgba(40,40,40,.75)}.loding-center{z-index:4;width:3rem;height:3rem;top:50%;left:50%;margin:-1.5rem 0 0 -1.5rem;text-align:center;border-radius:.15rem;color:#fff}.icon-toast{width:.87rem;margin-top:1.5rem;margin-left:.5rem;margin-bottom:.5rem;line-height:0;font-size:0;vertical-align:middle;-webkit-transform:rotate(45deg)}.icon-toast,.icon-toast:before{height:.125rem;display:block;background:#fff}.icon-toast:before{content:"/";width:1.75rem;-webkit-transform:rotate(-90deg) translateY(-50%) translateX(50%)}.spin{width:1.5rem;height:1.5rem;margin-top:.25rem;margin-bottom:.25rem}.icon-msg{font-size:.5rem;display:block}.layer{position:fixed;z-index:3;top:0;right:0;left:0;bottom:0}.toast-center{font-size:.5rem;padding:.2rem .25rem;border-radius:.1rem;background:rgba(40,40,40,.75);color:#fff;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;-webkit-transform:translate(-50%,-50%);-webkit-transform-origin:50% 50%}.toast-top{position:absolute;top:.5rem}.toast-bottom{bottom:.5rem}.toast-bottom,.toast-middle{position:absolute}.fade-enter-active,.fade-leave-active{transition:.2s}.fade-enter,.fade-leave-active{opacity:0}.picker{height:5rem;width:100%;overflow:hidden;position:relative;box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1}.picker:before{top:0;border-bottom:1px solid #ccc;background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0))}.picker:after,.picker:before{content:"";display:block;position:absolute;left:0;height:2rem;width:100%;pointer-events:none;z-index:1}.picker:after{bottom:0;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));border-top:1px solid #ccc}.picker .picker-ul{text-align:center;transition:all .3s ease-out}.picker .picker-ul>li{height:1rem;line-height:1rem;font-size:.4rem}.switch{background:#fff;padding:.25rem;height:.8rem;line-height:.8rem;display:box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between}.switch .switch-tit{box-flex:1;-ms-flex:1;flex:1;-webkit-flex:1}.switch .switch-tab{border:1px solid #e1e1e1;width:1.6rem;height:.8rem;border-radius:.8rem;position:relative;transition:.25s}.switch .switch-tab .switch-tab-o{transition:.25s;width:.8rem;height:.8rem;background:#fff;border-radius:50%;position:absolute}.switch .switchTabOn{border:1px solid #47da67;background:#47da67}.switch .switchTabOn .switch-tab-o{left:.8rem}.switch .switchTabOff{background:#e1e1e1}.switch .switchTabOff .switch-tab-o{left:0}.silderbox{overflow:hidden;position:relative}.silderbox .silderbox-img{display:box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between}.silderbox .silderbox-img>a{width:100%;display:block;overflow:hidden}.silderbox .silderbox-img>a img{pointer-events:none;width:100%;float:left}.silderbox .silderbox-item{pointer-events:none;position:absolute;bottom:0;left:0;padding:.1rem 0;height:.25rem;line-height:.25rem;width:100%;text-align:center}.silderbox .silderbox-item>li{display:inline-block;height:.25rem;width:.25rem;margin:0 .05rem;border-radius:50%;background:#ccc}.silderbox .silderbox-item .curr{background:#fd9153}html{background:#f4f4f4}.slider{font-size:.5rem;padding:0;margin:0}.slider>li{margin:.25rem 0;font-size:.35rem;width:100%;position:relative}.slider>li,.slider>li div{height:1.7rem;line-height:1.7rem;overflow:hidden}.slider-left{transition:.25s ease;width:100%;background:#fff;left:0;z-index:2;text-indent:.25rem}.slider-left,.slider-right{position:absolute;top:0;overflow:hidden}.slider-right{right:0;z-index:1;width:4rem;text-align:center}.mark{background:#ccc;width:60%;float:left}.delete{background:red;width:40%;float:right}.pickerBox{position:fixed;top:0;height:100%;background:rgba(0,0,0,.5);overflow-y:hidden}.picker-box,.pickerBox{left:0;right:0;bottom:0;width:100%;z-index:5}.picker-box{position:absolute;height:6rem;background:#fff}.picker-box .picker-box-tit{height:1rem;line-height:1rem;border-bottom:1px solid #ccc;display:box;display:-webkit-box;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;text-align:center;font-size:.45rem}.picker-box .picker-box-tit>span{width:20%}.picker-box .picker-box-content{height:5rem;width:100%;overflow:hidden;position:relative;display:box;display:-webkit-box;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}.picker-box .picker-box-content .picker-box-list{width:33.33%;float:left;text-align:center;transition:all .3s ease-out}.picker-box .picker-box-content .picker-box-list>li{height:1rem;line-height:1rem;font-size:.5rem}.fadeOut-enter-active,.fadeOut-leave-active{transition:.5s}.fadeOut-enter,.fadeOut-leave-active{opacity:0}.fadeIn-enter-active,.fadeIn-leave-active{transition:.25s}.fadeIn-enter,.fadeIn-leave-active{opacity:0;transform:translateY(6rem)}