@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none; }

html {
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-size: 0;
  line-height: 1.2;
  color: #333;
  background-color: #f2f2f2;
  font-family: 'PingFang SC','San Francisco','Avenir Next','STHeiti','Helvetica Neue','Helvetica','Microsoft YaHei','Arial','sans-serif'; }

html, body {
  width: 100%;
  height: 100%; }

ul, ol, dl {
  list-style-type: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

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

blockquote, q {
  quotes: none; }

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

del {
  text-decoration: line-through; }

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

a {
  color: #333;
  outline: 0;
  text-decoration: none;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:hover {
  outline: none; }

a.ie6:hover {
  zoom: 1; }

a:focus {
  outline: none; }

a:hover, a:active {
  outline: none; }

:focus {
  outline: none; }

input, button, select, textarea {
  padding: 0;
  margin: 0;
  border: none;
  outline: 0;
  border: 0;
  font-size: 0.14rem;
  line-height: 1.5;
  color: #333;
  background: transparent;
  font-family: inherit;
  -webkit-appearance: none; }

input, select, textarea {
  font-family: 'PingFang SC','San Francisco','Avenir Next','STHeiti','Helvetica Neue','Helvetica','Microsoft YaHei','Arial','sans-serif'; }
  input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999; }

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select, textarea {
  outline: 0;
  border: 0;
  font-family: inherit;
  box-sizing: border-box;
  -webkit-user-select: text;
  user-select: text;
  -webkit-appearance: none;
  /*appearance: none;*/ }

input[type=password] {
  -webkit-text-security: disc; }

i, em, cite, label, small, ins {
  font-style: normal;
  text-decoration: none; }

img {
  vertical-align: middle;
  width: 100%;
  display: block;
  border: 0; }

::-webkit-scrollbar {
  display: none !important; }

.disc {
  -webkit-text-security: disc; }

@media only screen and (max-width: 374px) {
  html {
    font-size: 85.3333px !important; } }
@media only screen and (min-width: 412px) {
  html {
    font-size: 110.4px !important; } }
@media only screen and (min-width: 480px) {
  html {
    font-size: 128px !important; } }
@media only screen and (min-width: 768px) {
  html {
    font-size: 204.8px !important; } }
.bgPrimary {
  background-color: #a9978b; }

.bgMain {
  background-color: #ff8400; }

.bgDefault {
  background-color: #d9d9d9; }

.bgWhite {
  background-color: #fff; }

.bgBody {
  background-color: #f2f2f2; }

.font-primary {
  color: #a9978b !important; }

.font-main {
  color: #ff8400 !important; }

.font-muted {
  color: #f3c186 !important; }

.font-default {
  color: #d9d9d9 !important; }

.font-white {
  color: #fff !important; }

.font-dark {
  color: #333 !important; }

.font-gray {
  color: #666 !important; }

.font-lightGray {
  color: #999 !important; }

.raise {
  color: #ee3f2a !important; }

.reduce {
  color: #00968b !important; }

.bold {
  font-weight: bold !important; }

.normal {
  font-weight: normal !important; }

.lighter {
  font-weight: lighter !important; }

.font10 {
  font-size: 0.1rem !important; }

.font11 {
  font-size: 0.11rem !important; }

.font12 {
  font-size: 0.12rem !important; }

.font13 {
  font-size: 0.13rem !important; }

.font14 {
  font-size: 0.14rem !important; }

.font15 {
  font-size: 0.15rem !important; }

.font16 {
  font-size: 0.16rem !important; }

.font18 {
  font-size: 0.18rem !important; }

.font20 {
  font-size: 0.2rem !important; }

.font22 {
  font-size: 0.22rem !important; }

.font24 {
  font-size: 0.24rem !important; }

.font28 {
  font-size: 0.28rem !important; }

.font33 {
  font-size: 0.33rem !important; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ellipsis2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.ellipsis3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.w38 {
  width: 38% !important; }

.w75 {
  width: 75% !important; }

.w100 {
  width: 100% !important; }

.h100 {
  height: 100% !important; }

.margin0 {
  margin: 0rem !important; }

.margin10 {
  margin: 0.1rem !important; }

.margin15 {
  margin: 0.15rem !important; }

.margin20 {
  margin: 0.2rem !important; }

.marginT0 {
  margin-top: 0rem !important; }

.marginT5 {
  margin-top: 0.05rem !important; }

.marginT10 {
  margin-top: 0.1rem !important; }

.marginT15 {
  margin-top: 0.15rem !important; }

.marginT20 {
  margin-top: 0.2rem !important; }

.marginB0 {
  margin-bottom: 0rem !important; }

.marginB5 {
  margin-bottom: 0.05rem !important; }

.marginB10 {
  margin-bottom: 0.1rem !important; }

.marginB15 {
  margin-bottom: 0.15rem !important; }

.marginB20 {
  margin-bottom: 0.2rem !important; }

.marginL10 {
  margin-left: 0.1rem !important; }

.marginTB0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.marginTB10 {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important; }

.marginTB15 {
  margin-top: 0.15rem !important;
  margin-bottom: 0.15rem !important; }

.marginTB20 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important; }

.marginLR0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.marginLR10 {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important; }

.marginLR15 {
  margin-left: 0.15rem !important;
  margin-right: 0.15rem !important; }

.marginLR20 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important; }

.auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.padding0 {
  padding: 0rem !important; }

.padding10 {
  padding: 0.1rem !important; }

.padding15 {
  padding: 0.15rem !important; }

.padding20 {
  padding: 0.2rem !important; }

.paddingT0 {
  padding-top: 0rem !important; }

.paddingT10 {
  padding-top: 0.1rem !important; }

.paddingT15 {
  padding-top: 0.15rem !important; }

.paddingT20 {
  padding-top: 0.2rem !important; }

.paddingB0 {
  padding-bottom: 0rem !important; }

.paddingB10 {
  padding-bottom: 0.1rem !important; }

.paddingB15 {
  padding-bottom: 0.15rem !important; }

.paddingB20 {
  padding-bottom: 0.2rem !important; }

.paddingL0 {
  padding-left: 0rem !important; }

.paddingL10 {
  padding-left: 0.1rem !important; }

.paddingL15 {
  padding-left: 0.15rem !important; }

.paddingL20 {
  padding-left: 0.2rem !important; }

.paddingR0 {
  padding-right: 0rem !important; }

.paddingR10 {
  padding-right: 0.1rem !important; }

.paddingR15 {
  padding-right: 0.15rem !important; }

.paddingR20 {
  padding-right: 0.2rem !important; }

.paddingR25 {
  padding-right: 0.25rem !important; }

.paddingR30 {
  padding-right: 0.3rem !important; }

.paddingR35 {
  padding-right: 0.35rem !important; }

.paddingR40 {
  padding-right: 0.4rem !important; }

.paddingR45 {
  padding-right: 0.45rem !important; }

.paddingR50 {
  padding-right: 0.5rem !important; }

.paddingTB0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.paddingTB10 {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important; }

.paddingTB15 {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important; }

.paddingTB20 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important; }

.paddingLR0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.paddingLR10 {
  padding-left: 0.1rem !important;
  padding-right: 0.1rem !important; }

.paddingLR15 {
  padding-left: 0.15rem !important;
  padding-right: 0.15rem !important; }

.paddingLR20 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important; }

.hide {
  display: none !important; }

.show, .block {
  display: block !important; }

.inline {
  display: inline !important; }

.inlineblock {
  display: inline-block !important; }

.hidden {
  overflow: hidden; }

.visible {
  overflow: visible; }

.block-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.relative {
  position: relative; }

.absolute {
  position: absolute !important; }

.fixed {
  position: fixed; }

.initial {
  position: initial; }

/*文字对齐*/
.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.text-right {
  text-align: right !important; }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  zoom: 1; }

.align-center {
  display: -webkit-flex;
  display: flex;
  align-items: center; }

.flex {
  display: -webkit-flex;
  display: flex; }

.flex-box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-around {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

.box-left {
  float: left;
  overflow: hidden; }

.box-right {
  position: relative;
  overflow: hidden;
  padding-left: 0.1rem; }

.hr {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: relative; }
  .hr:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5); }

.ht {
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: relative; }
  .ht:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .ht:after {
    bottom: auto;
    top: 0; }

.dashed {
  position: relative; }
  .dashed:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5); }

.line {
  width: 100%;
  height: 0.1rem;
  background: #f2f2f2;
  overflow: hidden; }

.line10 {
  width: 100%;
  height: 0.1rem;
  overflow: hidden; }

.line20 {
  width: 100%;
  height: 0.2rem;
  overflow: hidden; }

.noborder {
  border: none; }
  .noborderbefore, .noborder:after {
    width: 0 !important; }

.blank40 {
  height: 0.4rem;
  width: 100%;
  overflow: hidden; }

.blank50 {
  height: 0.49rem;
  width: 100%;
  overflow: hidden; }

.blank60 {
  height: 0.59rem;
  width: 100%;
  overflow: hidden; }

.icon-add {
  width: 0.22rem;
  height: 0.22rem;
  position: relative;
  display: inline-block; }
  .icon-add:before {
    content: "";
    width: 100%;
    height: 0.015rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .icon-add:after {
    content: "";
    width: 0.015rem;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

.icon-doubledot {
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid #ff8400;
  border-radius: 100%;
  position: relative;
  display: block;
  margin-right: 0.08rem; }
  .icon-doubledot:after {
    content: "";
    width: 0.04rem;
    height: 0.04rem;
    background: #ff8400;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.02rem 0 0 -0.02rem; }

.triangle {
  display: block;
  height: 0;
  width: 0;
  border-left: 0.04rem solid transparent;
  border-right: 0.04rem solid transparent;
  border-top: 0.06rem solid #d9d9d9; }

.selected {
  width: 0.08rem;
  height: 0.15rem;
  border-bottom: 0.015rem solid #ff8400;
  border-right: 0.015rem solid #ff8400;
  position: absolute;
  right: 0.04rem;
  top: 50%;
  margin-top: -0.1rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.dot-red {
  width: 6px;
  height: 6px;
  background-color: #ff9a2e;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 3px;
  left: -5px; }

.dot-green {
  width: 6px;
  height: 6px;
  background-color: #2b7af0;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 3px;
  left: -5px; }

.icon-apostrophe {
  width: 0.22rem;
  display: block;
  text-align: center; }

.icon {
  width: 0.3rem;
  height: 0.3rem;
  background: url(../img/icon.png) no-repeat left top;
  background-size: 1.35rem auto;
  display: inline-block;
  overflow: hidden; }
  .icon.icon-portrait {
    background-position: -1.05rem -1.05rem; }
  .icon.icon-user {
    background-position: 0 -1.4rem; }
  .icon.icon-login {
    background-position: -0.35rem -1.4rem; }
  .icon.icon-phone {
    background-position: -0.7rem -1.4rem; }
  .icon.icon-verify {
    background-position: -1.05rem -1.4rem; }
  .icon.icon-lock {
    background-position: 0 -1.75rem; }
  .icon.icon-lock2 {
    background-position: -0.35rem -1.75rem; }
  .icon.icon-trade1 {
    background-position: -0.7rem -1.75rem; }
  .icon.icon-trade2 {
    background-position: -1.05rem -1.75rem; }
  .icon.icon-ID {
    background-position: 0 -2.1rem; }
  .icon.icon-IDcard {
    background-position: -0.35rem -2.1rem; }
  .icon.icon-IDcard2 {
    background-position: -0.7rem -2.1rem; }
  .icon.icon-bank {
    background-position: -1.05rem -2.1rem; }
  .icon.icon-professional {
    background-position: 0 -2.45rem; }
  .icon.icon-sex {
    background-position: -0.35rem -2.45rem; }
  .icon.icon-user1 {
    background-position: -0.7rem -2.45rem; }
  .icon.icon-user2 {
    background-position: -1.05rem -2.45rem; }
  .icon.icon-Email {
    background-position: 0 -2.8rem; }
  .icon.icon-postcode {
    background-position: -0.35rem -2.8rem; }
  .icon.icon-resident {
    background-position: -0.7rem -2.8rem; }
  .icon.icon-resident2 {
    background-position: -1.05rem -2.8rem; }
  .icon.icon-imgcode {
    background-position: 0 -3.15rem; }
  .icon.icon-consultant {
    background-position: -0.35rem -3.15rem; }
  .icon.icon-address {
    background-position: -0.7rem -3.15rem; }
  .icon.icon-location {
    background-position: -1.05rem -3.15rem; }
  .icon.icon-hands {
    background-position: 0 -3.5rem; }
  .icon.icon-fingerprint {
    background-position: -0.35rem -3.5rem; }
  .icon.icon-face {
    background-position: -0.7rem -3.5rem; }
  .icon.icon-bankCard {
    background-position: -0.7rem -3.85rem; }
  .icon.icon-trade-pay {
    background-position: 0 -1.05rem; }
  .icon.icon-trade-cash {
    background-position: -0.7rem -1.05rem; }
  .icon.icon-trade-bank {
    background-position: -0.35rem -1.05rem; }
  .icon.icon-record-cd {
    background-position: -1.05rem -3.5rem;
    margin: -0.05rem; }
  .icon.icon-investType {
    background-position: 0 -3.85rem;
    display: block;
    margin: 0 auto; }
  .icon.icon-risk-rule {
    background-position: 0 -0.7rem; }
  .icon.icon-risk-classify {
    background-position: -0.35rem -0.7rem; }
  .icon.icon-risk-noun {
    background-position: -0.7rem -0.7rem; }
  .icon.icon-risk-level {
    background-position: -1.05rem -0.7rem; }
  .icon.icon-about-company {
    background-position: 0 0; }
  .icon.icon-about-address {
    background-position: -0.35rem 0; }
  .icon.icon-about-money {
    background-position: -0.70rem 0; }
  .icon.icon-about-companyS {
    background-position: -1.05rem 0; }
  .icon.icon-star {
    background-position: -1.05rem -0.35rem; }
  .icon.icon-introduction {
    background-position: 0 -0.35rem; }
  .icon.icon-grade {
    background-position: -0.35rem -0.35rem; }
  .icon.icon-task {
    background-position: -0.7rem -0.35rem; }

.icon-dot {
  width: 0.06rem;
  height: 0.06rem;
  background: #a9978b;
  display: block;
  border-radius: 100%;
  margin: 0.08rem 0.08rem 0 0;
  float: left; }

.icon-pdf {
  width: 0.19rem;
  height: 0.21rem;
  background: url(../img/icon-pdf.png) no-repeat;
  background-size: contain; }

.icon1 {
  width: 0.4rem;
  height: 0.4rem;
  background: url(../img/icon1.png) no-repeat left top;
  background-size: 2.65rem auto;
  display: inline-block; }
  .icon1.icon-gray-check1 {
    background-position: -0.45rem 0; }
  .icon1.icon-gray-check2 {
    background-position: -0.9rem 0; }
  .icon1.icon-orange-check1 {
    background-position: -1.35rem 0; }
  .icon1.icon-orange-check2 {
    background-position: -1.8rem 0; }
  .icon1.icon-red-check2 {
    background-position: -2.25rem 0; }

.icon-level {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../img/icon-level.png) no-repeat left top;
  background-size: 100% auto;
  display: inline-block; }
  .icon-level.icon-general {
    background-position: 0 0; }
  .icon-level.icon-bronze {
    background-position: 0 -0.25rem; }
  .icon-level.icon-silver {
    background-position: 0 -0.5rem; }
  .icon-level.icon-gold {
    background-position: 0 -0.75rem; }
  .icon-level.icon-platinum {
    background-position: 0 -1rem; }
  .icon-level.icon-diamond {
    background-position: 0 -1.25rem; }
  .icon-level.icon-blackDiamond {
    background-position: 0 -1.5rem; }

.bank-logo-shadow {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: scale(2.5) translate(-10%, 0);
  transform: scale(2.5) translate(-10%, 0);
  opacity: 0.06;
  filter: alpha(opacity=6); }

.bank-logo {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background: url(../img/bank-logo.png) no-repeat;
  background-size: 2rem 1.2rem;
  overflow: hidden;
  margin-left: -0.02rem; }
  .bank-logo.bank-xjb {
    background-position: 0 0; }
  .bank-logo.bank-002 {
    background-position: -0.4rem 0; }
  .bank-logo.bank-003 {
    background-position: -0.8rem 0; }
  .bank-logo.bank-004 {
    background-position: -1.2rem 0; }
  .bank-logo.bank-005 {
    background-position: -1.6rem 0; }
  .bank-logo.bank-006 {
    background-position: 0 -0.4rem; }
  .bank-logo.bank-007 {
    background-position: -0.4rem -0.4rem; }
  .bank-logo.bank-009 {
    background-position: -0.8rem -0.4rem; }
  .bank-logo.bank-010 {
    background-position: -1.2rem -0.4rem; }
  .bank-logo.bank-011 {
    background-position: -1.6rem -0.4rem; }
  .bank-logo.bank-012 {
    background-position: 0 -0.8rem; }
  .bank-logo.bank-015 {
    background-position: -0.4rem -0.8rem; }
  .bank-logo.bank-017 {
    background-position: -0.8rem -0.8rem; }
  .bank-logo.bank-PAB {
    background-position: -1.2rem -0.8rem; }
  .bank-logo.bank-self {
    background-position: -1.6rem -0.8rem; }

.bank-bg-002, .bank-bg-004, .bank-bg-007, .bank-bg-015, .bank-bg-017 {
  background-color: #ff6769; }

.bank-bg-005, .bank-bg-006, .bank-bg-009, .bank-bg-012 {
  background-color: #5593cf; }

.bank-bg-003, .bank-bg-010 {
  background-color: #02aea4; }

.bank-bg-011, .bank-bg-PAB {
  background-color: #f0a84b; }

.bank-bg-self {
  background-color: #a9978b; }

.bank-logo-white {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  background: url(../img/bank-logo-white.png) no-repeat;
  background-size: 2rem 1.2rem;
  overflow: hidden; }
  .bank-logo-white.bank-xjb {
    background-position: 0 0; }
  .bank-logo-white.bank-002 {
    background-position: -0.4rem 0; }
  .bank-logo-white.bank-003 {
    background-position: -0.8rem 0; }
  .bank-logo-white.bank-004 {
    background-position: -1.2rem 0; }
  .bank-logo-white.bank-005 {
    background-position: -1.6rem 0; }
  .bank-logo-white.bank-006 {
    background-position: 0 -0.4rem; }
  .bank-logo-white.bank-007 {
    background-position: -0.4rem -0.4rem; }
  .bank-logo-white.bank-009 {
    background-position: -0.8rem -0.4rem; }
  .bank-logo-white.bank-010 {
    background-position: -1.2rem -0.4rem; }
  .bank-logo-white.bank-011 {
    background-position: -1.6rem -0.4rem; }
  .bank-logo-white.bank-012 {
    background-position: 0 -0.8rem; }
  .bank-logo-white.bank-015 {
    background-position: -0.4rem -0.8rem; }
  .bank-logo-white.bank-017 {
    background-position: -0.8rem -0.8rem; }
  .bank-logo-white.bank-PAB {
    background-position: -1.2rem -0.8rem; }
  .bank-logo-white.bank-self {
    background-position: -1.6rem -0.8rem; }

.bank-logo-gray {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  background: url(../img/bank-logo-gray.png) no-repeat;
  background-size: 2rem 1.2rem;
  overflow: hidden; }
  .bank-logo-gray.bank-xjb {
    background-position: 0 0; }
  .bank-logo-gray.bank-002 {
    background-position: -0.4rem 0; }
  .bank-logo-gray.bank-003 {
    background-position: -0.8rem 0; }
  .bank-logo-gray.bank-004 {
    background-position: -1.2rem 0; }
  .bank-logo-gray.bank-005 {
    background-position: -1.6rem 0; }
  .bank-logo-gray.bank-006 {
    background-position: 0 -0.4rem; }
  .bank-logo-gray.bank-007 {
    background-position: -0.4rem -0.4rem; }
  .bank-logo-gray.bank-009 {
    background-position: -0.8rem -0.4rem; }
  .bank-logo-gray.bank-010 {
    background-position: -1.2rem -0.4rem; }
  .bank-logo-gray.bank-011 {
    background-position: -1.6rem -0.4rem; }
  .bank-logo-gray.bank-012 {
    background-position: 0 -0.8rem; }
  .bank-logo-gray.bank-015 {
    background-position: -0.4rem -0.8rem; }
  .bank-logo-gray.bank-017 {
    background-position: -0.8rem -0.8rem; }
  .bank-logo-gray.bank-PAB {
    background-position: -1.2rem -0.8rem; }
  .bank-logo-gray.bank-self {
    background-position: -1.6rem -0.8rem; }

.icon-10 {
  width: 0.1rem;
  min-width: 0.1rem;
  height: 0.1rem; }

.icon-12 {
  width: 0.12rem;
  min-width: 0.12rem;
  height: 0.12rem; }

.icon-13 {
  width: 0.13rem;
  min-width: 0.13rem;
  height: 0.13rem; }

.icon-14 {
  width: 0.14rem;
  min-width: 0.14rem;
  height: 0.14rem; }

.icon-15 {
  width: 0.15rem;
  min-width: 0.15rem;
  height: 0.15rem; }

.icon-16 {
  width: 0.16rem;
  min-width: 0.16rem;
  height: 0.16rem; }

.icon-18 {
  width: 0.18rem;
  min-width: 0.18rem;
  height: 0.18rem; }

.icon-20 {
  width: 0.2rem;
  min-width: 0.2rem;
  height: 0.2rem; }

.icon-22 {
  width: 0.22rem;
  min-width: 0.22rem;
  height: 0.22rem; }

.icon-24 {
  width: 0.24rem;
  min-width: 0.24rem;
  height: 0.24rem; }

.icon-28 {
  width: 0.28rem;
  min-width: 0.28rem;
  height: 0.28rem; }

.icon-30 {
  width: 0.3rem;
  min-width: 0.3rem;
  height: 0.3rem; }

.Icon {
  position: relative;
  display: inline-block;
  overflow: hidden; }
  .Icon.icon-white {
    fill: white; }
  .Icon.icon-main {
    fill: #ff8400 !important; }
  .Icon.icon-primary {
    fill: #a9978b; }
  .Icon.icon-success {
    fill: #ee3f2a; }
  .Icon.icon-reduce {
    fill: #00968b; }
  .Icon.icon-dark {
    fill: #333; }
  .Icon.icon-gray {
    fill: #666; }
  .Icon.icon-lightGray {
    fill: #999; }
  .Icon.icon-default {
    fill: #d9d9d9; }
  .Icon.icon-lighterGray {
    fill: #b0b0b0; }
  .Icon.icon-brown {
    fill: #bfaca1; }
  .Icon.icon-arrowRight {
    fill: #d9d9d9;
    margin-left: 0.05rem !important;
    margin-right: 0 !important; }
  .Icon.icon-arrow {
    fill: #d9d9d9; }
    .Icon.icon-arrow.icon-arrowUp {
      -webkit-transform: scaleY(-1);
      -moz-transform: scaleY(-1);
      transform: scaleY(-1); }
  .Icon.icon-Service {
    fill: #ff8400;
    width: 0.22rem;
    height: 0.22rem;
    display: block; }
  .Icon.icon-servicePhone {
    fill: #ff8400;
    margin: 0 0 0 0.1rem !important; }
  .Icon.icon-collect {
    fill: #d9d9d9; }
  .Icon.icon-collected {
    fill: #ff8400; }
  .Icon.icon-magnifying {
    fill: #ffa442; }
  .Icon.icon-question2 {
    fill: #dacec3;
    margin: 0 0 0 0.05rem; }
  .Icon.icon-integral {
    fill: #f3c186;
    margin-right: 0.1rem; }
  .Icon.icon-newFund {
    fill: #ee3f2a;
    margin-right: 0.08rem; }
  .Icon.icon-realityUser {
    fill: #ff8400;
    margin-right: 0 !important;
    margin-left: 0.1rem; }

.icon-addPay {
  width: 0.3rem;
  min-width: 0.3rem;
  height: 0.3rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: -webkit-flex;
  display: flex;
  background: -webkit-linear-gradient(#42b9f5, #498ff2);
  background: linear-gradient(#42b9f5, #498ff2);
  position: relative; }
  .icon-addPay .Icon {
    margin: auto; }

.icon-footer-home {
  background: url(../img/icon-footer01.svg) no-repeat;
  background-size: 100%; }

.icon-footer-fund {
  background: url(../img/icon-footer02.svg) no-repeat;
  background-size: 100%; }

.icon-footer-account {
  background: url(../img/icon-footer03.svg) no-repeat;
  background-size: 100%; }

.icon-footer-mine {
  background: url(../img/icon-footer04.svg) no-repeat;
  background-size: 100%; }

.footer-active .icon-footer-home {
  background: url(../img/icon-footer-active01.svg) no-repeat;
  background-size: 100%; }
.footer-active .icon-footer-fund {
  background: url(../img/icon-footer-active02.svg) no-repeat;
  background-size: 100%; }
.footer-active .icon-footer-account {
  background: url(../img/icon-footer-active03.svg) no-repeat;
  background-size: 100%; }
.footer-active .icon-footer-mine {
  background: url(../img/icon-footer-active04.svg) no-repeat;
  background-size: 100%; }

.success, .transit, .failure {
  width: 60px;
  height: 60px;
  display: inline-block; }

.c2 {
  fill: none;
  stroke: #00968b;
  stroke-width: 4px;
  stroke-dasharray: 0,190;
  stroke-dashoffset: -180;
  stroke-linecap: round;
  -webkit-animation: c2Move 0.6s 0.5s ease forwards;
  -moz-animation: c2Move 0.6s 0.5s ease forwards;
  animation: c2Move 0.6s 0.5s ease forwards; }

.p2 {
  fill: none;
  stroke: #00968b;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 38,40;
  stroke-dashoffset: 40;
  -webkit-animation: p2Move 0.5s 1.1s ease forwards;
  -moz-animation: p2Move 0.5s 1.1s ease forwards;
  animation: p2Move 0.5s 1.1s ease forwards; }

.c3 {
  fill: none;
  stroke: #ee3f2a;
  stroke-width: 4px;
  stroke-dasharray: 0,190;
  stroke-dashoffset: -180;
  stroke-linecap: round;
  -webkit-animation: c2Move 0.6s 0.5s ease forwards;
  -moz-animation: c2Move 0.6s 0.5s ease forwards;
  animation: c2Move 0.6s 0.5s ease forwards; }

.p3 {
  fill: none;
  stroke: #ee3f2a;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 38,40;
  stroke-dashoffset: 40;
  -webkit-animation: p2Move 0.5s 1.1s ease forwards;
  -moz-animation: p2Move 0.5s 1.1s ease forwards;
  animation: p2Move 0.5s 1.1s ease forwards; }

.c4 {
  fill: none;
  stroke: #ff8400;
  stroke-width: 4px;
  stroke-dasharray: 0,190;
  stroke-dashoffset: -180;
  stroke-linecap: round;
  -webkit-animation: c2Move 0.6s 0.5s ease forwards;
  -moz-animation: c2Move 0.6s 0.5s ease forwards;
  animation: c2Move 0.6s 0.5s ease forwards; }

.p4 {
  fill: none;
  stroke: #ff8400;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 38,40;
  stroke-dashoffset: 40;
  -webkit-animation: p2Move 0.5s 1.1s ease forwards;
  -moz-animation: p2Move 0.5s 1.1s ease forwards;
  animation: p2Move 0.5s 1.1s ease forwards; }

.dot {
  fill: #ff8400;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  transform-origin: 50% 50%;
  -webkit-animation: scaleMove 0.3s 1.4s ease forwards;
  -moz-animation: scaleMove 0.3s 1.4s ease forwards;
  animation: scaleMove 0.3s 1.4s ease forwards; }

.success2 .c2, .success2 .p2 {
  stroke: #ff8400 !important; }

@-webkit-keyframes c2Move {
  to {
    stroke-dashoffset: 0;
    stroke-dasharray: 146,8,14,8; } }
@keyframes c2Move {
  to {
    stroke-dashoffset: 0;
    stroke-dasharray: 146,8,14,8; } }
@-webkit-keyframes p2Move {
  to {
    stroke-dashoffset: 0; } }
@-webkit-keyframes p2Move {
  to {
    stroke-dashoffset: 0; } }
@keyframes scaleMove {
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }
.icon-list {
  width: 100%;
  min-height: 100%;
  background: #fff; }
  .icon-list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .icon-list ul li {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 25vw;
      height: 25vw;
      border: 1px solid #f2f2f2;
      -webkit-transition: 0.5s ease;
      -moz-transition: 0.5s ease;
      transition: 0.5s ease; }
      .icon-list ul li .Icon {
        fill: #333; }
      .icon-list ul li p {
        font-size: 0.12rem;
        margin-top: 0.1rem; }
      @media only screen and (min-width: 1024px) {
        .icon-list ul li {
          width: 16.66vw;
          height: 16.66vw; } }
      .icon-list ul li:hover {
        background: rgba(255, 132, 0, 0.2);
        border-color: #fff; }
        .icon-list ul li:hover .Icon {
          fill: #ff8400; }
        .icon-list ul li:hover p {
          color: #ff8400; }

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