body {
  font-family: "Lato", sans-serif, "microsoft yahei";
  font-size: 18px;
  color: #2f2f2f;
}

.margin-top-50 {
  margin-top: 50px;
}

.pc-view .margin-top-25 {
  margin-top: 25px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-180 {
  margin-bottom: 180px
}

.width-100 {
  width: 100%;
}

.header-bar {
  background-color: #e8503e;
  padding: 5px;
  color: #FFFFFF;
}

.header-bar a {
  color: #FFFFFF;
  text-decoration: none;
}

.header-bar .header-bar-title {
  padding: 3px 0px 0px 0px;
  font-size: 16px;
}

.pc-view #footer {
  padding: 5px 0px 5px 0px;
  background-color: #263a4e;
  color: #FFFFFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  clear:both;
}

.copyright {
  font-size: 12px;
}

.bs-callout {
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-docs-section > p, .bs-docs-section > ul, .bs-docs-section > ol, .bs-callout > p, .bs-callout > ol, .bs-callout > ul {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1em;
}

.bs-callout-info h4 {
  color: #e8503e;
}

.bs-callout-info {
  border-left-color: #e8503e;
}

/* ANIMATIONS
============================================================================= */
  
/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
  0%     { transform: rotateZ(0deg); }
  20%   { transform: rotateZ(10deg); animation-timing-function: ease-out; }
  40%   { transform: rotateZ(17deg); }
  60%   { transform: rotateZ(16deg); }
  100%   { transform: translateY(100%) rotateZ(17deg); }
}
  
/* slide in from the left */
@keyframes slideOutLeft {
  to     { transform: translateX(-100%); }
}

/* slide in from the right */
@keyframes slideOutRight {
  from     { transform: translateX(-100%); }
}
  
/* rotate out newspaper */
@keyframes rotateOutNewspaper {
  to     { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
  
/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
  from   { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the left */
@keyframes slideInLeft {
  from     { transform: translateX(0); }
  to   { transform:translateX(100%); }
}

/* slide in from the right */
@keyframes slideInRight {
  from   { transform:translateX(100%); }
  to     { transform: translateX(0); }
}
  
/* slide in from the bottom */
@keyframes slideInUp {
  from   { transform:translateY(100%); }
  to     { transform: translateY(0); }
}

.ng-enter       { z-index: 8888; }
.ng-leave       { z-index: 9999; }

/* page specific animations ------------------------ */

/* index -------------------------- */
.page-index.ng-enter         { animation: scaleUp 0.5s both ease-in; }
.page-index.ng-leave         { transform-origin: 0% 0%; animation: scaleUp 0s both ease-out; }

.page-index-form.ng-enter         { animation: scaleUp 0.5s both ease-in; }
.page-index-form.ng-leave         { transform-origin: 0% 0%; animation: scaleUp 0s both ease-out; }

/* from ------------------------ */
.page-form.ng-enter        { animation:scaleUp 0.5s both ease-in; }
.page-form.ng-leave        { transform-origin: 0% 0%; animation: scaleUp 0s both ease-out; }

.page-form-index.ng-enter        { animation:scaleUp 0.5s both ease-in; }
.page-form-index.ng-leave        { transform-origin: 0% 0%; animation: scaleUp 0s both ease-out; }

/* completed ---------------------- */
.page-completed.ng-enter      { animation:scaleUp 0.5s both ease-in; }
.page-completed.ng-leave      { transform-origin: 0% 0%; animation: scaleUp 0s both ease-out; }

/** weui **/
.custom-toast .weui-toast {
  width: 8.6em;
  min-height: 8.6em;
}

.custom-toast .weui-toast__content {
  margin: 15px 5px 5px 5px;
  font-size: 14px;
}