.kefu {
    width: 80px;
    height: 80px;
    position: fixed;
    z-index: 10;
    right: 13px;
    bottom: 50px;
    transition: all 1s;
    opacity: 1;
    transform: translateX(0);
    z-index: 80
}

.kefu img {
    width: 100%;
    height: 100%
}

.kefu.kefu_hide {
    transform: translateX(70%);
    opacity: .5
}

body,html {
    width: 100%
}

body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 0;
    height: 0
}

body {
    margin: 0
}

#app {
    min-height: 100%;
    height: auto;
    width: 100%;
    max-width: 375px;
    background-color: #fafafa
}

#app .footer {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    flex: 0 0 48px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    width: 100%;
    bottom: 0;
    height: 60px;
    z-index: 4
}

#app .footer .footer_item {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    color: #999;
    width: 25%
}

#app .footer .footer_item .footer_icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin-bottom: 6px
}

#app .footer .footer_item .footer_icon.footer_icon_home {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADDUlEQVRoQ+2YP2jUUBzHf7+Xm3RQO7h2FBFdxEUt6CQiCP7hBnFw6L2XpIf0pB2qg3XQDi22yDXJe9fBQRwO/4Ag4qRQdZEuiohjV4eqg06X95NAC8cjuSaXBKnkxsvvz/fz+ya/3D2EHf7BHa4fKoB/7WCpDiilzkaAnPNXZYGWArC8vHzQsqxFRDwTCSei12EYtiYmJr4WDVI4QBAEFxlj94lotF8sIq5rrW/Ytv2sSIhCAaSUNwHg7jYCbwkh7hUFUQiAlHIPALQB4GpKYY8AoCmE+JUyPjEsN4BS6jgRPQCAo0aXPwAws/ndHADsMq6vIeJ1zvmHPBC5AHzfbzDGlmLEfY7ECyFeRuKklOcAIII4bEJqrScdx+kMCzE0gJRyEQAmzcaI+LzX6824rvut/5rneQdqtdocEV2IEbskhGgNA5EZoN1uj9ZqNbm1Io1Ns8A5nx4kRCk1T0RTZky0anu9nmg2m+tZQDIBbL6YfHNFAsBPIpqxbTtI0zwIAhsRo1tqr7lqAcDJ8uJLDaCUmiKi+RiBa4yxVqPRWE0jfium0+mMaa2j29B8+AERpznnC2nqbQvQ7XatjY2NFUS8FmN7V2ttu677I00zM8bzvH2MsQAR6zG1H46MjIzX6/VwUO2BAJ7nHbEsawUAjplFtNZ3HMeZHUa4meP7/ixj7HZMrY9hGI67rvspqU8igFLqPAA8JqLdRvJ3RHQ550+LEL9VQyl1iYg8ANhvPBe/AeAK5/xFXL9BAO+I6ER/EhGtaq0b5oosCiRatYyxDiKOGRDvOecnMwFIKclI8IUQblFiB9WRUkZOOP0xQojYYSc6YAIkFSgLKG3/CqByIGEC1S2UdgL/7S2UdwBp80vbQmkFJDmYNr8CyDvBvPmVA3knmDe/ciDvBPPmVw7knWDe/MqBvBPMm5/agbJ+tKWtm/svZdpGZcVlBlBKvSGiU2UJylIXEd9yzk9nOpWIDpssy7pMRIeyNCs6FhG/hGH4JOkQbdujxaIFFV2vAih6olnrVQ5knVjR8Tvegb868b1AAmDQaAAAAABJRU5ErkJggg==)
}

#app .footer .footer_item .footer_icon.footer_icon_invest {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABFRJREFUeF7tm01S2zAUgN/zwlmWnqBwgsIJGk4AnKCwQWbVcoK2JyCssNjADYATNJyA9ASQEzRZwiKv8zoyYxzbkq0nYyZoJgMzsRS9T+9PTzLCijdccfnhHcC7BnRA4Pz8fHOxWHwBgE0AWOcPIvLf50ZEDwCQfSZRFN0eHh5OQk8vmAmkabqDiPsAMASAtZaCzABgTESXSZLctByjtpsogIuLi7Wnp6dvAPDdQ+iqCTOMURzHpwcHB/y/SBMBEFjwoqCiILwBaK13ieikaNMiy1MzCPsMRDxWSl37/JYXAK31iVF3nzn49h0ppY7bDtIKgFH538art/1tyX6TOI632/iGxgBMSLvqWuVttNgkoijaaxo6GwFg4YmIV75tWLPJ4fv9DBG3m0BwBsBq//j4eNe3lS8SY00YDAZbrubgDEBrfdcjm7dpykQptWV7iL93ApCm6QgROcF5M42ITpMk4YTMLxPkOA8AV7aBevr9ni1PqNWAt2L3VfBd/EEtAK31TwD40dPVdZ3WL6UUy1HaKgGYZOe+xyHPFcAsjuONqqhQCSD06hPRHyJi/wKIeI2In10lavFcpRbUAfgbavVZ+MFgMMxWxfiacUAIM6XUxzJwpQBCev6i8NmkOoBQGhFKAaRpyiq500LVartUCd8FBCK6SZLkv8nlW5UGiKu/TfgOIJSawRIAs+HhtFesuQofGgIibhU3SksApL1/U+EDQ+AK0qjWBLTWlwDwVWL52wofCkLZ/qBMA8YAwDV8r+YrfCAIt0opLtM/tyUAaZre++75pYSXhsB7gyRJNmwmQD5LLy28NASl1ItFLzMBLwCLxWLj6OiIj7jE29nZ2XoURbw/ad2CAygLNa1nW+goEaKDAwCAxoVJF0BSBVkXAKy+n1wmVfOMKAQp4QFgqpR6cSodLAxKaYKg8Lxe9jAomQj5QhAWHlwTIa6k8pmfVGtlDtLCG2HsqbCEpy0h1whCIOG58mTfDPHktdZ8Bv9BSgXMOE4QQgkPAHOl1NKRXqcFEZtPCCg823+jgkjIw5BSTQgpvNFA95JYQDPIrOoFhA6EL1V/nsyrlcUzc+BJdHDk3rwsbg5GOCuUdobCvtU63DyO4/XGByPGDFb3aIwBGC3g25q+ewPrMgV6YBrH8WbdZQnr/YCQhySBhM4P63c8no200hckchAmAc/uRJWBy3JJkvDFbGuzmkA2whvyB1a7z1NxBsCdTMLCZfO+hsY5Ig6DXJPLqBkIfD+3b5Fhioi7TYSvzQTrjKeDo2yr7eYf8CnFNzKB4qz6EB1cr8NVEfUCYLJF3jnygWPXJjHlm+q2a3A2VfIGkMsYuZTGn9AOcm7eHBm5XoetgyACoBAqQ4EQFTybsyiAPGnzJsk+hyUPrZgTEV+euvRV9WA+wGZjufxhSET8ulz26lzRZ7BNPxARZ5z8Osy4aUhzmUvxmWAa0GYyr9HnHcBrUO/Tb668BvwDj+OgXzRzYTIAAAAASUVORK5CYII=)
}

#app .footer .footer_item .footer_icon.footer_icon_team {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFC0lEQVRoQ+1Ya2hcVRD+5maTKAgWqtAWKfVVtFWq+KriowWNWosvsCjBaCW5c3f3V0HR9o/xj0aU+iAxdy6EtVqpKKhFaiEWqhal0galkhC1ghDqqyKCf8xm746cZbdsNvexe3fTUMn5t3tmvvm+85gzcwln+KAznD8WBSz0Di7uwP9yBwYHB5emUqnrAKwioiVE9HOhUJjIZDLHWi24pUdIRGwAjwO4MYToCVXdS0Q7mfmnVohpiYDh4eENlmW9DOCaOkmdVNWnHcfJ1Wkfata0AM/zblLVL5MQUdUux3E+TeJb8WlKgOu6m4hoXzMEVHWt4zgTSTESCxCR5UR0VFVXJA1e9htj5muTYjQj4FkA/UkD1/gxM3tJsJoR8COAS5IEDfA5wszXJ8GqW0Aulzsrn8+vYuZJz/OuUtVvkgQM8ykWixvT6fRnBtu27W/rxY4VICLtAHYQkcnx59q2fY7neQ+r6p56g9Rp18/Mz4mIAhgDcIiZt8X5RgrI5XLLZmZmRlR1UxmotNUi8gyAF+LAG5yvCDAP3EVl3/eZeUsUTqgAETkPwAEA66oAJpn5ctd1HSIabpBgnPl2Zh4QkUMAbq4yjhQRKsDzvCdUdaQm6r/MfLbruncR0f44Ro3ME9Ejtm2/63neH6p6frUvEfXYtv12EF7UDnwVVNMQ0dX5fH6qvb39z0YIxtn6vr8ulUpZIclhlJnvbFSAuUxBYxszvyoigQLjiIbMn2DmC0SEAbhBNswcuNhROxAmoPRylitPSUh4lpuqvuE4TlZEPgFw93wLMPill1NEjjZQgYZpPWmOKhGtV9XdYUZJduA9AA+FAP5jWdalvu8vJSJjt7aJnagcycMAbgjBOcbM1dnwlFlUFrrXNB8RxEqgruuuaUJEJfdHLRaI6Cnbtk2/MWdEPmQiEgmsqlOO46xMIGLS9/2tmUzmsIh8D2B11EJZltXV19f3e8MCjEOciPKFoHJXdrDOo1Raec/zDqrqhgifUcuyesLIG7/YWqgsIiwjmen+6enpgc7OTtOwR61kNc9xcyxU1VSgYSX5ODNfEbcgsQJExBRUOwOAPCLapap3JO0LiGgPEe0uFou3ADD1VfX4m4jusW3bvDehI1SAOdeWZb2oqptrvI9YlpUuFovm/1Y1NAbnY3NiAdR2Z56qvhbWdgYKiLiUox0dHY/l83nzYraKfGV9DJ7pyt4CcHvNoo2r6pYgEXMEiMjFAEz6rM3tHwEwpe2OeSBfLeJ5ACb73V8rAsB9td+T5ghwXfcDInog4DxuVNU1AN6Ju1hNzncT0YSqmoy2pBpLVT90HOfB6v9mCRCRsEbdXGTzEcrU6lc2STDO/TsA5lJvBfBKgHEpBVf+nyUgJC/vY+bNImI6sNpMEUcm6fwAM28PKe6+Zub1cwSY7zwAfgmI2O37/lhbW9tkUjZJ/HzfvyyVSnWp6uu1/oVCYWU2m50y/5/agfLlPV5rbKpAz/OeVNWXkhBJ6lOpf8pNfi3MCmb+dZYA80NEeomou2Ktqj+YullEPgdwa1IyCf2+YObbRGSEiCpNPnzf35VOp98MvANBgYaGhpalUqmS2tM9CoXC8mw2+1tU3NhSYiEFqOpqx3HMF8DQESugfLTM6/joad6BA8xs6qzIUZcAg+C6bg8RXRgH2Ip5IjpuWdb+3t7ev+Lw6hYQB7RQ84sCFmrl606jC00wLv7iEYpbofme/w9UA/hAcOO8dAAAAABJRU5ErkJggg==)
}

#app .footer .footer_item .footer_icon.footer_icon_user {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEsklEQVRoQ+1ZW4wkYxQ+56/u9AsvZNdtg/EiLskSdpFYIcQGkbDCYncWM1P/qZ7JDgkvLmGJywvJGpnp/qtmxv0yxJKInawQwiaYIUhc4sUgu67hhZdOd/1HSro6f3d6VP1VRTIx9dZd53zf+c5/O+cvhBX+4AqPHwoVMDk5eQginl4qlU5j5rMB4Nx2gvYj4getVutTZv5kbGzsz6ISV5gApdStAHALAKxLCO4AAOwmokeKEJFbQBAEA1rrOQDYYBnQohBiq+u6S5Z+Xea5BNRqtV1CiHvyBKC1vrdare7KipFZwMTExJpKpfJLH+Jovj8fhuGXlUrli+h9o9E4xXGck5n5OmNddFwbjcba8fHxX7OIyCxAKfUCAGw1SRHxUSlltA6WfXzf383MN/cYzBHRtf+ZgHq9vh0RnzYJicgqGUopNv2ZedDzvGdsRViRRuAzMzOHtlqtzwBgICZDxO1SymdtyH3f38bMZsBLpVJp/fDw8B82ONYC6vX6hYj4pkEyT0SX2pDGtkqpvQBwSfybmS/yPO8tG6wsAm5HxAeN7I9LKR+zIY1tfd/fycwThoA7PM97yAbLWoDv+3uY+UqDZDMRvWFDaozAxQCwz0jGK1LKLTZY1gKUUtFJekxMIoQ40nXdn21IY9sgCI7QWv9k+B4koqSTvIsqi4DvAODYGKVcLq8dGhrKtIfPzs6uaTab5lnyPREdZ5OMLAKi3eb6mERrfUG1Wn3HhjS2rdVq5wsh3jZ8nyOibTZY1gJ6Fx4ijkkpp2xIjUU8ysyTeTYEawFTU1ObHMd51wh4PxFtyiJAKfWeWVqEYXje6Oho9F/qx1pAVPOXSqWvzLI5TQnRG1GfkuJAq9U6ybZXsBYQBdKu/R82g8pbSgDAbVl6hEwC2iIWenuANCVFnxIiglskoo2p541hmFlAu5H5pg/pPCLOM/PXQoioZgKt9XpEPJGZo7KhUzoYZ8kJWRubzAIi8hXd0MTZazc2US3U1RukmA5zjUZjZ9ZGprP1piBKZdLuEe4zy+xlHJeY+e4stX8/vFxTqBcw6hWazWa0GDcKITYw898LExEXtNaLALBQLpcXbGv+f8pgoQJSDVXBRqsCCk6oNdz/dwSUUlcw86nRXSgAnGU2OSnTeBAAPozuShHxcyJ6NaVfl5n1CARBsC4Mw2lE3JyFcDkfZt7nOM6I67pRx5f6sRIQBMEOrfWTqdEzGAohbnBd96m0rqkF9LlOScthbWdzvZJKwPT09GFhGP7WJ5Lodu41IcT7tkMfTUWt9TkAcDkADPZiO45z+MjIyO9J6lMJ8H3/cWa+sQfsGiJ6KYkgzXul1NUA8KJpi4hPSClvSvJPFFCv17cg4ssmkBDiTNd1P04Ct3kfBMEZWuuPTB9mvsrzvD25Sgml1P0AcKcB4hMR2QSX1lYppQBAGvYPENFduQT4vv86M3fuPhFxh5Sy62Y6bYBJdr7vDzJzZwdCxL1SystyCVBK/QAAR8UgWuuBarX6bVIwWd7XarXjhRDmJ6cfiejovAK67vFtm3dbIb3fDZL4EhexLaBtwL32tnyrAvJm/F8fgaIDLBovcQoVTVg03qqAojNqi/cXyMTcQD7hZCEAAAAASUVORK5CYII=)
}

#app .footer .footer_item .footer_info {
    font-size: 12px
}

#app .footer .footer_item.footer_item_active {
    color: #3775f4
}

#app .footer .footer_item.footer_item_active .footer_icon.footer_icon_home {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACV0lEQVRoQ+2Yv2sTYRjHv89Vl95F8R+wXUVwKfbO6qCTdHEQu4iDQ0UEkdbkEtCli0JySVukIGIHB3GpOLhIJx203lW6COJq/AdEk+uivUd0EBqTu/e9vG9C4M36Pj++n+f75rnjCCP+oxHXDwMwbAe1OuAV49k/gGHDfqULVAuAV24d44RWQDj/VzhjkyxeDGuFz6pBlAN4xdZFtqxlgCf2i6UmJcntsFF4oRJCKcC0H98h8L00gQy6ux3Y91VBKAGYqvDhA0m8BuCKoLCnvyz75k6VvgvG9wzrG+BUZXcmSZIHAKYkxexYlnXrfXV8SzJvX3hfAF7pxzUmaxXAeE4Ru8TJQlg/9Dhnfv4HmVtur4CxkLdxxxhXo5qzmKeWtAMzxW8Te3Tw0b8VmadrtxzG5hj/vL7VONKUKSkF4FXiWU7w8P8VKdMyLZaaZOFGWBV/8AkDuH67BCBQJTWjjh8FTl2kVybA3ByPfZ2M1wFcFSmoMObJ0S/2/MYG7aV6lnboltonGFgnwkmFwoRLMeMDAfNR3fnYK6mnA145vsCMZwDbwh21BFJMhMthzX7ZrXxPANeP3wJ8Wosm6aL0LgrsM5IAbZbuozEhCpyuw05xwAAo9cM4oHScOYoZB3IMTWnKwB3obOj6/W01AyB7H4wDHRMzV8hcIbOFBvw2araQ2UKK/3Qj9yohu3az4gf+IMsSJHueB+A1gLOyjTTFv4kC55zUV4npUmuJiC4BOK5JlGjZT8z8fLteWJICEK0+7LjMb6PDFpjV3wBkTUj3uXFA94Sz6v8G858LQLN7ZW0AAAAASUVORK5CYII=)
}

#app .footer .footer_item.footer_item_active .footer_icon.footer_icon_invest {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABKJJREFUeF7tm01yGkcUx/9vJDuVMFScE0Q6QdDCkF3wCSyfIL6BUdWQyi7OLhWoMr6BbhD5BMa7gBfGJzA6QZRiSMoIzUu9gUmhgZnunumWUKGuYkXP8P6/fh/9BWHHG+24ftwDuPeAGyDwuB3WPOAHADUwDkA4AOLPahuDMQZhDGAUAe/ed/yRa/OchUAjmD5lip6D0SSiR0WEMPMFCH1i73TQrbwp8g7VM1YB1Fr86OH+Py+AqFVUdJbBMQx4vdn8q9ejHl2ohOl+bwWAS+FpIbZBlAZQ/2l6TMyvNsS07iAU7TdmopPh75Wzoi+Q50oBeByErzxCq4wBZZ+NGL33Xf+k6HsKAYhd/sH0LUlW34LGwGh2WXlSJDcYA1iWtD9uweVVqMcR8My0dBoBEPHE/NZ2hlcp0/1eEiQTPTGBoA1A3P6LB9MPWzjyaT7jz5eVI91w0AZQb4cftiXmVR4hOWHY8Y9U/bSrQKMd9gC80HnhFvV5Pej4ygql9IBlnZekd+caEz1TzRNyAdyhuM8aHGU+yAVQDyYvieiXOzf0KwYz86/DbvVlloZMAIv5ffhpW0ue7qBIaZzN/cOsqpAJwPXoM+Ojt793LEKi+dUZEb7TFWXaL88L8gD85Wr0RfxsXmkmo7LwtmnfFQTxgmG3+s0mcBsBuMz8afGJUc4hZFSEjQAaweQMRE9NXU3VP0v8jUBgfjPoVuOQW22bPSCYWHd/lXjXELLCYA3AcrUnc35rTVe8awgRcJReKK0BsJ39TcU7hcA4GXR9mdb/3zYACE+J8KON4S8q3iGEtfXBOoD2pE8g2cMv1cqKdwGBwe+GnWoz1wMa7fBT2TW/LfEOIIwHHf9QBYDLDL1t8bYhDDr+Na9fC4FGOywFgPb2Dv/87Us53rLevv/53wO+uhIPLdycA9hUagpbm3rQRol2DqDIxqQOIFsbsmoAQSgntN/qGJXVxzYEW+LBOB90/Wun0g7LoPkW9Sag1sQD0CqD9cDmRKgcBJvil3DVE6FGELZAkMNOK61oODgQLy6gngrbyLRpcqYQnIiXnSedxZAYX29PLgj0tRUXWL5EF4Ir8Qz+e9iprt1UueENkfyc4Ep8PAZGGyKLSw9ODkOyPMGpeNFvsiXmKgySkEpDcC4+w/3FnlvcFl+EQ2yE4yP3Qtvii1sg4dh2MrSZWHXeJclvdukfGB+MxGGwy0djAiA+HN2fjsquDXRGykkfxvnneaWWd1ni/nhch/xOX5BIANWDcOTq7E5nEEz6yLbcsOtrXeFThkDyw3cmH2jE/SpMbQDyUDxhAcu2udV1gsno5vWVksegppNrcskPx6tFxtnWVQbGeUQ4NhGfOxPMI+36KNvUI8psxRuFQNqwLakOWtfhsqCWAhDPFmXlGHHvxkOCcc4etVTX4FTeVBpAMmN8uB9vpbVcJ0hJdGD0ZnO/p3sdNg+CFQCrpdIVCNvCE5utAlglvQiN6DkTmkW9QkQTo8+ed1rW1Z3lAFWMJfMHj9GUv8sxuEZM8te564cvEtPEsvweyd/nIkLftKTp2JLu48wDihhzG8/cA7gN6tv0mzvvAf8BcrrYX02cOrYAAAAASUVORK5CYII=)
}

#app .footer .footer_item.footer_item_active .footer_icon.footer_icon_team {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFZUlEQVRoQ+2Ya2wUVRTH/2c6W7B725KgiRBD8EUUNGhqdxYjWhJBReIrkWiIKMZQjZ8adgrli/VLLb0LqB98NCEIYjCQqMQgCZL4IJa9LI0GA6kCiQnBdwh2Z4mlu3PMbFvoPmZnd3ahwXS+7d7z+P/uvXPuuUO4yh+6yvVjEmCiV3ByBf6XKxDqGJzOKa2ZiGcT8zQw/QLQcRUVR6sNXNUtZJjJ1YD9AkALCgplnAF4Tw0FNvXJqaeqAVMVgHAk0cJEUQBNpYhi4C8irFU9Ymsp9sVsKgZoXjt4r2Zr3/kSYmOJ2ii+9OU76lQRgGEmlwK8txIBsAPz1MYpx/3G8A3QtD45Qx/GEYBn+k0+6tevpLjHbwzfAKFI8jUi7vSbONuPWpUM9vqJ5RvAiCROgOgWP0lzfQgUj8lgyE+skgFaOnnqUCIx+9DGhoFm07pLA773k9DNh5gXxaL1Xzux41L8UGpsT4Cm1RyoaTi/ngirATQqGRRGJPEMiHaWmqQUO2bqPBwNvm6YFgPoB+Gg6hFtXr5FAZpN63oNtAXgpU4gAuIxKUKGObgO0N7wCl7O+CWAxCmAbhrJR7tjMrjc1znQtGbwWp20AyDMHxdgQElxe6g98TIxvVuOQG9bu0PJhm6jPXkQzPeN2XtBuK6AYSZfBHhLTuJ/lRTXNJvWwxqwz1tUGRbMz6po/cfhdutPZlyX5UlYqXrEh4WiFQPoAzivp7GBu0m3T1NK+7sMed6mjPk2QXMpDvuVFA+VCZB5mfIfRpuKijcNM9Hn2rR5y822YJxRUXFDKJJoJaL3CrkrKQpOdpEVcAEAMifnSOfJ75ertfCk8DsqWv+q0W59AcYjlxvAqQ+Zk9MwrSOldqBuoE5nqkNfYFMqzIwdbnZlr0DYTO5i8NMuARMI4FYMBaZDG94FYJ7vlbi4JZMxgA2XOEeVFOOr4UUz1y0Ubk8+xsx7igjLBDXWDM31CzFW+z0my5FgKimc+0beU/Qg8wzMOK2iYpYPiAFQepXqaYwZkcRPIJpTbKIQwBLVJf4oG8Bx8IQA4OzP0VvZV6VspXFtg2PfUsRnPwJY6Sbe8fPshRyj0f7EpYBQ5/Shuu6zU6yjHjM53v8YaWTaaYSKtOTHlBR3eE2IJ0DItNoI2FTgQOi1tZptlObFFdwLdkJP70CqZiGAdTk5ztma/Wh8Q0NfMQj3c2DN0FzSUhsYvGx8AGbEiekVJiyrQHiWJmdLaTT8OUN3zpWc2xn3wq59y+3aWRCgyEu53waeJ6bWaokfI3Eg0rXo1Yd5O4AHc2b9GOzA8kIQeQBN5rmbdehO+cyp7fRZ6p+65SN3g2pdJbNlZiAG67r0xvO7AH4iFyKF1OP9clrW96Q8gJCZ+IRAT+btR2ARMeYS4SOvF6uScWasYMJxDXAq1LSs7Qv+9LCsf2r8f1kArhd1Rluq5sJW3a49CODOSgSW4PtjSruwUE/XrgJhc679WAke+z8LwDCt/LpM2Kt6xDLDtJwbWG6lKEGPL5NuJUVH4eaOlJLBcB7AyHce/jWfGCtsze6vYW3AlxSfTmmyb9NZX8Kw384NYae1WfFNdaezDrLRl/dkrrFzyhqmFQEgfWrx65bpfwodoqkAzezvCv6WBeD8CJvJlxi84lJG/lnJ+laj3foGjPv9KvHlR/hW9YgHDNNyrrWZS/6IYHtbTDZ8UPAdKJRo5MsEMrRX+rGBGXEpfi+W17OVmEgAQJ+j5NQTFQE4zkbE2g7Cc1d4BQ4oKRZ75fRcgbEAIdNaCaYbvQJWY1zT+CQNp/cd2tx41iteyQBegSZqfBJgoma+5DI60QK98k9uIa8Zutzj/wGMYxpPJGLwLQAAAABJRU5ErkJggg==)
}

#app .footer .footer_item.footer_item_active .footer_icon.footer_icon_user {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADfElEQVRoQ+2YS2gTURSG/zMNgslEQVHwgVJ3gqBddCbiA0FB0I2PRcW34FZRzASqolHUQiai6FbwLXZhdaMgKIgPzEwXVRDcWZSqoChoJhFKOkdGW9DSZu69M0GKne385/znO/fe5J4hjPGHxnj9iBVgRZ71aqXcoiGxCPAzAJYONugpoJV81F4kU+meR3ny4mpcbABmzjsAxj4As0OK6wPhrFPQT8cBERnAyP5o1migk4FWmYII6Pa5qc0tTuyViRuujQRgZMt5IjoapQBmPuYW03nVHMoALe3laRNq9EnV+M+4/gRP7+lIf1bJpQxgWt5NAG0qpiPEdDq2vkkllxKAmfW2gnBVxXDUGMY2p6hfk80pDbAkx+kaV18C3CxrVl9PvQlKLnxWoLJMXmmA1py3UmM8kDER1fqEVd0F/aGoPtBJA5hZrx2EUzImwlrGQaeodwjrVQAyVqWLwetlTES1BLpdslMbRPVqK2B5fQBmyZhIaN87th72T/5XOuktlLG8twzMkShKWErAu5KtzxUOUNtC3nUGNsuYiGoJuFGy9S2ieqUtlLGqexj+ORkTUS1B21uyk+dF9UoAhvV9GUF7LGMiqmX4y1170hNRvRJAcOf/Uam8Frg2y9QRaPsmplLzZWcF6UMcOA3e/YuyFdbVE7IqM4ISQFBIxvJc2RlgNIBgNijZuqHSEGWAYJAhGnijYjo8hrlpnupgowwQFDGmB5qhLg4ONsFPn+xs0Nmf4D2qg8yQf6QV+HMr/J4R6Hj4NZt6wXxE5e4/0naNDSBIHswK/agYmg+DiFoZ/OtgEshl5m5fgzsBKVf2zl/vnMUKEMeBls0xDiDbsbj1/+8KGLnKOo2xgBktAJsgySGH8R4ghwg9PuGVW0jdUVkd6RUwc9XZ8P0LIKxWMRw1hnEfmrbbKSSDiU/4kQIwLG87AZeFsysIGdjh2voV0VBhgEZ+ThlerMznFSGAxfu/TfETTV9EuxKHTqsNTH1+ZvLXsFxCAKblXQSwMyxZzO8vOba+KyxnKEAmV93A7N8KS9SI90TaxlIh2RXpKmFkyyeI6FAjCgzLycwn3WL6cCQA0/LuAlgTZtag9/ccW18bDSDnfQBjRoMKrJ+W8NEp6DOjAVge/5PiB00dW697TkMPsTkOEG39xlcgWv8aHx16BhpfQjSHcYBo/Yse/ROKthtAt4FaBwAAAABJRU5ErkJggg==)
}

.loading_wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading_wrap img {
    width: 150px;
    height: 150px
}

.red_top_bg {
    width: 100%;
    max-width: 750px;
    height: 44px;
    margin: 0 auto;
    background-size: 100% 100%;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.15)
}

.big_tit {
    position: absolute;
    height: 25px;
    font-size: 16px;
    color: #000;
    line-height: 44px;
    top: 0;
    left: 40px
}

.back_left {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAmUlEQVRIS7XVgQmAIBCF4d8VgpZoiKAl2qwlWiJoiJYImiEEA5G0u0sd4PM83nmORsf9cAdgAaY3wwp7dA3gCFwpboFjdAaOGhWLUH+RpmIxqoFVqBRWoxLYhH7BZrQE98AWYpSNVGm4cqnogL0F7M0mrXheacYlA2LCJbCpLVJYjWtgFa6FxbgFTnG/Qc4aH30cxeqr6XNV3snLJhc9gOxwAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: auto 100%;
    margin: 12px 0 0 8px
}

.top_right {
    position: absolute;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    top: 16px;
    right: 14px
}

.basic_btn {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    width: 80%;
    margin-left: 10%;
    background-size: 100% 100%;
    border-radius: 23px;
    color: #fff;
    background: #0f6eff;
    text-align: center
}

.basic_btn.no_touch {
    color: hsla(0,0%,100%,.5)
}

.flex_center {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.eye_bi {
    width: 21px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAMAAAAgPt3ZAAABU1BMVEUAAAAAAAD///+AgIBVVVWqqqqAgICSkpKOjo6ZmZmLi4uSkpKZmZmUlJSZmZmXl5eVlZWPj4+ZmZmTk5OXl5eSkpKVlZWZmZmXl5eTk5Obm5uUlJSXl5eTk5OZmZmXl5eZmZmYmJiVlZWampqXl5eVlZWXl5eYmJiYmJiZmZmXl5eWlpaVlZWXl5eYmJiXl5eXl5eXl5eXl5eYmJiYmJiZmZmWlpaZmZmYmJiYmJiYmJiZmZmYmJiYmJiZmZmYmJiZmZmXl5eZmZmYmJiYmJiYmJiZmZmYmJiZmZmZmZmZmZmZmZmYmJiYmJiYmJiYmJiZmZmZmZmYmJiYmJiYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiYmJiZmZmZmZmZmZm/WVRfAAAAcHRSTlMAAQECAwMGBwkKCw4PExQWGBkZGhscHR4gISEmLC0tMTI0NTo7PEJDRUZHS01TVFZbYGVoamtwcHJ+g4qNj5OVmJubnqGkqKqqrLS3ur6/wsPFxsfN1djZ2tvd4OLk6uvt7vHy8/P09vj5+vr7/f3+WZ/uNQAAAPxJREFUGBntwfc/AnEABuD3knlGnBFKNtkhe+9V5BAuKw3juPf//4mv8uHG5/6CngclRZHDABwFD6ZgUpPlnR8OlBSfq/CfJ0YmFdjUXpAxCSYNSfKqFRZynNSaYOHXyFQ3THwq+RCATcctmYt68WdAI5964aD5keRpP4qUtXeSmTAcLDH/QRrn8z2+us7x3SzJxCYzg7CJfL4Mj95Q0N8MfsstVpatM90Fi768MQNUR6/5a6cdgHdDH4LFMlcgLDCxf6Yer6qchiA1wkoeKYdwxAkIk4zDXcW93gJBTr+2wVXIuJTwY49zcDXLLRSMcRuugichFHjC9Sgx+QJ2CDoU2Ku/bAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% auto
}

.eye_bi.eye {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAyCAMAAAAdmLmfAAABpFBMVEUAAAD///+AgICqqqqZmZmAgICqqqqSkpKOjo6ZmZmLi4uioqKVlZWZmZmPj4+cnJyUlJSZmZmSkpKenp6Xl5eQkJCVlZWTk5OXl5eUlJSXl5eTk5OWlpaSkpKZmZmVlZWcnJyYmJiXl5eWlpaVlZWWlpaYmJiZmZmWlpaYmJiZmZmYmJiZmZmXl5eampqZmZmXl5eWlpaYmJiXl5eampqYmJiXl5eampqWlpaXl5eXl5eYmJiYmJiXl5eZmZmYmJiZmZmYmJiXl5eZmZmYmJiXl5eZmZmXl5eYmJiZmZmYmJiYmJiXl5eYmJiYmJiZmZmYmJiYmJiZmZmYmJiYmJiXl5eYmJiZmZmYmJiYmJiYmJiYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmZmZmYmJiYmJiZmZmZmZmYmJiZmZmZmZmYmJiZmZmZmZmZmZnzrarAAAAAi3RSTlMAAQIDBQYGBwkKCwsMDxASExQVFRYXGBobHyAhIiMjJCQlLC4wODk8PUVGVFVWWFpbXFxdXV5iYmRlaWp0dnZ5en5/f4OEhIWIiYqLk5SVlpeZmZqcnZ6en6GjsLG7vL6/wMHBwsPExcbNzs/Q0dLT1NXV2Nna3N3e4uPk6ers7u/x8/T19vb3/f3+4JUgPwAAAbxJREFUGBntwfs7U3EAx/FPy5a57VCkC0JJi+imlC6rdDeJruQe1awsxZJh6Ob9T/c95+w55vq75/F6ac+e3S1Qf7cvlkzG+u7UB7STo49n8fx8clzbKY3+xkgnRkYSaYw/z0q1pfMpYLq9LigjeOreNJC6qM2CPcBkg1+enLNfgJdBbWCNwXJbQEb59a6ua4dl+NuWYczSOsUxmKqRsT+yAvx9Wy5bzRRMFCtLcBwGQ7I9x9aujNAgfMjTmlfQny/bORwnJZ2QLb8f3sjTDBOFsvk+47ggFQzuk61wAi4rw0qxUCFH9SqO+atn3v2rlKNigfkSuTqhRa4wWcJytUC3XJ1wRa4wWcJytUC3XFaKxSo5qlfxrFbJUbnIfIkymiBeJJsvjifuk60oDpfkeQEDBbI14mmUrWAAXmtN7nsYtWSLkhGVzRqG8aCyhD7C91oZvttLGEu3fDJqv8EnS+uEhmHl5gEZZa0dHa1lMgI3lmE0pA1yu4GvjX55chomgZ5cbdY0B8w8qMuTkVd3fwaYa9aWDj1dwUgnhoYSaYxf0YPazpGHP/DMPjqmnfjrI72xZDLWGznt155d6j9wtbOnFYpbjgAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% auto
}

.block_div {
    width: 94%;
    margin-left: 3%;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    background: #fff;
    border-radius: 5px
}

.pending {
    border-bottom: 4px solid #ececec!important
}

.color_red {
    color: red
}

.color_green {
    color: #3cb371
}

.color_blue {
    color: #3775f4
}

.currency {
    font-size: 12px;
    margin-left: 3px;
    font-weight: 400
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    outline: none;
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none
}

body,html {
    min-height: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

textarea {
    vertical-align: top;
    resize: vertical
}

[hidden] {
    display: none
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,input,select,textarea {
    outline: none;
    -webkit-appearance: none;
    border: none;
    background: none
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,input,select,textarea {
    -webkit-appearance: button
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

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

a {
    text-decoration: none
}

::-moz-placeholder {
    color: #d3d5d6
}

::-webkit-input-placeholder {
    color: #d3d5d6
}

:-ms-input-placeholder {
    color: #d3d5d6
}

.fixScroll {
    position: fixed;
    width: 100%
}

.paddingTop51 {
    padding-top: 51px
}

.height100 {
    height: 100%
}

.slide-down-enter-active {
    transition-duration: .3s;
    transition-timing-function: ease-in
}

.slide-down-leave-active {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,1,.5,1)
}

.slide-down-enter-to,.slide-down-leave {
    max-height: 1000px;
    overflow: hidden
}

.slide-down-enter,.slide-down-leave-to {
    overflow: hidden;
    max-height: 0
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .2s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.slide-bottom-enter,.slide-bottom-leave-to {
    transform: translateY(100%)
}

.slide-left-enter,.slide-left-leave-to {
    transform: translate(-100%)
}

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

.the-commonInput {
    height: 40px;
    padding-left: 10px
}

.the-commonArea,.the-commonInput {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    width: 100%;
    font-size: 14px;
    transition: border-color .3s
}

.the-commonArea {
    min-height: 123px;
    padding: 10px;
    resize: none
}

.the-commonSelect {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    width: 100%;
    font-size: 14px;
    height: 40px;
    background: inherit;
    padding-left: 10px;
    color: #616265
}

.the-commonArea:focus,.the-commonInput:focus {
    border-color: #8d8d8f
}

.the-commonArea::-webkit-input-placeholder,.the-commonInput::-webkit-input-placeholder {
    color: #616265;
    font-size: 14px
}

.the-commonArea:-moz-placeholder,.the-commonArea::-moz-placeholder,.the-commonInput:-moz-placeholder,.the-commonInput::-moz-placeholder {
    color: #616265;
    font-size: 13px
}

.the-commonArea:-ms-input-placeholder,.the-commonInput:-ms-input-placeholder {
    color: #616265;
    font-size: 13px
}

.the-commonArea.placeColor999::-webkit-input-placeholder,.the-commonInput.placeColor999::-webkit-input-placeholder {
    color: #999;
    font-size: 14px
}

.the-commonArea.placeColor999:-moz-placeholder,.the-commonArea.placeColor999::-moz-placeholder,.the-commonInput.placeColor999:-moz-placeholder,.the-commonInput.placeColor999::-moz-placeholder {
    color: #999;
    font-size: 13px
}

.the-commonArea.placeColor999:-ms-input-placeholder,.the-commonInput.placeColor999:-ms-input-placeholder {
    color: #999;
    font-size: 13px
}

#app {
    display: flex;
    flex-direction: column;
    overflow: visible;
    max-width: 750px;
    margin: 0 auto
}

#app .header,.back {
    flex: 0 0 40px;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    border-bottom: 1px solid #b2b2b2;
    background: #fff
}

.back .back_to {
    display: inline-block;
    width: 35px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px;
    position: absolute;
    left: 0;
    top: 0
}

.back_orange {
    flex: 0 0 40px;
    text-align: center;
    position: relative;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #b2b2b2;
    background: #fc661e;
    color: #fff
}

.back_orange .back_to {
    display: inline-block;
    width: 35px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px;
    position: absolute;
    left: 0;
    top: 0
}