@charset 'UTF-8';
.red {
  color: #e64565
}
.blue {
  color: #2e70fb
}
.btn {
  line-height: 2.2rem;
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 2.2rem;
  text-align: center;
  color: #fff;
  border-radius: .1rem;
  background: #2e70fb
}
.btn:active {
  color: #fff
}
.btn.disabled {
  opacity: .6
}
.border-btn {
  line-height: 1.3rem;
  display: block;
  width: 4.8rem;
  height: 1.4rem;
  text-align: center;
  color: #2e70fb;
  border: .05rem solid #2e70fb
}
body.appid-13 .btn {
  background: #ee444c
}
body.appid-13 :checked + .ui-checkbox,
body.appid-13 :checked + .ui-checkbox:hover {
  color: #ee444c;
  background-color: #ee444c
}
body.appid-13 :checked + .ui-radio {
  border: 1px solid #ee444c
}
body.appid-13 .ui-radio::before {
  background-color: #ee444c
}
body.appid-36 .btn,
body.appid-41 .btn {
  background: #ff648b
}
body.appid-36 :checked + .ui-checkbox,
body.appid-36 :checked + .ui-checkbox:hover,
body.appid-41 :checked + .ui-checkbox,
body.appid-41 :checked + .ui-checkbox:hover {
  color: #ff648b;
  background-color: #ff648b
}
body.appid-36 :checked + .ui-radio,
body.appid-41 :checked + .ui-radio {
  border: 1px solid #ff648b
}
body.appid-36 .ui-radio::before,
body.appid-41 .ui-radio::before {
  background-color: #ff648b
}
body.appid-43 .btn {
  background: #6ad143
}
body.appid-43 :checked + .ui-checkbox,
body.appid-43 :checked + .ui-checkbox:hover {
  color: #6ad143;
  background-color: #6ad143
}
body.appid-43 :checked + .ui-radio {
  border: 1px solid #6ad143
}
body.appid-43 .ui-radio::before {
  background-color: #6ad143
}
body.appid-46 .btn {
  color: #333;
  background: #ffd816
}
body.appid-46 :checked + .ui-checkbox,
body.appid-46 :checked + .ui-checkbox:hover {
  color: #ffd816;
  background-color: #ffd816
}
body.appid-46 :checked + .ui-radio {
  border: 1px solid #ffd816
}
body.appid-46 .ui-radio::before {
  background-color: #ffd816
}
body.appid-1450000221 .btn {
  background: #3099ff
}
body.appid-1450000221 :checked + .ui-checkbox,
body.appid-1450000221 :checked + .ui-checkbox:hover {
  color: #3099ff;
  background-color: #3099ff
}
body.appid-1450000221 :checked + .ui-radio {
  border: 1px solid #3099ff
}
body.appid-1450000221 .ui-radio::before {
  background-color: #3099ff
}
body.appid-34 .btn {
  background: #4189e8
}
body.appid-34 :checked + .ui-checkbox,
body.appid-34 :checked + .ui-checkbox:hover {
  color: #4189e8;
  background-color: #4189e8
}
body.appid-34 :checked + .ui-radio {
  border: 1px solid #4189e8
}
body.appid-34 .ui-radio::before {
  background-color: #4189e8
}
body.appid-53 .btn {
  background: #58c2f5
}
body.appid-53 :checked + .ui-checkbox,
body.appid-53 :checked + .ui-checkbox:hover {
  color: #58c2f5;
  background-color: #58c2f5
}
body.appid-53 :checked + .ui-radio {
  border: 1px solid #58c2f5
}
body.appid-53 .ui-radio::before {
  background-color: #58c2f5
}
.loading {
  text-indent: -9999em
}
.loading .load {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin: -.6rem 0 0 -.6rem;
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  text-indent: 9999em;
  border-top: .15rem solid #fff;
  border-right: .15rem solid #fff;
  border-bottom: .15rem solid #fff;
  border-left: .15rem solid transparent;
  border-radius: 50%
}
.loading .load:after {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%
}
.ui-radio {
  margin-right: .5rem
}
.page-box {
  font-size: 0;
  padding: 1.6rem 0;
  text-align: center
}
.page-box a {
  font-size: .7rem;
  line-height: 1.6rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;
  text-align: center;
  vertical-align: middle;
  color: var(--unSelectBtnText)
}
.page-box a:first-child {
  margin-left: 0
}
.page-box a.next,
.page-box a.prev {
  width: auto!important;
  color: var(--text)
}
.page-box a.next.disabled,
.page-box a.prev.disabled {
  color: #999
}
.page-box a.prev {
  margin-right: 1.2rem
}
.page-box a.act {
  color: var(--btnText);
  border-radius: 100%;
  background: var(--btnBg)
}
.error-wrap {
  padding: 5rem 0;
  text-align: center
}
.error-wrap img {
  width: 5.5rem;
  height: 5.5rem;
  margin-bottom: .8rem
}
.error-wrap p {
  margin-bottom: .6rem;
  color: #a3abb8
}
.error-wrap a {
  line-height: 1.3rem;
  display: inline-block;
  width: 3.8rem;
  height: 1.3rem;
  color: #3b3f47;
  border: .05rem solid #3b3f47;
  border-radius: .2rem
}
.common-table thead {
  line-height: 1.6rem;
  height: 1.6rem;
  background: #fafcff
}
.common-table thead th {
  font-weight: 400
}
.common-table tbody td {
  line-height: 2.6rem;
  height: 2.6rem;
  border-bottom: .05rem solid #eee
}
.mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #abb3bb;
  background: rgba(0,0,0,.7)
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@media (max-width:320px) {
  .flow-wrap li img {
    width: 15rem!important
  }
}