@beeapi/nutui
Version:
一套轻量级移动端Vue组件库
33 lines (19 loc) • 138 kB
CSS
/*!
* @beeapi/nutui v2.2.10 - nutui.css, bb9eed3b0e2faac9d35f, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/
.nut-cell{display:block;padding:0 10px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.nut-cell.nut-cell-link:active{background-color:#f6f6f6 !important}.nut-cell .nut-cell-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:48px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(218,218,218,0.5)), to(rgba(218,218,218,0.5)));background-image:-o-linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-image:linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-size:100% 1px;background-repeat:no-repeat}.nut-cell .nut-cell-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-cell .nut-cell-title{display:block;line-height:1.5;font-size:14px;color:#2d2d2d}.nut-cell .nut-cell-sub-title{display:block;line-height:1;font-size:12px;color:#848484;margin-top:5px}.nut-cell .nut-cell-sub-title:empty{display:none}.nut-cell .nut-cell-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#848484}.nut-cell .nut-cell-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-cell .nut-cell-icon img{height:14px;margin-left:10px}.nut-cell:first-of-type{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(218,218,218,0.5)), to(rgba(218,218,218,0.5)));background-image:-o-linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-image:linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-size:100% 1px;background-repeat:no-repeat}.nut-cell:first-of-type .nut-cell-box{background-image:none}.nut-cell:last-of-type{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(218,218,218,0.5)), to(rgba(218,218,218,0.5)));background-image:-o-linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-image:linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5));background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}.nut-cell:only-of-type{background:-webkit-gradient(linear, left top, left bottom, from(rgba(218,218,218,0.5)), to(rgba(218,218,218,0.5))) bottom,-webkit-gradient(linear, left top, left bottom, from(rgba(218,218,218,0.5)), to(rgba(218,218,218,0.5))) top;background:-o-linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5)) bottom,-o-linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5)) top;background:linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5)) bottom,linear-gradient(rgba(218,218,218,0.5), rgba(218,218,218,0.5)) top;background-size:100% 1px;background-repeat:no-repeat}
@-webkit-keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut{from{opacity:1}to{opacity:0}}@keyframes nutFadeOut{from{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutFade-enter-active,.nutFadeIn{-webkit-animation-name:nutFadeIn;animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{-webkit-animation-name:nutFadeOut;animation-name:nutFadeOut}@-webkit-keyframes nutEaseIn{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes nutEaseIn{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes nutEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes nutEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}.nutEase-enter-active,.nutEaseIn,.nutEase-leave-active,.nutEaseOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutEase-enter-active,.nutEaseIn{-webkit-animation-name:nutEaseIn;animation-name:nutEaseIn}.nutEase-leave-active,.nutEaseOut{-webkit-animation-name:nutEaseOut;animation-name:nutEaseOut}body.dialog-open{position:fixed}.nut-dialog-wrapper{position:relative;z-index:9998}.nut-dialog-box{position:fixed;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#848484}.nut-dialog-mask,.nut-dialog-box{left:0;top:0;right:0;bottom:0}.nut-dialog-mask{position:fixed;background:rgba(0,0,0,0.5)}.nut-dialog{position:relative;width:86%;max-height:70vh;background:#fff;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-dialog-title{display:block;line-height:1.5;color:#2d2d2d;font-size:16px;text-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-bottom:8px}.nut-dialog-close{position:absolute;right:0;top:0;width:30px;height:30px;font-size:20px;text-align:center;text-decoration:none;background:url("data:image/svg+xml, %3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb(132,132,132)' fill-rule='evenodd'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 1 1 2.56.44l27 27a1.5 1.5 0 1 1-2.12 2.12L15 17.123 2.56 29.56A1.5 1.5 0 1 1 .44 27.44L12.878 15 .44 2.56zM27.44.44a1.5 1.5 0 1 1 2.12 2.12l-9 9a1.5 1.5 0 1 1-2.12-2.12l9-9z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:13px 13px}.nut-dialog-close img{height:13px}.nut-dialog-image-wrapper .nut-dialog{width:auto;max-width:80%;max-height:75%;background:transparent;-webkit-border-radius:none;border-radius:none;display:inline-block;overflow:visible}.nut-dialog-image-wrapper .nut-dialog-close{position:absolute;right:0;top:-40px;width:25px;height:25px;font-size:20px;text-align:center;text-decoration:none;border:2px solid #fff;-webkit-border-radius:50%;border-radius:50%;background:url("data:image/svg+xml, %3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb(255,255,255)' fill-rule='evenodd'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 1 1 2.56.44l27 27a1.5 1.5 0 1 1-2.12 2.12L15 17.123 2.56 29.56A1.5 1.5 0 1 1 .44 27.44L12.878 15 .44 2.56zM27.44.44a1.5 1.5 0 1 1 2.12 2.12l-9 9a1.5 1.5 0 1 1-2.12-2.12l9-9z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:13px 13px}.nut-dialog-image-wrapper .nut-dialog-close img{height:13px}.nut-dialog-image-wrapper .nut-dialog-image-wrapper .nut-dialog{width:auto;max-width:80%;max-height:75%;background:transparent;-webkit-border-radius:none;border-radius:none;display:inline-block;overflow:visible}.nut-dialog-image-wrapper .nut-dialog-image-wrapper .nut-dialog-close{position:absolute;right:0;top:-40px;width:25px;height:25px;font-size:20px;text-align:center;text-decoration:none;border:2px solid #fff;-webkit-border-radius:50%;border-radius:50%;background:url("data:image/svg+xml, %3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb(255,255,255)' fill-rule='evenodd'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 1 1 2.56.44l27 27a1.5 1.5 0 1 1-2.12 2.12L15 17.123 2.56 29.56A1.5 1.5 0 1 1 .44 27.44L12.878 15 .44 2.56zM27.44.44a1.5 1.5 0 1 1 2.12 2.12l-9 9a1.5 1.5 0 1 1-2.12-2.12l9-9z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:13px 13px}.nut-dialog-image-wrapper .nut-dialog-image-wrapper .nut-dialog-close img{height:13px}.nut-dialog-link{display:inline-block}.nut-dialog-image{max-width:100%;max-height:100%;vertical-align:bottom}.nut-dialog-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 20px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;overflow:auto}.nut-dialog-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:auto;font-size:14px;word-break:break-all;padding-bottom:10px;-webkit-overflow-scrolling:touch}.nut-dialog-footer{height:50px;width:100%;line-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;overflow:hidden;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.nut-dialog-btn{display:block;width:100%;height:100%;position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nut-dialog-btn.disabled{background:#dadada;background-origin:border-box;color:#f6f6f6}.nut-dialog-btn:only-child{-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background:transparent;color:#f0250f;border-top:1px solid #f6f6f6}.nut-dialog-ok{-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0;background:-o-linear-gradient(135deg, #ff4f18 0%, #f20000 100%);background:linear-gradient(315deg, #ff4f18 0%, #f20000 100%);border-top:1px solid #f6f6f6;background-origin:border-box;color:#fff;margin-right:-1px}.nut-dialog-ok:active{background:-o-linear-gradient(135deg, #e43600 0%, #bf0000 100%);background:linear-gradient(315deg, #e43600 0%, #bf0000 100%)}.nut-dialog-cancel{-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px;border-top:1px solid #f6f6f6;background:#fff;background-origin:border-box}.nut-dialog-cancel:active{border-top:1px solid #ccc;background:#ccc}
.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}
@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active,.nutRotateIn,.nutRotate-leave-active,.nutRotateOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutRotate-enter-active,.nutRotateIn{-webkit-animation-name:nutRotateIn;animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{-webkit-animation-name:nutRotateOut;animation-name:nutRotateOut}.nut-toast{position:fixed;left:0;bottom:150px;width:100%;text-align:center;pointer-events:none;z-index:9999;font-family:PingHei,"Lucida Grande","Lucida Sans Unicode",STHeiti,Helvetica,Arial,Verdana,"sans-serif","PingHei-light",SimHei,"Droid Sans"}.nut-toast.nut-toast-small .nut-toast-inner{font-size:12px}.nut-toast.nut-toast-large .nut-toast-inner{font-size:16px}.nut-toast.nut-toast-cover{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;height:100%}.nut-toast .nut-toast-inner{position:relative;display:inline-block;font-size:14px;max-width:65%;text-align:center;line-height:1.5;padding:10px 30px;word-break:break-all;background:rgba(46,46,46,0.8);-webkit-border-radius:7px;border-radius:7px;color:#fff}.nut-toast.nut-toast-has-icon .nut-toast-inner{padding:70px 50px 30px}.nut-toast.nut-toast-has-icon .nut-toast-icon-wrapper{position:absolute;left:0;top:20px;width:100%;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nut-toast.nut-toast-has-icon .nut-toast-icon{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-size:100%}.nut-toast.nut-toast-has-icon .nut-toast-icon.success{background-image:url("data:image/svg+xml,%3Csvg width='48' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' %3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 0 1-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 0 1 8-8z' fill='rgb(255,255,255)'/%3E%3Cpath d='M43.562 3L22.01 23.803l-4.855-4.557a2.934 2.934 0 0 0-4.147.132l-1.324 1.41a1 1 0 0 0 .045 1.414l9.047 8.49a2 2 0 0 0 2.763-.025L47.741 7.12 43.562 3z' fill='rgb(44,42,53)'/%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.fail{background-image:url("data:image/svg+xml,%3Csvg width='46' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 0 1-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 0 1 8-8z' fill='rgb(255,255,255)'/%3E%3Cg fill='rgb(44,42,53)'%3E%3Cpath d='M13.6 15.722l1.415-1.414a2 2 0 0 1 2.828 0L33.4 29.864a1 1 0 0 1 0 1.414l-1.414 1.414a2 2 0 0 1-2.828 0L13.6 17.136a1 1 0 0 1 0-1.414z'/%3E%3Cpath d='M33.4 15.722l-1.415-1.414a2 2 0 0 0-2.828 0L13.6 29.864a1 1 0 0 0 0 1.414l1.414 1.414a2 2 0 0 0 2.828 0L33.4 17.136a1 1 0 0 0 0-1.414z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.warn{background-image:url("data:image/svg+xml,%3Csvg width='46' height='46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0h18c11.046 0 20 8.954 20 20v18a8 8 0 0 1-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 0 1 8-8z' fill='rgb(255,255,255)'/%3E%3Cpath d='M23 23V12' stroke='rgb(44,42,53)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M21 30h3a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1h-3a2 2 0 0 1-2-2v-3a1 1 0 0 1 1-1z' fill='rgb(44,42,53)'/%3E%3C/g%3E%3C/svg%3E")}.nut-toast.nut-toast-has-icon .nut-toast-icon.loading{background:url("data:image/svg+xml, %3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(230,230,230)' d='M874.667 533.333h-192c-12.8 0-21.334-8.533-21.334-21.333 0-12.8 8.534-21.333 21.334-21.333h192c12.8 0 21.333 8.533 21.333 21.333 0 12.8-8.533 21.333-21.333 21.333zM648.533 407.467C640 416 627.2 416 618.667 407.467c-8.534-8.534-8.534-21.334 0-29.867L755.2 241.067c8.533-8.534 21.333-8.534 29.867 0 8.533 8.533 8.533 21.333 0 29.866L648.533 407.467zM512 896c-12.8 0-21.333-8.533-21.333-21.333v-192c0-12.8 8.533-21.334 21.333-21.334s21.333 8.534 21.333 21.334v192c0 12.8-8.533 21.333-21.333 21.333zm0-533.333c-12.8 0-21.333-8.534-21.333-21.334v-192c0-12.8 8.533-21.333 21.333-21.333s21.333 8.533 21.333 21.333v192c0 12.8-8.533 21.334-21.333 21.334zM270.933 782.933c-8.533 8.534-21.333 8.534-29.866 0s-8.534-21.333 0-29.866L377.6 616.533c8.533-8.533 21.333-8.533 29.867 0 8.533 8.534 8.533 21.334 0 29.867L270.933 782.933zm104.534-375.466L238.933 270.933c-8.533-8.533-8.533-21.333 0-29.866s21.334-8.534 29.867 0L405.333 377.6c8.534 8.533 8.534 21.333 0 29.867-6.4 6.4-21.333 6.4-29.866 0zM362.667 512c0 12.8-8.534 21.333-21.334 21.333h-192C136.533 533.333 128 524.8 128 512c0-12.8 8.533-21.333 21.333-21.333h192c12.8 0 21.334 8.533 21.334 21.333zm285.866 104.533l136.534 136.534c8.533 8.533 8.533 21.333 0 29.866-8.534 8.534-21.334 8.534-29.867 0L618.667 646.4c-8.534-8.533-8.534-21.333 0-29.867 6.4-6.4 21.333-6.4 29.866 0z'/%3E%3C/svg%3E") no-repeat;background-size:cover}.nut-toast.nut-toast-center{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nut-toast.nut-loading .nut-toast-inner{padding:25px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nut-toast.nut-loading .nut-toast-icon-wrapper{position:static;height:30px}.nut-toast.nut-loading .nut-toast-text:not(:empty){margin-top:10px;margin-bottom:-10px}.nut-toast.nut-loading .nut-toast-icon{width:40px;height:40px}.nut-toast.nut-loading .nut-toast-icon.nut-toast-icon-rotate{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}.toastfade-enter-active{-webkit-transition:opacity 0.1s;-o-transition:opacity 0.1s;transition:opacity 0.1s}.toastfade-leave-active{-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s}.toastfade-enter,.toastfade-leave-active{opacity:0}
@-webkit-keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut{from{opacity:1}to{opacity:0}}@keyframes nutFadeOut{from{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutFade-enter-active,.nutFadeIn{-webkit-animation-name:nutFadeIn;animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{-webkit-animation-name:nutFadeOut;animation-name:nutFadeOut}@-webkit-keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.nutSlideUp-enter-active,.nutSlideUpIn,.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}.nutSlideUp-enter-active,.nutSlideUpIn{-webkit-animation-name:nutSlideUpIn;animation-name:nutSlideUpIn}.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-name:nutSlideUpOut;animation-name:nutSlideUpOut}.nut-actionsheet-mask{position:fixed;z-index:9998;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5)}.nut-actionsheet-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:80%;overflow:auto;z-index:10001;background-color:#f6f6f6}.nut-actionsheet-modal{padding:10px;margin:0;text-align:center;background-color:#fff;border-bottom:1px solid #f6f6f6}.nut-actionsheet-modal .nut-actionsheet-title,.nut-actionsheet-modal .nut-actionsheet-sub-title{padding:5px 0}.nut-actionsheet-modal .nut-actionsheet-title{font-size:14px;color:#2d2d2d}.nut-actionsheet-modal .nut-actionsheet-sub-title{font-size:12px;color:#2d2d2d;-webkit-margin-start:0px;margin-inline-start:0px}.nut-actionsheet-menu{list-style:none;padding:0;margin:0}.nut-actionsheet-cancel,.nut-actionsheet-item{height:24px;padding:10px;line-height:24px;font-size:14px;color:#2d2d2d;text-align:center;background-color:#fff}.nut-actionsheet-item{border-bottom:1px solid #f6f6f6}.nut-actionsheet-item-active{color:#f0250f}.nut-actionsheet-item-disabled{color:#e1e1e1}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid #f6f6f6}
.nut-tab{position:relative;border:1px solid #eee;padding:10px;font-size:12px;background:#eee}.nut-tab-horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative}.close-btn{position:absolute;width:17px;height:17px;text-align:center;line-height:14px;font-size:16px;background:#999;font-weight:normal;color:#fff;right:0px;top:0px;-webkit-border-radius:50%;border-radius:50%}.nut-tab-horizontal .close-btn{position:absolute;width:17px;height:17px;text-align:center;line-height:14px;font-size:16px;background:#999;font-weight:normal;color:#fff;right:0px;top:0px;-webkit-border-radius:50%;border-radius:50%}.nut-tab-title{border-bottom:1px solid #ededed;scroll-behavior:smooth;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-x:auto;overflow-y:hidden}.nut-tab-title::-webkit-scrollbar{display:none}.nav-bar{position:absolute;height:2px;bottom:0px;left:0px;z-index:2;background:#f0250f;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.nut-tab-title-leftnav{border-right:1px solid #ededed;scroll-behavior:smooth;width:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden}.nut-tab-title-leftnav::-webkit-scrollbar{display:none}.nut-tab-title-leftnav .nav-bar-left{position:absolute;width:2px;right:0px;top:0px;z-index:2;background:#f0250f;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.nut-tab-title-leftnav .nut-title-nav{border:0;border-left:1px solid #f5f7fa}.nut-tab-title-leftnav .nut-tab-active{background:#fff}.nut-tab-title-leftnav .nut-tab-active a{color:red}.nut-tab-title-rightnav{background:#fff;scroll-behavior:smooth;border-left:1px solid #ededed;width:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-tab-title-rightnav::-webkit-scrollbar{display:none}.nut-tab-title-rightnav .nav-bar-right{position:absolute;width:2px;left:0px;top:0px;z-index:2;background:#f0250f;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.nut-tab-link{color:#333;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;text-decoration:none;line-height:1;width:100%;height:100%}.nut-tab-title-bottomnav{border:1px solid #fff;scroll-behavior:smooth;border-top:1px solid #ededed;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;line-height:49px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-x:auto;overflow-y:hidden}.nut-tab-title-bottomnav::-webkit-scrollbar{display:none}.nut-tab-title-bottomnav .nav-bar-bottom{position:absolute;height:2px;left:0px;top:0px;z-index:2;background:#f0250f;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.nut-title-nav-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-title-nav-leftnav{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.nut-title-nav-rightnav{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-right:5px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.nut-title-nav-scroll{min-width:100px;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-title-vertical-scroll{min-height:55px;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-tab-icon{display:inline-block;margin-right:5px;width:20px;height:20px;background-repeat:no-repeat;background-size:100% 100%}.nut-tab-active{background:#fff;border:0}.nut-tab-active a{color:red}.nut-tab-item{height:200px;border:1px solid #fff;background:#fff;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-tab-item .hide{display:none}.nut-tab-disable{background:#e1e1e1 !important}.tabbar-nav-word{font-size:12px}
.nut-tabbar{border:0px;border-bottom:1px solid #eee;border-top:1px solid #eee;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin-top:20px}.nut-tabbar:last-child{border-right:0}.bottom{position:fixed;bottom:0px;left:0px;z-index:888}.tabbar-nav{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-decoration:none;color:#848484;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.card{border-right:1px solid #eee}.curr{color:#f0250f}.icon-box{padding:0px;display:inline-block;position:relative}.icon-box .tips{position:absolute;width:20px;height:20px;text-align:center;border:1px solid #f0250f;-webkit-border-radius:50%;border-radius:50%;top:-10px;right:-5px;background:red;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);font-size:12px;color:#fff}.icon-box .num{line-height:20px}.icon-box .icon{margin:0 auto;width:30px;height:30px;display:block;background-size:100% 100%;background-position:center center}.icon-box .tabs-nav-word{font-size:12px;line-height:1}.icon-box .big-word{font-size:16px;line-height:1}
@-webkit-keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.nutSlideUp-enter-active,.nutSlideUpIn,.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}.nutSlideUp-enter-active,.nutSlideUpIn{-webkit-animation-name:nutSlideUpIn;animation-name:nutSlideUpIn}.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-name:nutSlideUpOut;animation-name:nutSlideUpOut}@-webkit-keyframes nutSlideRightIn{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes nutSlideRightOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.nutSlideRight-enter-active,.nutSlideRightIn,.nutSlideRight-leave-active,.nutSlideRightOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutSlideRight-enter-active,.nutSlideRightIn{-webkit-animation-name:nutSlideRightIn;animation-name:nutSlideRightIn}.nutSlideRight-leave-active,.nutSlideRightOut{-webkit-animation-name:nutSlideRightOut;animation-name:nutSlideRightOut}.nut-calendar{position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;overflow:hidden;background-color:#fff;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:72px;overflow:hidden;z-index:1000001}.nut-calendar-control{position:absolute;left:0;top:0;height:70px;width:100%;text-align:center;background-color:#fff;z-index:1}.nut-calendar-control .nut-calendar-cancel-btn,.nut-calendar-control .nut-calendar-confirm-btn{width:60px;color:#f0250f;position:absolute;top:0;line-height:40px}.nut-calendar-control .nut-calendar-confirm-btn{right:0}.nut-calendar-control .nut-calendar-cancel-btn{left:0}.nut-calendar-control .nut-calendar-title{margin:0 60px;line-height:40px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-calendar-control .nut-calendar-week{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:30px;text-align:center;line-height:30px}.nut-calendar-control .nut-calendar-week span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-calendar-control .nut-calendar-week span:first-child,.nut-calendar-control .nut-calendar-week span:last-child{color:#f0250f}.nut-calendar-months{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-calendar-months .nut-calendar-months-panel{padding-bottom:10px;position:relative;width:100%;height:auto}.nut-calendar-months .nut-calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;color:#848484;font-size:12px}.nut-calendar-months .nut-calendar-month-title{height:30px;line-height:30px;text-align:center;background-color:#f6f6f6}.nut-calendar-months .nut-calendar-month-con{overflow:hidden}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day{float:left;width:14.28%;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day-active{background-color:#f0250f;color:#fff}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day-disabled{color:#dadada}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day-choose{background-color:#fcd3cf;color:#fff}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day span{padding:3px 0}.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day .nut-calendar-day-tip{font-size:12px}
.nut-picker{background-color:#fff;width:100%}.nut-picker-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;border-bottom:1px solid #f6f6f6;text-align:center;line-height:40px;font-size:14px}.nut-picker-control .nut-picker-cancel-btn,.nut-picker-control .nut-picker-confirm-btn{width:60px;color:#f0250f}.nut-picker-control .nut-picker-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-picker-panel{height:252px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nut-picker-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:252px;overflow:hidden;text-align:center}.nut-picker-list .nut-picker-list-panel{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-position:top, bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-list .nut-picker-indicator{position:absolute;top:108px;width:100%;height:34px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;z-index:3}.nut-picker-list .nut-picker-content,.nut-picker-list .nut-picker-roller{position:absolute;top:108px;width:100%;height:36px}.nut-picker-list .nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-list .nut-picker-item,.nut-picker-list .nut-picker-roller-item{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:36px;line-height:36px;color:#2d2d2d;font-size:14px;text-align:center}.nut-picker-list .nut-picker-item{font-size:15px;background:#fff}.nut-picker-list .nut-picker-roller{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-roller .nut-picker-roller-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;width:100%;color:#848484}.nut-picker-list .nut-picker-roller .nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
@-webkit-keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@keyframes nutFadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut{from{opacity:1}to{opacity:0}}@keyframes nutFadeOut{from{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nutFade-enter-active,.nutFadeIn{-webkit-animation-name:nutFadeIn;animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{-webkit-animation-name:nutFadeOut;animation-name:nutFadeOut}@-webkit-keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes nutSlideUpIn{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes nutSlideUpOut{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.nutSlideUp-enter-active,.nutSlideUpIn,.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}.nutSlideUp-enter-active,.nutSlideUpIn{-webkit-animation-name:nutSlideUpIn;animation-name:nutSlideUpIn}.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-name:nutSlideUpOut;animation-name:nutSlideUpOut}.nut-actionsheet-mask{position:fixed;z-index:9998;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5)}.nut-actionsheet-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:80%;overflow:auto;z-index:10001;background-color:#f6f6f6}.nut-actionsheet-modal{padding:10px;margin:0;text-align:center;background-color:#fff;border-bottom:1px solid #f6f6f6}.nut-actionsheet-modal .nut-actionsheet-title,.nut-actionsheet-modal .nut-actionsheet-sub-title{padding:5px 0}.nut-actionsheet-modal .nut-actionsheet-title{font-size:14px;color:#2d2d2d}.nut-actionsheet-modal .nut-actionsheet-sub-title{font-size:12px;color:#2d2d2d;-webkit-margin-start:0px;margin-inline-start:0px}.nut-actionsheet-menu{list-style:none;padding:0;margin:0}.nut-actionsheet-cancel,.nut-actionsheet-item{height:24px;padding:10px;line-height:24px;font-size:14px;color:#2d2d2d;text-align:center;background-color:#fff}.nut-actionsheet-item{border-bottom:1px solid #f6f6f6}.nut-actionsheet-item-active{color:#f0250f}.nut-actionsheet-item-disabled{color:#e1e1e1}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid #f6f6f6}.nut-picker{background-color:#fff;width:100%}.nut-picker-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;border-bottom:1px solid #f6f6f6;text-align:center;line-height:40px;font-size:14px}.nut-picker-control .nut-picker-cancel-btn,.nut-picker-control .nut-picker-confirm-btn{width:60px;color:#f0250f}.nut-picker-control .nut-picker-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-picker-panel{height:252px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nut-picker-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:252px;overflow:hidden;text-align:center}.nut-picker-list .nut-picker-list-panel{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-position:top, bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-list .nut-picker-indicator{position:absolute;top:108px;width:100%;height:34px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;z-index:3}.nut-picker-list .nut-picker-content,.nut-picker-list .nut-picker-roller{position:absolute;top:108px;width:100%;height:36px}.nut-picker-list .nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-list .nut-picker-item,.nut-picker-list .nut-picker-roller-item{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:36px;line-height:36px;color:#2d2d2d;font-size:14px;text-align:center}.nut-picker-list .nut-picker-item{font-size:15px;background:#fff}.nut-picker-list .nut-picker-roller{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-roller .nut-picker-roller-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;width:100%;color:#848484}.nut-picker-list .nut-picker-roller .nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
.nut-navbar{height:40px;line-height:40px;background-color:#fff;position:relative}.nut-navbar .nav-left{position:absolute;left:15px;top:50%;height:40px;line-height:40px;margin-top:-20px;font-size:14px}.nut-navbar .nav-left .back{float:left;margin-right:8px}.nut-navbar .nav-left .back .back-icon{display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml, %3Csvg width='19' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.552 35.569a1.5 1.5 0 0 1-2.121-.017c-5.952-6.05-9.905-10.1-15.857-16.15a2 2 0 0 1 0-2.804c5.952-6.05 9.905-10.1 15.857-16.15a1.5 1.5 0 1 1 2.138 2.104C12.847 8.368 9.125 12.184 3.403 18c5.722 5.816 9.444 9.632 15.166 15.448a1.5 1.5 0 0 1-.017 2.121z' fill='rgb(158,158,158)' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;background-size:contain;vertical-align:middle}.nut-navbar .nav-center .nav-title{width:auto;margin:0 80px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:center}.nut-navbar .nav-right{position:absolute;right:15px;top:50%;height:40px;line-height:40px;margin-top:-20px;font-size:14px}.nut-navbar .nav-right .more{float:right;margin-left:8px}.nut-navbar .nav-right .more .more-icon:after{content:'•••';font-size:16px}
.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}
.nut-switch{position:relative;width:auto;display:inline-block !important;background:#fff;-webkit-border-radius:1000px;border-radius:1000px;vertical-align:bottom;-webkit-box-sizing:content-box;box-sizing:content-box;border:2px solid #dadada;-webkit-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nut-switch .nut-switch-label{position:relative;width:auto;left:0;margin-left:20px;margin-right:3px;padding:0 2px 0 2px !important;text-align:center !important;color:#999 !important;font-style:normal !important;font-size:12px}.nut-switch .nut-switch-btn{position:absolute;left:0;background:#dadada;border:2px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.nut-switch.nut-switch-active{border-color:#f0250f}.nut-switch.nut-switch-active .nut-switch-label{left:4px;margin-left:0px;color:red !important;margin-right:22px}.nut-switch.nut-switch-active .nut-switch-btn{background-color:#f0250f}.nut-switch.nut-switch-disabled{opacity:0.6}.nut-switch-small{height:14px;min-width:30px}.nut-switch-small .nut-switch-label{font-size:10px;top:-2px;margin-left:-25px}.nut-switch-small .nut-switch-btn{height:14px;width:14px}.nut-switch-small.nut-switch-active .nut-switch-btn{left:100%;margin-left:-15px}.nut-switch-base{height:20px;line-height:20px;min-width:38px}.nut-switch-base .nut-switch-btn{height:20px;width:22px}.nut-switch-base.nut-switch-active .nut-switch-btn{left:100%;margin-left:-21px}.nut-switch-large{height:28px;line-height:28px;min-width:58px;font-size:14px}.nut-switch-large .nut-switch-label{margin-right:8px;left:6px}.nut-switch-large .nut-switch-btn{height:28px;min-width:28px}.nut-switch-large.nut-switch-active .nut-switch-label{margin-right:30px}.nut-switch-large.nut-switch-active .nut-switch-btn{left:100%;margin-left:-28px}
.nut-slider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:30px;margin:0 10px}.nut-slider .nut-slider-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:2px;background-color:#f0250f}.nut-slider .nut-slider-Handle{position:absolute;top:50%;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:20px;width:20px;border:solid 2px #f0250f;-webkit-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-width 0.5s ease-in, -webkit-box-shadow;transition:border-width 0.5s ease-in, -webkit-box-shadow;-o-transition:box-shadow, border-width 0.5s ease-in;transition:box-shadow, border-width 0.5s ease-in;transition:box-shadow, border-width 0.5s ease-in, -webkit-box-shadow;background-color:#fff}.nut-slider .nut-slider-Handle.nut-slider-ani{border-width:8px;-webkit-box-shadow:0 0 0 4px rgba(239,40,19,0.5);box-shadow:0 0 0 4px rgba(239,40,19,0.5);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.nut-slider .nut-slider-Handle.nut-slider-ani .nut-slider-label{opacity:1;-webkit-transform:translate(-50%, -160%);-ms-transform:translate(-50%, -160%);transform:translate(-50%, -160%)}.nut-slider .nut-slider-label{pointer-events:none;opacity:0;position:absolute;top:50%;left:50%;-webkit-transition:opacity, -webkit-transform 0.2s linear;transition:opacity, -webkit-transform 0.2s linear;-o-transition:opacity, transform 0.2s linear;transition:opacity, transform 0.2s linear;transition:opacity, transform 0.2s linear, -webkit-transform 0.2s linear;-webkit-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);transform:translate(-50%, -100%);font-size:12px;padding:5px;background-color:#f0250f;color:#fff;-webkit-border-radius:4px;bo