@-webkit-keyframes fadingIn {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadingIn {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes topPlanet {
  0% {
    top: -36%;
    left: -31%;
  }
  50% {
    top: -31%;
    left: -26%;
  }
  100% {
    top: -26%;
    left: -21%;
  }
}
@keyframes topPlanet {
  0% {
    top: -36%;
    left: -31%;
  }
  50% {
    top: -31%;
    left: -26%;
  }
  100% {
    top: -26%;
    left: -21%;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bottomToTopMoveIn {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bottomToTopMoveIn {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.switch-page-wrapper {
  overflow-y: scroll;
}
@-webkit-keyframes rightMoveIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes rightMoveIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes scrollUpAndDown {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-50%, 30%, 0);
            transform: translate3d(-50%, 30%, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@keyframes scrollUpAndDown {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-50%, 30%, 0);
            transform: translate3d(-50%, 30%, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
.switch-page-wrapper {
  height: inherit;
}
.am-navbar-title {
  font-size: 0.33rem !important;
}

@-webkit-keyframes fadingIn {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadingIn {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes topPlanet {
  0% {
    top: -36%;
    left: -31%;
  }
  50% {
    top: -31%;
    left: -26%;
  }
  100% {
    top: -26%;
    left: -21%;
  }
}
@keyframes topPlanet {
  0% {
    top: -36%;
    left: -31%;
  }
  50% {
    top: -31%;
    left: -26%;
  }
  100% {
    top: -26%;
    left: -21%;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0.1;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bottomToTopMoveIn {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bottomToTopMoveIn {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.headerCom {
  width: 100%;
  padding-bottom: 0.7rem;
}
.head-title {
  width: 3.7rem;
  height: 0.4rem;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0.32rem;
  color: #FFFFFF;
  margin: 0.3rem auto;
  z-index: 100;
}
.back-btn-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0.3rem;
  z-index: 99;
}
.back-btn-wrapper .back-btn {
  width: 0.44rem;
  height: 0.37rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAlBAMAAADLpRb6AAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxRDNBM0U5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MjQxRDNBNEU5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNDFEM0ExRTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyNDFEM0EyRTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zW7PXwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAqUExURf///0dwTP///////////////////////////////////////////////zbjKbUAAAANdFJOU5kAChgp1uo+w7Glak9yX0dBAAAA4ElEQVQoz43ToQ7CMBAG4L4A4goGXFFgWcATNl4APTUsepoHQOwBEPND8B6IGQYs3Luw9poQrkeymiZf/nR3106BX0lr4LuU30cHLATeIrYhd2HEa8ArlHiYdvo0nJc2vONnu3Cz5uzCD2CsU/ZB4pnVGhjrk+WCswvfDWMKZ8B4bhWrW57ncRxvomgxNaD02Wqj2Bq78IvzwHHNGWX+k57IZ8NFrASolIrKjqhs26UrfM+7pDaDmfihHKHfvH08uB2KvwPW8s3T1WfQ81VRPHyaLh6yfbK1/DeUAkPy0+YHevC/mTvpescAAAAASUVORK5CYII=) no-repeat center center / 0.44rem 0.37rem;
}
.share-btn-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0.3rem;
  padding: 0.275rem 0.32rem;
  z-index: 99;
}
.share-btn-wrapper .share-btn {
  width: 0.4rem;
  height: 0.42rem;
  opacity: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqBAMAAAAzGARVAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxRDNBN0U5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MjQxRDNBOEU5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNDFEM0E1RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyNDFEM0E2RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IlopWgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURUdwTP///////////////////////////////////////////////w2imYoAAAANdFJOUwCY5Q0aQYNttFbLLtt5l2vzAAABIElEQVQoz2NgQAbsTRoFDGiAuUlJScMATZBRCQgE0ASdQIIqaIJBIEFVcgUthTDN5BSUwLCdO1FQcBGaO1kKBQVFzRdpFSN7ZqKgoCS6ZwIFBcUdkNSEp09h2CYoKLYBSU0U0MZ0QUHBAGSHgJyhISg4GdkwH5CgkmAJig1JYMHTqNYuAgsqowqCxdAD8RA2wSawoCaqZ4rAggtTUQStIE4SzEYJMZChakAfIQcPg4eSktYEd0E0P7mGAoMCFCIB6ImDIQwo6oCRZIChLA50mAmK40DxIckipIQSIeCYk1FCT2KsgoJgTzegpgYJiJ9RbTMCC2pgSYtKOtgElbAJaqEK8oAFFVEF2cCC2mh+BUdjAloIeIACFyOwZhxauIEBAI+uOqytKR5UAAAAAElFTkSuQmCC) no-repeat center center / 0.4rem 0.42rem;
  -webkit-animation: fadeIn 0.6s linear forwards 0.3s;
          animation: fadeIn 0.6s linear forwards 0.3s;
}
.color0 {
  background-color: #0061af;
}
.color1 {
  background-color: #0092e8;
}
.color2,
.color3,
.color4 {
  background-color: #0091e7;
}
/**left style*/
.header-nav-float {
  position: fixed;
  top: 0;
  left: 0;
  height: 0.9rem;
  width: 100%;
  z-index: 996;
}
.am-navbar-title {
  font-size: 0.32rem;
  width: 80%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
}
.am-navbar-left {
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
}
.am-navbar-left-content {
  font-size: 0.28rem;
  height: 0.9rem;
}
.am-navbar-left .title_back {
  width: 0.44rem;
  height: 0.9rem;
  line-height: 0.9rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAdBAMAAAA9RaOJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAtUExURUdwTP///////////////////////////////////////////////////////81e3QIAAAAOdFJOUwCmQrjHFCiZNuDxXHewERH8rAAAAMFJREFUKM9jYIAA9QYGVMA0zw1NROvd4wQUAe51796Zoojse/funQeyAA9Q4AmKrnNAETNkgRigwNsAJAHWunfvXpUiKwkHKnmOokTuHZrViUCBdxVKcMDAdg8o8PKyMRwwtICUPCkUhAOGOpDIYkEkEU2QyFpkEY55QJElwkjmgBW93IFkFwOTH9DJoihBoYLuLQYOoKJ3KP4CO2k5A7qiVwcwFK1GEWEDKdqAIpQCdJICuqJJaDGYjKYEaF01nAkApdxuAy9HKigAAAAASUVORK5CYII=) center center no-repeat;
  -webkit-background-size: 0.4rem auto;
          background-size: 0.4rem auto;
}
.am-navbar-right {
  margin-right: 0.3rem;
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
}
.am-navbar-right i {
  margin-left: 0.05rem;
  width: 0.55rem;
  height: 100%;
  display: inline-block;
  -webkit-background-size: 0.5rem auto;
          background-size: 0.5rem auto;
  cursor: pointer;
}
.am-navbar-right .right-icon-text {
  display: inline-block;
  height: 0.9rem;
  line-height: 0.9rem;
  padding-left: 0.4rem;
  background-image: url(../img/gb.46d4014f.png);
  background-position: 0% 45%;
  background-repeat: no-repeat;
  -webkit-background-size: 0.5rem auto;
          background-size: 0.5rem auto;
  font-size: 0.3rem;
}
.am-navbar-right .right-icon-text i {
  width: 0.64rem;
}
.right_content {
  width: 0.44rem;
  height: 0.44rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqBAMAAAAzGARVAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxRDNBN0U5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MjQxRDNBOEU5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNDFEM0E1RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyNDFEM0E2RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IlopWgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURUdwTP///////////////////////////////////////////////w2imYoAAAANdFJOUwCY5Q0aQYNttFbLLtt5l2vzAAABIElEQVQoz2NgQAbsTRoFDGiAuUlJScMATZBRCQgE0ASdQIIqaIJBIEFVcgUthTDN5BSUwLCdO1FQcBGaO1kKBQVFzRdpFSN7ZqKgoCS6ZwIFBcUdkNSEp09h2CYoKLYBSU0U0MZ0QUHBAGSHgJyhISg4GdkwH5CgkmAJig1JYMHTqNYuAgsqowqCxdAD8RA2wSawoCaqZ4rAggtTUQStIE4SzEYJMZChakAfIQcPg4eSktYEd0E0P7mGAoMCFCIB6ImDIQwo6oCRZIChLA50mAmK40DxIckipIQSIeCYk1FCT2KsgoJgTzegpgYJiJ9RbTMCC2pgSYtKOtgElbAJaqEK8oAFFVEF2cCC2mh+BUdjAloIeIACFyOwZhxauIEBAI+uOqytKR5UAAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size: 0.44rem 0.44rem;
          background-size: 0.44rem;
  margin-right: 0.1rem;
}
.navbar-div-margin-bottom {
  margin-bottom: 0rem;
}
.right-icon-home {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqBAMAAAAzGARVAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxRDNBN0U5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MjQxRDNBOEU5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNDFEM0E1RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyNDFEM0E2RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IlopWgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURUdwTP///////////////////////////////////////////////w2imYoAAAANdFJOUwCY5Q0aQYNttFbLLtt5l2vzAAABIElEQVQoz2NgQAbsTRoFDGiAuUlJScMATZBRCQgE0ASdQIIqaIJBIEFVcgUthTDN5BSUwLCdO1FQcBGaO1kKBQVFzRdpFSN7ZqKgoCS6ZwIFBcUdkNSEp09h2CYoKLYBSU0U0MZ0QUHBAGSHgJyhISg4GdkwH5CgkmAJig1JYMHTqNYuAgsqowqCxdAD8RA2wSawoCaqZ4rAggtTUQStIE4SzEYJMZChakAfIQcPg4eSktYEd0E0P7mGAoMCFCIB6ImDIQwo6oCRZIChLA50mAmK40DxIckipIQSIeCYk1FCT2KsgoJgTzegpgYJiJ9RbTMCC2pgSYtKOtgElbAJaqEK8oAFFVEF2cCC2mh+BUdjAloIeIACFyOwZhxauIEBAI+uOqytKR5UAAAAAElFTkSuQmCC) center center no-repeat;
}
.right-icon-other {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqBAMAAAAzGARVAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MjQxRDNBN0U5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MjQxRDNBOEU5OEQxMUU5OUJGMkRCNDY5OUQ0QjVDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNDFEM0E1RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYyNDFEM0E2RTk4RDExRTk5QkYyREI0Njk5RDRCNUNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IlopWgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURUdwTP///////////////////////////////////////////////w2imYoAAAANdFJOUwCY5Q0aQYNttFbLLtt5l2vzAAABIElEQVQoz2NgQAbsTRoFDGiAuUlJScMATZBRCQgE0ASdQIIqaIJBIEFVcgUthTDN5BSUwLCdO1FQcBGaO1kKBQVFzRdpFSN7ZqKgoCS6ZwIFBcUdkNSEp09h2CYoKLYBSU0U0MZ0QUHBAGSHgJyhISg4GdkwH5CgkmAJig1JYMHTqNYuAgsqowqCxdAD8RA2wSawoCaqZ4rAggtTUQStIE4SzEYJMZChakAfIQcPg4eSktYEd0E0P7mGAoMCFCIB6ImDIQwo6oCRZIChLA50mAmK40DxIckipIQSIeCYk1FCT2KsgoJgTzegpgYJiJ9RbTMCC2pgSYtKOtgElbAJaqEK8oAFFVEF2cCC2mh+BUdjAloIeIACFyOwZhxauIEBAI+uOqytKR5UAAAAAElFTkSuQmCC) center center no-repeat;
}

/*do not import this file except components/style/index.less*/
.am-fade-enter,
.am-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-fade-enter.am-fade-enter-active,
.am-fade-appear.am-fade-appear-active {
  -webkit-animation-name: amFadeIn;
          animation-name: amFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.am-fade-leave.am-fade-leave-active {
  -webkit-animation-name: amFadeOut;
          animation-name: amFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.am-slide-up-enter,
.am-slide-up-appear {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.am-slide-up-enter,
.am-slide-up-appear,
.am-slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-slide-up-enter.am-slide-up-enter-active,
.am-slide-up-appear.am-slide-up-appear-active {
  -webkit-animation-name: amSlideUpIn;
          animation-name: amSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.am-slide-up-leave.am-slide-up-leave-active {
  -webkit-animation-name: amSlideUpOut;
          animation-name: amSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes amSlideUpIn {
  0% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes amSlideUpIn {
  0% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
@keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}
.am.am-zoom-enter,
.am.am-zoom-leave {
  display: block;
}
.am-zoom-enter,
.am-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
          animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-zoom-enter.am-zoom-enter-active,
.am-zoom-appear.am-zoom-appear-active {
  -webkit-animation-name: amZoomIn;
          animation-name: amZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.am-zoom-leave.am-zoom-leave-active {
  -webkit-animation-name: amZoomOut;
          animation-name: amZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes amZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes amZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes amZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes amZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.am-slide-down-enter,
.am-slide-down-appear {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.am-slide-down-enter,
.am-slide-down-appear,
.am-slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.am-slide-down-enter.am-slide-down-enter-active,
.am-slide-down-appear.am-slide-down-appear-active {
  -webkit-animation-name: amSlideDownIn;
          animation-name: amSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.am-slide-down-leave.am-slide-down-leave-active {
  -webkit-animation-name: amSlideDownOut;
          animation-name: amSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes amSlideDownIn {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes amSlideDownIn {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes amSlideDownOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}
@keyframes amSlideDownOut {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}
*,
*:before,
*:after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #f5f5f9;
  font-size: 0.28rem;
}
*[contenteditable] {
  -webkit-user-select: auto !important;
}
*:focus {
  outline: none;
}
a {
  background: transparent;
  text-decoration: none;
  outline: none;
}

.am-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.9rem;
  background-color: #108ee9;
  color: #fff;
}
.am-navbar-left,
.am-navbar-title,
.am-navbar-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.am-navbar-left {
  padding-left: 0.3rem;
  font-size: 0.32rem;
}
.am-navbar-left-icon {
  margin-right: 0.1rem;
  display: inherit;
}
.am-navbar-title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.36rem;
  white-space: nowrap;
}
.am-navbar-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 0.32rem;
  margin-right: 0.3rem;
}
.am-navbar-light {
  background-color: #fff;
  color: #108ee9;
}
.am-navbar-light .am-navbar-title {
  color: #000;
}