@font-face {
    font-family: iconfont;
    src: url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff"),url(../fonts/iconfont.a2c70da3.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-shijian:before {
    content: "\e897"
}

.icon-up:before {
    content: "\e600"
}

.icon-time-circle:before {
    content: "\e784"
}

.icon-down:before {
    content: "\e8c6"
}

.icon-home:before {
    content: "\e611"
}

.icon-hd:before {
    content: "\e696"
}

.icon-tz:before {
    content: "\e694"
}

.icon-us:before {
    content: "\e602"
}

.icon-purse:before {
    content: "\e8c5"
}

.icon-xiaoxi:before {
    content: "\e604"
}

.icon-rt:before {
    content: "\e713"
}

.kefu {
    width: 80px;
    height: 80px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    right: 13px;
    bottom: 70px;
    transition: all 1s;
    opacity: 0;
    transform: translateX(0);
    z-index: 80;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    border-radius: 40px;
    display: none
}

.kefu img {
    width: 50px;
    height: 50px
}

.show_kefu img {
    animation: Tmove .5s infinite alternate
}

@keyframes Tmove {
    0% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(5px)
    }
}

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

.numberFont {
    font-family: barlow!important;
    font-size: 15px!important;
    font-weight: 700!important
}

.numberFont span:nth-of-type(3) {
    font-size: 14px!important
}

.numberFont span:nth-of-type(4) {
    font-size: 12px!important
}

body,html {
    width: 100%;
    overflow-y: scroll
}

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

body {
    margin: 0
}

.bigNum {
    font-size: 18px!important
}

.fh {
    font-size: 12px!important
}

.larfont .fh {
    margin-top: 3px
}

.wan {
    font-size: 14px;
    margin-top: 2px
}

.numberFontBold span:first-child {
    font-size: 12px;
    margin-top: 4px
}

.numberFontBold span:last-child {
    margin-top: 2px
}

#app {
    padding-bottom: 65px!important;
    min-height: 100%;
    height: auto;
    width: 100%;
    max-width: 375px;
    background-color: #f7f7f7
}

#app .download_box {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 45px;
    width: 100%;
    max-width: 375px;
    background: rgba(0,0,0,.5);
    bottom: 50px;
    padding: 0 3.6%;
    z-index: 10
}

#app .download_box,#app .download_box .down {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#app .download_box .down {
    flex: 1 1 auto;
    padding-right: 10px
}

#app .download_box .down .down_left {
    display: flex;
    align-items: center
}

#app .download_box .down .down_left .app_logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/app_logo.0eca02d5.svg);
    margin-right: 14px
}

#app .download_box .down .down_left .app_info {
    font-size: 12px;
    color: #fff;
    line-height: 1.5
}

#app .download_box .down .right {
    background: #d8232c;
    padding: 5px 5px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px
}

#app .download_box .close_down {
    flex: 0 0 20px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(../img/close.86f98ebf.svg)
}

#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: 1999
}

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

#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 .iconfont {
    font-size: 20px;
    display: inline-block;
    color: #ccc
}

#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_task {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFQElEQVRoQ+1ZTYgdRRCu6uGxCy6LgntQFBJ/IujBv0RNQE08qhFz0EMikiy+qTcIqwkuqBfjRYWVrC7IvJ4nmyCagx4iRnM0q4IxGjUeFNSoC0o8RFCWFXZ5TJf08t7SO697pmf2RxbS8C6vq6vr6+qqrvoGYZ0PXOf2w0UA/7cHV8wDrVbrKma+l5k3A8AG46cxTnd/iHgGET+p1+t/rAT4ZQFoNps3IuITALANAO4sadBpAPicmd9sNBo/lFy7KF4JwMTExGCtVjuAiPsRcbDq5nodM88w83i73T40MjIyU1ZXaQBxHO8NguAZZr6p7GZ58oj4fZqmr0ZRdKSM3lIAkiQ5zMx7XRsg4glm/gARv0nT9MLs7OwFLTswMDAUBMEQM9+GiA8x8/05Oo6EYbjPF4Q3ACnlb53AXKIbEc+nadrq6+t7a3h4+FefjScnJ6+Zn59/PAiCOjNfaVkzTUQbfXR5AZBSngGA27MKlVIvCiEkEf3ps1lWRkp5hVKKhBAvWNZ/TUQ6o+WOQgBSymcB4GWLlkeJ6L2iDXzmpZSPAMC7FtnniOiV3NjJm5RS7gaAdywnvzGKIp3bnUNKyeYkEeUeVhzHG4QQ+ppmxx4iOuqMGdeETpX9/f06T2ezzRAR/VV0smUBaH1SyssBYCHwu0Nnp7m5uW2uFOs8lTiOD2bvphDinnq9/lmR8R1jSnmgq7PVat2tlPrU3EPHWhRFB237WgHoFxYATpmPVJ4Sm+IqHujqyR6efuwAYKvtxbYCkFKOA8DThhvP6xrHlW2SJHmQmXcCwH0AcJ2Ph7SMKy50dtI1UybFvkZE+7O6XQC+BYBbusJ5p2+7assFoNdb9J4lolsLAdiyASLeEIbhT9nFzWZzMyJ+5WtwVi4vMyVJsomZf8zEQk/26/GArnWEEIeN6zMVhuEOm5FFpUURsKLUmiTJSWbebtyEfdlaqQdA9v4DwFNENOEI1CXlhVJqRxRFU0WG+85LKUcA4HVDvicObACOAcDDhgfuCMPQek2klD+bQbvSAJIk2cLMXxoA3ieiXeYB2ABkA9j56kopJQCEvifakTsHAB8j4vEwDD/MW2uJx55AtgH4GwAu7SqemZkZGB0d/dcRAzp9Hi8JYFG86G0ZGxu7ZHBwcNbQ/w8RXVbkAW8AjnRXCg8zb2k0Grra7RlVAXhfoe6OOp0KIZ7sZAzd0HsPRHQ2MFWvkHcQe1tpCMZxvF0IcdL4y9m8VA3iJWUEADSISAfrigwLgHNEdL1NuZSSAKBZKo0mSbKHmd820uiJMAwfyLM+W7iVRJoQkTa0ZyRJ8pHZPyPiY2EYLulPerKQJqiUUr+b2mq12rV5/e5yACDiTls61X1zu93+xbRDCHF1lhBzFXNfmERVUbqrCqBkkXiaiO7KuskF4BAALJaumnnIK6dLAphGxCml1Buu9Okop8eJ6IAXgHXf0OQ8UN5MRNWOzMZQlG4pNQBXU6+UKmQk9PoqABy9SLWmvuOFJb2Bcf8KmYmyAGyMhN5PKdXTA5hxUEhsuZqWMgxF0btgYyL0mrwyY/GdKlLeuQ5WXnSVqUUvfrTQA12ALn60S+4GQXDU1jc7XthNaZruziF3vXjRBS/5eMAA4eJJF0R0fmfmY4h4ykGvb0XEXWafa9m/kA8tFQPZDTRfiojPr8YHDmZ+KY8HtR12KQ90FazrT0zmKXQ+8tUBQFMfi0SY57U8CwD6yrXW/COfzUD9CGkgQoib8z6zKqW+04YX0fOeh1AuiH2VrqVcpRhYSwOL9roIoOiEVnv+PyB87E8BucDUAAAAAElFTkSuQmCC)
}

#app .footer .footer_item .footer_icon.footer_icon_cart {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD7ElEQVRoQ+2XXYhVVRTH19pc5ilisCBSe9KoV4sJkhKkVMQexGIYij5mpnvWugUh6JMKCqEvjkSInbPOMENFKEHTB0GUJkQyRVAEUj3I9JJfD4YvIgQXz4o93JE9Z86ZvefeO3dGOBvO0/mvj99ee+0PhHt84D2eP1QAK13BqgKrrgIiop6kbiDin1mW/YWIM6o6w8xfrxTIgiUUAFCU63lVHWPmb3sN0i2A2bxVddwYMxZF0aVegXQVoJX0v6r6MjOf6wWEF4CI5mlE5GFV3YSImwDgCQDYk09UVS8j4lYi+nu5IZYMkE8ojuM3jDEnAGCN+w8Rz/X39+8cHBy8s5wQRQC3AOA+J+haIrruS0JEvgeA53IQSRRFDZ9tJ/+LAGYAYMOcU1XdxczfhARJkuQjRHzN1arqq8z8SYh9O5oigGkA2Ow4O0RER0Odi8hlAFjv6D8loqG8vYg8nmXZECJutB8APJpfhkUx8z25ACCO4yPGmMOO8edE9GIoQJqmO1TVPQ9u9/X1PTg8PPyf9SEiuwBgSFVt8rVQv3M6L8D4+PizWZb96DrOsmy40Wh8GBpMRL4AgN2O/hUiOi0iBwAguJptVaA1S78CwJOOg5tE9EAoQJqm76rqIbeKAHA/ADwf6qNM561ACyCy1c45OU9EQQkkSbIHEacCkj2rqheNMb/VarXpkZER2z/zRv5qEwRQUgV7VfiYmV/3JRbH8TpjzJXFdKr6NjN/sJhmcnLykWaz+Y+juUVEtpJ3R+l7QETsGrZrOT+uIOKbURR9t1hwz6VwY8gpnaapbfYzTpxLRPRYEECrCnsB4L2SRL9ExD+yLPtdVX9pNBpXXV0ZgKpuZuaffVW0/5MkOY6I++e0iPhDFEVbgwGsME3TF1S1W/f9E0R0NyEfhIjYKm93dAeJ6NiSAKw4juOnjDF2vbo7ky9+/v9ZItoRapQkyVuIeMrVq+oAM9sd0t8DRYFExO5O9msH5CgRuVtrKYuI2KuMvdK4Y4qIXsobtfWoF5HtqroNEe2V46HW514AFySnqruZ+StfBZIkeRoRf8rrjDFb6vX6ha4A+JJobQDz3ta1Wm3d6OjotcVsRWQMAPYVaI4R0cEi27Yq0A5A/gCyPiYmJtY2m80BRBwAAPu5DTsbBhGnoyh6pixmzwBCoAs0M0Rkb6mlY9UCqOpJZn7HB74aAaaMMe8XNeyK9kDJTNrn63VEvKaqnxljLtTr9Yu+WXf/96wCRU28lERXvIkrgJISVEuobG36XlLdWP+zB123HOX9VACBM1tVoOqBwKXS84Osw7yCzZetB4Iz6FBYAXQ4gR2bVxXoeAo7dPA/6NqQQOyWly4AAAAASUVORK5CYII=)
}

#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;
    margin-top: 5px
}

#app .footer .footer_item.footer_item_active,#app .footer .footer_item.footer_item_active .iconfont {
    color: red;
}

#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_task {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADzUlEQVRoQ+2ZTWxMURTH/2dGEfM07EkqYcMCQd/UxscaYasWbeIjkUiUvqZssKHpK5VIJD4SFtgSrKkNc6uiFrUhMQl7Um8ENXPkjk5M37yZe+6b6cgkXjKbeeece3733nPOvecRWvyhFvcf/wH+9Qo2bAXcgW8rCIVtDGwGUwfAHQD0Tz9ZgLIgzhIwwUg8U8NLPjUCvi4A9+SPtZSYOcigrQC7dg6RIvBzLrTdVBcXvbXT/SsdC8A9xu28KDhBQB+I2uMOXtRjnmZglH44l9QVmra1ZQ2Q9qZ7GIl+AOtsBzPITxEKIxm//baNXSsA1wtuAeixGSCG7G3lO71SPTGA6wUfyoJSaj+uXFb5ziqJsgjA9YIJAJskBhso80r5zmaTPSOA6wWDAC6YDM3T+1PKd4Zq2a4J0Nkf7CfC3TjOKd+ZY9v1Ao5jhxnd4yPOvWq6VQF0qsTi3PO42aZRAACm8D21tVqKrQrQ2f/1LBGdiTNrWqeBAGDmc+MjS89G+RIJoCss6OeLeopUIwF0sQMv7Iqq2NEAA8EoGMels0+gl0D+KpL5sczQ8qxUzyouCJfVsNMXth0N4AWvAWyQOFJreU36VgDApPKdjUaA9ODnDs636aJlfBj0aNxP7TEKVhGwBAAlZ1aFV7hiBWbPOvrIIHjoiPJT1wWCkSLWACj0hs9KFQCuxf5PJBeseTG0+H3JO9cLngLYHhfIqBcRB5UAXu4+wHuNxoCKJZ13ANAD5af2lfsWASAPYIpYUhO4jjHkk9uB5FEGbzHJh95XBHIUwGcAyySGdfrM+KlOiWyUTIxi+UX5znLTCogBtKF60qjW7/RyDwm8WzgJIgBxDSgNqtMpAY8TyeST8qCWOOV6ucMAX5PIIqIW1BXEwkHDYmPKd3aU/uwa/L66kP/1TmZLEsQWaVQ2aIXUHACbwglJGk0PBN3MuGPjXPjgZqNrUziJcCAz7My5n0QUsm8rwIWPNk7UB5AbF6dTSqwMN8SqHOZyGZtGVVwAuzRKSvmpdHhiIwHSXnCJddNK+NgA/Ana/E4GdlmkT92FHs34zgkRQMtfaIoFppWvlBqg5S/1GsImxYX3ZqPuxKYDo6Sx1Yx+aLV0YeyTGgGK26m5fdESjKg/KgKYhWhmf1TUF9V+iQFmIZrRJzX2Q2veB0y1a7Zfejpuy7GG/SlmnK/VB43StVqBkoGW/sRUPgvFip2cOQQudiJEjbAy/UkQxpBvu9H0j3xRS1m6rDMl1tf8zMqFN7YtyFrbOtYWMsVJM9//B2jmbDcsC/1rp8vH/w2nublAwOXewQAAAABJRU5ErkJggg==)
}

#app .footer .footer_item.footer_item_active .footer_icon.footer_icon_cart {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC+0lEQVRoQ+2XP2gTURzHv79I7JC7rEVxExHcNPWOFhUz6OTgUF3EwaWKgwjmAm0RK0iHvitSRNEOTuIgBgcH12Kp5IIFLago2YTW2eSSQb2f5CCa5t+9u1zSFO6t9/t93+/z+7737j3CLh+0y+tHBLDTDkYODJ0DulFmj6J+EPABwAaDvsLBR2sxsb5TIC1LSAKgTa28DCe2vBMgIQHUmWoge5esxZHPg3IkZAC37E9w4hcHBdEPgIFC9AtgYBCtAFm7BGYlpDX8zBLK5ZC02sq0AGiGXSTwwbAmJeZ03lRXwtJr1mkFyNhrRDwR4oQrllDSzXqpGXvfnl9IgZ0xUOwYASmA93vNawllW81tAEpzRHTHS8jP90YXTs+xUi3bMyBM+9Gox3oDGNWThD9vg4i3y2GmawUz8aT2TTNKF2IUm2bmo0H1PQFqwrpRfg/X0t4GM98tmOqcq5kpPwXhSm+KgCSAPQWw27WgY1vxRtkEcCuoVmOeFEDvLtDm7zjG1ucTW1rGvkrEj8MoHkDJEkqyUavje0DL/jxPHHsVZOJ69/VsNU3svGHwSBCdlhzmb5apHpYCcF3IVm6Cnfv+Jv/ffd2w3wE87i+/a3TLkez5ItMM+xyBX8sWQcDzvFAu6dnKAbDzXTZPJo7hzBZEcl7agXrgeLaiOew8kjmZCHQ7LxL3akcmgV7IFCYbw0THCwuJ2gn5b3g60BisG+7pNNUdhCctoeb0TOkhiK7LFucdxzlLqJPNcb4A6sm6UT4L4AwzTYAwSoTR+gWQKH4kvzDyRTNKRQKFdqdiOKcKIrkaCoB3t9yfodfbWkbGjSHwfF6os+0SAjkgM3N4ALRmicSJTnMONwBz0TLVQ90aNrQADH5QEOoNL7eHEIBzDF5qt2GHcQ/Unq9bINoE+CWYVi1T2fDqeuD/gB/h5k3cfIv0ozUUeyAC6GDDwDZx5EDkgM9jIzqFJBsWbeJOjdr1S0hyBfQc1rcl1HNlkgIRgGSj+hYWOdC31koK/wVmzURAHdTWyQAAAABJRU5ErkJggg==)
}

#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==)
}

.icon-tz {
    font-size: 24px!important;
    animation: move .5s infinite alternate
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0);
        background-image: linear-gradient(90deg,#fcc628,#ed9a08);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

    40%,43% {
        transform: translate3d(0,-2px,0)
    }

    40%,43%,70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        background-image: linear-gradient(90deg,#ccc,#ccc);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

    70% {
        transform: translateZ(0)
    }

    90% {
        transform: translate3d(0,-1px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes move {
    0% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        color: #ccc;
        background-image: linear-gradient(90deg,#fcc628,#ed9a08);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        transform: translateY(-2px)
    }

    50% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        color: #ccc;
        background-image: linear-gradient(90deg,#fcc628,#ed9a08);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

    to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateY(2px);
        background-image: linear-gradient(90deg,#ccc,#ccc);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

.red_top_bg {
    left: 0;
    width: 100%;
    height: 44px;
    margin: 0 auto;
    background-color: transparent;
    background-size: 100% 100%;
    overflow: hidden
}

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

.limit {
    line-height: 20px;
    border-radius: 10px;
    background: rgba(241,34,17,.08);
    color: #69b16f;
    padding: 0 7px;
    border: 1px solid #69b16f
}

.gray_btn,.limit {
    height: 20px;
    text-align: center;
    font-size: 12px
}

.gray_btn {
    display: flex;
    align-items: center;
    background: rgba(0,0,0,.3);
    color: #fff;
    border-radius: 10px;
    padding: 0 9px
}

.big_tit {
    position: absolute;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 25px;
    top: 12px;
    left: 50%;
    transform: translateX(-50%)
}

.sub_btn {
    background: linear-gradient(123deg,#e3382e,#ff4d15)
}

.remove_btn,.sub_btn {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 94px;
    border-radius: 18px
}

.remove_btn {
    background: linear-gradient(117deg,#fea600,#ffbc00)
}

.home_tit {
    width: 100%;
    height: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home_tit .line {
    width: 75px;
    height: 2px
}

.home_tit h5 {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin: 0 10px;
    font-weight: 700
}

.van-popup {
    max-width: 100%;
    margin: 0 auto;
    right: 0
}

.back_left {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAoCAMAAADNGvrUAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMABwkTICssLS9FaHZ9iI6PzNri6erv9/4ppXzqAAAAVElEQVQoz+3TORKAIBAAwfUAb0EFnf+/1NxdH0AVE3Y+It9czItC8Qme3lLNPgFspoaqpjpTJZoqGbgHxSvA5ZWHkjwV4mdr+6jn2eFoNMs0d/LTCzd6E3GEJ9CYAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: auto 100%;
    margin: 12px 0 0 8px
}

.basic_btn {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    width: 90%;
    background: red;
    border-radius: 23px;
    color: #fff;
    text-align: center
}

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

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

.wrap_box {
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 9px 2px hsla(0,0%,62.7%,.15);
    border-radius: 6px
}

.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
}

.real_name_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    background-color: rgba(0,0,0,.95)
}

.real_name_mask .real_box {
    width: 272px;
    height: 185px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -92px auto 0 auto
}

.real_name_mask .real_box .tit {
    width: 77px;
    height: 67px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/tit.34710336.png) no-repeat 50%;
    background-size: 100% 100%
}

.real_name_mask .real_box .tips {
    width: 185px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 25px;
    position: absolute;
    top: 49px;
    left: 50%;
    transform: translateX(-50%)
}

.real_name_mask .real_box .basic_btn {
    width: 225px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 15px
}

.contract_box img {
    width: 100%
}

.clear {
    zoom:1}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.text-red {
    color: #69b16f
}

.text-green {
    color: #04c382
}

.van-toast {
    background-color: transparent!important
}

.van-toast__loading {
    color: #69b16f!important
}

.toastName {
    background-color: rgba(0,0,0,.7)!important
}

.round {
    animation: rotate3d 3s linear infinite
}

@keyframes rotate3d {
    0% {
        transform: perspective(1000px) rotateY(0deg)
    }

    to {
        transform: perspective(1000px) rotateY(1turn)
    }
}

.sw-end {
    display: flex;
    align-items: center;
    margin-top: 20px
}

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: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    word-break: break-all
}

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
}