/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
view, text, html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box; }

body {
  line-height: 1; }

:focus {
  outline: 1; }

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

input, button, textarea {
  color: inherit;
  font: inherit; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.anna-action-sheet {
  position: relative;
  overflow: hidden;
  font-size: 28px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  text-align: center; }
  .anna-action-sheet-container {
    margin: 0 24px 16px;
    border-radius: 32px;
    overflow: hidden; }
  .anna-action-sheet-cover {
    margin: 0;
    border-radius: 0; }
  .anna-action-sheet-menu {
    padding-bottom: 16px;
    background-color: #f9fbf9; }
  .anna-action-sheet-action {
    position: relative;
    height: 112px;
    line-height: 112px;
    background-color: #fdfffd;
    font-size: 34px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .anna-action-sheet-action:active {
      background-color: #ececec; }
    .anna-action-sheet-action:not(:last-child):before {
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      height: 1PX;
      background-color: rgba(0, 0, 0, 0.1);
      transform: scale(1, 0.5);
      pointer-events: none; }
    .anna-action-sheet-action-destructive {
      color: #ff4d4f; }
  .anna-action-sheet-grid {
    position: relative;
    background-color: #fdfffd; }
    .anna-action-sheet-grid:not(:last-child):before {
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      content: '';
      height: 1PX;
      background-color: rgba(0, 0, 0, 0.1);
      transform: scale(1, 0.5);
      pointer-events: none; }
    .anna-action-sheet-grid-wrapper {
      display: flex;
      padding: 32px 24px;
      overflow: scroll; }
      .anna-action-sheet-grid-wrapper::-webkit-scrollbar {
        display: none; }
    .anna-action-sheet-grid-item {
      box-sizing: border-box;
      position: relative;
      width: 106px;
      max-width: 106px;
      margin-right: 36px;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .anna-action-sheet-grid-item:nth-last-child(1) {
        margin-right: 0; }
      .anna-action-sheet-grid-item:nth-last-child(1)::before {
        box-sizing: border-box;
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        right: -24px;
        width: 24px; }
      .anna-action-sheet-grid-item:active .anna-action-sheet-grid-item-icon {
        background-color: rgba(0, 0, 0, 0.5); }
      .anna-action-sheet-grid-item-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 106px;
        width: 106px;
        border-radius: 16px;
        background-color: #fafafa;
        overflow: hidden;
        font-weight: 500;
        font-size: 32px; }
      .anna-action-sheet-grid-item-name {
        margin-top: 16px;
        font-size: 24px;
        word-break: keep-all; }
  .anna-action-sheet-title {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.5); }
  .anna-action-sheet-cancel {
    height: 112px;
    line-height: 112px;
    background-color: #fdfffd;
    cursor: pointer;
    font-size: 34px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .anna-action-sheet-cancel:active {
      background-color: #ebeced; }

.anna-btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 32px;
  background-color: #ededef;
  height: 64px;
  line-height: 60px;
  border: 1PX solid #ededef;
  border-radius: 64px;
  color: #1890ff;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  -webkit-appearance: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 0;
  outline: 0;
  cursor: pointer;
  overflow: unset; }
  .anna-btn:not(.anna-btn-disabled):active .anna-btn-mask {
    box-sizing: border-box;
    position: absolute;
    top: -1PX;
    right: -1PX;
    bottom: -1PX;
    left: -1PX;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: inherit;
    pointer-events: none;
    transition: background-color 0.3s; }
  .anna-btn:after {
    display: none; }
  .anna-btn-text {
    font-weight: 500;
    font-size: 28px; }
  .anna-btn-small {
    font-size: 24px;
    padding: 0 24px;
    height: 48px;
    line-height: 44px;
    border-radius: 52px; }
  .anna-btn-large {
    padding: 0 40px;
    height: 80px;
    line-height: 76px;
    border-radius: 80px; }
  .anna-btn-superlarge {
    font-size: 30px;
    height: 84px;
    line-height: 80px;
    border-radius: 84px; }
  .anna-btn-primary {
    border-color: #1890ff;
    background-color: #1890ff;
    color: #fdfffd; }
  .anna-btn-plain {
    font-weight: 400;
    color: #666;
    border: 1PX solid #DDD;
    background-color: #fdfffd; }
  .anna-btn-plain.anna-btn-primary {
    border-color: #1890ff;
    color: #1890ff; }
  .anna-btn-hairline {
    line-height: 64px;
    border-width: 0; }
    .anna-btn-hairline:before {
      box-sizing: border-box;
      position: absolute;
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
      content: '';
      border: 1PX solid #DDD;
      border-color: inherit;
      border-radius: inherit;
      transform: scale(0.5);
      pointer-events: none; }
  .anna-btn-small.anna-btn-hairline {
    line-height: 48px; }
  .anna-btn-large.anna-btn-hairline {
    line-height: 80px; }
  .anna-btn-superlarge.anna-btn-hairline {
    line-height: 84px; }
  .anna-btn-square {
    padding: 0 30px;
    border-radius: 12px; }
  .anna-btn-square.anna-btn-small {
    padding: 0 14px; }
  .anna-btn-circle {
    padding: 0;
    min-width: 64px;
    border-radius: 50%;
    z-index: 9; }
  .anna-btn-circle.anna-btn-small {
    min-width: 48px; }
  .anna-btn-circle.anna-btn-large {
    min-width: 80px; }
  .anna-btn-circle.anna-btn-superlarge {
    min-width: 84px; }
  .anna-btn-disabled {
    cursor: default;
    opacity: 0.4;
    transition: opacity .2s; }
  .anna-btn-danger-default {
    color: #ff4d4f; }
  .anna-btn-danger {
    border-color: #ff4d4f;
    background-color: #ff4d4f;
    color: #fdfffd; }
  .anna-btn-look-secondary {
    color: #1890ff;
    background-color: #ECF5FF;
    border-color: #ECF5FF; }
  .anna-btn-look-secure {
    color: #fdfffd;
    background-color: #07C160;
    border-color: #07C160; }
  .anna-btn-look-warning {
    color: black;
    background-color: #FFC409;
    border-color: #FFC409; }
  .anna-btn-look-light {
    color: black;
    background-color: #F4F5F8;
    border-color: #F4F5F8; }
  .anna-btn-look-medium {
    color: #fdfffd;
    background-color: #92949c;
    border-color: #92949c; }
  .anna-btn-look-dark {
    color: #fdfffd;
    background-color: #222428;
    border-color: #222428; }
  .anna-btn-look-anna {
    color: #fdfffd;
    background-color: #FF7777;
    border-color: #FF7777; }
  .anna-btn-look-orange {
    color: #fdfffd;
    background-color: #ff4f00;
    border-color: #ff4f00; }
  .anna-btn-block {
    width: 100%; }
  .anna-btn-float {
    position: fixed;
    box-shadow: 0 6px 24px #CCC; }
    .anna-btn-float-center {
      left: 50%;
      bottom: 60px;
      transform: translateX(-50%); }
    .anna-btn-float-left {
      left: 24px;
      bottom: 60px; }
    .anna-btn-float-right {
      right: 24px;
      bottom: 60px; }
  .anna-btn-loading {
    padding-left: 84px;
    transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .anna-btn-loading-icon {
      display: inline;
      padding-right: 16px;
      margin-left: -52px; }
  .anna-btn-ghost {
    border-color: transparent;
    background-color: transparent; }

.width-fix {
  height: 80px;
  display: inline-block;
  overflow: hidden; }
  .width-fix .default {
    display: inline-block;
    width: 200%;
    height: 200%;
    font-size: 56px;
    transform: scale(0.5);
    transform-origin: 0 0;
    text-align: center; }
  .width-fix .large {
    line-height: 160px;
    border-radius: 160px; }
  .width-fix .primary {
    background-color: #1890ff;
    color: #fdfffd; }
  .width-fix .disabled {
    opacity: 0.4;
    color: rgba(255, 255, 255, 0.6) !important; }

.anna-loading {
  box-sizing: border-box;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #fdfffd;
  border-bottom-color: transparent;
  -webkit-animation: loading .5s linear infinite;
          animation: loading .5s linear infinite; }
  .anna-loading-gap {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #999;
    background-color: transparent;
    -webkit-animation: loading .6s linear infinite;
            animation: loading .6s linear infinite;
    overflow: hidden; }
    .anna-loading-gap-fill {
      position: absolute;
      left: 50%;
      right: 0;
      top: 50%;
      margin-top: -5px;
      height: 10px;
      background-color: #fdfffd; }
  .anna-loading-wave view, .anna-loading-wave div {
    width: 6px;
    height: 40px;
    background-color: #999;
    border-radius: 2px;
    display: inline-block;
    margin-right: 6px; }
    .anna-loading-wave view:nth-child(1), .anna-loading-wave div:nth-child(1) {
      -webkit-animation: loaderWave 0.5s -0.3s ease-in-out infinite alternate;
              animation: loaderWave 0.5s -0.3s ease-in-out infinite alternate; }
    .anna-loading-wave view:nth-child(2), .anna-loading-wave div:nth-child(2) {
      -webkit-animation: loaderWave 0.5s -0.25s ease-in-out infinite alternate;
              animation: loaderWave 0.5s -0.25s ease-in-out infinite alternate; }
    .anna-loading-wave view:nth-child(3), .anna-loading-wave div:nth-child(3) {
      -webkit-animation: loaderWave 0.5s -0.2s ease-in-out infinite alternate;
              animation: loaderWave 0.5s -0.2s ease-in-out infinite alternate; }
    .anna-loading-wave view:nth-child(4), .anna-loading-wave div:nth-child(4) {
      -webkit-animation: loaderWave 0.5s -0.1s ease-in-out infinite alternate;
              animation: loaderWave 0.5s -0.1s ease-in-out infinite alternate; }
    .anna-loading-wave view:nth-child(5), .anna-loading-wave div:nth-child(5) {
      -webkit-animation: loaderWave 0.5s 0s ease-in-out infinite alternate;
              animation: loaderWave 0.5s 0s ease-in-out infinite alternate;
      margin-right: 0; }
  .anna-loading-anna {
    position: relative;
    width: 40px;
    height: 40px; }
  .anna-loading-anna view, .anna-loading-anna div {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #999;
    border-radius: 50%; }
    .anna-loading-anna view:nth-child(1), .anna-loading-anna div:nth-child(1) {
      left: -20px;
      -webkit-animation: loaderAnna-1 1.5s  ease-in-out infinite;
              animation: loaderAnna-1 1.5s  ease-in-out infinite; }
    .anna-loading-anna view:nth-child(2), .anna-loading-anna div:nth-child(2) {
      top: -35px;
      -webkit-animation: loaderAnna-2 1.5s  ease-in-out infinite;
              animation: loaderAnna-2 1.5s  ease-in-out infinite; }
    .anna-loading-anna view:nth-child(3), .anna-loading-anna div:nth-child(3) {
      left: 20px;
      -webkit-animation: loaderAnna-3 1.5s ease-in-out infinite;
              animation: loaderAnna-3 1.5s ease-in-out infinite; }

@-webkit-keyframes loading {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@keyframes loading {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes loaderWave {
  0% {
    -webkit-transform: scale(1, 0.3); }
  100% {
    -webkit-transform: scale(1, 1); } }

@keyframes loaderWave {
  0% {
    -webkit-transform: scale(1, 0.3); }
  100% {
    -webkit-transform: scale(1, 1); } }

@-webkit-keyframes loaderAnna-1 {
  33.333% {
    -webkit-transform: translate(20px, -35px); }
  66.666% {
    -webkit-transform: translate(40px, 0); }
  100% {
    -webkit-transform: translate(0, 0); } }

@keyframes loaderAnna-1 {
  33.333% {
    -webkit-transform: translate(20px, -35px); }
  66.666% {
    -webkit-transform: translate(40px, 0); }
  100% {
    -webkit-transform: translate(0, 0); } }

@-webkit-keyframes loaderAnna-2 {
  33.333% {
    -webkit-transform: translate(20px, 35px); }
  66.666% {
    -webkit-transform: translate(-20px, 35px); }
  100% {
    -webkit-transform: translate(0, 0); } }

@keyframes loaderAnna-2 {
  33.333% {
    -webkit-transform: translate(20px, 35px); }
  66.666% {
    -webkit-transform: translate(-20px, 35px); }
  100% {
    -webkit-transform: translate(0, 0); } }

@-webkit-keyframes loaderAnna-3 {
  33.333% {
    -webkit-transform: translate(-40px, 0); }
  66.666% {
    -webkit-transform: translate(-20px, -35px); }
  100% {
    -webkit-transform: translate(0, 0); } }

@keyframes loaderAnna-3 {
  33.333% {
    -webkit-transform: translate(-40px, 0); }
  66.666% {
    -webkit-transform: translate(-20px, -35px); }
  100% {
    -webkit-transform: translate(0, 0); } }

.anna-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 20px;
  background-color: #fdfffd;
  font-size: 28px;
  color: black; }
  .anna-card-horizontal {
    display: flex; }
  .anna-card-shadow {
    box-shadow: 0 0 24px #CCC; }
  .anna-card-cover > img, .anna-card-cover span, .anna-card-cover image, .anna-card-cover text, .anna-card-cover audio, .anna-card-cover video, .anna-card-cover scroll-view, .anna-card-cover map {
    display: block;
    width: 100%; }
  .anna-card-head {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    padding: 24px 20px 0 20px; }
  .anna-card-title {
    font-size: 32px; }
  .anna-card-description {
    color: #999;
    font-size: 24px;
    font-weight: 400;
    margin-top: 12px; }
  .anna-card-extra {
    font-size: 28px; }
  .anna-card-content {
    padding: 24px 20px; }
    .anna-card-content-head {
      display: flex;
      justify-content: space-between;
      font-weight: 500;
      padding: 0 0 24px 0; }
  .anna-card-foot {
    background-color: #f7f7f7; }
    .anna-card-foot-horizontal {
      margin-top: 24px;
      background-color: transparent; }

.anna-cascade-popup {
  height: 100%;
  width: 100%; }
  .anna-cascade-popup-loading {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%; }
  .anna-cascade-popup-formitem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    font-size: 26px; }
  .anna-cascade-popup-container {
    overflow: hidden; }
    .anna-cascade-popup-container-header {
      position: relative;
      text-align: center;
      height: 80px;
      line-height: 80px;
      padding: 0 30px;
      background-color: #fdfffd;
      font-size: 26px;
      color: #333;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px; }
      .anna-cascade-popup-container-header-close {
        position: absolute;
        right: 30px;
        top: 30px;
        width: 34px;
        height: 34px;
        display: flex;
        justify-content: center;
        align-items: center; }

.anna-cascade {
  background-color: #fafafa;
  color: #333;
  font-size: 30px;
  text-align: left; }
  .anna-cascade-selected {
    min-height: 90px;
    background-color: #fdfffd;
    padding: 24px 0; }
  .anna-cascade-step {
    display: flex;
    padding-bottom: 30px;
    cursor: pointer; }
    .anna-cascade-step:nth-last-child(1) {
      padding-bottom: 0; }
    .anna-cascade-step-dot {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 30px;
      left: 100%;
      margin-top: -8px;
      margin-left: -8px;
      border-radius: 50%;
      background-color: #1890FF;
      z-index: 10; }
    .anna-cascade-step-line {
      position: relative;
      width: 30px;
      min-width: 30px;
      margin-right: 30px; }
      .anna-cascade-step-line-default::before {
        content: '';
        position: absolute;
        width: 2px;
        height: calc(100% + 30px);
        background-color: #E8E8E8;
        top: 30px;
        left: 100%;
        margin-left: -1px; }
      .anna-cascade-step-line-active::before {
        content: '';
        position: absolute;
        width: 2px;
        height: calc(100% + 30px);
        background-color: #1890ff;
        top: 30px;
        left: 100%;
        margin-left: -1px; }
    .anna-cascade-step-container {
      flex-grow: 1; }
    .anna-cascade-step-content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .anna-cascade-step-left {
      display: flex;
      align-items: center;
      height: 60px; }
    .anna-cascade-step-right {
      display: flex;
      align-items: center;
      padding-right: 20px;
      color: #999; }
      .anna-cascade-step-right-text {
        padding-right: 10px; }
      .anna-cascade-step-right-arrow {
        min-width: 24px; }
  .anna-cascade-showed {
    min-height: 200px;
    padding: 0 30px; }
    .anna-cascade-showed-title {
      padding: 30px 0 10px 0;
      font-size: 24px;
      color: #666; }
    .anna-cascade-showed-category {
      padding: 30px 0;
      cursor: pointer; }

@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/font_1623975_p5xdzibs32b.woff2") format("woff2"), url("//at.alicdn.com/t/font_1623975_p5xdzibs32b.woff") format("woff"), url("//at.alicdn.com/t/font_1623975_p5xdzibs32b.ttf") format("truetype"); }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 28px;
  font-style: normal;
  width: 1em;
  height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-warn:before {
  content: "\e663"; }

.icon-shoplight:before {
  content: "\e7b8"; }

.icon-camerafill:before {
  content: "\e664"; }

.icon-voicelight:before {
  content: "\e7b9"; }

.icon-camera:before {
  content: "\e665"; }

.icon-attentionfavorfill-copy:before {
  content: "\e7ba"; }

.icon-commentfill:before {
  content: "\e666"; }

.icon-full:before {
  content: "\e7bc"; }

.icon-comment:before {
  content: "\e667"; }

.icon-mail:before {
  content: "\e7bd"; }

.icon-likefill:before {
  content: "\e668"; }

.icon-peoplelist:before {
  content: "\e7be"; }

.icon-like:before {
  content: "\e669"; }

.icon-goodsnewfill:before {
  content: "\e7bf"; }

.icon-notificationfill:before {
  content: "\e66a"; }

.icon-goodsnew:before {
  content: "\e7c0"; }

.icon-notification:before {
  content: "\e66b"; }

.icon-medalfill:before {
  content: "\e7c1"; }

.icon-order:before {
  content: "\e66c"; }

.icon-medal:before {
  content: "\e7c2"; }

.icon-samefill:before {
  content: "\e66d"; }

.icon-newsfill:before {
  content: "\e7c3"; }

.icon-same:before {
  content: "\e66e"; }

.icon-newshotfill:before {
  content: "\e7c4"; }

.icon-deliver:before {
  content: "\e671"; }

.icon-newshot:before {
  content: "\e7c5"; }

.icon-evaluate:before {
  content: "\e672"; }

.icon-news:before {
  content: "\e7c6"; }

.icon-pay:before {
  content: "\e673"; }

.icon-videofill:before {
  content: "\e7c7"; }

.icon-send:before {
  content: "\e675"; }

.icon-video:before {
  content: "\e7c8"; }

.icon-shop:before {
  content: "\e676"; }

.icon-askfill:before {
  content: "\e7c9"; }

.icon-ticket:before {
  content: "\e677"; }

.icon-ask:before {
  content: "\e7ca"; }

.icon-wang:before {
  content: "\e678"; }

.icon-exit:before {
  content: "\e7cb"; }

.icon-back:before {
  content: "\e679"; }

.icon-skinfill:before {
  content: "\e7cc"; }

.icon-cascades:before {
  content: "\e67c"; }

.icon-skin:before {
  content: "\e7cd"; }

.icon-discover:before {
  content: "\e67e"; }

.icon-moneybagfill:before {
  content: "\e7ce"; }

.icon-list:before {
  content: "\e682"; }

.icon-usefullfill:before {
  content: "\e7cf"; }

.icon-more:before {
  content: "\e684"; }

.icon-usefull:before {
  content: "\e7d0"; }

.icon-scan:before {
  content: "\e689"; }

.icon-moneybag:before {
  content: "\e7d1"; }

.icon-settings:before {
  content: "\e68a"; }

.icon-redpacket_fill:before {
  content: "\e7d3"; }

.icon-questionfill:before {
  content: "\e690"; }

.icon-subscription:before {
  content: "\e7d4"; }

.icon-question:before {
  content: "\e691"; }

.icon-home_light:before {
  content: "\e7d5"; }

.icon-shopfill:before {
  content: "\e697"; }

.icon-my_light:before {
  content: "\e7d6"; }

.icon-form:before {
  content: "\e699"; }

.icon-community_light:before {
  content: "\e7d7"; }

.icon-wangfill:before {
  content: "\e69a"; }

.icon-cart_light:before {
  content: "\e7d8"; }

.icon-pic:before {
  content: "\e69b"; }

.icon-we_light:before {
  content: "\e7d9"; }

.icon-filter:before {
  content: "\e69c"; }

.icon-home_fill_light:before {
  content: "\e7da"; }

.icon-footprint:before {
  content: "\e69d"; }

.icon-cart_fill_light:before {
  content: "\e7db"; }

.icon-top:before {
  content: "\e69e"; }

.icon-community_fill_light:before {
  content: "\e7dc"; }

.icon-pulldown:before {
  content: "\e69f"; }

.icon-my_fill_light:before {
  content: "\e7dd"; }

.icon-pullup:before {
  content: "\e6a0"; }

.icon-we_fill_light:before {
  content: "\e7de"; }

.icon-right:before {
  content: "\e6a3"; }

.icon-skin_light:before {
  content: "\e7df"; }

.icon-refresh:before {
  content: "\e6a4"; }

.icon-search_light:before {
  content: "\e7e0"; }

.icon-moreandroid:before {
  content: "\e6a5"; }

.icon-scan_light:before {
  content: "\e7e1"; }

.icon-deletefill:before {
  content: "\e6a6"; }

.icon-people_list_light:before {
  content: "\e7e2"; }

.icon-refund:before {
  content: "\e6ac"; }

.icon-message_light:before {
  content: "\e7e3"; }

.icon-cart:before {
  content: "\e6af"; }

.icon-close_light:before {
  content: "\e7e4"; }

.icon-qrcode:before {
  content: "\e6b0"; }

.icon-add_light:before {
  content: "\e7e5"; }

.icon-remind:before {
  content: "\e6b2"; }

.icon-profile_light:before {
  content: "\e7e6"; }

.icon-delete:before {
  content: "\e6b4"; }

.icon-service_light:before {
  content: "\e7e7"; }

.icon-profile:before {
  content: "\e6b7"; }

.icon-friend_add_light:before {
  content: "\e7e8"; }

.icon-home:before {
  content: "\e6b8"; }

.icon-edit_light:before {
  content: "\e7e9"; }

.icon-cartfill:before {
  content: "\e6b9"; }

.icon-camera_light:before {
  content: "\e7ea"; }

.icon-discoverfill:before {
  content: "\e6ba"; }

.icon-hot_light:before {
  content: "\e7eb"; }

.icon-homefill:before {
  content: "\e6bb"; }

.icon-refresh_light:before {
  content: "\e7ec"; }

.icon-message:before {
  content: "\e6bc"; }

.icon-back_light:before {
  content: "\e7ed"; }

.icon-addressbook:before {
  content: "\e6bd"; }

.icon-share_light:before {
  content: "\e7ee"; }

.icon-link:before {
  content: "\e6bf"; }

.icon-comment_light:before {
  content: "\e7ef"; }

.icon-lock:before {
  content: "\e6c0"; }

.icon-appreciate_light:before {
  content: "\e7f0"; }

.icon-unlock:before {
  content: "\e6c2"; }

.icon-favor_light:before {
  content: "\e7f1"; }

.icon-vip:before {
  content: "\e6c3"; }

.icon-appreciate_fill_light:before {
  content: "\e7f2"; }

.icon-weibo:before {
  content: "\e6c4"; }

.icon-comment_fill_light:before {
  content: "\e7f3"; }

.icon-activity:before {
  content: "\e6c5"; }

.icon-wang_light:before {
  content: "\e7f4"; }

.icon-big:before {
  content: "\e6c7"; }

.icon-more_android_light:before {
  content: "\e7f5"; }

.icon-friendaddfill:before {
  content: "\e6c9"; }

.icon-friend_light:before {
  content: "\e7f6"; }

.icon-friendadd:before {
  content: "\e6ca"; }

.icon-more_light:before {
  content: "\e7f7"; }

.icon-friendfamous:before {
  content: "\e6cb"; }

.icon-goods_favor_light:before {
  content: "\e7f8"; }

.icon-friend:before {
  content: "\e6cc"; }

.icon-goods_new_fill_light:before {
  content: "\e7f9"; }

.icon-goods:before {
  content: "\e6cd"; }

.icon-goods_new_light:before {
  content: "\e7fa"; }

.icon-selection:before {
  content: "\e6ce"; }

.icon-goods_light:before {
  content: "\e7fb"; }

.icon-tmall:before {
  content: "\e6cf"; }

.icon-medal_fill_light:before {
  content: "\e7fc"; }

.icon-explore:before {
  content: "\e6d2"; }

.icon-medal_light:before {
  content: "\e7fd"; }

.icon-present:before {
  content: "\e6d3"; }

.icon-news_fill_light:before {
  content: "\e7fe"; }

.icon-squarecheckfill:before {
  content: "\e6d4"; }

.icon-news_hot_fill_light:before {
  content: "\e7ff"; }

.icon-square:before {
  content: "\e6d5"; }

.icon-news_hot_light:before {
  content: "\e800"; }

.icon-squarecheck:before {
  content: "\e6d6"; }

.icon-news_light:before {
  content: "\e801"; }

.icon-round:before {
  content: "\e6d7"; }

.icon-video_fill_light:before {
  content: "\e802"; }

.icon-roundaddfill:before {
  content: "\e6d8"; }

.icon-message_fill_light:before {
  content: "\e803"; }

.icon-roundadd:before {
  content: "\e6d9"; }

.icon-form_light:before {
  content: "\e804"; }

.icon-add:before {
  content: "\e6da"; }

.icon-video_light:before {
  content: "\e805"; }

.icon-notificationforbidfill:before {
  content: "\e6db"; }

.icon-search_list_light:before {
  content: "\e806"; }

.icon-explorefill:before {
  content: "\e6dd"; }

.icon-form_fill_light:before {
  content: "\e807"; }

.icon-fold:before {
  content: "\e6de"; }

.icon-global_light:before {
  content: "\e808"; }

.icon-game:before {
  content: "\e6df"; }

.icon-global:before {
  content: "\e809"; }

.icon-redpacket:before {
  content: "\e6e0"; }

.icon-favor_fill_light:before {
  content: "\e80a"; }

.icon-selectionfill:before {
  content: "\e6e1"; }

.icon-delete_light:before {
  content: "\e80b"; }

.icon-similar:before {
  content: "\e6e2"; }

.icon-back_android:before {
  content: "\e80c"; }

.icon-appreciatefill:before {
  content: "\e6e3"; }

.icon-back_android_light:before {
  content: "\e80d"; }

.icon-infofill:before {
  content: "\e6e4"; }

.icon-down_light:before {
  content: "\e80e"; }

.icon-info:before {
  content: "\e6e5"; }

.icon-round_close_light:before {
  content: "\e80f"; }

.icon-tao:before {
  content: "\e6e8"; }

.icon-round_close_fill_light:before {
  content: "\e810"; }

.icon-mobiletao:before {
  content: "\e6e9"; }

.icon-expressman:before {
  content: "\e811"; }

.icon-forwardfill:before {
  content: "\e6ea"; }

.icon-punch_light:before {
  content: "\e812"; }

.icon-forward:before {
  content: "\e6eb"; }

.icon-evaluate_fill:before {
  content: "\e813"; }

.icon-rechargefill:before {
  content: "\e6ec"; }

.icon-furniture:before {
  content: "\e814"; }

.icon-recharge:before {
  content: "\e6ed"; }

.icon-dress:before {
  content: "\e815"; }

.icon-vipcard:before {
  content: "\e6ee"; }

.icon-coffee:before {
  content: "\e816"; }

.icon-voice:before {
  content: "\e6ef"; }

.icon-sports:before {
  content: "\e817"; }

.icon-voicefill:before {
  content: "\e6f0"; }

.icon-group_light:before {
  content: "\e818"; }

.icon-friendfavor:before {
  content: "\e6f1"; }

.icon-location_light:before {
  content: "\e819"; }

.icon-wifi:before {
  content: "\e6f2"; }

.icon-attention_light:before {
  content: "\e81a"; }

.icon-share:before {
  content: "\e6f3"; }

.icon-group_fill_light:before {
  content: "\e81b"; }

.icon-wefill:before {
  content: "\e6f4"; }

.icon-group_fill:before {
  content: "\e81c"; }

.icon-we:before {
  content: "\e6f5"; }

.icon-play_forward_fill:before {
  content: "\e81d"; }

.icon-lightauto:before {
  content: "\e6f6"; }

.icon-subscription_light:before {
  content: "\e81e"; }

.icon-lightforbid:before {
  content: "\e6f7"; }

.icon-deliver_fill:before {
  content: "\e81f"; }

.icon-lightfill:before {
  content: "\e6f8"; }

.icon-notice_forbid_fill:before {
  content: "\e820"; }

.icon-camerarotate:before {
  content: "\e6f9"; }

.icon-qr_code_light:before {
  content: "\e821"; }

.icon-light:before {
  content: "\e6fa"; }

.icon-settings_light:before {
  content: "\e822"; }

.icon-barcode:before {
  content: "\e6fb"; }

.icon-pick:before {
  content: "\e823"; }

.icon-flashlightclose:before {
  content: "\e6fc"; }

.icon-form_favor_light:before {
  content: "\e824"; }

.icon-flashlightopen:before {
  content: "\e6fd"; }

.icon-round_comment_light:before {
  content: "\e825"; }

.icon-searchlist:before {
  content: "\e6fe"; }

.icon-phone_light:before {
  content: "\e826"; }

.icon-service:before {
  content: "\e6ff"; }

.icon-round_down_light:before {
  content: "\e827"; }

.icon-sort:before {
  content: "\e700"; }

.icon-friend_settings_light:before {
  content: "\e828"; }

.icon-1212:before {
  content: "\e702"; }

.icon-change:before {
  content: "\e829"; }

.icon-down:before {
  content: "\e703"; }

.icon-round_list_light:before {
  content: "\e82a"; }

.icon-mobile:before {
  content: "\e704"; }

.icon-ticket_fill:before {
  content: "\e82b"; }

.icon-mobilefill:before {
  content: "\e705"; }

.icon-round_friend_fill:before {
  content: "\e82c"; }

.icon-copy:before {
  content: "\e706"; }

.icon-round_crown_fill:before {
  content: "\e82d"; }

.icon-countdownfill:before {
  content: "\e707"; }

.icon-round_link_fill:before {
  content: "\e82e"; }

.icon-countdown:before {
  content: "\e708"; }

.icon-round_light_fill:before {
  content: "\e82f"; }

.icon-noticefill:before {
  content: "\e709"; }

.icon-round_favor_fill:before {
  content: "\e830"; }

.icon-notice:before {
  content: "\e70a"; }

.icon-round_menu_fill:before {
  content: "\e831"; }

.icon-qiang:before {
  content: "\e70b"; }

.icon-round_location_fill:before {
  content: "\e832"; }

.icon-upstagefill:before {
  content: "\e70e"; }

.icon-round_pay_fill:before {
  content: "\e833"; }

.icon-upstage:before {
  content: "\e70f"; }

.icon-round_like_fill:before {
  content: "\e834"; }

.icon-babyfill:before {
  content: "\e710"; }

.icon-round_people_fill:before {
  content: "\e835"; }

.icon-baby:before {
  content: "\e711"; }

.icon-round_pay:before {
  content: "\e836"; }

.icon-brandfill:before {
  content: "\e712"; }

.icon-round_rank_fill:before {
  content: "\e837"; }

.icon-brand:before {
  content: "\e713"; }

.icon-round_redpacket_fill:before {
  content: "\e838"; }

.icon-choicenessfill:before {
  content: "\e714"; }

.icon-round_skin_fill:before {
  content: "\e839"; }

.icon-choiceness:before {
  content: "\e715"; }

.icon-round_record_fill:before {
  content: "\e83a"; }

.icon-clothesfill:before {
  content: "\e716"; }

.icon-round_ticket_fill:before {
  content: "\e83b"; }

.icon-clothes:before {
  content: "\e717"; }

.icon-round_redpacket:before {
  content: "\e83c"; }

.icon-creativefill:before {
  content: "\e718"; }

.icon-round_text_fill:before {
  content: "\e83d"; }

.icon-creative:before {
  content: "\e719"; }

.icon-round_ticket:before {
  content: "\e83e"; }

.icon-female:before {
  content: "\e71a"; }

.icon-round_transfer_fill:before {
  content: "\e83f"; }

.icon-keyboard:before {
  content: "\e71b"; }

.icon-subtitle_block_light:before {
  content: "\e840"; }

.icon-male:before {
  content: "\e71c"; }

.icon-warn_light:before {
  content: "\e841"; }

.icon-newfill:before {
  content: "\e71d"; }

.icon-round_transfer:before {
  content: "\e842"; }

.icon-new:before {
  content: "\e71e"; }

.icon-vip_code_light:before {
  content: "\e843"; }

.icon-pullleft:before {
  content: "\e71f"; }

.icon-subtitle_unblock_light:before {
  content: "\e844"; }

.icon-pullright:before {
  content: "\e720"; }

.icon-round_shop_fill:before {
  content: "\e845"; }

.icon-rankfill:before {
  content: "\e721"; }

.icon-oppose_fill_light:before {
  content: "\e846"; }

.icon-rank:before {
  content: "\e722"; }

.icon-oppose_light:before {
  content: "\e847"; }

.icon-bad:before {
  content: "\e723"; }

.icon-living:before {
  content: "\e848"; }

.icon-cameraadd:before {
  content: "\e724"; }

.icon-goods_hot_fill:before {
  content: "\e849"; }

.icon-focus:before {
  content: "\e725"; }

.icon-ticket_money_fill:before {
  content: "\e84a"; }

.icon-friendfill:before {
  content: "\e726"; }

.icon-arrow_left_fill:before {
  content: "\e84b"; }

.icon-cameraaddfill:before {
  content: "\e727"; }

.icon-arrow_up_fill:before {
  content: "\e84c"; }

.icon-apps:before {
  content: "\e729"; }

.icon-xiaoheiqun:before {
  content: "\e84d"; }

.icon-paintfill:before {
  content: "\e72a"; }

.icon-auction:before {
  content: "\e84e"; }

.icon-paint:before {
  content: "\e72b"; }

.icon-return:before {
  content: "\e84f"; }

.icon-picfill:before {
  content: "\e72c"; }

.icon-mall_light:before {
  content: "\e850"; }

.icon-refresharrow:before {
  content: "\e72d"; }

.icon-mall_fill_light:before {
  content: "\e851"; }

.icon-markfill:before {
  content: "\e730"; }

.icon-broadcast_fill:before {
  content: "\e852"; }

.icon-mark:before {
  content: "\e731"; }

.icon-at:before {
  content: "\e853"; }

.icon-presentfill:before {
  content: "\e732"; }

.icon-card_fill:before {
  content: "\e854"; }

.icon-repeal:before {
  content: "\e733"; }

.icon-album:before {
  content: "\e734"; }

.icon-peoplefill:before {
  content: "\e735"; }

.icon-people:before {
  content: "\e736"; }

.icon-servicefill:before {
  content: "\e737"; }

.icon-repair:before {
  content: "\e738"; }

.icon-file:before {
  content: "\e739"; }

.icon-repairfill:before {
  content: "\e73a"; }

.icon-taoxiaopu:before {
  content: "\e73b"; }

.icon-attentionfill:before {
  content: "\e73c"; }

.icon-attention:before {
  content: "\e73d"; }

.icon-commandfill:before {
  content: "\e73e"; }

.icon-command:before {
  content: "\e73f"; }

.icon-communityfill:before {
  content: "\e740"; }

.icon-community:before {
  content: "\e741"; }

.icon-read:before {
  content: "\e742"; }

.icon-suan:before {
  content: "\e743"; }

.icon-hua:before {
  content: "\e744"; }

.icon-ju:before {
  content: "\e745"; }

.icon-tian:before {
  content: "\e748"; }

.icon-calendar:before {
  content: "\e74a"; }

.icon-cut:before {
  content: "\e74b"; }

.icon-magic:before {
  content: "\e74c"; }

.icon-backwardfill:before {
  content: "\e74d"; }

.icon-playfill:before {
  content: "\e74f"; }

.icon-stop:before {
  content: "\e750"; }

.icon-tagfill:before {
  content: "\e751"; }

.icon-tag:before {
  content: "\e752"; }

.icon-group:before {
  content: "\e753"; }

.icon-all:before {
  content: "\e755"; }

.icon-backdelete:before {
  content: "\e756"; }

.icon-hotfill:before {
  content: "\e757"; }

.icon-hot:before {
  content: "\e758"; }

.icon-post:before {
  content: "\e759"; }

.icon-radiobox:before {
  content: "\e75b"; }

.icon-rounddown:before {
  content: "\e75c"; }

.icon-upload:before {
  content: "\e75d"; }

.icon-writefill:before {
  content: "\e760"; }

.icon-write:before {
  content: "\e761"; }

.icon-radioboxfill:before {
  content: "\e763"; }

.icon-punch:before {
  content: "\e764"; }

.icon-shake:before {
  content: "\e765"; }

.icon-add1:before {
  content: "\e767"; }

.icon-move:before {
  content: "\e768"; }

.icon-safe:before {
  content: "\e769"; }

.icon-haodian:before {
  content: "\e76d"; }

.icon-mao:before {
  content: "\e76e"; }

.icon-qi:before {
  content: "\e76f"; }

.icon-ye:before {
  content: "\e770"; }

.icon-juhuasuan:before {
  content: "\e771"; }

.icon-taoqianggou:before {
  content: "\e772"; }

.icon-tianmao:before {
  content: "\e773"; }

.icon-activityfill:before {
  content: "\e775"; }

.icon-crownfill:before {
  content: "\e776"; }

.icon-crown:before {
  content: "\e777"; }

.icon-goodsfill:before {
  content: "\e778"; }

.icon-messagefill:before {
  content: "\e779"; }

.icon-profilefill:before {
  content: "\e77a"; }

.icon-sound:before {
  content: "\e77b"; }

.icon-sponsorfill:before {
  content: "\e77c"; }

.icon-sponsor:before {
  content: "\e77d"; }

.icon-upblock:before {
  content: "\e77e"; }

.icon-weblock:before {
  content: "\e77f"; }

.icon-weunblock:before {
  content: "\e780"; }

.icon-1111:before {
  content: "\e782"; }

.icon-my:before {
  content: "\e78b"; }

.icon-myfill:before {
  content: "\e78c"; }

.icon-emojifill:before {
  content: "\e78d"; }

.icon-emojiflashfill:before {
  content: "\e78e"; }

.icon-flashbuyfill-copy:before {
  content: "\e78f"; }

.icon-text:before {
  content: "\e791"; }

.icon-goodsfavor:before {
  content: "\e794"; }

.icon-musicfill:before {
  content: "\e795"; }

.icon-musicforbidfill:before {
  content: "\e796"; }

.icon-xiamiforbid:before {
  content: "\e797"; }

.icon-xiami:before {
  content: "\e798"; }

.icon-roundleftfill:before {
  content: "\e799"; }

.icon-triangledownfill:before {
  content: "\e79b"; }

.icon-appreciate:before {
  content: "\e644"; }

.icon-triangleupfill:before {
  content: "\e79c"; }

.icon-check:before {
  content: "\e645"; }

.icon-roundleftfill-copy:before {
  content: "\e79e"; }

.icon-close:before {
  content: "\e646"; }

.icon-pulldown1:before {
  content: "\e79f"; }

.icon-edit:before {
  content: "\e649"; }

.icon-emojilight:before {
  content: "\e7a1"; }

.icon-emoji:before {
  content: "\e64a"; }

.icon-keyboardlight:before {
  content: "\e7a3"; }

.icon-favorfill:before {
  content: "\e64b"; }

.icon-recordfill:before {
  content: "\e7a4"; }

.icon-favor:before {
  content: "\e64c"; }

.icon-recordlight:before {
  content: "\e7a5"; }

.icon-loading:before {
  content: "\e64f"; }

.icon-record:before {
  content: "\e7a6"; }

.icon-locationfill:before {
  content: "\e650"; }

.icon-roundaddlight:before {
  content: "\e7a7"; }

.icon-location:before {
  content: "\e651"; }

.icon-soundlight:before {
  content: "\e7a8"; }

.icon-phone:before {
  content: "\e652"; }

.icon-cardboardfill:before {
  content: "\e7a9"; }

.icon-roundcheckfill:before {
  content: "\e656"; }

.icon-cardboard:before {
  content: "\e7aa"; }

.icon-roundcheck:before {
  content: "\e657"; }

.icon-formfill:before {
  content: "\e7ab"; }

.icon-roundclosefill:before {
  content: "\e658"; }

.icon-coin:before {
  content: "\e7ac"; }

.icon-roundclose:before {
  content: "\e659"; }

.icon-sortlight:before {
  content: "\e7ad"; }

.icon-roundrightfill:before {
  content: "\e65a"; }

.icon-cardboardforbid:before {
  content: "\e7af"; }

.icon-roundright:before {
  content: "\e65b"; }

.icon-circlefill:before {
  content: "\e7b0"; }

.icon-search:before {
  content: "\e65c"; }

.icon-circle:before {
  content: "\e7b1"; }

.icon-taxi:before {
  content: "\e65d"; }

.icon-attentionforbid:before {
  content: "\e7b2"; }

.icon-timefill:before {
  content: "\e65e"; }

.icon-attentionforbidfill:before {
  content: "\e7b3"; }

.icon-time:before {
  content: "\e65f"; }

.icon-attentionfavorfill:before {
  content: "\e7b4"; }

.icon-unfold:before {
  content: "\e661"; }

.icon-attentionfavor:before {
  content: "\e7b5"; }

.icon-warnfill:before {
  content: "\e662"; }

.icon-piclight:before {
  content: "\e7b7"; }

.anna-icon {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-size: 28px;
  color: #000; }

.anna-popup-container {
  position: fixed;
  z-index: 1000;
  background-color: #fdfffd;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .anna-popup-container-transparent {
    background-color: transparent; }
  .anna-popup-container-center {
    left: 50%;
    top: 50%;
    border-radius: 16px;
    transform: translate3d(-50%, -50%, 0);
    visibility: hidden;
    opacity: 0; }
  .anna-popup-container-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate3d(0, 100%, 0);
    border-radius: 20px 20px 0 0; }
  .anna-popup-container-top {
    left: 0;
    right: 0;
    top: 0;
    transform: translate3d(0, -100%, 0);
    border-radius: 0 0 20px 20px; }
  .anna-popup-container-left {
    left: 0;
    top: 0;
    bottom: 0;
    transform: translate3d(-100%, 0, 0);
    border-radius: 0 20px 20px 0; }
  .anna-popup-container-right {
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate3d(100%, 0, 0);
    border-radius: 20px 0 0 20px; }
  .anna-popup-container-ease {
    transition-timing-function: ease; }
  .anna-popup-container-square {
    border-radius: 0; }
  .anna-popup-container-active {
    transform: translate3d(0, 0, 0); }
  .anna-popup-container-center.anna-popup-container-active {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, -50%, 0); }
  .anna-popup-container-close {
    position: absolute;
    top: 20px;
    right: 20px; }
  .anna-popup-container-title {
    padding: 30px 0;
    text-align: center;
    color: #000; }

@-webkit-keyframes center {
  0% {
    transform: scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0); }
  30% {
    transform: scale3d(0.6, 0.6, 1);
    transform: translate3d(-50%, -50%, 0); }
  100% {
    transform: scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0); } }

@keyframes center {
  0% {
    transform: scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0); }
  30% {
    transform: scale3d(0.6, 0.6, 1);
    transform: translate3d(-50%, -50%, 0); }
  100% {
    transform: scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0); } }

.anna-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.anna-mask_active {
  opacity: 1;
  visibility: visible; }

.anna-form-value {
  min-height: 42px;
  font-size: 28px;
  color: #333333; }
  .anna-form-value-placeholder {
    color: #666666; }

.anna-cell {
  position: relative;
  padding: 20px 32px;
  font-size: 28px;
  line-height: 48px;
  background-color: #fdfffd;
  margin-bottom: 1PX; }
  .anna-cell-verticality-required {
    color: #f5222d;
    margin-right: 4px; }
  .anna-cell-verticality-label {
    color: #333333;
    padding-bottom: 20px; }
  .anna-cell-verticality-value {
    color: #999999; }
  .anna-cell-container-main {
    display: flex; }
    .anna-cell-container-main-left {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      align-items: center; }
      .anna-cell-container-main-left-input {
        flex: none; }
      .anna-cell-container-main-left-label {
        box-sizing: border-box;
        color: #333333;
        font-weight: 500;
        flex: 1;
        display: flex;
        align-items: center; }
        .anna-cell-container-main-left-label-required {
          color: #f5222d;
          margin-right: 4px; }
        .anna-cell-container-main-left-label-value {
          margin-right: 20px; }
    .anna-cell-container-main-right {
      flex: 1;
      color: #999999;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .anna-cell-container-main-right-value {
        width: 100%;
        text-align: right; }
  .anna-cell-container-description {
    margin-top: 10px;
    font-size: 24px;
    color: #999999; }
  .anna-cell-border {
    position: absolute;
    left: 32px;
    right: 0;
    bottom: -1PX;
    height: 1PX;
    background-color: #e8e8e8;
    transform: scaleY(0.5); }

.anna-checkbox {
  display: inline-block;
  margin-right: 30px;
  font-size: 28px; }
  .anna-checkbox:nth-last-child(1) {
    margin-right: 0; }
  .anna-checkbox-container {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .anna-checkbox-container-icon {
      font-size: 48px;
      width: 48px;
      height: 48px; }
    .anna-checkbox-container-label {
      margin-left: 14px;
      color: #333;
      white-space: nowrap; }

.anna-col {
  position: relative; }
  .anna-col-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%; }
  .anna-col-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .anna-col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .anna-col-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .anna-col-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%; }
  .anna-col-6 {
    flex: 0 0 25%;
    max-width: 25%; }
  .anna-col-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%; }
  .anna-col-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .anna-col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .anna-col-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .anna-col-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%; }
  .anna-col-12 {
    flex: 0 0 50%;
    max-width: 50%; }
  .anna-col-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%; }
  .anna-col-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .anna-col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .anna-col-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .anna-col-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%; }
  .anna-col-18 {
    flex: 0 0 75%;
    max-width: 75%; }
  .anna-col-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%; }
  .anna-col-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .anna-col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .anna-col-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .anna-col-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%; }
  .anna-col-24 {
    flex: 0 0 100%;
    max-width: 100%; }
  .anna-col-offset-1 {
    margin-left: 4.16667%; }
  .anna-col-offset-2 {
    margin-left: 8.33333%; }
  .anna-col-offset-3 {
    margin-left: 12.5%; }
  .anna-col-offset-4 {
    margin-left: 16.66667%; }
  .anna-col-offset-5 {
    margin-left: 20.83333%; }
  .anna-col-offset-6 {
    margin-left: 25%; }
  .anna-col-offset-7 {
    margin-left: 29.16667%; }
  .anna-col-offset-8 {
    margin-left: 33.33333%; }
  .anna-col-offset-9 {
    margin-left: 37.5%; }
  .anna-col-offset-10 {
    margin-left: 41.66667%; }
  .anna-col-offset-11 {
    margin-left: 45.83333%; }
  .anna-col-offset-12 {
    margin-left: 50%; }
  .anna-col-offset-13 {
    margin-left: 54.16667%; }
  .anna-col-offset-14 {
    margin-left: 58.33333%; }
  .anna-col-offset-15 {
    margin-left: 62.5%; }
  .anna-col-offset-16 {
    margin-left: 66.66667%; }
  .anna-col-offset-17 {
    margin-left: 70.83333%; }
  .anna-col-offset-18 {
    margin-left: 75%; }
  .anna-col-offset-19 {
    margin-left: 79.16667%; }
  .anna-col-offset-20 {
    margin-left: 83.33333%; }
  .anna-col-offset-21 {
    margin-left: 87.5%; }
  .anna-col-offset-22 {
    margin-left: 91.66667%; }
  .anna-col-offset-23 {
    margin-left: 95.83333%; }
  .anna-col-offset-24 {
    margin-left: 100%; }

.anna-dropdown-content {
  padding-left: 40px; }
  .anna-dropdown-content-option {
    height: 88px;
    line-height: 88px;
    font-size: 26px;
    color: #666;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; }
    .anna-dropdown-content-option:nth-last-child(1) {
      border-bottom: none; }
    .anna-dropdown-content-option-check {
      display: flex;
      align-items: center;
      padding-right: 40px;
      padding-top: 28px; }

.anna-filter {
  position: relative;
  z-index: 999;
  height: 100px; }
  .anna-filter-items {
    position: relative;
    display: flex; }
  .anna-filter-content {
    z-index: 1;
    position: fixed;
    top: unset;
    bottom: unset;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: height 0.3s ease; }

.anna-filter-item {
  overflow: hidden;
  flex: 1; }
  .anna-filter-item-label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 24px;
    color: #333;
    background-color: #fdfffd;
    cursor: pointer; }
    .anna-filter-item-label-disabled {
      opacity: 0.4; }
    .anna-filter-item-label-text {
      margin-right: 10px; }
    .anna-filter-item-label-chevronUp {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #CCCCCC; }
    .anna-filter-item-label-chevronDown {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 10px solid #CCCCCC; }
  .anna-filter-item-value {
    background-color: #fdfffd;
    max-height: 80vh;
    z-index: -1; }


.anna-row {
  display: flex; }
  .anna-row-justify-start {
    justify-content: flex-start; }
  .anna-row-justify-center {
    justify-content: center; }
  .anna-row-justify-end {
    justify-content: flex-end; }
  .anna-row-justify-space-around {
    justify-content: space-around; }
  .anna-row-justify-space-between {
    justify-content: space-between; }
  .anna-row-align-top {
    align-items: flex-start; }
  .anna-row-align-middle {
    align-items: center; }
  .anna-row-align-bottom {
    align-items: flex-end; }

.anna-image-upload {
  display: grid;
  grid-template-columns: repeat(auto-fill, 170px);
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px; }
  .anna-image-upload-add {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    border-radius: 10px;
    background-color: #f9fbf9;
    cursor: pointer; }
  .anna-image-upload-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    border-radius: 10px;
    background-color: #e8e8e8;
    overflow: hidden;
    cursor: pointer; }
    .anna-image-upload-item-delete {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 5px;
      right: 5px;
      width: 30px;
      height: 30px;
      background-color: #999;
      opacity: 0.8;
      border-radius: 50%; }
    .anna-image-upload-item > image {
      width: 100%; }

.anna-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, 170px);
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px; }
  .anna-images-add {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px; }
  .anna-images-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    border-radius: 10px;
    background-color: #e8e8e8;
    overflow: hidden; }
    .anna-images-item > image {
      width: 100%; }

.anna-input {
  display: block;
  min-height: 48px;
  line-height: inherit;
  padding: 0;
  text-align: left;
  width: 100%;
  color: #333333;
  background-color: #fdfffd;
  outline: none;
  border: none;
  font-size: 28px; }
  .anna-input-align-right {
    text-align: right; }
  .anna-input-align-center {
    text-align: center; }
  .anna-input-container {
    display: flex; }
  .anna-input-extra {
    margin-left: 8px; }

.anna-base-picker {
  font-size: 28px;
  color: #000; }
  .anna-base-picker-toolbar {
    height: 88px;
    line-height: 88px;
    display: flex;
    justify-content: space-between; }
    .anna-base-picker-toolbar-cancel {
      padding: 0 24px;
      color: #999; }
    .anna-base-picker-toolbar-title {
      color: #333;
      font-weight: 500; }
    .anna-base-picker-toolbar-confirm {
      padding: 0 24px;
      color: #1890ff; }
  .anna-base-picker-columns {
    position: relative;
    display: flex;
    height: 440px; }
  .anna-base-picker-column {
    flex: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    touch-action: none;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .anna-base-picker-column-items {
      transform: translate3d(0, 176px, 0); }
    .anna-base-picker-column-item {
      height: 88px;
      line-height: 88px;
      padding: 0 24px;
      text-align: center; }
  .anna-base-picker-selected {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 176px;
    width: 100%;
    height: 88px;
    background-color: rgba(102, 204, 255, 0.08);
    pointer-events: none; }
  .anna-base-picker-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% 176px;
    pointer-events: none; }

.anna-progress_bar {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #E8E8E8;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
  font-size: 24px; }
  .anna-progress_bar-node {
    box-sizing: border-box;
    flex: 1;
    color: #333;
    text-align: center;
    z-index: 1; }
  .anna-progress_bar-node_first {
    border-radius: 50px 0 0 50px; }
  .anna-progress_bar-node_last {
    border-radius: 0 50px 50px 0; }
  .anna-progress_bar-node_active {
    color: #fdfffd; }
  .anna-progress_bar-process {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 50px;
    background-color: #1890ff;
    z-index: 0; }

.anna-radio {
  display: inline-block;
  margin-right: 30px;
  font-size: 28px; }
  .anna-radio:nth-last-child(1) {
    margin-right: 0; }
  .anna-radio-container {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .anna-radio-out-round {
    position: relative;
    width: 38px;
    height: 38px;
    padding: 7px;
    border-radius: 50%; }
    .anna-radio-out-round::before {
      box-sizing: border-box;
      position: absolute;
      content: '';
      left: -50%;
      right: -50%;
      top: -50%;
      bottom: -50%;
      transform: scale(0.5);
      border-radius: 50%;
      border: 1PX solid #999;
      pointer-events: none; }
    .anna-radio-out-round-checked::before {
      border: 2PX solid #1890ff; }
  .anna-radio-inner-round {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1890ff; }
  .anna-radio-children {
    margin-left: 14px;
    color: #333;
    white-space: nowrap; }

.anna-rate {
  display: flex;
  align-items: center;
  padding-bottom: 30px; }
  .anna-rate:nth-last-child(1) {
    padding-bottom: 0; }
  .anna-rate-label {
    padding-right: 40px; }
  .anna-rate-value {
    flex: 1;
    display: flex; }
    .anna-rate-value-star {
      margin-right: 30px;
      cursor: pointer; }
      .anna-rate-value-star:nth-last-child(1) {
        margin-right: 0; }

.anna-result {
  box-sizing: border-box;
  height: 100vh;
  padding: 100px 30px;
  background-color: #fdfffd; }
  .anna-result-icon {
    margin-bottom: 48px;
    text-align: center; }
    .anna-result-icon-status {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 144px;
      height: 144px;
      border-radius: 50%; }
  .anna-result-title {
    color: #333;
    font-size: 48px;
    line-height: 1.8;
    text-align: center; }
  .anna-result-sub_title {
    color: #999;
    font-size: 28px;
    line-height: 1.6;
    text-align: center; }
  .anna-result-content {
    margin-top: 48px;
    padding: 24px 40px;
    background-color: #fafafa; }
  .anna-result-extra {
    margin-top: 64px;
    text-align: center; }

.anna-search_bar {
  display: flex;
  align-items: center;
  overflow: hidden; }
  .anna-search_bar-input {
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    height: 64px;
    border-radius: 64px;
    padding: 16px;
    background-color: #f7f7f7; }
    .anna-search_bar-input-square {
      border-radius: 8px; }
    .anna-search_bar-input-synthetic {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      display: flex;
      align-items: center;
      color: #999; }
      .anna-search_bar-input-synthetic-icon {
        color: #666; }
      .anna-search_bar-input-synthetic-placeholder {
        padding-left: 10px;
        font-size: 28px; }
    .anna-search_bar-input-is_left {
      left: 16px;
      transform: translate(0, -50%); }
    .anna-search_bar-input-value {
      flex: 1;
      padding: 0 10px 0 46px;
      background-color: transparent;
      color: #333;
      font-size: 28px;
      outline: none;
      border: none; }
    .anna-search_bar-input-clear {
      color: #CCC; }
  .anna-search_bar-action_button {
    padding-left: 20px;
    margin-right: -100px;
    font-size: 30px;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer; }
  .anna-search_bar-show_action_button {
    margin-right: 0; }

.anna-search_bar-large .anna-search_bar-input {
  height: 72px;
  border-radius: 72px; }
  .anna-search_bar-large .anna-search_bar-input-synthetic-placeholder {
    font-size: 30px; }
  .anna-search_bar-large .anna-search_bar-input-value {
    font-size: 30px; }

.anna-search_bar-large .anna-search_bar-action_button {
  font-size: 32px; }

.anna-search_bar-small .anna-search_bar-input {
  height: 56px;
  border-radius: 56px; }
  .anna-search_bar-small .anna-search_bar-input-synthetic-placeholder {
    font-size: 28px; }
  .anna-search_bar-small .anna-search_bar-input-value {
    font-size: 28px; }

.anna-search_bar-small .anna-search_bar-action_button {
  font-size: 30px; }

.anna-selector-popup {
  height: 100%;
  width: 100%; }
  .anna-selector-popup-formitem {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    font-size: 26px; }

.anna-selector {
  display: flex;
  text-align: left; }
  .anna-selector-parent {
    width: 280px;
    background-color: #f7f7f7; }
  .anna-selector-children {
    flex: 1; }
  .anna-selector-option {
    position: relative;
    box-sizing: border-box;
    padding-left: 30px;
    height: 88px;
    line-height: 88px;
    font-size: 28px;
    color: #666;
    cursor: pointer; }
    .anna-selector-option-rounded_bottom {
      position: absolute;
      bottom: -12px;
      right: 0;
      width: 12px;
      height: 12px;
      background-color: #fdfffd;
      overflow: hidden; }
      .anna-selector-option-rounded_bottom-circle {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        left: -12px;
        right: -12px;
        background-color: #f7f7f7; }
    .anna-selector-option-rounded_top {
      position: absolute;
      top: -12px;
      right: 0;
      width: 12px;
      height: 12px;
      background-color: #fdfffd;
      overflow: hidden;
      transform: rotate(90deg); }
      .anna-selector-option-rounded_top-circle {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        left: -12px;
        right: -12px;
        background-color: #f7f7f7; }
  .anna-selector-active {
    color: #1890ff;
    font-weight: 500;
    background-color: #fdfffd; }

.anna-skeleton {
  position: relative; }
  .anna-skeleton-placeholder {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .anna-skeleton-item {
    margin-bottom: 60px; }
    .anna-skeleton-item:nth-last-child(1) {
      margin-bottom: 0; }
  .anna-skeleton-hidden {
    visibility: hidden;
    opacity: 0; }
  .anna-skeleton-title {
    margin-left: 24px;
    height: 26px;
    border-radius: 6px;
    width: 260px;
    background-color: rgba(24, 144, 255, 0.2);
    margin-bottom: 16px; }
  .anna-skeleton-row {
    margin: 0 24px;
    height: 20px;
    border-radius: 6px;
    background-color: #ededef;
    margin-bottom: 16px; }
  .anna-skeleton-image {
    margin: 24px;
    height: 340px;
    border-radius: 16px;
    background-color: #ededef; }
  .anna-skeleton-avatar {
    margin: 0 24px 16px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-color: #ededef; }
  .anna-skeleton-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .anna-skeleton-container-active {
    visibility: visible;
    opacity: 1; }
  .anna-skeleton-active {
    background: linear-gradient(90deg, #ededef 25%, #e6e6e6 37%, #ededef 63%);
    background-size: 400% 100%;
    -webkit-animation: anna-skeleton-loading 1.4s ease infinite;
            animation: anna-skeleton-loading 1.4s ease infinite; }

@-webkit-keyframes anna-skeleton-loading {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }

@keyframes anna-skeleton-loading {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }

.anna-space {
  display: inline-flex; }
  .anna-space-horizontal-small {
    margin-right: 16px; }
  .anna-space-horizontal-middle {
    margin-right: 32px; }
  .anna-space-horizontal-large {
    margin-right: 48px; }
  .anna-space-horizontal > .anna-space-item:nth-last-child(1) {
    margin-right: 0; }
  .anna-space-vertical {
    flex-direction: column; }
    .anna-space-vertical-small {
      margin-bottom: 16px; }
    .anna-space-vertical-middle {
      margin-bottom: 32px; }
    .anna-space-vertical-large {
      margin-bottom: 48px; }
  .anna-space-vertical > .anna-space-item:nth-last-child(1) {
    margin-bottom: 0; }
  .anna-space-align-center {
    align-items: center; }
  .anna-space-align-start {
    align-items: flex-start; }
  .anna-space-align-end {
    align-items: flex-end; }
  .anna-space-align-baseline {
    align-items: baseline; }

.anna-spin {
  display: flex;
  justify-content: center;
  align-items: center; }
  .anna-spin-loading {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: loading .5s linear infinite;
            animation: loading .5s linear infinite;
    margin: 0 auto; }
  .anna-spin-default {
    width: 50px;
    height: 50px; }

@-webkit-keyframes loading {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@keyframes loading {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.anna-stepper {
  display: inline-flex;
  align-items: center;
  height: 56px;
  line-height: 56px;
  font-size: 32px; }
  .anna-stepper-small {
    height: 48px;
    line-height: 48px; }
    .anna-stepper-small > .anna-stepper-btn {
      width: 48px;
      height: 48px; }
      .anna-stepper-small > .anna-stepper-btn-plain {
        width: 44px;
        height: 44px; }
  .anna-stepper-minus {
    border-radius: 8px 0 0 8px; }
  .anna-stepper-plus {
    border-radius: 0 8px 8px 0; }
  .anna-stepper-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: #F5F5F5;
    text-align: center;
    font-size: 36px;
    cursor: pointer; }
    .anna-stepper-btn:active {
      background-color: #ececec; }
    .anna-stepper-btn-disabled {
      cursor: not-allowed;
      background-color: #FBFBFB; }
      .anna-stepper-btn-disabled:active {
        background-color: #FBFBFB; }
    .anna-stepper-btn-plain {
      width: 52px;
      height: 52px;
      border: 2px solid #DDD;
      border-radius: 8px;
      background-color: transparent; }
      .anna-stepper-btn-plain:active {
        background-color: transparent; }
      .anna-stepper-btn-plain-disabled {
        cursor: not-allowed;
        background-color: transparent;
        opacity: 0.4; }
    .anna-stepper-btn-circle {
      border-radius: 50%; }
  .anna-stepper-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 80px;
    margin: 0 4px;
    background-color: #FDFFFD;
    overflow: hidden; }
  .anna-stepper-input {
    height: 100%;
    width: 100%;
    padding: 0;
    background-color: #F5F5F5;
    outline: none;
    border: none;
    color: #333333;
    font-size: 30px;
    text-align: center; }
    .anna-stepper-input-disabled {
      background-color: #FBFBFB; }
    .anna-stepper-input-plain {
      background-color: transparent; }
    .anna-stepper-input-circle {
      border-radius: 16px; }

.anna-steps-first_step {
  position: relative;
  height: 80px; }

.anna-steps-step {
  box-sizing: border-box;
  position: relative;
  padding: 0 0 70px 50px; }
  .anna-steps-step-header {
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%); }
    .anna-steps-step-header-title {
      color: rgba(0, 0, 0, 0.85);
      font-size: 30px;
      font-weight: 500; }
    .anna-steps-step-header-extra {
      color: rgba(0, 0, 0, 0.45);
      font-size: 26px; }
  .anna-steps-step-description {
    color: rgba(0, 0, 0, 0.65);
    padding-top: 2px;
    line-height: 1.44444;
    font-size: 26px;
    transform: translateY(-10px); }

.anna-steps-circle {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #1890ff;
  z-index: 1;
  transform: translate(-50%, -50%); }

.anna-steps-circle_current {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fdfffd;
  z-index: 1;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 30px #99CCFF; }
  .anna-steps-circle_current-icon {
    width: 40px;
    height: 40px;
    display: inline-block; }

.anna-steps-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #1890ff;
  transform: translateX(-50%); }

.anna-steps_horizontal {
  display: flex;
  background-color: #fdfffd;
  overflow: hidden; }
  .anna-steps_horizontal-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .anna-steps_horizontal-step:nth-child(1) {
      align-items: flex-start; }
    .anna-steps_horizontal-step:nth-last-child(1) {
      align-items: flex-end; }
      .anna-steps_horizontal-step:nth-last-child(1) .anna-steps_horizontal-step-container-icon::after {
        background-color: #fdfffd; }
    .anna-steps_horizontal-step-container {
      position: relative;
      z-index: 0;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .anna-steps_horizontal-step-container-icon {
        position: relative;
        display: inline-block;
        padding: 0 20px;
        background-color: #fdfffd;
        height: 40px; }
        .anna-steps_horizontal-step-container-icon::after {
          content: '';
          position: absolute;
          z-index: -1;
          height: 2px;
          background-color: #f0f0f0;
          top: 50%;
          left: 50%;
          margin-top: -1px;
          width: 3000px; }
        .anna-steps_horizontal-step-container-icon-default {
          display: flex;
          align-items: center;
          height: 40px; }
          .anna-steps_horizontal-step-container-icon-default > view {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.25); }
          .anna-steps_horizontal-step-container-icon-default > div {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, 0.25); }
      .anna-steps_horizontal-step-container-content-title {
        color: rgba(0, 0, 0, 0.85);
        font-size: 28px;
        font-weight: 500;
        margin-top: 10px; }
  .anna-steps_horizontal-step-finish .anna-steps_horizontal-step-container-icon::after {
    background-color: #1890ff; }

.anna-swipe {
  position: relative;
  overflow: hidden; }
  .anna-swipe-container {
    position: relative;
    font-size: 30px;
    font-weight: 400;
    transition: all 0.3s; }
  .anna-swipe-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background-color: #fdfffd;
    color: #fdfffd;
    font-size: 32px;
    font-weight: 500;
    display: flex; }
  .anna-swipe-action {
    padding: 0 34px;
    background-color: #ff4d4f;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer; }

.anna-switch {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  overflow: hidden; }
  .anna-switch-default {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer; }
  .anna-switch-checked + .anna-switch-checkbox {
    background: #1890ff; }
    .anna-switch-checked + .anna-switch-checkbox:before {
      transform: scale(0); }
    .anna-switch-checked + .anna-switch-checkbox:after {
      transform: translateX(20PX); }
  .anna-switch-disabled + .anna-switch-checkbox {
    opacity: 0.3; }
  .anna-switch-checkbox {
    width: 51PX;
    height: 31PX;
    border-radius: 31PX;
    box-sizing: border-box;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    cursor: pointer;
    position: relative;
    transition: all 300ms; }
    .anna-switch-checkbox:before {
      content: ' ';
      position: absolute;
      left: 1.5PX;
      top: 1.5PX;
      width: 48PX;
      height: 28PX;
      border-radius: 28PX;
      box-sizing: border-box;
      background: #fdfffd;
      z-index: 1;
      transition: all 200ms;
      transform: scale(1); }
    .anna-switch-checkbox:after {
      content: ' ';
      height: 28PX;
      width: 28PX;
      border-radius: 28PX;
      background: #fdfffd;
      position: absolute;
      z-index: 2;
      left: 1.5PX;
      top: 1.5PX;
      transform: translateX(0);
      transition: all 200ms;
      box-shadow: 2PX 2PX 4PX rgba(0, 0, 0, 0.21); }
    .anna-switch-checkbox.anna-switch-checkbox-disabled {
      z-index: 3; }
  .anna-switch-checked-small + .anna-switch-checkbox {
    background: #1890ff; }
    .anna-switch-checked-small + .anna-switch-checkbox:before {
      transform: scale(0); }
    .anna-switch-checked-small + .anna-switch-checkbox:after {
      transform: translateX(16PX); }
  .anna-switch-checkbox-small {
    width: 41PX;
    height: 25PX;
    border-radius: 25PX; }
    .anna-switch-checkbox-small:before {
      content: ' ';
      position: absolute;
      left: 1.5PX;
      top: 1.5PX;
      width: 38PX;
      height: 22PX;
      border-radius: 22PX;
      box-sizing: border-box;
      background: #fdfffd;
      z-index: 1;
      transition: all 200ms;
      transform: scale(1); }
    .anna-switch-checkbox-small:after {
      content: ' ';
      height: 22PX;
      width: 22PX;
      border-radius: 22PX;
      background: #fdfffd;
      position: absolute;
      z-index: 2;
      left: 1.5PX;
      top: 1.5PX;
      transform: translateX(0);
      transition: all 200ms;
      box-shadow: 2PX 2PX 4PX rgba(0, 0, 0, 0.21); }

.anna-tabs {
  height: 100%; }
  .anna-tabs-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9; }
  .anna-tabs-plain {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
    overflow: scroll;
    white-space: nowrap; }
    .anna-tabs-plain::-webkit-scrollbar {
      display: none; }
    .anna-tabs-plain-title {
      box-sizing: border-box;
      height: 72px;
      line-height: 72px;
      white-space: nowrap;
      margin-right: 50px;
      color: #000;
      text-align: center;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer; }
    .anna-tabs-plain-active {
      box-sizing: border-box;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 8px;
      width: 32px;
      border-radius: 8px;
      background-color: #1890ff;
      overflow: hidden;
      transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .anna-tabs-plain-center {
    justify-content: center; }
    .anna-tabs-plain-center-title {
      flex: 1;
      text-align: center;
      padding: 0 10px;
      margin-right: 0; }
  .anna-tabs-card {
    box-sizing: border-box;
    display: flex;
    border: 1PX solid #1890ff;
    margin-bottom: 10px;
    font-size: 28px;
    border-radius: 12px;
    overflow: hidden; }
    .anna-tabs-card-title {
      flex: 1;
      box-sizing: border-box;
      height: 56px;
      line-height: 56px;
      white-space: nowrap;
      color: #1890ff;
      text-align: center;
      border-right: 1PX solid #1890ff;
      cursor: pointer; }
      .anna-tabs-card-title:nth-last-child(1) {
        border-right: none; }
    .anna-tabs-card-active {
      font-weight: 500;
      color: #fdfffd;
      background-color: #1890ff; }
  .anna-tabs-slider {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 26px; }
    .anna-tabs-slider-bg {
      padding: 6px;
      background-color: #EDEDED;
      border-radius: 72px; }
      .anna-tabs-slider-bg-square {
        border-radius: 16px; }
        .anna-tabs-slider-bg-square .anna-tabs-slider-active {
          border-radius: 12px; }
    .anna-tabs-slider-container {
      display: flex;
      justify-content: center;
      height: 60px;
      line-height: 60px;
      position: relative;
      z-index: 0; }
    .anna-tabs-slider-title {
      width: 140px;
      text-align: center;
      transition: all 0.3s;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer; }
    .anna-tabs-slider-active {
      position: absolute;
      left: 0;
      background-color: #fdfffd;
      width: 50%;
      height: 100%;
      border-radius: 60px;
      z-index: -1;
      transform: translateX(0);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      box-shadow: 0 4px 8px #CCCCCC; }
  .anna-tabs-content {
    overflow: hidden; }
    .anna-tabs-content-wrapper {
      display: flex; }
    .anna-tabs-content-tab {
      flex-shrink: 0;
      width: 100%;
      min-height: 100%; }
      .anna-tabs-content-tab-inactive {
        display: none; }
        .anna-tabs-content-tab-inactive-animated {
          height: 0;
          min-height: 0; }
  .anna-tabs-vertical {
    height: 100%;
    display: flex;
    font-size: 28px;
    border-radius: 16px;
    overflow: hidden; }
    .anna-tabs-vertical-sidebar {
      position: relative;
      background-color: #fafafa;
      width: 170px;
      color: #000;
      font-weight: 400; }
      .anna-tabs-vertical-sidebar-item {
        position: relative;
        height: 48PX;
        line-height: 48PX;
        padding: 0 24px;
        white-space: nowrap;
        cursor: pointer; }
      .anna-tabs-vertical-sidebar-active {
        position: absolute;
        left: 0;
        top: 16PX;
        width: 4PX;
        height: 16PX;
        border-radius: 4PX;
        background-color: #1890ff;
        transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .anna-tabs-vertical-sidebar-top {
        position: absolute;
        top: -12px;
        right: 0;
        width: 12px;
        height: 12px;
        background-color: #fdfffd;
        overflow: hidden;
        transform: rotate(90deg);
        z-index: 1; }
        .anna-tabs-vertical-sidebar-top-circle {
          position: absolute;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          left: -12px;
          right: -12px;
          background-color: #fafafa; }
      .anna-tabs-vertical-sidebar-bottom {
        position: absolute;
        bottom: -12px;
        right: 0;
        width: 12px;
        height: 12px;
        background-color: #fdfffd;
        overflow: hidden;
        z-index: 1; }
        .anna-tabs-vertical-sidebar-bottom-circle {
          position: absolute;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          left: -12px;
          right: -12px;
          background-color: #fafafa; }
    .anna-tabs-vertical-content {
      flex: 1;
      background-color: #fdfffd; }

.anna-tag {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  text-align: center;
  color: #333;
  background-color: #f6f6f6;
  border: 2px solid #f6f6f6;
  height: 44px;
  line-height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 24px;
  margin-right: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap; }
  .anna-tag:nth-last-child(1) {
    margin-right: 0; }
  .anna-tag-plain {
    background-color: transparent;
    border-color: transparent; }
    .anna-tag-plain::before {
      box-sizing: border-box;
      position: absolute;
      content: '';
      left: -50%;
      right: -50%;
      top: -50%;
      bottom: -50%;
      border-radius: 16px;
      border: 1PX solid #CCCCCC;
      transform: scale(0.5); }
  .anna-tag-small {
    height: 40px;
    line-height: 36px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 22px; }
  .anna-tag-large {
    height: 52px;
    line-height: 48px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 24px; }
  .anna-tag-block {
    width: 100%; }
  .anna-tag-checkable {
    cursor: pointer;
    background-color: #F5F5F5; }
  .anna-tag-checked {
    color: #fdfffd;
    background-color: #1890ff;
    border: 2px solid #1890ff; }
  .anna-tag-blue {
    color: #1890ff;
    background-color: #e6f7ff;
    border: 2px solid #91d5ff; }
  .anna-tag-green {
    color: #52c41a;
    background-color: #f6ffed;
    border: 2px solid #b7eb8f; }
  .anna-tag-yellow {
    color: #fa8c16;
    background-color: #fff7e6;
    border: 2px solid #ffd591; }
  .anna-tag-red {
    color: #f5222d;
    background-color: #fff1f0;
    border: 2px solid #ffa39e; }
  .anna-tag-disabled {
    opacity: 0.4; }

.anna-textarea-default {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 28px;
  color: #333333;
  background-color: #fdfffd;
  outline: none;
  resize: none;
  border: none; }

.anna-textarea-placeholder {
  font-size: 28px; }


/*# sourceMappingURL=anna.css.map*/