/*! * NutUI v2.1.8 - nutui.min.css, 83ba91f3e88a90932d8b, 2019-12-11T10:53:13+08:00 * (c) 2017-2019 JDC * Released under the MIT License. */
.nut-cell{
  display:block;
  padding:0 0.25rem;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  outline:none 
}
.nut-cell.nut-cell-link:active{
  background-color:#f6f6f6!important 
}
.nut-cell .nut-cell-box{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  min-height:1.2rem;
  background-image:-webkit-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-size:100% 0.025rem;
  background-repeat:no-repeat 
}
.nut-cell .nut-cell-left{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column 
}
.nut-cell .nut-cell-title{
  display:block;
  line-height:1.5;
  font-size:0.35rem;
  color:#2d2d2d 
}
.nut-cell .nut-cell-sub-title{
  display:block;
  line-height:1;
  font-size:0.3rem;
  color:#999999;
  margin-top:0.125rem 
}
.nut-cell .nut-cell-sub-title:empty{
  display:none 
}
.nut-cell .nut-cell-right{
  font-size:0.3rem;
  color:#999999 
}
.nut-cell .nut-cell-icon,.nut-cell .nut-cell-right{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.nut-cell .nut-cell-icon img{
  height:0.35rem;
  margin-left:0.25rem 
}
.nut-cell:first-of-type{
  background-image:-webkit-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-size:100% 0.025rem;
  background-repeat:no-repeat 
}
.nut-cell:first-of-type .nut-cell-box{
  background-image:none 
}
.nut-cell:last-of-type{
  background-image:-webkit-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-image:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5));
  background-size:100% 0.025rem;
  background-repeat:no-repeat;
  background-position:bottom 
}
.nut-cell:only-of-type{
  background:-webkit-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) bottom,-webkit-linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) top;
  background:linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) bottom,linear-gradient(hsla(0,0%,85.5%,.5),hsla(0,0%,85.5%,.5)) top;
  background-size:100% 0.025rem;
  background-repeat:no-repeat 
}
@-webkit-keyframes nutEaseIn{
  0%{
      opacity:0;
      -webkit-transform:scale(.9);
      transform:scale(.9) 
 }
  to{
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1) 
 }
}
@keyframes nutEaseIn{
  0%{
      opacity:0;
      -webkit-transform:scale(.9);
      transform:scale(.9) 
 }
  to{
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1) 
 }
}
@-webkit-keyframes nutEaseOut{
  0%{
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1) 
 }
  to{
      opacity:0;
      -webkit-transform:scale(.9);
      transform:scale(.9) 
 }
}
@keyframes nutEaseOut{
  0%{
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1) 
 }
  to{
      opacity:0;
      -webkit-transform:scale(.9);
      transform:scale(.9) 
 }
}
.nutEase-enter-active,.nutEase-leave-active,.nutEaseIn,.nutEaseOut{
  -webkit-animation-duration:.25s;
  animation-duration:.25s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
  animation-timing-function:cubic-bezier(.55,.085,.68,.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:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  color:#999999 
}
.nut-dialog-box,.nut-dialog-mask{
  left:0;
  top:0;
  right:0;
  bottom:0 
}
.nut-dialog-mask{
  position:fixed;
  background:rgba(0,0,0,.5) 
}
.nut-dialog{
  position:relative;
  width:86%;
  max-height:70vh;
  background:#fff;
  border-radius:0.2rem;
  overflow:hidden;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column 
}
.nut-dialog-title{
  display:block;
  line-height:1.5;
  color:#2d2d2d;
  font-size:0.4rem;
  text-align:center;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-bottom:0.2rem 
}
.nut-dialog-close{
  position:absolute;
  right:0;
  top:0;
  width:0.75rem;
  height:0.75rem;
  font-size:0.5rem;
  text-align:center;
  text-decoration:none;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 112.56.44l27 27a1.5 1.5 0 11-2.12 2.12L15 17.123 2.56 29.56a1.5 1.5 0 11-2.12-2.12L12.878 15 .44 2.56zm27-2.12a1.5 1.5 0 112.12 2.12l-9 9a1.5 1.5 0 11-2.12-2.12l9-9z' fill='%23999999' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;
  background-size:0.325rem 0.325rem 
}
.nut-dialog-close img{
  height:0.325rem 
}
.nut-dialog-image-wrapper .nut-dialog{
  width:auto;
  max-width:80%;
  max-height:75%;
  background:transparent;
  border-radius:none;
  display:inline-block;
  overflow:visible 
}
.nut-dialog-image-wrapper .nut-dialog-close{
  position:absolute;
  right:0;
  top:-1rem;
  width:0.625rem;
  height:0.625rem;
  font-size:0.5rem;
  text-align:center;
  text-decoration:none;
  border:0.05rem solid #fff;
  border-radius:50%;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 112.56.44l27 27a1.5 1.5 0 11-2.12 2.12L15 17.123 2.56 29.56a1.5 1.5 0 11-2.12-2.12L12.878 15 .44 2.56zm27-2.12a1.5 1.5 0 112.12 2.12l-9 9a1.5 1.5 0 11-2.12-2.12l9-9z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;
  background-size:0.325rem 0.325rem 
}
.nut-dialog-image-wrapper .nut-dialog-close img{
  height:0.325rem 
}
.nut-dialog-link{
  display:inline-block 
}
.nut-dialog-image{
  max-width:100%;
  max-height:100%;
  vertical-align:bottom 
}
.nut-dialog-body{
  box-sizing:border-box;
  padding:0.75rem 0.5rem 0.5rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-flex:0;
  -webkit-flex:0 1 auto;
  flex:0 1 auto 
}
.nut-dialog-content{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  overflow:auto;
  font-size:0.35rem;
  word-break:break-all;
  padding-bottom:0.25rem;
  -webkit-overflow-scrolling:touch 
}
.nut-dialog-footer{
  height:1.25rem;
  width:100%;
  line-height:1.25rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  border-radius:0 0 0.125rem 0.125rem;
  overflow:hidden;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row 
}
.nut-dialog-btn{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  font-size:0.35rem;
  border:none;
  background:transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none 
}
.nut-dialog-btn.disabled{
  background:#dadada;
  background-origin:border-box;
  color:#f6f6f6 
}
.nut-dialog-btn:only-child{
  border-radius:0 0 0.125rem 0.125rem;
  background:transparent;
  color:#ad1622;
  border-top:0.025rem solid #f6f6f6 
}
.nut-dialog-ok{
  border-radius:0 0 0.125rem 0;
  background:#ad1622;
  background-origin:border-box;
  color:#fff;
  margin-right:-0.025rem 
}
.nut-dialog-ok:active{
  background:-webkit-linear-gradient(135deg,#e43600,#bf0000);
  background:linear-gradient(315deg,#e43600,#bf0000) 
}
.nut-dialog-cancel{
  border-radius:0 0 0 0.125rem;
  border-top:0.025rem solid #f6f6f6;
  background:#fff;
  background-origin:border-box 
}
.nut-dialog-cancel:active{
  border-top:0.025rem solid #ccc;
  background:#ccc 
}
.nut-icon{
  list-style:none;
  display:inline-block;
  width:0.5rem;
  height:0.5rem;
  color:#2d2d2d 
}
.nut-icon svg{
  vertical-align:top;
  width:100%;
  height:100%;
  fill:currentColor 
}
.nut-toast{
  position:fixed;
  left:0;
  bottom:3.75rem;
  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:0.3rem 
}
.nut-toast.nut-toast-large .nut-toast-inner{
  font-size:0.4rem 
}
.nut-toast.nut-toast-cover{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  pointer-events:auto;
  height:100% 
}
.nut-toast .nut-toast-inner{
  position:relative;
  display:inline-block;
  font-size:0.3rem;
  max-width:65%;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.5;
  padding:0.25rem 0.75rem;
  word-break:break-all;
  background:rgba(46,46,46,.8);
  border-radius:0.175rem;
  color:#fff 
}
.nut-toast.nut-toast-has-icon .nut-toast-inner{
  padding:1.75rem 1.25rem 0.75rem 
}
.nut-toast.nut-toast-has-icon .nut-toast-icon-wrapper{
  position:absolute;
  left:0;
  top:0.5rem;
  width:100%;
  height:1.25rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center 
}
.nut-toast.nut-toast-has-icon .nut-toast-icon{
  display:inline-block;
  width:0.75rem;
  height:0.75rem;
  background-repeat:no-repeat;
  background-size:100% 
}
.nut-toast.nut-toast-has-icon .nut-toast-icon.success{
  background-image:url("data:image/svg+xml;charset=utf-8,%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 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cpath d='M43.562 3L22.01 23.803l-4.855-4.557a2.934 2.934 0 00-4.147.132l-1.324 1.41a1 1 0 00.045 1.414l9.047 8.49a2 2 0 002.763-.025L47.741 7.12 43.562 3z' fill='%232C2A35'/%3E%3C/g%3E%3C/svg%3E") 
}
.nut-toast.nut-toast-has-icon .nut-toast-icon.fail{
  background-image:url("data:image/svg+xml;charset=utf-8,%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 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cg fill='%232C2A35'%3E%3Cpath d='M13.6 15.722l1.415-1.414a2 2 0 012.828 0L33.4 29.864a1 1 0 010 1.414l-1.414 1.414a2 2 0 01-2.828 0L13.6 17.136a1 1 0 010-1.414z'/%3E%3Cpath d='M33.4 15.722l-1.415-1.414a2 2 0 00-2.828 0L13.6 29.864a1 1 0 000 1.414l1.414 1.414a2 2 0 002.828 0L33.4 17.136a1 1 0 000-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;charset=utf-8,%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 01-8 8H20C8.954 46 0 37.046 0 26V8a8 8 0 018-8z' fill='%23FFF'/%3E%3Cpath d='M23 23V12' stroke='%232C2A35' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M21 30h3a2 2 0 012 2v3a1 1 0 01-1 1h-3a2 2 0 01-2-2v-3a1 1 0 011-1z' fill='%232C2A35'/%3E%3C/g%3E%3C/svg%3E") 
}
.nut-toast.nut-toast-has-icon .nut-toast-icon.loading{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E6E6E6' 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%);
  transform:translateY(-50%) 
}
.nut-toast.nut-loading .nut-toast-inner{
  padding:0.625rem;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.nut-toast.nut-loading .nut-toast-icon-wrapper{
  position:static;
  height:0.75rem 
}
.nut-toast.nut-loading .nut-toast-text:not(:empty){
  margin-top:0.25rem;
  margin-bottom:-0.25rem 
}
.nut-toast.nut-loading .nut-toast-icon{
  width:1rem;
  height:1rem 
}
.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 .1s;
  transition:opacity .1s 
}
.toastfade-leave-active{
  -webkit-transition:opacity .3s;
  transition:opacity .3s 
}
.toastfade-enter,.toastfade-leave-active{
  opacity:0 
}
.nut-tab{
  position:relative;
  border:0.025rem solid #eee;
  padding:0.25rem;
  font-size:0.3rem;
  background:#eee 
}
.nut-tab-leftnav{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  position:relative 
}
.close-btn,.nut-tab-leftnav .close-btn{
  position:absolute;
  width:0.425rem;
  height:0.425rem;
  text-align:center;
  line-height:0.35rem;
  font-size:0.4rem;
  background:#999;
  font-weight:400;
  color:#fff;
  right:0;
  top:0;
  border-radius:50% 
}
.nut-tab-title{
  border-bottom:0.025rem solid #ededed;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:1.25rem;
  line-height:1.2rem;
  box-sizing:border-box;
  position:relative 
}
.nav-bar{
  position:absolute;
  height:0.05rem;
  bottom:-0.05rem;
  left:0;
  background:#ad1622;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out 
}
.nut-tab-title-leftnav{
  border-right:0.025rem solid #ededed;
  width:2.5rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  background:#fff;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  position:relative 
}
.nut-tab-title-leftnav .nav-bar-left{
  position:absolute;
  width:0.05rem;
  right:-0.05rem;
  top:0;
  background:#ad1622;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out 
}
.nut-tab-title-leftnav .nut-title-nav{
  border:0;
  border-left:0.025rem solid #f5f7fa 
}
.nut-tab-title-leftnav .nut-tab-active{
  background:#fff 
}
.nut-tab-title-rightnav{
  background:#fff;
  border:0.025rem solid #fff;
  border-left-color:#ededed;
  width:2.5rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  position:relative 
}
.nut-tab-title-rightnav .nav-bar-right{
  position:absolute;
  width:0.05rem;
  left:-0.05rem;
  top:0;
  background:#ad1622;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out 
}
.nut-tab-title-bottomnav{
  border:0.025rem solid #fff;
  border-top-color:#ededed;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:1.25rem;
  line-height:1.225rem;
  box-sizing:border-box;
  position:relative 
}
.nut-tab-title-bottomnav .nav-bar-bottom{
  position:absolute;
  height:0.05rem;
  left:0;
  top:-0.05rem;
  background:#ad1622;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out 
}
.nut-title-nav-list{
  -webkit-flex:1;
  flex:1;
  cursor:pointer;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  background:#fff 
}
.nut-title-nav-leftnav,.nut-title-nav-list{
  -webkit-box-flex:1;
  position:relative;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex 
}
.nut-title-nav-leftnav{
  -webkit-flex:1;
  flex:1;
  padding-left:0.125rem 
}
.nut-title-nav-rightnav{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  padding-right:0.125rem;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
  position:relative 
}
.nut-tab-link,.nut-title-nav-rightnav{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.nut-tab-link{
  color:#333;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  font-size:0.3rem;
  text-decoration:none;
  line-height:1 
}
.nut-tab-icon{
  display:inline-block;
  margin-right:0.125rem;
  width:0.5rem;
  height:0.5rem;
  background-repeat:no-repeat;
  background-size:100% 100% 
}
.nut-tab-active{
  background:#fff;
  border:0 
}
.nut-tab-active .nut-tab-link{
  font-size:0.35rem;
  font-weight:700;
  border:0;
  color:#333 
}
.nut-tab-item{
  height:5rem;
  border:0.025rem solid #fff;
  background:#fff;
  width:100%;
  padding:0.25rem;
  box-sizing:border-box 
}
.nut-tab-item .hide{
  display:none 
}
.nut-tab-disable{
  background:#e1e1e1!important 
}
.tabbar-nav-word{
  font-size:0.3rem 
}
.nut-tabbar{
  border:0;
  border-bottom:0.025rem solid #eee;
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:1.75rem;
  box-sizing:border-box;
  background:#fff;
  margin-top:0.5rem 
}
.bottom{
  position:fixed;
  bottom:0;
  left:0;
  z-index:888 
}
.tabbar-nav{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  text-align:center;
  text-decoration:none;
  color:#999999;
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.bor-right{
  border-right:0.025rem solid #eee 
}
.curr{
  color:#ad1622 
}
.icon-box{
  padding:0;
  display:inline-block;
  position:relative 
}
.icon-box .tips{
  position:absolute;
  min-width:0.35rem;
  min-height:0.35rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  padding:0;
  border:0.025rem solid #ad1622;
  border-radius:50%;
  top:-0.25rem;
  right:0;
  background:#fff;
  box-shadow:0 0 0 0.025rem #fff;
  -webkit-transform:translateX(60%);
  transform:translateX(60%);
  font-size:0.3rem;
  color:#ad1622 
}
.icon-box .icon{
  margin:0 auto;
  width:0.75rem;
  height:0.75rem;
  display:block;
  background-size:100% 100%;
  background-position:50% 
}
.icon-box .tabs-nav-word{
  font-size:0.3rem;
  line-height:1 
}
.icon-box .big-word{
  font-size:0.4rem;
  line-height:1 
}
@-webkit-keyframes nutSlideRightIn{
  0%{
      -webkit-transform:translate3d(100%,0,0);
      transform:translate3d(100%,0,0);
      visibility:visible 
 }
  to{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
}
@-webkit-keyframes nutSlideRightOut{
  0%{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
  to{
      visibility:hidden;
      -webkit-transform:translate3d(100%,0,0);
      transform:translate3d(100%,0,0) 
 }
}
.nutSlideRight-enter-active,.nutSlideRight-leave-active,.nutSlideRightIn,.nutSlideRightOut{
  -webkit-animation-duration:.25s;
  animation-duration:.25s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
  animation-timing-function:cubic-bezier(.55,.085,.68,.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;
  bottom:0;
  height:100%;
  font-size:0.35rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  padding-top:1.8rem;
  overflow:hidden;
  z-index:1000001 
}
.nut-calendar,.nut-calendar-control{
  top:0;
  left:0;
  width:100%;
  background-color:#fff 
}
.nut-calendar-control{
  position:absolute;
  height:1.75rem;
  text-align:center;
  z-index:1 
}
.nut-calendar-control .nut-calendar-cancel-btn,.nut-calendar-control .nut-calendar-confirm-btn{
  width:1.5rem;
  color:#ad1622;
  position:absolute;
  top:0;
  line-height:1rem 
}
.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 1.5rem;
  line-height:1rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap 
}
.nut-calendar-control .nut-calendar-week{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:0.75rem;
  text-align:center;
  line-height:0.75rem 
}
.nut-calendar-control .nut-calendar-week span{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1 
}
.nut-calendar-control .nut-calendar-week span:first-child,.nut-calendar-control .nut-calendar-week span:last-child{
  color:#ad1622 
}
.nut-calendar-months{
  width:100%;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1 
}
.nut-calendar-months .nut-calendar-months-panel{
  padding-bottom:0.25rem;
  position:relative;
  width:100%;
  height:auto 
}
.nut-calendar-months .nut-calendar-loading-tip{
  height:1.25rem;
  line-height:1.25rem;
  text-align:center;
  position:absolute;
  top:-1.25rem;
  left:0;
  right:0;
  color:#999999;
  font-size:0.3rem 
}
.nut-calendar-months .nut-calendar-month-title{
  height:0.75rem;
  line-height:0.75rem;
  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:1.4rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column 
}
.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day-active{
  background-color:#ad1622;
  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:0.075rem 0 
}
.nut-calendar-months .nut-calendar-month-con .nut-calendar-month-day .nut-calendar-day-tip{
  font-size:0.3rem 
}
@-webkit-keyframes nutFadeIn{
  0%{
      opacity:0 
 }
  to{
      opacity:1 
 }
}
@keyframes nutFadeIn{
  0%{
      opacity:0 
 }
  to{
      opacity:1 
 }
}
@-webkit-keyframes nutFadeOut{
  0%{
      opacity:1 
 }
  to{
      opacity:0 
 }
}
@keyframes nutFadeOut{
  0%{
      opacity:1 
 }
  to{
      opacity:0 
 }
}
.nutFade-enter-active,.nutFade-leave-active,.nutFadeIn,.nutFadeOut{
  -webkit-animation-duration:.25s;
  animation-duration:.25s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
  animation-timing-function:cubic-bezier(.55,.085,.68,.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{
  0%{
      -webkit-transform:translate3d(0,100%,0);
      transform:translate3d(0,100%,0);
      visibility:visible 
 }
  to{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
}
@keyframes nutSlideUpIn{
  0%{
      -webkit-transform:translate3d(0,100%,0);
      transform:translate3d(0,100%,0);
      visibility:visible 
 }
  to{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
}
@-webkit-keyframes nutSlideUpOut{
  0%{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
  to{
      visibility:hidden;
      -webkit-transform:translate3d(0,100%,0);
      transform:translate3d(0,100%,0) 
 }
}
@keyframes nutSlideUpOut{
  0%{
      -webkit-transform:translateZ(0);
      transform:translateZ(0) 
 }
  to{
      visibility:hidden;
      -webkit-transform:translate3d(0,100%,0);
      transform:translate3d(0,100%,0) 
 }
}
.nutSlideUp-enter-active,.nutSlideUp-leave-active,.nutSlideUpIn,.nutSlideUpOut{
  -webkit-animation-duration:.25s;
  animation-duration:.25s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:cubic-bezier(.445,.05,.55,.95);
  animation-timing-function:cubic-bezier(.445,.05,.55,.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,.5) 
}
.nut-actionsheet-panel{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  z-index:10001;
  background-color:#f6f6f6 
}
.nut-actionsheet-modal{
  padding:0.25rem;
  margin:0;
  text-align:center;
  background-color:#fff;
  border-bottom:0.025rem solid #f6f6f6 
}
.nut-actionsheet-modal .nut-actionsheet-sub-title,.nut-actionsheet-modal .nut-actionsheet-title{
  padding:0.125rem 0 
}
.nut-actionsheet-modal .nut-actionsheet-title{
  font-size:0.35rem;
  color:#2d2d2d 
}
.nut-actionsheet-modal .nut-actionsheet-sub-title{
  font-size:0.3rem;
  color:#2d2d2d;
  -webkit-margin-start:0;
  margin-inline-start:0 
}
.nut-actionsheet-menu{
  list-style:none;
  padding:0;
  margin:0 
}
.nut-actionsheet-cancel,.nut-actionsheet-item{
  height:0.6rem;
  padding:0.25rem;
  line-height:0.6rem;
  font-size:0.35rem;
  color:#2d2d2d;
  text-align:center;
  background-color:#fff 
}
.nut-actionsheet-item{
  border-bottom:0.025rem solid #f6f6f6 
}
.nut-actionsheet-item-active{
  color:#ad1622 
}
.nut-actionsheet-cancel{
  margin-top:0.125rem;
  border-top:0.025rem solid #f6f6f6 
}
.nut-picker {
  background-color: #fff;
  width: 100%
}

.nut-picker-control {
  display: -webkit-box;
  display: -webkit-flex;
  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;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.nut-picker-panel {
  height: 252px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.nut-picker-list {
  -webkit-box-flex: 1;
  -webkit-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;
  text-overflow: ellipsis;
  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-navbar{
  height:0.9rem;
  line-height:0.9rem;
  background-color:#fff;
  position:relative ;
  border-bottom: 0.01rem solid #f0f0f0;
  margin-bottom: 0.25rem;
}
.nut-navbar .nav-left{
  position:absolute;
  left:0.375rem;
  top:50%;
  height:1rem;
  line-height:1rem;
  margin-top:-0.5rem;
  font-size:0.26rem 
}
.nut-navbar .nav-left .back{
  float:left;
  margin-right:0.2rem 
}
.nut-navbar .nav-left .back .back-icon{
  display:inline-block;
  width:0.25rem;
  height:0.25rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.552 35.569a1.5 1.5 0 01-2.121-.017c-5.952-6.05-9.905-10.1-15.857-16.15a2 2 0 010-2.804c5.952-6.05 9.905-10.1 15.857-16.15a1.5 1.5 0 112.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 01-.017 2.121z' fill='%239E9E9E' 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 1rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size: 0.32rem;
  font-weight: normal
}
.nut-navbar .nav-right{
  position:absolute;
  right:0.375rem;
  top:50%;
  height:1rem;
  line-height:1rem;
  margin-top:-0.5rem;
  font-size:0.35rem 
}
.nut-navbar .nav-right .more{
  float:right;
  margin-left:0.2rem 
}
.nut-navbar .nav-right .more .more-icon:after{
  content:"\2022\2022\2022";
  font-size:0.4rem 
}
.nut-noticebar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:1rem;
  padding:0 0.25rem;
  font-size:0.35rem;
  line-height:0.6rem;
  position:relative;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  color:#999999;
  background-color:#fbf8dc 
}
.nut-noticebar a{
  text-decoration:none;
  color:#d37d42 
}
.nut-noticebar.close{
  border-radius:0 0.5rem 0.5rem 0 
}
.nut-noticebar .withicon{
  position:relative;
  padding-right:1rem 
}
.nut-noticebar .left-icon{
  height:0.4rem;
  min-width:0.4rem;
  margin-right:0.125rem;
  box-sizing:border-box;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D68048' d='M509.7 960.1c-53.5 0-106.1-9-156.6-26.8l-.2-.1c-8-2.9-14.5-8.7-18.1-16.4-3.7-7.7-4.1-16.4-1.2-24.4 4.7-12.7 17-21.3 30.6-21.3 3.7 0 7.4.6 11 1.9 43.3 15.2 88.6 22.9 134.5 22.9 47.2 0 93.7-8.1 138.1-24.2l.8-.3c3.7-1.4 7.5-2 11.3-2 13.4 0 25.7 8.4 30.5 21l.1.2c2.9 8 2.5 16.7-1.1 24.4-3.6 7.8-10 13.6-18 16.6-52.1 18.9-106.4 28.5-161.7 28.5zM219.3 824c-60 0-108.7-48.2-108.7-107.4v-4c0-21.6 6.4-42.4 18.5-60.2 12.2-17.8 29.2-31.3 49.3-39.1l7.1-2.8v-165c0-79.8 29.8-156.4 84-215.8 53.8-59 127-96.2 206.3-105l10-1.1V90.2c0-14.5 11.8-26.4 26.4-26.4 14.5 0 26.4 11.8 26.4 26.4v33.4l10 1.1c79.2 8.7 152.4 46 206.1 105 54.1 59.4 83.9 136 83.9 215.8v165.1l7.1 2.8c20.1 7.8 37.1 21.3 49.3 39.1 12.2 17.8 18.6 38.6 18.6 60.1v4c0 28.4-11.1 55.2-31.3 75.4-20.6 20.6-48 32-77.2 32H219.3zm-16.6-152.8c-16.9 6.8-28 23.5-27.7 41.6v3.8c-.2 24.5 19.5 44.7 44.1 45h585.7c11.5-.1 22.3-4.5 30.5-12.5 8.6-8.4 13.6-20.2 13.5-32.3l.1-3.9c.3-18.1-10.8-34.9-27.6-41.6L774 652.6V445.5c0-143.6-117.5-260.4-262-260.4S250 301.9 250 445.5v207.1l-47.3 18.6z'/%3E%3C/svg%3E") 
}
.nut-noticebar .right-icon{
  height:0.45rem;
  line-height:0.45rem;
  min-width:0.5rem;
  box-sizing:border-box;
  padding-left:0.125rem 
}
.nut-noticebar .right-icon svg{
  vertical-align:top;
  width:0.3rem;
  height:0.3rem;
  fill:#d37d42 
}
.nut-noticebar .wrap{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  height:0.6rem;
  overflow:hidden;
  position:relative;
  color:#d37d42 
}
.nut-noticebar .content{
  position:absolute;
  white-space:nowrap 
}
.nut-noticebar .content.van-ellipsis{
  max-width:100% 
}
.nut-noticebar .play{
  -webkit-animation:van-notice-bar-play linear both running;
  animation:van-notice-bar-play linear both running 
}
.nut-noticebar .play-infinite{
  -webkit-animation:van-notice-bar-play-infinite linear infinite both running;
  animation:van-notice-bar-play-infinite linear infinite both running 
}
.nut-noticebar .play-vertical{
  -webkit-animation:van-notice-bar-play-vertical linear infinite both running;
  animation:van-notice-bar-play-vertical linear infinite both running 
}
@-webkit-keyframes van-notice-bar-play{
  to{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0) 
 }
}
@keyframes van-notice-bar-play{
  to{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0) 
 }
}
@-webkit-keyframes van-notice-bar-play-infinite{
  to{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0) 
 }
}
@keyframes van-notice-bar-play-infinite{
  to{
      -webkit-transform:translate3d(-100%,0,0);
      transform:translate3d(-100%,0,0) 
 }
}
@-webkit-keyframes van-notice-bar-play-vertical{
  to{
      -webkit-transform:translateY(1rem);
      transform:translateY(1rem) 
 }
}
@keyframes van-notice-bar-play-vertical{
  to{
      -webkit-transform:translateY(1rem);
      transform:translateY(1rem) 
 }
}
.nut-switch{
  position:relative;
  display:inline-block;
  background:#fff;
  border-radius:25rem;
  vertical-align:bottom;
  box-sizing:initial;
  border:0.05rem solid #dadada 
}
.nut-switch,.nut-switch .nut-switch-btn{
  -webkit-transition:all .2s cubic-bezier(.55,.085,.68,.53);
  transition:all .2s cubic-bezier(.55,.085,.68,.53) 
}
.nut-switch .nut-switch-btn{
  position:absolute;
  left:0;
  background:#dadada;
  border:0.05rem solid #fff;
  border-radius:50%;
  box-sizing:border-box 
}
.nut-switch.nut-switch-active{
  border-color:#ad1622 
}
.nut-switch.nut-switch-active .nut-switch-btn{
  background-color:#ad1622 
}
.nut-switch.nut-switch-disabled{
  opacity:.6 
}
.nut-switch-small{
  height:0.35rem;
  width:0.8rem 
}
.nut-switch-small .nut-switch-btn{
  height:0.35rem;
  width:0.35rem 
}
.nut-switch-small.nut-switch-active .nut-switch-btn{
  left:0.45rem 
}
.nut-switch-base{
  height:0.5rem;
  width:1.15rem 
}
.nut-switch-base .nut-switch-btn{
  height:0.5rem;
  width:0.5rem 
}
.nut-switch-base.nut-switch-active .nut-switch-btn{
  left:0.65rem 
}
.nut-switch-large{
  height:0.7rem;
  width:1.45rem 
}
.nut-switch-large .nut-switch-btn{
  height:0.7rem;
  width:0.7rem 
}
.nut-switch-large.nut-switch-active .nut-switch-btn{
  left:0.75rem 
}
.nut-slider{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  height:0.75rem;
  margin:0 0.25rem 
}
.nut-slider .nut-slider-box{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  position:relative;
  height:0.05rem;
  background-color:#ad1622 
}
.nut-slider .nut-slider-Handle{
  position:absolute;
  top:50%;
  left:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  height:0.5rem;
  width:0.5rem;
  border:0.05rem solid #ad1622;
  border-radius:50%;
  box-sizing:border-box;
  box-shadow:none;
  -webkit-transition:box-shadow,border-width .5s ease-in;
  transition:box-shadow,border-width .5s ease-in;
  background-color:#fff 
}
.nut-slider .nut-slider-Handle.nut-slider-ani{
  border-width:0.2rem;
  box-shadow:0 0 0 0.1rem rgba(239,40,19,.5);
  -webkit-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%);
  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 .2s linear;
  transition:opacity,-webkit-transform .2s linear;
  transition:opacity,transform .2s linear;
  transition:opacity,transform .2s linear,-webkit-transform .2s linear;
  -webkit-transform:translate(-50%,-100%);
  transform:translate(-50%,-100%);
  font-size:0.3rem;
  padding:0.125rem;
  background-color:#ad1622;
  color:#fff;
  border-radius:0.1rem;
  z-index:9999 
}
.nut-slider .nut-slider-label.nut-slider-label-always{
  opacity:1;
  -webkit-transform:translate(-50%,-160%);
  transform:translate(-50%,-160%) 
}
.nut-slider .nut-slider-label:after{
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform:translate(-50%,-0.15rem);
  transform:translate(-50%,-0.15rem);
  height:0.3rem;
  width:0.3rem;
  content:"\25BC";
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.3rem;
  text-align:center;
  color:#ad1622 
}
textarea{
  font-family:Arial,Helvetica,sans-serif;

}
.nut-slider .nut-slider-left-text{
  margin-right:0.375rem 
}
.nut-slider .nut-slider-right-text{
  margin-left:0.375rem 
}
.nut-range{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  height:0.75rem;
  margin:0 0.25rem 
}
.nut-range .nut-range-box{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  position:relative;
  height:0.075rem;
  border-radius:0.125rem;
  background:rgba(240,37,15,.3) 
}
.nut-range .nut-range-area{
  position:absolute;
  top:0;
  height:0.075rem;
  z-index:123;
  background:#ad1622 
}
.nut-range .nut-range-label{
  pointer-events:none;
  opacity:0;
  position:absolute;
  top:50%;
  left:50%;
  background:#ad1622;
  -webkit-transition:opacity,-webkit-transform .2s linear;
  transition:opacity,-webkit-transform .2s linear;
  transition:opacity,transform .2s linear;
  transition:opacity,transform .2s linear,-webkit-transform .2s linear;
  -webkit-transform:translate(-50%,-100%);
  transform:translate(-50%,-100%);
  font-size:0.3rem;
  padding:0.125rem;
  color:#fff;
  border-radius:0.1rem;
  z-index:9999 
}
.nut-range .nut-range-label.nut-range-label-always{
  opacity:1;
  -webkit-transform:translate(-50%,-160%);
  transform:translate(-50%,-160%) 
}
.nut-range .nut-range-label .nut-range-after{
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform:translate(-50%,-0.15rem);
  transform:translate(-50%,-0.15rem);
  height:0.3rem;
  width:0.3rem;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.3rem;
  text-align:center;
  color:#ad1622 
}
.nut-range .nut-range-left-text{
  margin-right:0.375rem 
}
.nut-range .nut-range-right-text{
  margin-left:0.375rem 
}
.nut-range .nut-range-Handle{
  position:absolute;
  top:50%;
  left:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  height:0.5rem;
  width:0.5rem;
  border-radius:50%;
  box-sizing:border-box;
  box-shadow:none;
  border:0.05rem solid #ad1622;
  -webkit-transition:box-shadow,border-width .5s ease-in;
  transition:box-shadow,border-width .5s ease-in;
  background-color:#fff;
  z-index:124 
}
.nut-range .nut-range-Handle.nut-range-ani{
  border-width:0.2rem!important;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out 
}
.nut-range .nut-range-Handle.nut-range-ani .nut-range-label{
  opacity:1;
  background:#ad1622;
  -webkit-transform:translate(-50%,-160%);
  transform:translate(-50%,-160%) 
}
.nut-progress{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex 
}
.nut-progress .nut-progress-outer{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  background-color:#f3f3f3;
  border-radius:2.5rem;
  overflow:hidden;
  height:0.3rem 
}
.nut-progress .nut-progress-outer .nut-progress-inner{
  width:30%;
  height:100%;
  background-color:#ad1622;
  -webkit-transition:all .4s;
  transition:all .4s;
  position:relative 
}
.nut-progress .nut-progress-outer .nut-progress-inner .nut-progress-text{
  height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  color:#fff 
}
.nut-progress .nut-progress-outer .nut-active:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  border-radius:0.25rem;
  -webkit-animation:progressActive 2s ease-in-out infinite;
  animation:progressActive 2s ease-in-out infinite 
}
@-webkit-keyframes progressActive{
  0%{
      background:hsla(0,0%,100%,.1);
      width:0 
 }
  20%{
      background:hsla(0,0%,100%,.5);
      width:0 
 }
  to{
      background:hsla(0,0%,100%,0);
      width:100% 
 }
}
@keyframes progressActive{
  0%{
      background:hsla(0,0%,100%,.1);
      width:0 
 }
  20%{
      background:hsla(0,0%,100%,.5);
      width:0 
 }
  to{
      background:hsla(0,0%,100%,0);
      width:100% 
 }
}
.nut-progress .nut-progress-outer.nut-progress-small{
  height:0.3rem 
}
.nut-progress .nut-progress-outer.nut-progress-small .nut-progress-text{
  font-size:0.3rem;
  line-height:0.3rem 
}
.nut-progress .nut-progress-outer.nut-progress-base{
  height:0.4rem 
}
.nut-progress .nut-progress-outer.nut-progress-base .nut-progress-text{
  font-size:0.3rem;
  line-height:0.4rem 
}
.nut-progress .nut-progress-outer.nut-progress-large{
  height:0.5rem 
}
.nut-progress .nut-progress-outer.nut-progress-large .nut-progress-text{
  font-size:0.5rem;
  line-height:0.5rem 
}
.nut-progress .nut-progress-outer-part{
  width:90% 
}
.nut-progress .nut-progress-text{
  padding:0 0.125rem;
  font-size:0.3rem;
  line-height:1 
}
.nut-progress .nut-icon-success{
  width:0.25rem;
  height:0.25rem;
  display:inline-block;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA75JREFUSA21V1uIjVEU/tZ/5BpJI4yEkFt5cHugTEry4n4PueR2BrnLgyjlQRjEnDmYocht5Dql5BYlKfOoPCg8uBTJg8gws3xr/2fmn/93zpmD367/nLXX/tb6/rX23mvvX1BIUxWcwEjUYzLhI6Ao5tPdmQreQ/CWci0SqMEKPIWItuRW8gKqtTU+opSYLSTqmRfbOCh4Q3E/ipDCHKlrVEf/cxOndArJDtGgb9SowP5L4tZjjdRkw3u/KS2tKd1J/TU+f0tqbvtyCq47X+Yz0sIKA1TgNCNdGMH9W1dwBkksbj734YhT2BU7qb2yYhHSsCw2tSDitE5FA64SFOiaYDEIQs8epmO1XDdvfsQ3tQ23yuH/SHqN4cwmx2IYVxPxa6yl3NsUsTdBJed3JpJymWHewiusMQ4Pqh5TvDV2QnNoSzWJlVxUDTilnZnRUj5bjVNQrmMIeRQ7scepS8oG57dSu+A7blMenuEZ6/GtpsVOKtjXRHpSu6IO95uRWiam2eIaFSuxhz0olW3O5wnthm8kVQyLcIw04h4R5WO+0QI+DyL6lrvCOpCUHQ5YpcX44XwMzWJYbMTFoYEEyvjG51jkJ5L8RmgsX0ewnXa7HaRce3FOHzLSgTlMSBwtGA3cWqe0rTtZEphF8ss5jAO1h00k3esUFdqHNkbaLwBEJHJaxHaWBk1RwnmpwTFtj1XyA4Mxj44uBIBmkl+N1jG9B522UvuT0Ej7NENlE9/aqn7324hiAqvMTZzWDhgvP5n2hcSdCeGMFFhN0qNOn9KBTO8DanuFcNk65LSIa7ON0UEJvrDSVGlHpr2ehWAJyasy2AbKy5je466f1iHE22IMr5esjp2yVpDWcYwu3wp+gvaYhKXymRXHatERkj5mpGedi5QOI+kdyl1z80RGEigRVGuC15v3NC6KDAddYVZac5Uvl0+BktIxHc6Xvk3bLiF9vo6QrQjdPZdGcAvla8oLXh3ukSh4uQodjZ+4+0ekPkeZcYqTq7UdPuAF5Zbm6BlacUHZAqrn0Q508n0V+GsXwSIMIPE3n9jsynUuf7NvmwL9FgCbx8vfRcPZqvabKay4/69mvjOkRhFEbD07mytwiamcYd3YmuAKt+Nsdy5nnAYRm8IObAfghTyuJvQVIXVUOf2ndT5vJgcYffT0ymkSGrCK6GEzL3fnQ/pMJ5zqKMLqdT0PAGBjwdtGYHv9IL+jyljrv0ZdNvbzEzei7msrPMc4ktttZQQf+2jzM+HXev+jTfj1MYiHhNX3FtovyFQPqOmVArUAAAAASUVORK5CYII=) no-repeat;
  background-size:cover 
}
.nut-progress .nut-icon-fail{
  width:0.25rem;
  height:0.25rem;
  display:inline-block;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAlpJREFUSA29VjFPVEEQntkcGBrvEpoTirtXIFBSmEBBjIU9iVT8ARoLY21xhb/FAjDQaWIlhEBiCC1aeFDIXWMCdHq6w3wr+9h33LvbJ5fb5GVnZ+eb782+fTPDFDFOpyoLQrRCVpaFZZqEpxyM5ZyFf5DhPSbaqZ9fHA9yp3b546xaXrUsb0VoNt/qdoeZvhrhN7X25datNiv1JDytlRP5Je80qsWsedxKnR7yA16rn102uxF3CJvVylNi+16jmuw2LrLWaH+SmBdJ++JziMsQgkzIflKDsdDoHnKHyTwPSVNCd4y/5UtMZApq4SX0yB8NehlEyuP8xB+v8QD3zSKOkZk/1qdnangge3zejADg2+87QtzGAhdkm4+OOnjUybZ31G+Gb3DAxhHi6vcDhHsa1R+/DmWvy5s9h3E/deR/lucsRq9HOwsuo+GuxACGYQMug3Q1DGdRPpRLM5HmxhENcJk0EY+CVJN++h+Ogk85xJCWmEJkVuZS+1BOlX0EllYJ9UxIHvcxy2xZklffq5UJKC3Z9czmgAW4SiieelOfDbANtzWx25ehIlpWLqOJeCcacGOoCfmEmL4VximXQVuASh0LZuKNpHU1n6y/nlfch2iccoDL3VK0BdFAI7uw5UbDKvl+LM5z6In+G83qw4OYioHjZDZrxtrSX+ZNEal5H3mzkhwm7asl7KeERQpwnuNeen3B3gXYVWTtQRSEOjes0UFf46s9nGYyDXoP9CB4q/syusi6+pk7hFA4Uu1BcO7/Swos+piwefK+0m/oFeE8skY4JIU8zFb/GpFg9zc7W1jaAAAAAElFTkSuQmCC) no-repeat;
  background-size:cover 
}
.nut-price{
  display:inline 
}
.nut-price,.nut-price .price-symbol{
  font-size:0.3rem 
}
.nut-price .price-big{
  font-size:0.4rem 
}
.nut-price .price-small{
  font-size:0.3rem 
}
.nut-col{
  float:left;
  box-sizing:border-box 
}
.nut-col-offset-1{
  margin-left:4.16667% 
}
.nut-col-1{
  width:4.16667% 
}
.nut-col-offset-2{
  margin-left:8.33333% 
}
.nut-col-2{
  width:8.33333% 
}
.nut-col-offset-3{
  margin-left:12.5% 
}
.nut-col-3{
  width:12.5% 
}
.nut-col-offset-4{
  margin-left:16.66667% 
}
.nut-col-4{
  width:16.66667% 
}
.nut-col-offset-5{
  margin-left:20.83333% 
}
.nut-col-5{
  width:20.83333% 
}
.nut-col-offset-6{
  margin-left:25% 
}
.nut-col-6{
  width:25% 
}
.nut-col-offset-7{
  margin-left:29.16667% 
}
.nut-col-7{
  width:29.16667% 
}
.nut-col-offset-8{
  margin-left:33.33333% 
}
.nut-col-8{
  width:33.33333% 
}
.nut-col-offset-9{
  margin-left:37.5% 
}
.nut-col-9{
  width:37.5% 
}
.nut-col-offset-10{
  margin-left:41.66667% 
}
.nut-col-10{
  width:41.66667% 
}
.nut-col-offset-11{
  margin-left:45.83333% 
}
.nut-col-11{
  width:45.83333% 
}
.nut-col-offset-12{
  margin-left:50% 
}
.nut-col-12{
  width:50% 
}
.nut-col-offset-13{
  margin-left:54.16667% 
}
.nut-col-13{
  width:54.16667% 
}
.nut-col-offset-14{
  margin-left:58.33333% 
}
.nut-col-14{
  width:58.33333% 
}
.nut-col-offset-15{
  margin-left:62.5% 
}
.nut-col-15{
  width:62.5% 
}
.nut-col-offset-16{
  margin-left:66.66667% 
}
.nut-col-16{
  width:66.66667% 
}
.nut-col-offset-17{
  margin-left:70.83333% 
}
.nut-col-17{
  width:70.83333% 
}
.nut-col-offset-18{
  margin-left:75% 
}
.nut-col-18{
  width:75% 
}
.nut-col-offset-19{
  margin-left:79.16667% 
}
.nut-col-19{
  width:79.16667% 
}
.nut-col-offset-20{
  margin-left:83.33333% 
}
.nut-col-20{
  width:83.33333% 
}
.nut-col-offset-21{
  margin-left:87.5% 
}
.nut-col-21{
  width:87.5% 
}
.nut-col-offset-22{
  margin-left:91.66667% 
}
.nut-col-22{
  width:91.66667% 
}
.nut-col-offset-23{
  margin-left:95.83333% 
}
.nut-col-23{
  width:95.83333% 
}
.nut-col-offset-24{
  margin-left:100% 
}
.nut-col-24{
  width:100% 
}
.nut-row:after{
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  content:"" 
}
.nut-row-flex{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex 
}
.nut-row-flex:after{
  display:none 
}
.nut-row-flex .nut-col{
  float:none 
}
.nut-row-justify-center{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center 
}
.nut-row-justify-end{
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end 
}
.nut-row-justify-space-between{
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.nut-row-justify-space-around{
  -webkit-justify-content:space-around;
  justify-content:space-around 
}
.nut-row-align-flex-start{
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start 
}
.nut-row-align-center{
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.nut-row-align-flex-end{
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
  align-items:flex-end 
}
.nut-row-flex-wrap{
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap 
}
.nut-row-flex-nowrap{
  -webkit-flex-wrap:nowrap;
  flex-wrap:nowrap 
}
.nut-row-flex-reverse{
  -webkit-flex-wrap:wrap-reverse;
  flex-wrap:wrap-reverse 
}
.clearfix{
  zoom:1 
}
.clearfix:after{
  display:block;
  height:0;
  clear:both;
  content:"";
  visibility:hidden 
}
.nut-step{
  position:relative;
  font-size:0.35rem;
  color:#999 
}
.nut-step .nut-step-line{
  position:absolute;
  top:0;
  left:0.35rem;
  height:100%;
  width:0.025rem 
}
.nut-step .nut-step-index{
  position:relative;
  z-index:99;
  float:left;
  width:0.65rem;
  height:0.65rem;
  font-size:0.35rem;
  line-height:0.65rem;
  text-align:center;
  border-radius:50% 
}
.nut-step .nut-step-main{
  padding-left:1rem 
}
.nut-step .nut-step-main .nut-step-title{
  line-height:0.7rem;
  font-weight:600 
}
.nut-step .nut-step-main .nut-step-content{
  padding-bottom:0.25rem;
  line-height:0.5rem;
  font-size:0.3rem 
}
.nut-step.nut-step-last .nut-step-line{
  display:none 
}
.nut-step.nut-step-status-wait .nut-step-line{
  background:#ccc 
}
.nut-step.nut-step-status-wait .nut-step-index{
  color:#999;
  border:0.025rem solid #ccc;
  background:#fff 
}
.nut-step.nut-step-status-finish .nut-step-line{
  background:#789208 
}
.nut-step.nut-step-status-finish .nut-step-index{
  border:0.025rem solid #789208;
  background:#fff;
  color:#789208 
}
.nut-step.nut-step-status-process .nut-step-line{
  background:#ccc 
}
.nut-step.nut-step-status-process .nut-step-main{
  color:#666 
}
.nut-step.nut-step-status-process .nut-step-index{
  border:0.025rem solid #789208;
  background:#789208;
  color:#fff 
}
.nut-step.nut-step-status-error .nut-step-line{
  background:#ccc 
}
.nut-step.nut-step-status-error .nut-step-main{
  color:#ad1622 
}
.nut-step.nut-step-status-error .nut-step-index{
  border:0.025rem solid #ad1622;
  background:#fff;
  color:#ad1622 
}
.nut-button{
  cursor:pointer;  
  height:1rem;
  padding:0 1rem;
  outline:none;
  border-radius: 0.125rem;
  font-size:0.35rem;
  color:#fff;
  background:#ad1622;
  border:none;
  box-sizing:border-box 
}
.nut-button[disabled]{
  cursor:not-allowed;
  background:#dadada;
  color:#f6f6f6 
}
.nut-button .txt-icon{
  vertical-align:text-top;
  width:0.4rem;
  height:0.4rem;
  margin-right:0.125rem;
  color:#ad1622 
}
.nut-button.red{
  background:#fff;
  border:0.025rem solid #ad1622;
  color:#ad1622 
}
.nut-button.gray{
  background:#f6f6f6;
  color:#2d2d2d 
}
.nut-button.light{
  color:#2d2d2d;
  background:#fff;
  border:0.025rem solid #dadada 
}
.nut-button.lightred{
  background:rgba(240,37,15,.05);
  color:#2d2d2d;
  border:none 
}
.nut-button.primary{
  background:#ad1622;
  color:#fff 
}
.nut-button.default{
  background:#fff;
  color:#2d2d2d;
  border:0.025rem solid #ababab 
}
.nut-button.actived{
  background:rgba(240,37,15,.05);
  color:#ad1622;
  border:0.025rem solid #ad1622 
}
.nut-button.dashed{
  background:#fff;
  color:#2d2d2d;
  border:0.025rem dashed #dadada 
}
.nut-button.block{
  width:100%;
  border-radius:0.2rem
}
.nut-button.small{
  height:0.6rem;
  padding:0 0.375rem;
  font-size:0.28rem 
}
.nut-button.no-txt-small{
  width:0.75rem;
  padding:0 
}
.nut-button.no-txt-small .txt-icon{
  margin:0 
}
.nut-button.no-txt{
  width:1rem;
  padding:0 
}
.nut-button.no-txt .txt-icon{
  margin:0 
}
.nut-button.circle{
  border-radius:1.25rem 
}
.nut-badge{
  position:relative;
  display:inline-block 
}
.nut-badge sup{
  position:absolute;
  height:0.45rem;
  min-width:0.2rem;
  line-height:0.45rem;
  padding:0 0.125rem;
  background-color:#fff;
  text-align:center;
  border:0.025rem solid #ad1622;
  color:#ad1622;
  font-size:0.25rem;
  border-radius:0.25rem;
  z-index:9998 
}
.nut-badge .nut-badge__content{
  -webkit-transform:translateY(-50%) translateX(100%);
  transform:translateY(-50%) translateX(100%) 
}
.nut-badge .is-dot{
  width:0.25rem;
  height:0.25rem;
  padding:0;
  right:0.125rem;
  border-radius:0.25rem;
  background:#ad1622 
}
.nut-rate .nut-rate-item{
  display:inline-block;
  vertical-align:bottom;
  width:0.75rem;
  height:0.75rem;
  margin-right:0.375rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23ad1622' d='M16 6.204l-5.528-.803L8 .392 5.528 5.401 0 6.204l4 3.899-.944 5.505L8 13.009l4.944 2.599L12 10.103l4-3.899zm-8 5.569l-3.492 1.836.667-3.888L2.35 6.968l3.904-.567L8 2.864l1.746 3.537 3.904.567-2.825 2.753.667 3.888L8 11.773z'/%3E%3C/svg%3E") 50% no-repeat;
  background-size:cover 
}
.nut-rate .nut-rate-item:last-child{
  margin-right:0 
}
.nut-rate .nut-rate-item.nut-rate-active{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23ad1622' d='M16 6.204l-5.528-.803L8 .392 5.528 5.401 0 6.204l4 3.899-.944 5.505L8 13.009l4.944 2.599L12 10.103l4-3.899z'/%3E%3C/svg%3E") 
}
.nut-swiper{
  position:relative;
  overflow:hidden;
  height:5rem 
}
.nut-swiper .nut-swiper-wrap{
  display:-webkit-box;
  display:flex;
  display:-webkit-flex;
  width:100%;
  height:100%;
  transition:all 0ms ease;
  -webkit-transition:all 0ms ease 
}
.nut-swiper .nut-swiper-slide{
  overflow:hidden;
  flex-shrink:0;
  -webkit-flex-shrink:0;
  width:100%;
  height:100%;
  cursor:default;
  position:relative 
}
@-webkit-keyframes nut-preloader-spin{
  to{
      -webkit-transform:rotate(1turn);
      transform:rotate(1turn) 
 }
}
@keyframes nut-preloader-spin{
  to{
      -webkit-transform:rotate(1turn);
      transform:rotate(1turn) 
 }
}
.nut-swiper .nut-swiper-slide .nut-lazy.img{
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:100% 100% 
}
.nut-swiper .nut-swiper-slide .nut-lazy.preloader{
  width:1.05rem;
  height:1.05rem;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-0.525rem;
  margin-top:-0.525rem;
  z-index:10;
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-animation:nut-preloader-spin 1s linear infinite;
  animation:nut-preloader-spin 1s linear infinite;
  box-sizing:border-box;
  border-radius:50%;
  border:0.1rem solid #fff;
  border-top-color:transparent 
}
.nut-swiper.horizontal .nut-swiper-wrap{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row;
  -webkit-flex-direction:row 
}
.nut-swiper.vertical .nut-swiper-wrap{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-flex-direction:column 
}
.nut-swiper .nut-swiper-pagination{
  position:absolute 
}
.nut-swiper .nut-swiper-pagination .swiper-pagination-bullet{
  width:0.2rem;
  height:0.2rem;
  border-radius:50%;
  background-color:#000;
  opacity:.2;
  transition:all .5s ease;
  -webkit-transition:all .5s ease 
}
.nut-swiper .nut-swiper-pagination .swiper-pagination-bullet.active{
  background-color:#007aff;
  opacity:1 
}
.nut-swiper.vertical .nut-swiper-pagination{
  right:0.25rem;
  top:50%;
  transform:translate3d(0,-50%,0);
  -webkit-transform:translate3d(0,-50%,0) 
}
.nut-swiper.vertical .nut-swiper-pagination .swiper-pagination-bullet{
  display:block;
  margin:0.15rem 0 
}
.nut-swiper.horizontal .nut-swiper-pagination{
  bottom:0.25rem;
  width:100%;
  text-align:center 
}
.nut-swiper.horizontal .nut-swiper-pagination .swiper-pagination-bullet{
  display:inline-block;
  margin:0 0.075rem 
}
.nut-swiper img{
  pointer-events:none 
}
.nut-menu .nut-menu-mask{
  position:fixed;
  z-index:9998;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:rgba(0,0,0,.5) 
}
.nut-menu .nut-menu-panel{
  display:block;
  width:100%;
  position:absolute;
  left:0;
  color:#2d2d2d;
  overflow:hidden;
  background-color:#fff;
  box-sizing:border-box;
  -webkit-overflow-scrolling:touch;
  z-index:9998 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul,.nut-menu .nut-menu-panel .menu-multiple-style2 ul,.nut-menu .nut-menu-panel .menu-multiple-style3 ul,.nut-menu .nut-menu-panel .menu-simple ul{
  position:relative;
  padding:0;
  margin:0;
  min-height:5rem;
  max-height:7.5rem;
  list-style:none;
  overflow-y:auto 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li,.nut-menu .nut-menu-panel .menu-simple ul li{
  position:relative;
  width:100%;
  height:1.125rem;
  line-height:1.125rem;
  padding:0 0 0 0.25rem;
  font-size:0.35rem;
  box-sizing:border-box;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li.selected,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.selected,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li.selected,.nut-menu .nut-menu-panel .menu-simple ul li.selected{
  color:#ad1622 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li:before,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li:before,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li:before,.nut-menu .nut-menu-panel .menu-simple ul li:before{
  content:" ";
  height:0.025rem;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  pointer-events:none;
  background-color:#e5e5e5;
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100% 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li.col2,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.col2,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li.col2,.nut-menu .nut-menu-panel .menu-simple ul li.col2{
  float:left;
  width:50% 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li.col2:nth-child(2n):after,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.col2:nth-child(2n):after,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li.col2:nth-child(2n):after,.nut-menu .nut-menu-panel .menu-simple ul li.col2:nth-child(2n):after{
  content:" ";
  position:absolute;
  z-index:1;
  pointer-events:none;
  background-color:#e5e5e5;
  width:0.025rem;
  left:0;
  top:0.325rem;
  bottom:0.325rem;
  -webkit-transform:scaleX(.5);
  transform:scaleX(.5);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50% 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li.col3,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.col3,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li.col3,.nut-menu .nut-menu-panel .menu-simple ul li.col3{
  float:left;
  width:33.33% 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 ul li.col3:not(:nth-child(3n+1)):after,.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.col3:not(:nth-child(3n+1)):after,.nut-menu .nut-menu-panel .menu-multiple-style3 ul li.col3:not(:nth-child(3n+1)):after,.nut-menu .nut-menu-panel .menu-simple ul li.col3:not(:nth-child(3n+1)):after{
  content:" ";
  position:absolute;
  z-index:1;
  pointer-events:none;
  background-color:#e5e5e5;
  width:0.025rem;
  left:0;
  top:0.325rem;
  bottom:0.325rem;
  -webkit-transform:scaleX(.5);
  transform:scaleX(.5);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50% 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 .nut-buttongroup .nut-button,.nut-menu .nut-menu-panel .menu-multiple-style2 .nut-buttongroup .nut-button,.nut-menu .nut-menu-panel .menu-multiple-style3 .nut-buttongroup .nut-button,.nut-menu .nut-menu-panel .menu-simple .nut-buttongroup .nut-button{
  -webkit-appearance:none 
}
.nut-menu .nut-menu-panel .menu-simple li.selected span{
  position:absolute;
  top:0.25rem;
  right:0.25rem 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 li .nut-checkbox{
  margin-right:0.25rem;
  vertical-align:middle 
}
.nut-menu .nut-menu-panel .menu-multiple-style1 li label{
  vertical-align:middle 
}
.nut-menu .nut-menu-panel .menu-multiple-style2 ul li{
  padding:0 0.25rem;
  margin-bottom:0.25rem;
  text-align:center;
  border-radius:0.1rem 
}
.nut-menu .nut-menu-panel .menu-multiple-style2 ul li:before{
  height:0!important 
}
.nut-menu .nut-menu-panel .menu-multiple-style2 ul li.selected a{
  background-color:#fdf0f0;
  color:#ad1622 
}
.nut-menu .nut-menu-panel .menu-multiple-style2 ul li a{
  display:inline-block;
  width:100%;
  height:100%;
  color:#2d2d2d;
  text-decoration:none;
  background-color:#f6f6f6 
}
.nut-menu .nut-menu-panel .menu-multiple-style3 li label{
  padding-left:0.125rem;
  border-left:0.075rem solid transparent 
}
.nut-menu .nut-menu-panel .menu-multiple-style3 li.selected label{
  border-left:0.075rem solid #ad1622 
}
.nut-stepper{
  border:0.025rem solid #dedede 
}
.nut-stepper .nut-stepper-fake,.nut-stepper .nut-stepper-fake-,.nut-stepper .nut-stepper-fake- div,.nut-stepper .nut-stepper-fake div{
  background:#fff 
}
.nut-stepper span:first-child{
  border-right:0.025rem solid #dedede 
}
.nut-stepper span:last-child{
  border-left:0.025rem solid #dedede 
}
.nut-stepper-simple span{
  font-weight:700 
}
.nut-stepper-simple .nut-stepper-fake,.nut-stepper-simple .nut-stepper-fake-,.nut-stepper-simple .nut-stepper-fake- div,.nut-stepper-simple .nut-stepper-fake div,.nut-stepper-simple input{
  background:#f6f6f6 
}
.nut-stepper,.nut-stepper-simple{
  width:2.5rem;
  height:0.75rem;
  line-height:0.75rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  border-radius:0.1rem;
  position:relative;
  overflow:hidden 
}
.nut-stepper-simple .nut-stepper-none-transition,.nut-stepper .nut-stepper-none-transition{
  -webkit-transition:none;
  transition:none 
}
.nut-stepper-simple .nut-stepper-transition,.nut-stepper .nut-stepper-transition{
  -webkit-transition:all .4s;
  transition:all .4s 
}
.nut-stepper-simple .nut-stepper-fake,.nut-stepper-simple .nut-stepper-fake-,.nut-stepper .nut-stepper-fake,.nut-stepper .nut-stepper-fake-{
  position:absolute;
  top:0;
  left:25%;
  right:25%;
  bottom:0;
  text-align:center;
  font-size:0.325rem 
}
.nut-stepper-simple span,.nut-stepper span{
  color:#666;
  width:25%;
  text-align:center;
  cursor:pointer;
  padding:0;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center 
}
.nut-stepper-simple span svg,.nut-stepper span svg{
  vertical-align:top;
  width:0.275rem;
  fill:#333 
}
.nut-stepper-simple input,.nut-stepper input{
  border:none;
  width:50%;
  text-align:center;
  border-radius:0;
  padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  box-sizing:border-box;
  outline:none;
  font-family:initial;
  color:#333 
}
.nut-stepper-simple .nut-stepper-grey,.nut-stepper .nut-stepper-grey{
  color:#ececee 
}
.nut-stepper-simple .nut-stepper-grey svg,.nut-stepper .nut-stepper-grey svg{
  vertical-align:top;
  fill:#cecece!important 
}
.nut-buttongroup{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  width:100% 
}
.nut-buttongroup.circle{
  border-radius:1.25rem 
}
.nut-buttongroup.circle .nut-button:first-child{
  border-top-left-radius:1.25rem;
  border-bottom-left-radius:1.25rem 
}
.nut-buttongroup.circle .nut-button:last-child{
  border-top-right-radius:1.25rem;
  border-bottom-right-radius:1.25rem 
}
.nut-buttongroup.menu{
  height:1.25rem;
  font-size:0.3rem 
}
.nut-buttongroup.menu .nut-button{
  position:relative;
  height:1.25rem;
  width:100%;
  padding:0;
  font-size:0.3rem 
}
.nut-buttongroup.menu .txt-icon{
  display:block;
  margin:0 auto;
  width:0.5rem;
  height:0.5rem 
}
.nut-buttongroup.menu .nut-badge,.nut-buttongroup .nut-button{
  -webkit-box-flex:1;
  flex:1;
  -webkit-flex:1 
}
.nut-buttongroup .nut-button{
  border:0.025rem solid transparent 
}
.nut-searchbar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row;
  flex-flow:row 
}
.nut-searchbar .search-input{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  padding-left:0.25rem;
  margin-right:0.25rem;
  background-color:#f6f6f6;
  border-radius:0.5rem 
}
.nut-searchbar .search-input form{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  position:relative;
  margin-right:0.25rem 
}
.nut-searchbar .search-input form .close-icon{
  display:none 
}
.nut-searchbar .search-input form .close-icon.show{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex 
}
.nut-searchbar .search-input i{
  display:inline-block 
}
.nut-searchbar .search-input input{
  min-width:80%;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  padding:0.25rem 0;
  margin-left:0.25rem;
  background-color:#f6f6f6;
  border-color:transparent;
  outline:none 
}
.nut-searchbar .search-input.focus{
  box-shadow:0 0 0.125rem 0 #f6f6f6 
}
.nut-searchbar .search-input.nut-search-ani{
  -webkit-animation:nutPulse .25s;
  animation:nutPulse .25s 
}
.nut-searchbar .btn-search{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  color:#2d2d2d 
}
.nut-searchbar a{
  text-decoration:none 
}
.nut-searchbar .nut-icon{
  vertical-align:middle 
}
.nut-imagepicker{
  display:block 
}
.nut-imagepicker .img-list{
  display:inline-block 
}
.nut-imagepicker .img-list .img-item{
  display:inline-block;
  margin:0 0 0.125rem 
}
.nut-imagepicker .img-list .img-item a{
  display:inline-block;
  width:100%;
  height:100% 
}
.nut-imagepicker .img-list .img-item a img{
  width:100%;
  height:100%;
  border-radius:0.15rem;
  -webkit-transition:all 5s ease-in-out;
  transition:all 5s ease-in-out 
}
.nut-imagepicker .img-list .img-item:last-child{
  margin-right:0 
}
.nut-imagepicker .img-list .add-icon{
  display:inline-block;
  position:relative;
  border:0.025rem dashed #ad1622;
  border-radius:0.15rem;
  box-sizing:border-box;
  cursor:pointer 
}
.nut-imagepicker .img-list .add-icon i{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:0.5rem;
  height:0.5rem;
  color:#ad1622 
}
.nut-imagepicker .img-list .add-icon i svg{
  vertical-align:top;
  fill:currentColor 
}
.nut-imagepicker .img-list .add-icon input[type=file]{
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  top:0;
  left:0 
}
.nut-radio{
  margin-right:0.25rem 
}
.nut-radio .nut-radio-label{
  pointer-events:none;
  vertical-align:middle 
}
.nut-radio input{
  position:relative;
  -webkit-appearance:none;
  border:0.025rem solid #dadada;
  border-radius:50%;
  background-size:cover;
  outline:0;
  opacity:1;
  vertical-align:middle;
  margin-top:0 
}
.nut-radio input:after{
  position:absolute;
  left:50%;
  top:50%;
  content:"";
  width:0;
  height:0;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background:#ad1622;
  border-radius:50%;
  opacity:0;
  pointer-events:none 
}
.nut-radio input:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-color:#ad1622;
  background-repeat:no-repeat;
  background-position:50%;
  border-color:#ad1622;
  background-size:60%;
  box-shadow:0 0.1rem 0.15rem 0 rgba(240,37,15,.15) 
}
.nut-radio input:checked:not(:disabled).nut-radio-ani:after{
  -webkit-animation:nutPulse .25s;
  animation:nutPulse .25s 
}
.nut-radio input:disabled{
  background-color:#dadada;
  border-color:#f6f6f6;
  box-shadow:none 
}
.nut-radio input:disabled:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z'fill='%23999'fill-rule='evenodd'/%3E%3C/svg%3E") 
}
.nut-radio.nut-radio-size-base input{
  width:0.475rem;
  height:0.475rem 
}
.nut-radio.nut-radio-size-base .nut-radio-label{
  font-size:0.35rem 
}
.nut-radio.nut-radio-size-small input{
  width:0.4rem;
  height:0.4rem 
}
.nut-radio.nut-radio-size-small .nut-radio-label{
  font-size:0.3rem 
}
.nut-radio.nut-radio-size-large input{
  width:0.55rem;
  height:0.55rem 
}
.nut-radio.nut-radio-size-large .nut-radio-label{
  font-size:0.4rem 
}
@-webkit-keyframes nutPulse{
  0%{
      width:100%;
      height:100%;
      opacity:.5 
 }
  to{
      width:180%;
      height:180%;
      opacity:0 
 }
}
@keyframes nutPulse{
  0%{
      width:100%;
      height:100%;
      opacity:.5 
 }
  to{
      width:180%;
      height:180%;
      opacity:0 
 }
}
.nut-checkbox{
  margin-right:0.25rem 
}
.nut-checkbox .nut-checkbox-label{
  pointer-events:none;
  vertical-align:middle 
}
.nut-checkbox input{
  position:relative;
  -webkit-appearance:none;
  border:0.025rem solid #dadada;
  border-radius:1%;
  background-size:cover;
  outline:0;
  opacity:1;
  vertical-align:middle;
  margin-top:0 
}
.nut-checkbox input:after{
  position:absolute;
  left:50%;
  top:50%;
  content:"";
  width:0;
  height:0;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background:#ad1622;
  border-radius:1%;
  opacity:0;
  pointer-events:none 
}
.nut-checkbox input:checked{
  background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-color:#ad1622;
  background-repeat:no-repeat;
  background-position:50%;
  border-color:#ad1622;
  background-size:60%;
  box-shadow:0 0.1rem 0.15rem 0 rgba(240,37,15,.15) 
}
.nut-checkbox input:checked:not(:disabled).nut-checkbox-ani:after{
  -webkit-animation:nutPulse .25s;
  animation:nutPulse .25s 
}
.nut-checkbox input:disabled{
  background-color:#dadada;
  border-color:#f6f6f6;
  box-shadow:none 
}
.nut-checkbox input:disabled:checked{
  background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-color:#dadada 
}
.nut-checkbox.nut-checkbox-size-base input{
  width:0.475rem;
  height:0.475rem 
}
.nut-checkbox.nut-checkbox-size-base .nut-checkbox-label{
  font-size:0.35rem 
}
.nut-checkbox.nut-checkbox-size-small input{
  width:0.4rem;
  height:0.4rem 
}
.nut-checkbox.nut-checkbox-size-small .nut-checkbox-label{
  font-size:0.3rem 
}
.nut-checkbox.nut-checkbox-size-large input{
  width:0.55rem;
  height:0.55rem 
}
.nut-checkbox.nut-checkbox-size-large .nut-checkbox-label{
  font-size:0.4rem 
}
.nut-checkboxgroup{
  padding:0.25rem 0 
}
.nut-checkboxgroup .checkbox-item{
  height:0.75rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  margin-right:0.5rem;
  padding:0.075rem 0 
}
.nut-checkboxgroup .checkbox-item .nut-checkbox,.nut-checkboxgroup .checkbox-item label{
  display:inline-block;
  margin:0;
  vertical-align:middle 
}
.nut-checkboxgroup .checkbox-item label{
  padding-left:0.125rem 
}
.nut-checkboxgroup.vertical{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
@-webkit-keyframes popupEnter{
  0%{
      transform:translate3d(0,100%,0);
      -webkit-transform:translate3d(0,100%,0) 
 }
  to{
      transform:translateZ(0);
      -webkit-transform:translateZ(0) 
 }
}
@keyframes popupEnter{
  0%{
      transform:translate3d(0,100%,0);
      -webkit-transform:translate3d(0,100%,0) 
 }
  to{
      transform:translateZ(0);
      -webkit-transform:translateZ(0) 
 }
}
@-webkit-keyframes popupLeave{
  0%{
      transform:translateZ(0);
      -webkit-transform:translateZ(0) 
 }
  to{
      transform:translate3d(0,100%,0);
      -webkit-transform:translate3d(0,100%,0) 
 }
}
@keyframes popupLeave{
  0%{
      transform:translateZ(0);
      -webkit-transform:translateZ(0) 
 }
  to{
      transform:translate3d(0,100%,0);
      -webkit-transform:translate3d(0,100%,0) 
 }
}
.popup-leave-active{
  -webkit-animation:popupLeave .3s;
  animation:popupLeave .3s 
}
.popup-enter-active{
  -webkit-animation:popupEnter .3s;
  animation:popupEnter .3s 
}
.fade-enter-active,.fade-leave-active{
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease 
}
.fade-enter,.fade-leave-active{
  opacity:0 
}
a,input,li,ul{
  margin:0;
  padding:0 
}
a{
  text-decoration:none 
}
input[type=text],textarea{
  -webkit-appearance:none 
}
input:focus{
  -webkit-user-modify:read-write-plaintext-only 
}
ol,ul{
  list-style:none 
}
.nut-short-pwd{
  color:#232326;
  font-size:0.35rem 
}
.nut-short-pwd .nut-mask{
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:rgba(0,0,0,.7);
  z-index:9999 
}
.nut-short-pwd .nut-layer{
  background-color:#f3f5f7;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:10000 
}
.nut-short-pwd .nut-layer .nut-title{
  line-height:1.25rem;
  text-align:center;
  border-bottom:0.025rem solid #f1f2f4;
  font-size:0.4rem 
}
.nut-short-pwd .nut-layer .nut-close{
  height:0.475rem;
  width:0.475rem;
  display:inline-block;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D2D2D2' viewBox='0 0 30 30'%3E%3Cpath d='M.44 2.56A1.5 1.5 0 112.56.44l27 27a1.5 1.5 0 11-2.12 2.12L15 17.123 2.56 29.56a1.5 1.5 0 11-2.12-2.12L12.878 15 .44 2.56zm27-2.12a1.5 1.5 0 112.12 2.12l-9 9a1.5 1.5 0 11-2.12-2.12l9-9z' fill-rule='evenodd'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size:100% 100%;
  position:absolute;
  top:0.375rem;
  left:0.375rem 
}
.nut-short-pwd .nut-layer .nut-input-w{
  padding:0.75rem 0 1.125rem;
  text-align:center;
  position:relative 
}
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoQAAACMCAMAAADSpUg5AAAAdVBMVEUAAADLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8v////4+PnOzs739/jm6Ozq6urX19fw8fPq6+7z9Pbt7vH19vfo6u3j4+Pf39/09PTv8PHu7u7c3NzT09OW1o/CAAAAE3RSTlMAEd2WPPu6WyPLdeOpCO+EQjbYfSIF/QAAAxhJREFUeNrs1tFugkAQRuEplgWVRu0QBGpbQO37P2IvyUaJV/6oOd8bzOZkZwwAAAAAHku+KpafCXBPy7DZ2pRdSLvTUJXAPQ3Hukkyu2qT1g5IDH3I7VLRlw6odOvLChe9A0J18max7OyAVFdY5GPdOqDVbOOPkGUMuVOIIgxHB9TS6CpMHZA7ZzbK/xyQ61Y22jUOyNULG70TIW4jQrweIsTsZorwULpG2bpIKxqpOviUZx1ppgi/VC9Z7V3k98cl2m9X2Vc+hQiJcBoREuF1RPjPLh0TAADAMAzy73pnn8UBaEDCIKGESUIJg4QSjoQSNgkl/EkoYZBQwiShhEFCCUdCCZuEEv4klDBIKGGSUMIgoYQjoYRNQgl/EkoYJJQwSShhkFDCkVDCJqGEPwklDBJKmCSUMEgo4Ugo4bFLxwQAADAMg/y73rmncQAaaBJKuEkoYZBQwiShhEFCCZ+EEjYJJdwklDBIKGGSUMIgoYRPQgmbhBJuEkoYJJQwSShhkFDCJ6GETUIJNwklDBJKmCSUMEgo4ZNQwiahhJuEEgYJJUwSShgklPBJKGGTUMJNQgmDhBImCSUMEkr4JJSwSSjhJqGEQUIJk4QSBgklfBJK2CSUcJNQwiChhElCCYOEEj4JJWwSSrhJKGGQUMIkoYRBQgmfhBI2CSXcJJQwSHjs0jEBAAAMwyD/rnf2WRyABiRMEkoYJJRwJJSwSSjhT0IJg4QSJgklDBJKOBJK2CSU8CehhEFCCZOEEgYJJRwJJWwSSviTUMIgoYRJQgmDhBKOhBI2CSX8SShhkFDCJKGEQUIJR0IJr/16W0EQiqIouk9xvJVW7BNEVmi3///EHlPT6MWtxBzfMGGxhhHhz84XtRFKNXIOauJ0VCtl0EF/ECFAhJgRIsTkiBCTa0WYPBUwV23kLfcKmKtjaUivClh7JtKQVQoYu6bS5IqggK06lpasVsDUIZWOiEGGqXuRSIdLqRCGSr+VDy6quciwUq120idePUr+CUYXbpVfOumXx+uF3wOj8kWUOfkqd8CYBAAAAABm5wVGxqJatB7HLgAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size:100% 100%;
  height:1.75rem;
  width:8.05rem;
  display:inline-block 
}
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list ul{
  padding-top:0.275rem 
}
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li{
  float:left;
  margin-left:0.175rem 
}
.nut-short-pwd .nut-layer .nut-input-w .nut-fake-list input{
  height:1.125rem;
  width:1.125rem;
  border:0;
  background:none;
  text-align:center;
  font-size:0.4rem 
}
.nut-short-pwd .nut-layer .nut-input-w .nut-real-input{
  z-index:10001;
  position:absolute;
  width:317.0.125rem;
  top:0.75rem;
  margin-left:-100%;
  height:1.75rem;
  opacity:0;
  width:200% 
}
.nut-short-pwd .nut-layer-center{
  top:50%;
  left:50%;
  transform:translate3d(-50%,-50%,0);
  -webkit-transform:translate3d(-50%,-50%,0);
  width:90%;
  height:5.625rem;
  border-radius:0.15rem 
}
.nut-short-pwd .nut-forget{
  text-align:right;
  line-height:0.75rem;
  padding-right:0.825rem;
  font-size:0.325rem 
}
.nut-short-pwd .nut-forget a{
  color:#666 
}
.nut-short-pwd .nut-forget a:before{
  content:"";
  display:inline-block;
  width:0.3rem;
  height:0.3rem;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M.5 12c0 6.351 5.149 11.5 11.5 11.5S23.5 18.351 23.5 12 18.351.5 12 .5.5 5.649.5 12z' stroke='%230C0C0C' fill='none'/%3E%3Cpath fill='%230C0C0C' d='M10.909 4.364h2.182v2.182h-2.182zm0 4.363h2.182v10.909h-2.182z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;
  vertical-align:middle;
  margin:-0.1rem 0.125rem 0 0 
}
.nut-short-pwd .nut-fake-cursor{
  position:absolute;
  top:1.25rem;
  left:1.375rem;
  display:block 
}
.nut-dis-scroll{
  overflow:hidden;
  height:100%;
  width:100% 
}
@media screen and (max-width:8rem){
  .nut-short-pwd .nut-layer .nut-input-w .nut-fake-list{
      width:8rem 
 }
  .nut-short-pwd .nut-layer-center .nut-input-w .nut-fake-list{
      width:7rem 
 }
  .nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li{
      margin-left:0.1rem 
 }
  .nut-short-pwd .nut-layer .nut-input-w .nut-fake-list li input{
      width:1.05rem 
 }
}
.vue-skeleton-loading{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9998;
  font-size:0.3rem;
  background:#fff 
}
@-webkit-keyframes backpos{
  0%{
      background-position-x:-5rem 
 }
  to{
      background-position-x:calc(5rem + 100%) 
 }
}
@keyframes backpos{
  0%{
      background-position-x:-5rem 
 }
  to{
      background-position-x:calc(5rem + 100%) 
 }
}
.vue-skeleton-loading .skeleton-bac-animation{
  position:absolute;
  z-index:auto;
  width:100%;
  height:100%;
  background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
  background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);
  background-size:30% 100%;
  background-repeat:no-repeat;
  -webkit-animation:backpos .9s ease-in-out 0s infinite;
  animation:backpos .9s ease-in-out 0s infinite 
}
.vue-skeleton-loading .skeleton-bac-content{
  overflow:hidden 
}
.vue-skeleton-column{
  -webkit-box-orient:vertical;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center 
}
.vue-skeleton-column,.vue-skeleton-row{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-direction:normal 
}
.vue-skeleton-row{
  -webkit-box-orient:horizontal;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center 
}
.vue-skeleton-square-wrap{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column 
}
.vue-skeleton-square-wrap .vue-skeleton-square{
  width:100% 
}
@-webkit-keyframes rotation{
  0%{
      -webkit-transform:rotate(0deg) 
 }
  to{
      -webkit-transform:rotate(1turn) 
 }
}
@keyframes rotation{
  0%{
      -webkit-transform:rotate(0deg) 
 }
  to{
      -webkit-transform:rotate(1turn) 
 }
}
.nutRotate-enter-active,.nutRotate-leave-active,.nutRotateIn,.nutRotateOut{
  -webkit-animation-duration:.25s;
  animation-duration:.25s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);
  animation-timing-function:cubic-bezier(.55,.085,.68,.53) 
}
.nutRotate-enter-active,.nutRotateIn{
  -webkit-animation-name:nutRotateIn;
  animation-name:nutRotateIn 
}
.nutRotate-leave-active,.nutRotateOut{
  -webkit-animation-name:nutRotateOut;
  animation-name:nutRotateOut 
}
.nut-scroller{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  overflow:hidden 
}
.nut-hor-scroll{
  height:100%;
  width:100% 
}
.nut-hor-scroll .nut-hor-list{
  height:100%;
  touch-action:none;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  flex-direction:row;
  box-orient:horizontal;
  box-direction:normal 
}
.nut-hor-scroll .nut-hor-control{
  height:100% 
}
.nut-vert-scroll{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  overflow:hidden 
}
.nut-vert-scroll .nut-vert-list{
  width:100%;
  touch-action:none;
  position:relative 
}
.nut-vert-scroll .nut-vert-pulldown{
  position:absolute;
  top:-1.25rem;
  width:100% 
}
.nut-vert-scroll .nut-vert-loadmore,.nut-vert-scroll .nut-vert-pulldown,.nut-vert-scroll .nut-vert-unloadmore{
  height:1.25rem;
  text-align:center;
  line-height:1.25rem;
  font-size:0.3rem;
  color:#999 
}
.nut-vert-scroll .nut-vert-loadmore .nut-vert-loadmore-status,.nut-vert-scroll .nut-vert-loadmore .nut-vert-pulldown-status,.nut-vert-scroll .nut-vert-pulldown .nut-vert-loadmore-status,.nut-vert-scroll .nut-vert-pulldown .nut-vert-pulldown-status,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-loadmore-status,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-pulldown-status{
  height:1.25rem 
}
.nut-vert-scroll .nut-vert-loadmore .nut-vert-loading,.nut-vert-scroll .nut-vert-pulldown .nut-vert-loading,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-loading{
  height:0.5rem;
  width:0.5rem;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAP1BMVEUAAAD0KA/xJhHxJA7yJA7xJA7xJA7xJA7xJA7wJA7xJA7xJA7xJA7xJA7xJA7xJA3xJA7xJA7xJA7xJA7xJA5JCyllAAAAFXRSTlMACxdEI3NalDdn3LyvLstPoveIgOl7Sm+EAAABiklEQVRIx9XS0W7kIAxAUWyDwckAIfD/37owUyndbbMJrtSq92UeoiMbGHMWRqKciSKamSw5v23b462d7T0HVIc76NrbGK8h+153vgozi9u39ZW7wOSfSYB3pyY3JqdV4ByiG86FTw6xrSmlx+mZ4757X8PJPo/Uo5OPe4/MaTwGy6dfOvz/VeAY7OGjrPvOcHH9PqXFf9i21krmMrcsi/vnhg55bfPfr1Irm1v5bqM5ElcF7lFYl2WF46DOOTA3w/TuuNBlMLeTvjIeQ8XcD9LS9mOoNRPl1t7GBufYTLW29jotP4dOjk2mhyJi5oKltfG2UYTMZL4VN6aL2FnKpTzGjwjMUiyl9b1F2Ey3lILjlvI8XUshY5lpnm6l8KBhnvpSxETmOE/3UpySjo6Fv5UiMykp5JyNsk5BSUPOqL2nnKP2sERklHWq3pgoaDf+nWPVfwsK6rcNIVilxW7xB6wNMVqtjXqLnVrQWbAj+IJFHcanRQAlxhH0xiJza7/owIrpMOBrsK4L9wckTA/GBoy0fQAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size:100%;
  -webkit-animation:rotation 2s linear infinite;
  animation:rotation 2s linear infinite 
}
.nut-vert-scroll .nut-vert-loadmore .nut-vert-loading-txt,.nut-vert-scroll .nut-vert-pulldown .nut-vert-loading-txt,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-loading-txt{
  height:1.25rem;
  padding-left:0.125rem 
}
.nut-vert-scroll .nut-vert-loadmore .nut-vert-loading,.nut-vert-scroll .nut-vert-loadmore .nut-vert-loading-txt,.nut-vert-scroll .nut-vert-pulldown .nut-vert-loading,.nut-vert-scroll .nut-vert-pulldown .nut-vert-loading-txt,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-loading,.nut-vert-scroll .nut-vert-unloadmore .nut-vert-loading-txt{
  display:inline-block;
  vertical-align:middle 
}
.nut-backtop{
  display:none;
  line-height:0;
  position:fixed;
  cursor:pointer;
  bottom:0.5rem;
  right:0.25rem;
  z-index:1111 
}
.nut-backtop.show{
  display:block 
}
.nut-backtop-main{
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  width:0.95rem;
  height:0.95rem;
  background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M1.41 0C.63 0 0 .672 0 1.5S.63 3 1.41 3h28.18C30.37 3 31 2.328 31 1.5S30.369 0 29.59 0H1.41zM17 7.5a1.5 1.5 0 00-3 0v30a1.5 1.5 0 103 0v-30zm-8.56 4.94l-8 8a1.5 1.5 0 102.12 2.12l8-8a1.5 1.5 0 10-2.12-2.12z'/%3E%3Cpath d='M16.56 6.44l14 14a1.5 1.5 0 11-2.12 2.12l-14-14a1.5 1.5 0 112.12-2.12z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  background-size:0.5rem 0.5rem;
  border-radius:50%;
  border:0.05rem solid hsla(0,0%,70.6%,.5);
  box-shadow:0 0 0.05rem 0.075rem hsla(0,0%,86.3%,.1) 
}
.nut-backtop i{
  color:#fff;
  font-size:0.6rem;
  padding:0.2rem 0.3rem;
  line-height:0 
}
.nut-infiniteloading .bottom-tips{
  width:100%;
  height:1.25rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  color:#e6e6e6;
  font-size:0.3rem 
}
.nut-infiniteloading .bottom-tips .loading-txt{
  padding-left:0.125rem 
}
.nut-infiniteloading .bottom-tips .loading-hint{
  display:inline-block;
  height:0.3rem;
  width:0.3rem;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAP1BMVEUAAAD0KA/xJhHxJA7yJA7xJA7xJA7xJA7xJA7wJA7xJA7xJA7xJA7xJA7xJA7xJA3xJA7xJA7xJA7xJA7xJA5JCyllAAAAFXRSTlMACxdEI3NalDdn3LyvLstPoveIgOl7Sm+EAAABiklEQVRIx9XS0W7kIAxAUWyDwckAIfD/37owUyndbbMJrtSq92UeoiMbGHMWRqKciSKamSw5v23b462d7T0HVIc76NrbGK8h+153vgozi9u39ZW7wOSfSYB3pyY3JqdV4ByiG86FTw6xrSmlx+mZ4757X8PJPo/Uo5OPe4/MaTwGy6dfOvz/VeAY7OGjrPvOcHH9PqXFf9i21krmMrcsi/vnhg55bfPfr1Irm1v5bqM5ElcF7lFYl2WF46DOOTA3w/TuuNBlMLeTvjIeQ8XcD9LS9mOoNRPl1t7GBufYTLW29jotP4dOjk2mhyJi5oKltfG2UYTMZL4VN6aL2FnKpTzGjwjMUiyl9b1F2Ey3lILjlvI8XUshY5lpnm6l8KBhnvpSxETmOE/3UpySjo6Fv5UiMykp5JyNsk5BSUPOqL2nnKP2sERklHWq3pgoaDf+nWPVfwsK6rcNIVilxW7xB6wNMVqtjXqLnVrQWbAj+IJFHcanRQAlxhH0xiJza7/owIrpMOBrsK4L9wckTA/GBoy0fQAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size:100% 100%;
  -webkit-animation:rotate 1s infinite;
  animation:rotate 1s infinite 
}
@-webkit-keyframes rotate{
  0%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg) 
 }
  to{
      -webkit-transform:rotate(1turn);
      transform:rotate(1turn) 
 }
}
@keyframes rotate{
  0%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg) 
 }
  to{
      -webkit-transform:rotate(1turn);
      transform:rotate(1turn) 
 }
}
.nut-infiniteloading .bottom-tips .tips-txt{
  position:relative 
}
.nut-infiniteloading .bottom-tips .tips-txt:after,.nut-infiniteloading .bottom-tips .tips-txt:before{
  content:"";
  height:0.025rem;
  width:0.5rem;
  background-color:#e6e6e6;
  position:absolute;
  top:50%;
  margin-top:-.0.125rem 
}
.nut-infiniteloading .bottom-tips .tips-txt:before{
  left:-0.625rem 
}
.nut-infiniteloading .bottom-tips .tips-txt:after{
  right:-0.625rem 
}
.nut-uploader{
  position:relative;
  display:inline-block 
}
.nut-uploader .uploader{
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  font-size:0.35rem 
}
.nut-textinput{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  position:relative 
}
.nut-textinput input{
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  height:1rem;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:0.35rem;
  box-sizing:border-box;
  border-radius:0.1rem;
  border:0.025rem solid #dddfe6;
  background-color:"#FFFFFF";
  padding:0 0.75rem 0 0.25rem 
}
.nut-textinput input::-webkit-input-placeholder{
  color:#c1c4cb;
  font-style:normal 
}

.nut-textinput .nut-textinput-clear{
  position:absolute;
  right:0.125rem;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  height:0.5rem;
  width:0.5rem 
}
.nut-textinput .nut-textinput-clear svg{
  vertical-align:top;
  fill:#999 
}
.nut-textinput-disabled input{
  background-color:#f5f7fa;
  border-color:#e5e7ed;
  color:#999 
}
.nut-textinput-disabled input::-webkit-input-placeholder{
  color:#d1d3d9 
}
.nut-avatar{
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:50%;
  display:inline-block;
  position:relative;
  margin-right:0.25rem 
}
.nut-avatar .icon{
  width:50%;
  height:50%;
  background-size:100% 100%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%) 
}
.nut-avatar .text{
  display:inline-block;
  width:100%;
  text-align:center;
  overflow:hidden 
}
.nut-avatar .dot{
  position:absolute;
  min-width:0.45rem;
  min-height:0.45rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  padding:0.05rem;
  text-align:center;
  border-radius:50%;
  background:red;
  top:-0.1rem;
  right:-0.125rem;
  color:#fff;
  font-size:0.3rem;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  line-height:1 
}
.avatar-large{
  width:1rem;
  height:1rem;
  line-height:1rem 
}
.avatar-small{
  width:0.6rem;
  height:0.6rem;
  line-height:0.6rem 
}
.avatar-normal{
  width:0.8rem;
  height:0.8rem;
  line-height:0.8rem 
}
.avatar-round{
  border-radius:50% 
}
.avatar-square{
  border-radius:0.125rem 
}
.lazyloadDemo>div,.lazyloadDemo img{
  width:100%;
  background-color:#ddd 
}
.lazyloadDemo>div{
  height:5.5rem;
  overflow:hidden;
  background-size:100% 100% 
}