/*!
 * WeUI v1.1.3 (https://github.com/weui/weui)
 * Copyright 2018 Tencent, Inc.
 * Licensed under the MIT license
 */

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

body {
    line-height: 1.6;
    font-family: -apple-system-font, Helvetica Neue, sans-serif
}

* {
    margin: 0;
    padding: 0
}

a img {
    border: 0
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: weui;
    src: url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx+AAABfAAAAFZjbWFw65cFHQAAAhwAAAJQZ2x5ZvCRR/EAAASUAAAKtGhlYWQMPROtAAAA4AAAADZoaGVhCCwD+gAAALwAAAAkaG10eEJo//8AAAHUAAAASGxvY2EYqhW4AAAEbAAAACZtYXhwASEAVQAAARgAAAAgbmFtZeNcHtgAAA9IAAAB5nBvc3T6bLhLAAARMAAAAOYAAQAAA+gAAABaA+j/////A+kAAQAAAAAAAAAAAAAAAAAAABIAAQAAAAEAACbZbxtfDzz1AAsD6AAAAADUm2dvAAAAANSbZ2///wAAA+kD6gAAAAgAAgAAAAAAAAABAAAAEgBJAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOwAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqEQPoAAAAWgPqAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+j//wPoAAAD6AAAAAAABQAAAAMAAAAsAAAABAAAAXQAAQAAAAAAbgADAAEAAAAsAAMACgAAAXQABABCAAAABAAEAAEAAOoR//8AAOoB//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAANwAAAAAAAAAEQAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAACAAA6gkAAOoJAAAACQAA6goAAOoKAAAACgAA6gsAAOoLAAAACwAA6gwAAOoMAAAADAAA6g0AAOoNAAAADQAA6g4AAOoOAAAADgAA6g8AAOoPAAAADwAA6hAAAOoQAAAAEAAA6hEAAOoRAAAAEQAAAAAARgCMANIBJAF4AcQCMgJgAqgC/ANIA6YD/gROBKAE9AVaAAAAAgAAAAADrwOtABQAKQAAASIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAfV4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NlteA608O2Rn8GdjOzw8O2Nn8GdkOzz8rzc1W17bXlw1Nzc1XF7bXls1NwAAAAACAAAAAAOzA7MAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTBwYiLwEmNjsBETQ2OwEyFhURMzIWAe52Z2Q7PT07ZGd2fGpmOz4+O2ZpIXYOKA52Dg0XXQsHJgcLXRcNA7M+O2ZqfHZnZDs9PTtkZ3Z9aWY7Pv3wmhISmhIaARcICwsI/ukaAAMAAAAAA+UD5QAXACMALAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAxQrASI1AzQ7ATIHJyImNDYyFhQGAe6Ecm9BRERBb3KEiXZxQkREQnF1aQIxAwgCQgMBIxIZGSQZGQPkREJxdomEcm9BRERBb3KEinVxQkT9HQICAWICAjEZIxkZIxkAAAAAAgAAAAADsQPkABkALgAAAQYHBgc2BREUFxYXFhc2NzY3NjURJBcmJyYTAQYvASY/ATYyHwEWNjclNjIfARYB9VVVQk+v/tFHPmxebGxdbT1I/tGvT0JVo/7VBASKAwMSAQUBcQEFAgESAgUBEQQD4xMYEhk3YP6sjnVlSD8cHD9IZXWOAVRgNxkSGP62/tkDA48EBBkCAVYCAQHlAQIQBAAAAAADAAAAAAOxA+QAGwAqADMAAAEGBwYHBgcGNxEUFxYXFhc2NzY3NjURJBcmJyYHMzIWFQMUBisBIicDNDYTIiY0NjIWFAYB9UFBODssO38gRz5sXmxsXW09SP7YqFBBVW80BAYMAwImBQELBh4PFhYeFRUD5A8SDhIOEikK/q2PdWRJPh0dPklkdY8BU141GRIY/AYE/sYCAwUBOgQG/kAVHxUVHxUAAAACAAAAAAPkA+QAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTAQYiLwEmPwE2Mh8BFjI3ATYyHwEWAe6Ecm9BQ0NCbnODiXVxQkREQnF1kf6gAQUBowMDFgEFAYUCBQEBQwIFARUEA+NEQnF1iYNzbkJDQ0FvcoSJdXFCRP6j/qUBAagEBR4CAWYBAQENAgIVBAAAAAQAAAAAA68DrQAUACkAPwBDAAABIgcGBwYUFxYXFjI3Njc2NCcmJyYDIicmJyY0NzY3NjIXFhcWFAcGBwYTBQ4BLwEmBg8BBhYfARYyNwE+ASYiFzAfAQH1eGdkOzw8O2Rn8GZkOzw8O2RmeG5eWzY3NzZbXtteWzY3NzZbXmn+9gYSBmAGDwUDBQEGfQUQBgElBQELEBUBAQOtPDtkZ/BnYzs8PDtjZ/BnZDs8/K83NVte215cNTc3NVxe215bNTcCJt0FAQVJBQIGBAcRBoAGBQEhBQ8LBAEBAAABAAAAAAO7AzoAFwAAEy4BPwE+AR8BFjY3ATYWFycWFAcBBiInPQoGBwUHGgzLDCELAh0LHwsNCgr9uQoeCgGzCyEOCw0HCZMJAQoBvgkCCg0LHQv9sQsKAAAAAAIAAAAAA+UD5gAXACwAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMHBi8BJicmNRM0NjsBMhYVExceAQHvhHJvQUNDQm5zg4l1cUJEREJxdVcQAwT6AwIEEAMCKwIDDsUCAQPlREJxdYmDc25CQ0NBb3KEiXVxQkT9VhwEAncCAgMGAXoCAwMC/q2FAgQAAAQAAAAAA68DrQADABgALQAzAAABMB8BAyIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAyMVMzUjAuUBAfJ4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NltemyT92QKDAQEBLDw7ZGfwZ2M7PDw7Y2fwZ2Q7PPyvNzVbXtteXDU3NzVcXtteWzU3AjH9JAAAAAMAAAAAA+QD5AAXACcAMAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAzMyFhUDFAYrASImNQM0NhMiJjQ2MhYUBgHuhHJvQUNDQm5zg4l1cUJEREJxdZ42BAYMAwInAwMMBh8PFhYeFhYD40RCcXWJg3NuQkNDQW9yhIl1cUJE/vYGBf7AAgMDAgFABQb+NhYfFhYfFgAABAAAAAADwAPAAAgAEgAoAD0AAAEyNjQmIgYUFhcjFTMRIxUzNSMDIgcGBwYVFBYXFjMyNzY3NjU0Jy4BAyInJicmNDc2NzYyFxYXFhQHBgcGAfQYISEwISFRjzk5yTorhG5rPT99am+DdmhlPD4+PMyFbV5bNTc3NVte2l5bNTc3NVteAqAiLyIiLyI5Hf7EHBwCsT89a26Ed8w8Pj48ZWh2g29qffyjNzVbXtpeWzU3NzVbXtpeWzU3AAADAAAAAAOoA6gACwAgADUAAAEHJwcXBxc3FzcnNwMiBwYHBhQXFhcWMjc2NzY0JyYnJgMiJyYnJjQ3Njc2MhcWFxYUBwYHBgKOmpocmpocmpocmpq2dmZiOjs7OmJm7GZiOjs7OmJmdmtdWTQ2NjRZXdZdWTQ2NjRZXQKqmpocmpocmpocmpoBGTs6YmbsZmI6Ozs6YmbsZmI6O/zCNjRZXdZdWTQ2NjRZXdZdWTQ2AAMAAAAAA+kD6gAaAC8AMAAAAQYHBiMiJyYnJjQ3Njc2MhcWFxYVFAcGBwEHATI3Njc2NCcmJyYiBwYHBhQXFhcWMwKONUBCR21dWjU3NzVaXdpdWzU2GBcrASM5/eBXS0grKysrSEuuSkkqLCwqSUpXASMrFxg2NVtd2l1aNTc3NVpdbUdCQDX+3jkBGSsrSEuuSkkqLCwqSUquS0grKwAC//8AAAPoA+gAFAAwAAABIgcGBwYQFxYXFiA3Njc2ECcmJyYTFg4BIi8BBwYuATQ/AScmPgEWHwE3Nh4BBg8BAfSIdHFDRERDcXQBEHRxQ0REQ3F0SQoBFBsKoqgKGxMKqKIKARQbCqKoChsUAQqoA+hEQ3F0/vB0cUNERENxdAEQdHFDRP1jChsTCqiiCgEUGwqiqAobFAEKqKIKARQbCqIAAAIAAAAAA+QD5AAXADQAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMUBiMFFxYUDwEGLwEuAT8BNh8BFhQPAQUyFh0BAe6Ecm9BQ0NCbnODiXVxQkREQnF1fwQC/pGDAQEVAwTsAgEC7AQEFAIBhAFwAgMD40RCcXWJg3NuQkNDQW9yhIl1cUJE/fYCAwuVAgQCFAQE0AIFAtEEBBQCBQGVCwMDJwAAAAUAAAAAA9QD0wAjACcANwBHAEgAAAERFAYjISImNREjIiY9ATQ2MyE1NDYzITIWHQEhMhYdARQGIyERIREHIgYVERQWOwEyNjURNCYjISIGFREUFjsBMjY1ETQmKwEDeyYb/XYbJkMJDQ0JAQYZEgEvExkBBgkNDQn9CQJc0QkNDQktCQ0NCf7sCQ0NCS0JDQ0JLQMi/TQbJiYbAswMCiwJDS4SGRkSLg0JLAoM/UwCtGsNCf5NCQ0NCQGzCQ0NCf5NCQ0NCQGzCQ0AAAAAEADGAAEAAAAAAAEABAAAAAEAAAAAAAIABwAEAAEAAAAAAAMABAALAAEAAAAAAAQABAAPAAEAAAAAAAUACwATAAEAAAAAAAYABAAeAAEAAAAAAAoAKwAiAAEAAAAAAAsAEwBNAAMAAQQJAAEACABgAAMAAQQJAAIADgBoAAMAAQQJAAMACAB2AAMAAQQJAAQACAB+AAMAAQQJAAUAFgCGAAMAAQQJAAYACACcAAMAAQQJAAoAVgCkAAMAAQQJAAsAJgD6d2V1aVJlZ3VsYXJ3ZXVpd2V1aVZlcnNpb24gMS4wd2V1aUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHcAZQB1AGkAUgBlAGcAdQBsAGEAcgB3AGUAdQBpAHcAZQB1AGkAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQB1AGkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETAAZjaXJjbGUIZG93bmxvYWQEaW5mbwxzYWZlX3N1Y2Nlc3MJc2FmZV93YXJuB3N1Y2Nlc3MOc3VjY2Vzcy1jaXJjbGURc3VjY2Vzcy1uby1jaXJjbGUHd2FpdGluZw53YWl0aW5nLWNpcmNsZQR3YXJuC2luZm8tY2lyY2xlBmNhbmNlbAZzZWFyY2gFY2xlYXIEYmFjawZkZWxldGUAAAAA') format('truetype')
}

[class*=" weui-icon-"],
[class^=weui-icon-] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 weui;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

[class*=" weui-icon-"]:before,
[class^=weui-icon-]:before {
    display: inline-block;
    margin-left: .2em;
    margin-right: .2em
}

.weui-icon-circle:before {
    content: "\EA01"
}

.weui-icon-download:before {
    content: "\EA02"
}

.weui-icon-info:before {
    content: "\EA03"
}

.weui-icon-safe-success:before {
    content: "\EA04"
}

.weui-icon-safe-warn:before {
    content: "\EA05"
}

.weui-icon-success:before {
    content: "\EA06"
}

.weui-icon-success-circle:before {
    content: "\EA07"
}

.weui-icon-success-no-circle:before {
    content: "\EA08"
}

.weui-icon-waiting:before {
    content: "\EA09"
}

.weui-icon-waiting-circle:before {
    content: "\EA0A"
}

.weui-icon-warn:before {
    content: "\EA0B"
}

.weui-icon-info-circle:before {
    content: "\EA0C"
}

.weui-icon-cancel:before {
    content: "\EA0D"
}

.weui-icon-search:before {
    content: "\EA0E"
}

.weui-icon-clear:before {
    content: "\EA0F"
}

.weui-icon-back:before {
    content: "\EA10"
}

.weui-icon-delete:before {
    content: "\EA11"
}

[class*=" weui-icon_"]:before,
[class^=weui-icon_]:before {
    margin: 0
}

.weui-icon-success {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-waiting {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-warn {
    font-size: 23px;
    color: #f43530
}

.weui-icon-info {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-success-circle,
.weui-icon-success-no-circle {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-waiting-circle {
    font-size: 23px;
    color: #10aeff
}

.weui-icon-circle {
    font-size: 23px;
    color: #c9c9c9
}

.weui-icon-download,
.weui-icon-info-circle {
    font-size: 23px;
    color: #09bb07
}

.weui-icon-safe-success {
    color: #09bb07
}

.weui-icon-safe-warn {
    color: #ffbe00
}

.weui-icon-cancel {
    color: #f43530;
    font-size: 22px
}

.weui-icon-clear,
.weui-icon-search {
    color: #b2b2b2;
    font-size: 14px
}

.weui-icon-delete.weui-icon_gallery-delete {
    color: #fff;
    font-size: 22px
}

.weui-icon_msg {
    font-size: 93px
}

.weui-icon_msg.weui-icon-warn {
    color: #f76260
}

.weui-icon_msg-primary {
    font-size: 93px
}

.weui-icon_msg-primary.weui-icon-warn {
    color: #ffbe00
}

.weui-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden
}

.weui-btn:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 10px
}

.weui-btn_inline {
    display: inline-block
}

.weui-btn_default {
    color: #000;
    background-color: #f8f8f8
}

.weui-btn_default:not(.weui-btn_disabled):visited {
    color: #000
}

.weui-btn_default:not(.weui-btn_disabled):active {
    color: rgba(0, 0, 0, .6);
    background-color: #dedede
}

.weui-btn_primary {
    background-color: #1aad19
}

.weui-btn_primary:not(.weui-btn_disabled):visited {
    color: #fff
}

.weui-btn_primary:not(.weui-btn_disabled):active {
    color: hsla(0, 0%, 100%, .6);
    background-color: #179b16
}

.weui-btn_warn {
    background-color: #e64340
}

.weui-btn_warn:not(.weui-btn_disabled):visited {
    color: #fff
}

.weui-btn_warn:not(.weui-btn_disabled):active {
    color: hsla(0, 0%, 100%, .6);
    background-color: #ce3c39
}

.weui-btn_disabled {
    color: hsla(0, 0%, 100%, .6)
}

.weui-btn_disabled.weui-btn_default {
    color: rgba(0, 0, 0, .3);
    background-color: #f7f7f7
}

.weui-btn_disabled.weui-btn_primary {
    background-color: #9ed99d
}

.weui-btn_disabled.weui-btn_warn {
    background-color: #ec8b89
}

.weui-btn_loading .weui-loading {
    margin: -.2em .34em 0 0
}

.weui-btn_loading.weui-btn_primary,
.weui-btn_loading.weui-btn_warn {
    color: hsla(0, 0%, 100%, .6)
}

.weui-btn_loading.weui-btn_primary {
    background-color: #179b16
}

.weui-btn_loading.weui-btn_warn {
    background-color: #ce3c39
}

.weui-btn_plain-primary {
    color: #1aad19;
    border: 1px solid #1aad19
}

.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active {
    color: rgba(26, 173, 25, .6);
    border-color: rgba(26, 173, 25, .6)
}

.weui-btn_plain-primary:after {
    border-width: 0
}

.weui-btn_plain-default {
    color: #353535;
    border: 1px solid #353535
}

.weui-btn_plain-default:not(.weui-btn_plain-disabled):active {
    color: rgba(53, 53, 53, .6);
    border-color: rgba(53, 53, 53, .6)
}

.weui-btn_plain-default:after {
    border-width: 0
}

.weui-btn_plain-disabled {
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

button.weui-btn,
input.weui-btn {
    width: 100%;
    border-width: 0;
    outline: 0;
    -webkit-appearance: none
}

button.weui-btn:focus,
input.weui-btn:focus {
    outline: 0
}

button.weui-btn_inline,
button.weui-btn_mini,
input.weui-btn_inline,
input.weui-btn_mini {
    width: auto
}

button.weui-btn_plain-default,
button.weui-btn_plain-primary,
input.weui-btn_plain-default,
input.weui-btn_plain-primary {
    border-width: 1px;
    background-color: transparent
}

.weui-btn_mini {
    display: inline-block;
    padding: 0 1.32em;
    line-height: 2.3;
    font-size: 13px
}

.weui-btn+.weui-btn {
    margin-top: 15px
}

.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline {
    margin-top: auto;
    margin-left: 15px
}

.weui-btn-area {
    margin: 1.17647059em 15px .3em
}

.weui-btn-area_inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.weui-btn-area_inline .weui-btn {
    margin-top: auto;
    margin-right: 15px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-btn-area_inline .weui-btn:last-child {
    margin-right: 0
}

.weui-cells {
    /* margin-top: 1.17647059em; */
    background-color: #fff;
    line-height: 1.47058824;
    font-size: 17px;
    overflow: hidden;
    position: relative
}

.weui-cells:before {
    top: 0;
    /* border-top: 1px solid #e5e5e5; */
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-cells:after,
.weui-cells:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5;
    z-index: 2
}

.weui-cells:after {
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-cells__title {
    margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #999;
    font-size: 14px
}

.weui-cells__title+.weui-cells {
    margin-top: 0
}

.weui-cells__tips {
    margin-top: .3em;
    color: #999;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px
}

.weui-cell {
    /* padding: 10px 15px; */
    padding: 10px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.weui-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    /* left: 15px; */
    left: 0;
    z-index: 2
}

.weui-cell:first-child:before {
    display: none
}

.weui-cell_primary {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-cell__ft {
    text-align: right;
    color: #999
}

.weui-cell_swiped {
    display: block;
    padding: 0
}

.weui-cell_swiped>.weui-cell__bd {
    position: relative;
    z-index: 1;
    background-color: #fff
}

.weui-cell_swiped>.weui-cell__ft {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    color: #fff
}

.weui-swiped-btn {
    display: block;
    padding: 10px 1em;
    line-height: 1.47058824;
    color: inherit
}

.weui-swiped-btn_default {
    background-color: #c7c7cc
}

.weui-swiped-btn_warn {
    background-color: #ff3b30
}

.weui-cell_access {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit
}

.weui-cell_access:active {
    background-color: #ececec
}

.weui-cell_access .weui-cell__ft {
    padding-right: 13px;
    position: relative
}

.weui-cell_access .weui-cell__ft:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px
}

.weui-cell_link {
    color: #586c94;
    font-size: 14px
}

.weui-cell_link:first-child:before {
    display: block
}

.weui-check__label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-check__label:active {
    background-color: #ececec
}

.weui-check {
    position: absolute;
    left: -9999em
}

.weui-cells_radio .weui-cell__ft {
    padding-left: .35em
}

.weui-cells_radio .weui-check+.weui-icon-checked {
    min-width: 16px
}

.weui-cells_radio .weui-check:checked+.weui-icon-checked:before {
    display: block;
    content: '\EA08';
    color: #09bb07;
    font-size: 16px
}

.weui-cells_checkbox .weui-cell__hd {
    padding-right: .35em
}

.weui-cells_checkbox .weui-icon-checked:before {
    content: '\EA01';
    color: #c9c9c9;
    font-size: 23px;
    display: block
}

.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before {
    content: '\EA06';
    color: #09bb07
}

.weui-label {
    display: block;
    width: 105px;
    word-wrap: break-word;
    word-break: break-all
}

.weui-input {
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.47058824em;
    line-height: 1.47058824
}

.weui-input::-webkit-inner-spin-button,
.weui-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.weui-textarea {
    display: block;
    border: 0;
    resize: none;
    width: 100%;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    outline: 0
}

.weui-textarea-counter {
    color: #b2b2b2;
    text-align: right
}

.weui-cell_warn .weui-textarea-counter {
    color: #e64340
}

.weui-toptips {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    left: 0;
    right: 0;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    z-index: 5000;
    word-wrap: break-word;
    word-break: break-all
}

.weui-toptips_warn {
    background-color: #e64340
}

.weui-cells_form .weui-cell__ft {
    font-size: 0
}

.weui-cells_form .weui-icon-warn {
    display: none
}

.weui-cells_form input,
.weui-cells_form label[for],
.weui-cells_form textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-cell_warn {
    color: #e64340
}

.weui-cell_warn .weui-icon-warn {
    display: inline-block
}

.weui-form-preview {
    position: relative;
    background-color: #fff
}

.weui-form-preview:before {
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-form-preview:after,
.weui-form-preview:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5
}

.weui-form-preview:after {
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-form-preview__hd {
    position: relative;
    padding: 10px 15px;
    text-align: right;
    line-height: 2.5em
}

.weui-form-preview__hd:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px
}

.weui-form-preview__hd .weui-form-preview__value {
    font-style: normal;
    font-size: 1.6em
}

.weui-form-preview__bd {
    padding: 10px 15px;
    font-size: .9em;
    text-align: right;
    color: #999;
    line-height: 2
}

.weui-form-preview__ft {
    position: relative;
    line-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.weui-form-preview__ft:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-form-preview__item {
    overflow: hidden
}

.weui-form-preview__label {
    float: left;
    margin-right: 1em;
    min-width: 4em;
    color: #999;
    text-align: justify;
    text-align-last: justify
}

.weui-form-preview__value {
    display: block;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word
}

.weui-form-preview__btn {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #3cc51f;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button.weui-form-preview__btn {
    background-color: transparent;
    border: 0;
    outline: 0;
    line-height: inherit;
    font-size: inherit
}

.weui-form-preview__btn:active {
    background-color: #eee
}

.weui-form-preview__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-form-preview__btn:first-child:after {
    display: none
}

.weui-form-preview__btn_default {
    color: #999
}

.weui-form-preview__btn_primary {
    color: #0bb20c
}

.weui-cell_select {
    padding: 0
}

.weui-cell_select .weui-select {
    padding-right: 30px
}

.weui-cell_select .weui-cell__bd:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px
}

.weui-select {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    font-size: inherit;
    height: 45px;
    line-height: 45px;
    position: relative;
    z-index: 1;
    padding-left: 15px
}

.weui-cell_select-before {
    padding-right: 15px
}

.weui-cell_select-before .weui-select {
    width: 105px;
    box-sizing: border-box
}

.weui-cell_select-before .weui-cell__hd {
    position: relative
}

.weui-cell_select-before .weui-cell__hd:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-cell_select-before .weui-cell__hd:before {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px
}

.weui-cell_select-before .weui-cell__bd {
    padding-left: 15px
}

.weui-cell_select-before .weui-cell__bd:after {
    display: none
}

.weui-cell_select-after {
    padding-left: 15px
}

.weui-cell_select-after .weui-select {
    padding-left: 0
}

.weui-cell_vcode {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.weui-vcode-btn,
.weui-vcode-img {
    margin-left: 5px;
    height: 45px;
    vertical-align: middle
}

.weui-vcode-btn {
    display: inline-block;
    padding: 0 .6em 0 .7em;
    border-left: 1px solid #e5e5e5;
    line-height: 45px;
    font-size: 17px;
    color: #3cc51f
}

button.weui-vcode-btn {
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0
}

.weui-vcode-btn:active {
    color: #52a341
}

.weui-gallery {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 1000
}

.weui-gallery__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
    background: 50% no-repeat;
    background-size: contain
}

.weui-gallery__opr {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0d0d0d;
    color: #fff;
    line-height: 60px;
    text-align: center
}

.weui-gallery__del {
    display: block
}

.weui-cell_switch {
    padding-top: 6.5px;
    padding-bottom: 6.5px
}

.weui-switch {
    -webkit-appearance: none;
    appearance: none
}

.weui-switch,
.weui-switch-cp__box {
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #dfdfdf;
    -webkit-transition: background-color .1s, border .1s;
    transition: background-color .1s, border .1s
}

.weui-switch-cp__box:before,
.weui-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 30px;
    border-radius: 15px;
    background-color: #fdfdfd;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: transform .35s cubic-bezier(.45, 1, .4, 1), -webkit-transform .35s cubic-bezier(.45, 1, .4, 1)
}

.weui-switch-cp__box:after,
.weui-switch:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -webkit-transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: transform .35s cubic-bezier(.4, .4, .25, 1.35), -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35)
}

.weui-switch-cp__input:checked~.weui-switch-cp__box,
.weui-switch:checked {
    border-color: #04be02;
    background-color: #04be02
}

.weui-switch-cp__input:checked~.weui-switch-cp__box:before,
.weui-switch:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.weui-switch-cp__input:checked~.weui-switch-cp__box:after,
.weui-switch:checked:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.weui-switch-cp__input {
    position: absolute;
    left: -9999px
}

.weui-switch-cp__box {
    display: block
}

.weui-uploader__hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.weui-uploader__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-uploader__info {
    color: #b2b2b2
}

.weui-uploader__bd {
    margin-bottom: -4px;
    margin-right: -9px;
    overflow: hidden
}

.weui-uploader__files {
    list-style: none
}

.weui-uploader__file {
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 79px;
    height: 79px;
    background: no-repeat 50%;
    background-size: cover
}

.weui-uploader__file_status {
    position: relative
}

.weui-uploader__file_status:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.weui-uploader__file_status .weui-uploader__file-content {
    display: block
}

.weui-uploader__file-content {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

.weui-uploader__file-content .weui-icon-warn {
    display: inline-block
}

.weui-uploader__input-box {
    float: left;
    position: relative;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 77px;
    height: 77px;
    border: 1px solid #d9d9d9
}

.weui-uploader__input-box:after,
.weui-uploader__input-box:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #d9d9d9
}

.weui-uploader__input-box:before {
    width: 2px;
    height: 39.5px
}

.weui-uploader__input-box:after {
    width: 39.5px;
    height: 2px
}

.weui-uploader__input-box:active {
    border-color: #999
}

.weui-uploader__input-box:active:after,
.weui-uploader__input-box:active:before {
    background-color: #999
}

.weui-uploader__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-msg {
    padding-top: 36px;
    text-align: center
}

.weui-msg__icon-area {
    margin-bottom: 30px
}

.weui-msg__text-area {
    margin-bottom: 25px;
    padding: 0 20px
}

.weui-msg__text-area a {
    color: #586c94
}

.weui-msg__title {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 20px
}

.weui-msg__desc,
.weui-msg__title {
    word-wrap: break-word;
    word-break: break-all
}

.weui-msg__desc {
    font-size: 14px;
    color: #999
}

.weui-msg__opr-area {
    margin-bottom: 25px
}

.weui-msg__extra-area {
    margin-bottom: 15px;
    font-size: 14px;
    color: #999
}

.weui-msg__extra-area a {
    color: #586c94
}

@media screen and (min-height:438px) {
    .weui-msg__extra-area {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .weui-msg__extra-area {
        margin-bottom: 49px
    }
}

.weui-article {
    padding: 20px 15px;
    font-size: 15px
}

.weui-article section {
    margin-bottom: 1.5em
}

.weui-article h1 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: .9em
}

.weui-article h2 {
    font-size: 16px
}

.weui-article h2,
.weui-article h3 {
    font-weight: 400;
    margin-bottom: .34em
}

.weui-article h3 {
    font-size: 15px
}

.weui-article * {
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word
}

.weui-article p {
    margin: 0 0 .8em
}

.weui-tabbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 500;
    bottom: 0;
    width: 100%;
    background-color: #f7f7fa
}

.weui-tabbar:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #c0bfc4;
    color: #c0bfc4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-tabbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 0 0;
    font-size: 0;
    color: #999;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
    color: #09bb07
}

.weui-tabbar__icon {
    display: inline-block;
    width: 27px;
    height: 27px
}

.weui-tabbar__icon>i,
i.weui-tabbar__icon {
    font-size: 24px;
    color: #999
}

.weui-tabbar__icon img {
    width: 100%;
    height: 100%
}

.weui-tabbar__label {
    text-align: center;
    color: #999;
    font-size: 10px;
    line-height: 1.8
}

.weui-navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 500;
    top: 0;
    width: 100%;
    background-color: #fafafa
}

.weui-navbar:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-navbar+.weui-tab__panel {
    padding-top: 50px;
    padding-bottom: 0
}

.weui-navbar__item {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 13px 0;
    text-align: center;
    font-size: 15px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-navbar__item:active {
    background-color: #ededed
}

.weui-navbar__item.weui-bar__item_on {
    background-color: #eaeaea
}

.weui-navbar__item:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #ccc;
    color: #ccc;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-navbar__item:last-child:after {
    display: none
}

.weui-tab {
    position: relative;
    height: 100%
}

.weui-tab__panel {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 50px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.weui-tab__content {
    display: none
}

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

.weui-progress__bar {
    background-color: #ebebeb;
    height: 3px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-progress__inner-bar {
    width: 0;
    height: 100%;
    background-color: #09bb07
}

.weui-progress__opr {
    display: block;
    margin-left: 15px;
    font-size: 0
}

.weui-panel {
    background-color: #fff;
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.weui-panel:first-child {
    margin-top: 0
}

.weui-panel:before {
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-panel:after,
.weui-panel:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5
}

.weui-panel:after {
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-panel__hd {
    padding: 14px 15px 10px;
    color: #999;
    font-size: 13px;
    position: relative
}

.weui-panel__hd:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px
}

.weui-media-box {
    padding: 15px;
    position: relative
}

.weui-media-box:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px
}

.weui-media-box:first-child:before {
    display: none
}

a.weui-media-box {
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a.weui-media-box:active {
    background-color: #ececec
}

.weui-media-box__title {
    font-weight: 400;
    font-size: 17px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all
}

.weui-media-box__desc {
    color: #999;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.weui-media-box__info {
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #cecece;
    line-height: 1em;
    list-style: none;
    overflow: hidden
}

.weui-media-box__info__meta {
    float: left;
    padding-right: 1em
}

.weui-media-box__info__meta_extra {
    padding-left: 1em;
    border-left: 1px solid #cecece
}

.weui-media-box_text .weui-media-box__title {
    margin-bottom: 8px
}

.weui-media-box_appmsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.weui-media-box_appmsg .weui-media-box__hd {
    margin-right: .8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.weui-media-box_appmsg .weui-media-box__thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top
}

.weui-media-box_appmsg .weui-media-box__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.weui-media-box_small-appmsg {
    padding: 0
}

.weui-media-box_small-appmsg .weui-cells {
    margin-top: 0
}

.weui-media-box_small-appmsg .weui-cells:before {
    display: none
}

.weui-grids {
    position: relative;
    overflow: hidden
}

.weui-grids:before {
    right: 0;
    height: 1px;
    border-top: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-grids:after,
.weui-grids:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    color: #d9d9d9
}

.weui-grids:after {
    width: 1px;
    bottom: 0;
    border-left: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-grid {
    position: relative;
    float: left;
    padding: 20px 10px;
    width: 33.33333333%;
    box-sizing: border-box
}

.weui-grid:before {
    top: 0;
    width: 1px;
    border-right: 1px solid #d9d9d9;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-grid:after,
.weui-grid:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d9d9d9
}

.weui-grid:after {
    left: 0;
    height: 1px;
    border-bottom: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-grid:active {
    background-color: #ececec
}

.weui-grid__icon {
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.weui-grid__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.weui-grid__icon+.weui-grid__label {
    margin-top: 5px
}

.weui-grid__label {
    display: block;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.weui-footer,
.weui-grid__label {
    text-align: center;
    font-size: 14px
}

.weui-footer {
    color: #999
}

.weui-footer a {
    color: #586c94
}

.weui-footer_fixed-bottom {
    position: fixed;
    bottom: .52em;
    left: 0;
    right: 0
}

.weui-footer__links {
    font-size: 0
}

.weui-footer__link {
    display: inline-block;
    vertical-align: top;
    margin: 0 .62em;
    position: relative;
    font-size: 14px
}

.weui-footer__link:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #c7c7c7;
    color: #c7c7c7;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    left: -.65em;
    top: .36em;
    bottom: .36em
}

.weui-footer__link:first-child:before {
    display: none
}

.weui-footer__text {
    padding: 0 .34em;
    font-size: 12px
}

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

.weui-flex__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.weui-dialog__hd {
    padding: 1.3em 1.6em .5em
}

.weui-dialog__title {
    font-weight: 400;
    font-size: 18px
}

.weui-dialog__bd {
    padding: 0 1.6em .8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999
}

.weui-dialog__bd:first-child {
    padding: 2.7em 20px 1.7em;
    color: #353535
}

.weui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.weui-dialog__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #3cc51f;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative
}

.weui-dialog__btn:active {
    background-color: #eee
}

.weui-dialog__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.weui-dialog__btn:first-child:after {
    display: none
}

.weui-dialog__btn_default {
    color: #353535
}

.weui-dialog__btn_primary {
    color: #0bb20c
}

.weui-skin_android .weui-dialog {
    text-align: left;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .1)
}

.weui-skin_android .weui-dialog__title {
    font-size: 21px
}

.weui-skin_android .weui-dialog__hd {
    text-align: left
}

.weui-skin_android .weui-dialog__bd {
    color: #999;
    padding: .25em 1.6em 2em;
    font-size: 17px;
    text-align: left
}

.weui-skin_android .weui-dialog__bd:first-child {
    padding: 1.6em 1.6em 2em;
    color: #353535
}

.weui-skin_android .weui-dialog__ft {
    display: block;
    text-align: right;
    line-height: 42px;
    font-size: 16px;
    padding: 0 1.6em .7em
}

.weui-skin_android .weui-dialog__ft:after {
    display: none
}

.weui-skin_android .weui-dialog__btn {
    display: inline-block;
    vertical-align: top;
    padding: 0 .8em
}

.weui-skin_android .weui-dialog__btn:after {
    display: none
}

.weui-skin_android .weui-dialog__btn:active,
.weui-skin_android .weui-dialog__btn:visited {
    background-color: rgba(0, 0, 0, .06)
}

.weui-skin_android .weui-dialog__btn:last-child {
    margin-right: -.8em
}

.weui-skin_android .weui-dialog__btn_default {
    color: gray
}

@media screen and (min-width:1024px) {
    .weui-dialog {
        width: 35%
    }
}

.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: hsla(0, 0%, 7%, .7);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.weui-icon_toast {
    margin: 22px 0 0;
    display: block
}

.weui-icon_toast.weui-icon-success-no-circle:before {
    color: #fff;
    font-size: 55px
}

.weui-icon_toast.weui-loading {
    margin: 30px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline
}

.weui-toast__content {
    margin: 0 0 15px
}

.weui-mask {
    background: rgba(0, 0, 0, .6)
}

.weui-mask,
.weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.weui-actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 5000;
    width: 100%;
    background-color: #efeff4;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.weui-actionsheet__title {
    position: relative;
    height: 65px;
    padding: 0 20px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    color: #888;
    background: #fcfcfd
}

.weui-actionsheet__title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-actionsheet__title .weui-actionsheet__title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.weui-actionsheet__menu {
    background-color: #fcfcfd
}

.weui-actionsheet__action {
    margin-top: 6px;
    background-color: #fcfcfd
}

.weui-actionsheet__cell {
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 18px
}

.weui-actionsheet__cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-actionsheet__cell:active {
    background-color: #ececec
}

.weui-actionsheet__cell:first-child:before {
    display: none
}

.weui-skin_android .weui-actionsheet {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 274px;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.weui-skin_android .weui-actionsheet__action {
    display: none
}

.weui-skin_android .weui-actionsheet__menu {
    border-radius: 2px;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .1)
}

.weui-skin_android .weui-actionsheet__cell {
    padding: 13px 24px;
    font-size: 16px;
    line-height: 1.4;
    text-align: left
}

.weui-skin_android .weui-actionsheet__cell:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.weui-skin_android .weui-actionsheet__cell:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.weui-actionsheet_toggle {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.weui-loadmore {
    width: 65%;
    margin: 1.5em auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center
}

.weui-loadmore__tips {
    display: inline-block;
    vertical-align: middle
}

.weui-loadmore_line {
    border-top: 1px solid #e5e5e5;
    margin-top: 2.4em
}

.weui-loadmore_line .weui-loadmore__tips {
    position: relative;
    top: -.9em;
    padding: 0 .55em;
    background-color: #fff;
    color: #999
}

.weui-loadmore_dot .weui-loadmore__tips {
    padding: 0 .16em
}

.weui-loadmore_dot .weui-loadmore__tips:before {
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #e5e5e5;
    display: inline-block;
    position: relative;
    vertical-align: 0;
    top: -.16em
}

.weui-badge {
    display: inline-block;
    padding: .15em .4em;
    min-width: 8px;
    border-radius: 18px;
    background-color: #f43530;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    vertical-align: middle
}

.weui-badge_dot {
    padding: .4em;
    min-width: 0
}

.weui-search-bar {
    position: relative;
    padding: 8px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    background-color: #efeff4;
    -webkit-text-size-adjust: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.weui-search-bar:before {
    top: 0;
    border-top: 1px solid #d7d6dc;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-search-bar:after,
.weui-search-bar:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #d7d6dc
}

.weui-search-bar:after {
    bottom: 0;
    border-bottom: 1px solid #d7d6dc;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn {
    display: block
}

.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label {
    display: none
}

.weui-search-bar__form {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
    background-color: #efeff4
}

.weui-search-bar__form:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 10px;
    border: 1px solid #e6e6ea;
    box-sizing: border-box;
    background: #fff
}

.weui-search-bar__box {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: 1
}

.weui-search-bar__box .weui-search-bar__input {
    padding: 4px 0;
    width: 100%;
    height: 1.42857143em;
    border: 0;
    font-size: 14px;
    line-height: 1.42857143em;
    box-sizing: content-box;
    background: transparent
}

.weui-search-bar__box .weui-search-bar__input:focus {
    outline: none
}

.weui-search-bar__box .weui-icon-search {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -14px;
    line-height: 28px
}

.weui-search-bar__box .weui-icon-clear {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    padding: 0 10px;
    line-height: 28px
}

.weui-search-bar__label {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 2;
    border-radius: 3px;
    text-align: center;
    color: #9b9b9b;
    background: #fff
}

.weui-search-bar__label span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.weui-search-bar__label .weui-icon-search {
    margin-right: 5px
}

.weui-search-bar__cancel-btn {
    display: none;
    margin-left: 10px;
    line-height: 28px;
    color: #09bb07;
    white-space: nowrap
}

.weui-search-bar__input:not(:valid)~.weui-icon-clear {
    display: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

.weui-picker {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    /* width: 600px; */
    z-index: 5000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.region-picker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.region-picker .weui-picker {
    position: static;
    width: 600px;
    z-index: 5000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.weui-picker__hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 9px 15px;
    background-color: #fff;
    position: relative;
    text-align: center;
    font-size: 17px
}

.weui-picker__hd:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-picker__action {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #1aad19
}

.weui-picker__action:first-child {
    text-align: left;
    color: #888
}

.weui-picker__action:last-child {
    text-align: right
}

.weui-picker__bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    background-color: #fff;
    height: 238px;
    overflow: hidden
}

.weui-picker__group {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    height: 100%
}

.weui-picker__mask {
    top: 0;
    height: 100%;
    margin: 0 auto;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.weui-picker__indicator,
.weui-picker__mask {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.weui-picker__indicator {
    height: 34px;
    top: 102px
}

.weui-picker__indicator:before {
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-picker__indicator:after,
.weui-picker__indicator:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5
}

.weui-picker__indicator:after {
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.weui-picker__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.weui-picker__item {
    padding: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.weui-picker__item_disabled {
    color: #999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes a {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.weui-animate-slide-up {
    -webkit-animation: a ease .3s forwards;
    animation: a ease .3s forwards
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.weui-animate-slide-down {
    -webkit-animation: b ease .3s forwards;
    animation: b ease .3s forwards
}

@-webkit-keyframes c {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes c {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.weui-animate-fade-in {
    -webkit-animation: c ease .3s forwards;
    animation: c ease .3s forwards
}

@-webkit-keyframes d {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes d {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.weui-animate-fade-out {
    -webkit-animation: d ease .3s forwards;
    animation: d ease .3s forwards
}

.weui-agree {
    display: block;
    padding: .5em 15px;
    font-size: 13px
}

.weui-agree a {
    color: #586c94
}

.weui-agree__text {
    color: #999
}

.weui-agree__checkbox {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 3px;
    width: 13px;
    height: 13px;
    position: relative;
    vertical-align: 0;
    top: 2px
}

.weui-agree__checkbox:checked:before {
    font-family: weui;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    content: "\EA08";
    color: #09bb07;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%) scale(.73);
    transform: translate(-50%, -48%) scale(.73)
}

.weui-agree__checkbox:disabled {
    background-color: #e1e1e1
}

.weui-agree__checkbox:disabled:before {
    color: #adadad
}

.weui-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: e 1s steps(12) infinite;
    animation: e 1s steps(12) infinite;
    background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
    background-size: 100%
}

.weui-btn_loading.weui-btn_primary .weui-loading,
.weui-btn_loading.weui-btn_warn .weui-loading,
.weui-loading.weui-loading_transparent {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes e {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.weui-slider {
    padding: 15px 18px;
    -webkit-user-select: none;
    user-select: none
}

.weui-slider__inner {
    position: relative;
    height: 2px;
    background-color: #e9e9e9
}

.weui-slider__track {
    height: 2px;
    background-color: #1aad19;
    width: 0
}

.weui-slider__handler {
    position: absolute;
    left: 0;
    top: 50%;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    margin-top: -14px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

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

.weui-slider-box .weui-slider {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.weui-slider-box__value {
    margin-left: .5em;
    min-width: 24px;
    color: #888;
    text-align: center;
    font-size: 14px
}
/*!
 * =====================================================
 * Mui v3.7.3 (http://dev.dcloud.net.cn/mui)
 * =====================================================
 */


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

body::after {
    position: fixed;
    top: -1000px;
    left: -1000px;
    content: '';
    -webkit-animation: shadow-preload .1s;
    animation: shadow-preload .1s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes shadow-preload {
    0%,
    100% {
        background-image: url(https://cdn.dcloud.net.cn/img/mui-shadow-grey.png)
    }
}

@keyframes shadow-preload {
    0%,
    100% {
        background-image: url(https://cdn.dcloud.net.cn/img/mui-shadow-grey.png)
    }
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
html input[disabled] {
    cursor: default
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 17px;
    /* line-height: 21px; */
    color: #000;
    background-color: #efeff4;
    -webkit-overflow-scrolling: touch
}

a {
    text-decoration: none;
    /* color: #007aff; */
}

a:active {
    /* color: #0062cc */
}

.mui-content {
    background-color: #efeff4;
    -webkit-overflow-scrolling: touch
}

.mui-bar-nav~.mui-content {
    padding-top: 44px
}

.mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    top: 44px
}

.mui-bar-header-secondary~.mui-content {
    padding-top: 88px
}

.mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    top: 88px
}

.mui-bar-footer~.mui-content {
    padding-bottom: 44px
}

.mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    bottom: 44px
}

.mui-bar-footer-secondary~.mui-content {
    padding-bottom: 88px
}

.mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    bottom: 88px
}

.mui-bar-tab~.mui-content {
    padding-bottom: 50px
}

.mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    bottom: 50px
}

.mui-bar-footer-secondary-tab~.mui-content {
    padding-bottom: 94px
}

.mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
    bottom: 94px
}

.mui-content-padded {
    margin: 10px
}

.mui-inline {
    display: inline-block;
    vertical-align: top
}

.mui-block {
    display: block!important
}

.mui-visibility {
    visibility: visible!important
}

.mui-hidden {
    display: none!important
}

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

.mui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mui-table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.mui-table-cell {
    position: relative;
    display: table-cell
}

.mui-text-left {
    text-align: left!important
}

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

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

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

.mui-pull-left {
    float: left
}

.mui-pull-right {
    float: right
}

.mui-list-unstyled {
    padding-left: 0;
    list-style: none
}

.mui-list-inline {
    margin-left: -5px;
    padding-left: 0;
    list-style: none
}

.mui-list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.mui-clearfix:after,
.mui-clearfix:before {
    display: table;
    content: ' '
}

.mui-clearfix:after {
    clear: both
}

.mui-bg-primary {
    background-color: #007aff
}

.mui-bg-positive {
    background-color: #4cd964
}

.mui-bg-negative {
    background-color: #dd524d
}

.mui-error {
    margin: 88px 35px;
    padding: 10px;
    border-radius: 6px;
    background-color: #bbb
}

.mui-subtitle {
    font-size: 15px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px
}

.mui-h1,
h1 {
    font-size: 36px
}

.mui-h2,
h2 {
    font-size: 30px
}

.mui-h3,
h3 {
    font-size: 24px
}

.mui-h4,
h4 {
    font-size: 18px
}

.mui-h5,
h5 {
    font-size: 14px;
    font-weight: 400;
    color: #8f8f94
}

.mui-h6,
h6 {
    font-size: 12px;
    font-weight: 400;
    color: #8f8f94
}

p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #8f8f94
}

.mui-row:after,
.mui-row:before {
    display: table;
    content: ' '
}

.mui-row:after {
    clear: both
}

.mui-col-sm-1,
.mui-col-sm-10,
.mui-col-sm-11,
.mui-col-sm-12,
.mui-col-sm-2,
.mui-col-sm-3,
.mui-col-sm-4,
.mui-col-sm-5,
.mui-col-sm-6,
.mui-col-sm-7,
.mui-col-sm-8,
.mui-col-sm-9,
.mui-col-xs-1,
.mui-col-xs-10,
.mui-col-xs-11,
.mui-col-xs-12,
.mui-col-xs-2,
.mui-col-xs-3,
.mui-col-xs-4,
.mui-col-xs-5,
.mui-col-xs-6,
.mui-col-xs-7,
.mui-col-xs-8,
.mui-col-xs-9 {
    position: relative;
    min-height: 1px
}

.mui-row>[class*=mui-col-] {
    float: left
}

.mui-col-xs-12 {
    width: 100%
}

.mui-col-xs-11 {
    width: 91.66666667%
}

.mui-col-xs-10 {
    width: 83.33333333%
}

.mui-col-xs-9 {
    width: 75%
}

.mui-col-xs-8 {
    width: 66.66666667%
}

.mui-col-xs-7 {
    width: 58.33333333%
}

.mui-col-xs-6 {
    width: 50%
}

.mui-col-xs-5 {
    width: 41.66666667%
}

.mui-col-xs-4 {
    width: 33.33333333%
}

.mui-col-xs-3 {
    width: 25%
}

.mui-col-xs-2 {
    width: 16.66666667%
}

.mui-col-xs-1 {
    width: 8.33333333%
}

@media (min-width:400px) {
    .mui-col-sm-12 {
        width: 100%
    }
    .mui-col-sm-11 {
        width: 91.66666667%
    }
    .mui-col-sm-10 {
        width: 83.33333333%
    }
    .mui-col-sm-9 {
        width: 75%
    }
    .mui-col-sm-8 {
        width: 66.66666667%
    }
    .mui-col-sm-7 {
        width: 58.33333333%
    }
    .mui-col-sm-6 {
        width: 50%
    }
    .mui-col-sm-5 {
        width: 41.66666667%
    }
    .mui-col-sm-4 {
        width: 33.33333333%
    }
    .mui-col-sm-3 {
        width: 25%
    }
    .mui-col-sm-2 {
        width: 16.66666667%
    }
    .mui-col-sm-1 {
        width: 8.33333333%
    }
}

.mui-scroll-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

.mui-scroll {
    position: absolute;
    z-index: 1;
    width: 100%
}

.mui-scrollbar {
    position: absolute;
    z-index: 9998;
    overflow: hidden;
    -webkit-transition: 500ms;
    transition: 500ms;
    transform: translateZ(0px);
    pointer-events: none;
    opacity: 0
}

.mui-scrollbar-vertical {
    top: 0;
    right: 1px;
    bottom: 2px;
    width: 4px
}

.mui-scrollbar-vertical .mui-scrollbar-indicator {
    width: 100%
}

.mui-scrollbar-horizontal {
    right: 2px;
    bottom: 0;
    left: 2px;
    height: 4px
}

.mui-scrollbar-horizontal .mui-scrollbar-indicator {
    height: 100%
}

.mui-scrollbar-indicator {
    position: absolute;
    display: block;
    box-sizing: border-box;
    -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
    transition: .01s cubic-bezier(.1, .57, .1, 1);
    transform: translate(0px, 0) translateZ(0px);
    border: 1px solid rgba(255, 255, 255, .80196);
    border-radius: 2px;
    background: rgba(0, 0, 0, .39804)
}

.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper,
.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%
}

.mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll,
.mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll {
    position: absolute;
    width: 100%
}

.mui-plus-pullrefresh .mui-scroll-wrapper,
.mui-plus-pullrefresh .mui-slider-group {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    overflow: auto;
    width: auto
}

.mui-plus-pullrefresh .mui-slider-group {
    overflow: visible
}

.mui-plus-pullrefresh .mui-scroll {
    position: static;
    width: auto
}

.mui-off-canvas-wrap .mui-bar {
    position: absolute!important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-off-canvas-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.mui-off-canvas-wrap .mui-inner-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
    -webkit-transition: -webkit-transform 350ms;
    transition: transform 350ms cubic-bezier(.165, .84, .44, 1)
}

.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mui-off-canvas-wrap.mui-active {
    overflow: hidden;
    height: 100%
}

.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
    position: absolute;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    transition: background 350ms cubic-bezier(.165, .84, .44, 1);
    background: rgba(0, 0, 0, .4);
    box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: transparent
}

.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
    z-index: 10000!important;
    -webkit-transform: translate3d(100%, 0, 0)
}

.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
    z-index: 10000!important;
    -webkit-transform: translate3d(-100%, 0, 0)
}

.mui-off-canvas-left,
.mui-off-canvas-right {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    visibility: hidden;
    box-sizing: content-box;
    width: 70%;
    min-height: 100%;
    background: #333;
    -webkit-overflow-scrolling: touch
}

.mui-off-canvas-left.mui-transitioning,
.mui-off-canvas-right.mui-transitioning {
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1);
    transition: transform 350ms cubic-bezier(.165, .84, .44, 1)
}

.mui-off-canvas-left {
    left: 0
}

.mui-off-canvas-right {
    right: 0
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable {
    background-color: #333
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left,
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
    width: 80%;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .1
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left.mui-transitioning,
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right.mui-transitioning {
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1);
    transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1)
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left {
    -webkit-transform-origin: -100%;
    transform-origin: -100%
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right {
    -webkit-transform-origin: 200%;
    transform-origin: 200%
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-inner-wrap {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-left,
.mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-right {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mui-loading .mui-spinner {
    display: block;
    margin: 0 auto
}

.mui-spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: spinner-spin 1s step-end infinite;
    animation: spinner-spin 1s step-end infinite
}

.mui-spinner:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.mui-spinner-white:after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>')
}

@-webkit-keyframes spinner-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    8.33333333% {
        -webkit-transform: rotate(30deg)
    }
    16.66666667% {
        -webkit-transform: rotate(60deg)
    }
    25% {
        -webkit-transform: rotate(90deg)
    }
    33.33333333% {
        -webkit-transform: rotate(120deg)
    }
    41.66666667% {
        -webkit-transform: rotate(150deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    58.33333333% {
        -webkit-transform: rotate(210deg)
    }
    66.66666667% {
        -webkit-transform: rotate(240deg)
    }
    75% {
        -webkit-transform: rotate(270deg)
    }
    83.33333333% {
        -webkit-transform: rotate(300deg)
    }
    91.66666667% {
        -webkit-transform: rotate(330deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinner-spin {
    0% {
        transform: rotate(0deg)
    }
    8.33333333% {
        transform: rotate(30deg)
    }
    16.66666667% {
        transform: rotate(60deg)
    }
    25% {
        transform: rotate(90deg)
    }
    33.33333333% {
        transform: rotate(120deg)
    }
    41.66666667% {
        transform: rotate(150deg)
    }
    50% {
        transform: rotate(180deg)
    }
    58.33333333% {
        transform: rotate(210deg)
    }
    66.66666667% {
        transform: rotate(240deg)
    }
    75% {
        transform: rotate(270deg)
    }
    83.33333333% {
        transform: rotate(300deg)
    }
    91.66666667% {
        transform: rotate(330deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.mui-btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    background-clip: padding-box
}

.mui-btn.mui-active:enabled,
.mui-btn:enabled:active,
button.mui-active:enabled,
button:enabled:active,
input[type=button].mui-active:enabled,
input[type=button]:enabled:active,
input[type=reset].mui-active:enabled,
input[type=reset]:enabled:active,
input[type=submit].mui-active:enabled,
input[type=submit]:enabled:active {
    color: #fff;
    background-color: #929292
}

.mui-btn.mui-disabled,
.mui-btn:disabled,
button.mui-disabled,
button:disabled,
input[type=button].mui-disabled,
input[type=button]:disabled,
input[type=reset].mui-disabled,
input[type=reset]:disabled,
input[type=submit].mui-disabled,
input[type=submit]:disabled {
    opacity: .6
}

.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
    color: #fff;
    border: 1px solid #007aff;
    background-color: #007aff
}

.mui-btn-blue.mui-active:enabled,
.mui-btn-blue:enabled:active,
.mui-btn-primary.mui-active:enabled,
.mui-btn-primary:enabled:active,
input[type=submit].mui-active:enabled,
input[type=submit]:enabled:active {
    color: #fff;
    border: 1px solid #0062cc;
    background-color: #0062cc
}

.mui-btn-green,
.mui-btn-positive,
.mui-btn-success {
    color: #fff;
    border: 1px solid #4cd964;
    background-color: #4cd964
}

.mui-btn-green.mui-active:enabled,
.mui-btn-green:enabled:active,
.mui-btn-positive.mui-active:enabled,
.mui-btn-positive:enabled:active,
.mui-btn-success.mui-active:enabled,
.mui-btn-success:enabled:active {
    color: #fff;
    border: 1px solid #2ac845;
    background-color: #2ac845
}

.mui-btn-warning,
.mui-btn-yellow {
    color: #fff;
    border: 1px solid #f0ad4e;
    background-color: #f0ad4e
}

.mui-btn-warning.mui-active:enabled,
.mui-btn-warning:enabled:active,
.mui-btn-yellow.mui-active:enabled,
.mui-btn-yellow:enabled:active {
    color: #fff;
    border: 1px solid #ec971f;
    background-color: #ec971f
}

.mui-btn-danger,
.mui-btn-negative,
.mui-btn-red {
    color: #fff;
    border: 1px solid #dd524d;
    background-color: #dd524d
}

.mui-btn-danger.mui-active:enabled,
.mui-btn-danger:enabled:active,
.mui-btn-negative.mui-active:enabled,
.mui-btn-negative:enabled:active,
.mui-btn-red.mui-active:enabled,
.mui-btn-red:enabled:active {
    color: #fff;
    border: 1px solid #cf2d28;
    background-color: #cf2d28
}

.mui-btn-purple,
.mui-btn-royal {
    color: #fff;
    border: 1px solid #8a6de9;
    background-color: #8a6de9
}

.mui-btn-purple.mui-active:enabled,
.mui-btn-purple:enabled:active,
.mui-btn-royal.mui-active:enabled,
.mui-btn-royal:enabled:active {
    color: #fff;
    border: 1px solid #6641e2;
    background-color: #6641e2
}

.mui-btn-grey {
    color: #fff;
    border: 1px solid #c7c7cc;
    background-color: #c7c7cc
}

.mui-btn-grey.mui-active:enabled,
.mui-btn-grey:enabled:active {
    color: #fff;
    border: 1px solid #acacb4;
    background-color: #acacb4
}

.mui-btn-outlined {
    background-color: transparent
}

.mui-btn-outlined.mui-btn-blue,
.mui-btn-outlined.mui-btn-primary {
    color: #007aff
}

.mui-btn-outlined.mui-btn-green,
.mui-btn-outlined.mui-btn-positive,
.mui-btn-outlined.mui-btn-success {
    color: #4cd964
}

.mui-btn-outlined.mui-btn-warning,
.mui-btn-outlined.mui-btn-yellow {
    color: #f0ad4e
}

.mui-btn-outlined.mui-btn-danger,
.mui-btn-outlined.mui-btn-negative,
.mui-btn-outlined.mui-btn-red {
    color: #dd524d
}

.mui-btn-outlined.mui-btn-purple,
.mui-btn-outlined.mui-btn-royal {
    color: #8a6de9
}

.mui-btn-outlined.mui-btn-blue:enabled:active,
.mui-btn-outlined.mui-btn-danger:enabled:active,
.mui-btn-outlined.mui-btn-green:enabled:active,
.mui-btn-outlined.mui-btn-negative:enabled:active,
.mui-btn-outlined.mui-btn-positive:enabled:active,
.mui-btn-outlined.mui-btn-primary:enabled:active,
.mui-btn-outlined.mui-btn-purple:enabled:active,
.mui-btn-outlined.mui-btn-red:enabled:active,
.mui-btn-outlined.mui-btn-royal:enabled:active,
.mui-btn-outlined.mui-btn-success:enabled:active,
.mui-btn-outlined.mui-btn-warning:enabled:active,
.mui-btn-outlined.mui-btn-yellow:enabled:active {
    color: #fff
}

.mui-btn-link {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #007aff;
    border: 0;
    background-color: transparent
}

.mui-btn-link.mui-active:enabled,
.mui-btn-link:enabled:active {
    color: #0062cc;
    background-color: transparent
}

.mui-btn-block {
    font-size: 18px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 0
}

.mui-btn .mui-badge {
    font-size: 14px;
    margin: -2px -4px -2px 4px;
    background-color: rgba(0, 0, 0, .15)
}

.mui-btn .mui-badge-inverted,
.mui-btn:enabled:active .mui-badge-inverted {
    background-color: transparent
}

.mui-btn-negative:enabled:active .mui-badge-inverted,
.mui-btn-positive:enabled:active .mui-badge-inverted,
.mui-btn-primary:enabled:active .mui-badge-inverted {
    color: #fff
}

.mui-btn-block .mui-badge {
    position: absolute;
    right: 0;
    margin-right: 10px
}

.mui-btn .mui-icon {
    font-size: inherit
}

.mui-btn.mui-icon {
    font-size: 14px;
    line-height: 1.42
}

.mui-btn.mui-fab {
    width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 50%;
    outline: 0
}

.mui-btn.mui-fab.mui-btn-mini {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mui-btn.mui-fab .mui-icon {
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.mui-btn .mui-spinner {
    width: 14px;
    height: 14px;
    vertical-align: text-bottom
}

.mui-btn-block .mui-spinner {
    width: 22px;
    height: 22px
}

.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mui-bar .mui-title {
    right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis
}

.mui-bar .mui-backdrop {
    background: 0 0
}

.mui-bar-header-secondary {
    top: 44px
}

.mui-bar-footer {
    bottom: 0
}

.mui-bar-footer-secondary {
    bottom: 44px
}

.mui-bar-footer-secondary-tab {
    bottom: 50px
}

.mui-bar-footer,
.mui-bar-footer-secondary,
.mui-bar-footer-secondary-tab {
    border-top: 0
}

.mui-bar-transparent {
    top: 0;
    background-color: rgba(247, 247, 247, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-bar-nav {
    top: 0;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc
}

.mui-bar-nav~.mui-content .mui-anchor {
    display: block;
    visibility: hidden;
    height: 45px;
    margin-top: -45px
}

.mui-bar-nav.mui-bar .mui-icon {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px
}

.mui-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 44px;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #000
}

.mui-title a {
    color: inherit
}

.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none
}

.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292
}

.mui-bar-tab .mui-tab-item.mui-active {
    color: #007aff
}

.mui-bar-tab .mui-tab-item .mui-icon {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0
}

.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.mui-bar-tab .mui-tab-item .mui-icon:active {
    background: 0 0
}

.mui-focusin>.mui-bar-header-secondary,
.mui-focusin>.mui-bar-nav {
    position: absolute
}

.mui-focusin>.mui-bar~.mui-content {
    padding-bottom: 0
}

.mui-bar .mui-btn {
    font-weight: 400;
    position: relative;
    z-index: 20;
    top: 7px;
    margin-top: 0;
    padding: 6px 12px 7px
}

.mui-bar .mui-btn.mui-pull-right {
    margin-left: 10px
}

.mui-bar .mui-btn.mui-pull-left {
    margin-right: 10px
}

.mui-bar .mui-btn-link {
    font-size: 16px;
    line-height: 44px;
    top: 0;
    padding: 0;
    color: #007aff;
    border: 0
}

.mui-bar .mui-btn-link.mui-active,
.mui-bar .mui-btn-link:active {
    color: #0062cc
}

.mui-bar .mui-btn-block {
    font-size: 16px;
    top: 6px;
    margin-bottom: 0;
    padding: 5px 0
}

.mui-bar .mui-btn-nav.mui-pull-left {
    margin-left: -5px
}

.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav {
    margin-right: -3px
}

.mui-bar .mui-btn-nav.mui-pull-right {
    margin-right: -5px
}

.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav {
    margin-left: -3px
}

.mui-bar .mui-btn-nav:active {
    opacity: .3
}

.mui-bar .mui-icon {
    font-size: 24px;
    position: relative;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px
}

.mui-bar .mui-icon:active {
    opacity: .3
}

.mui-bar .mui-btn .mui-icon {
    top: 1px;
    margin: 0;
    padding: 0
}

.mui-bar .mui-title .mui-icon {
    margin: 0;
    padding: 0
}

.mui-bar .mui-title .mui-icon.mui-icon-caret {
    top: 4px;
    margin-left: -5px
}

.mui-bar input[type=search] {
    height: 29px;
    margin: 6px 0
}

.mui-bar .mui-input-row .mui-btn {
    padding: 12px 10px
}

.mui-bar .mui-search:before {
    margin-top: -10px
}

.mui-bar .mui-input-row .mui-input-clear~.mui-icon-clear,
.mui-bar .mui-input-row .mui-input-speech~.mui-icon-speech {
    top: 0;
    right: 12px
}

.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear~.mui-icon-clear,
.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech~.mui-icon-speech {
    top: 0;
    right: 0
}

.mui-bar .mui-segmented-control {
    top: 7px;
    width: auto;
    margin: 0 auto
}

.mui-bar.mui-bar-header-secondary .mui-segmented-control {
    top: 0
}

.mui-badge {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, .15)
}

.mui-badge.mui-badge-inverted {
    padding: 0 5px 0 0;
    color: #929292;
    background-color: transparent
}

.mui-badge-blue,
.mui-badge-primary {
    color: #fff;
    background-color: #007aff
}

.mui-badge-blue.mui-badge-inverted,
.mui-badge-primary.mui-badge-inverted {
    color: #007aff;
    background-color: transparent
}

.mui-badge-green,
.mui-badge-success {
    color: #fff;
    background-color: #4cd964
}

.mui-badge-green.mui-badge-inverted,
.mui-badge-success.mui-badge-inverted {
    color: #4cd964;
    background-color: transparent
}

.mui-badge-warning,
.mui-badge-yellow {
    color: #fff;
    background-color: #f0ad4e
}

.mui-badge-warning.mui-badge-inverted,
.mui-badge-yellow.mui-badge-inverted {
    color: #f0ad4e;
    background-color: transparent
}

.mui-badge-danger,
.mui-badge-red {
    color: #fff;
    background-color: #dd524d
}

.mui-badge-danger.mui-badge-inverted,
.mui-badge-red.mui-badge-inverted {
    color: #dd524d;
    background-color: transparent
}

.mui-badge-purple,
.mui-badge-royal {
    color: #fff;
    background-color: #8a6de9
}

.mui-badge-purple.mui-badge-inverted,
.mui-badge-royal.mui-badge-inverted {
    color: #8a6de9;
    background-color: transparent
}

.mui-icon .mui-badge {
    font-size: 10px;
    line-height: 1.4;
    position: absolute;
    top: -2px;
    left: 100%;
    margin-left: -10px;
    padding: 1px 5px;
    color: #fff;
    background: red
}

.mui-card {
    font-size: 14px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    border-radius: 2px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.mui-content>.mui-card:first-child {
    margin-top: 15px
}

.mui-card .mui-input-group .mui-input-row:last-child:after,
.mui-card .mui-input-group .mui-input-row:last-child:before,
.mui-card .mui-input-group:after,
.mui-card .mui-input-group:before {
    height: 0
}

.mui-card .mui-table-view {
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 6px
}

.mui-card .mui-table-view .mui-table-view-cell:first-child,
.mui-card .mui-table-view .mui-table-view-divider:first-child {
    top: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.mui-card .mui-table-view .mui-table-view-cell:last-child,
.mui-card .mui-table-view .mui-table-view-divider:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.mui-card .mui-table-view:after,
.mui-card .mui-table-view:before,
.mui-card>.mui-table-view>.mui-table-view-cell:last-child:after,
.mui-card>.mui-table-view>.mui-table-view-cell:last-child:before {
    height: 0
}

.mui-card-footer,
.mui-card-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 44px;
    padding: 10px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mui-card-footer .mui-card-link,
.mui-card-header .mui-card-link {
    line-height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    margin-top: -10px;
    margin-bottom: -10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-decoration: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mui-card-footer:before,
.mui-card-header:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-card-header {
    font-size: 17px;
    border-radius: 2px 2px 0 0
}

.mui-card-header:after {
    top: auto;
    bottom: 0
}

.mui-card-header>img:first-child {
    font-size: 0;
    line-height: 0;
    float: left;
    width: 34px;
    height: 34px
}

.mui-card-footer {
    color: #6d6d72;
    border-radius: 0 0 2px 2px
}

.mui-card-content {
    font-size: 14px;
    position: relative
}

.mui-card-content-inner {
    position: relative;
    padding: 15px
}

.mui-card-media {
    vertical-align: bottom;
    color: #fff;
    background-position: center;
    background-size: cover
}

.mui-card-header.mui-card-media {
    display: block;
    padding: 10px
}

.mui-card-header.mui-card-media .mui-media-body {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0;
    margin-left: 44px;
    color: #333
}

.mui-card-header.mui-card-media .mui-media-body p {
    font-size: 13px;
    margin-bottom: 0
}

.mui-table-view {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    background-color: #fff
}

.mui-table-view:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view:before {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
    top: -1px
}

.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon {
    font-size: 20px;
    margin-top: -1px;
    margin-right: 5px;
    margin-left: -5px
}

.mui-table-view-icon .mui-table-view-cell:after {
    left: 40px
}

.mui-table-view-chevron .mui-table-view-cell {
    padding-right: 65px
}

.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
    margin-right: -65px
}

.mui-table-view-radio .mui-table-view-cell {
    padding-right: 65px
}

.mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
    margin-right: -65px
}

.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {
    font-size: 30px;
    font-weight: 600;
    right: 9px;
    content: '';
    color: #007aff
}

.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after {
    content: '\e472'
}

.mui-table-view-inverted {
    color: #fff;
    background: #333
}

.mui-table-view-inverted:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #222
}

.mui-table-view-inverted:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #222
}

.mui-table-view-inverted .mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #222
}

.mui-table-view-inverted .mui-table-view-cell.mui-active,
.mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active {
    background-color: #242424
}

.mui-table-view-cell {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    -webkit-touch-callout: none
}

.mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view-cell.mui-checkbox input[type=checkbox],
.mui-table-view-cell.mui-radio input[type=radio] {
    top: 8px
}

.mui-table-view-cell.mui-checkbox.mui-left,
.mui-table-view-cell.mui-radio.mui-left {
    padding-left: 58px
}

.mui-table-view-cell.mui-active {
    background-color: #eee
}

.mui-table-view-cell:last-child:after,
.mui-table-view-cell:last-child:before {
    height: 0
}

.mui-table-view-cell>a:not(.mui-btn) {
    position: relative;
    display: block;
    overflow: hidden;
    margin: -11px -15px;
    padding: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit
}

.mui-table-view-cell>a:not(.mui-btn).mui-active {
    background-color: #eee
}

.mui-table-view-cell p {
    margin-bottom: 0
}

.mui-table-view-cell.mui-transitioning>.mui-slider-handle,
.mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn,
.mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.mui-table-view-cell.mui-active>.mui-slider-handle {
    background-color: #eee
}

.mui-table-view-cell>.mui-slider-handle {
    position: relative;
    background-color: #fff
}

.mui-table-view-cell>.mui-slider-handle .mui-navigate-right:after,
.mui-table-view-cell>.mui-slider-handle.mui-navigate-right:after {
    right: 0
}

.mui-table-view-cell>.mui-slider-handle,
.mui-table-view-cell>.mui-slider-left .mui-btn,
.mui-table-view-cell>.mui-slider-right .mui-btn {
    -webkit-transition: -webkit-transform 0ms ease;
    transition: transform 0ms ease
}

.mui-table-view-cell>.mui-slider-left,
.mui-table-view-cell>.mui-slider-right {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%
}

.mui-table-view-cell>.mui-slider-left>.mui-btn,
.mui-table-view-cell>.mui-slider-right>.mui-btn {
    position: relative;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0 30px;
    color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mui-table-view-cell>.mui-slider-left>.mui-btn:after,
.mui-table-view-cell>.mui-slider-right>.mui-btn:after {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 600%;
    height: 100%;
    content: '';
    background: inherit
}

.mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon,
.mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon {
    font-size: 30px
}

.mui-table-view-cell>.mui-slider-right {
    right: 0;
    -webkit-transition: -webkit-transform 0ms ease;
    transition: transform 0ms ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.mui-table-view-cell>.mui-slider-left {
    left: 0;
    -webkit-transition: -webkit-transform 0ms ease;
    transition: transform 0ms ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mui-table-view-cell>.mui-slider-left>.mui-btn:after {
    right: 100%;
    margin-right: -1px
}

.mui-table-view-divider {
    font-weight: 500;
    position: relative;
    margin-top: -1px;
    margin-left: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    color: #999;
    background-color: #fafafa
}

.mui-table-view-divider:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view-divider:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view .mui-media,
.mui-table-view .mui-media-body {
    overflow: hidden
}

.mui-table-view .mui-media-large .mui-media-object {
    line-height: 80px;
    max-width: 80px;
    height: 80px
}

.mui-table-view .mui-media .mui-subtitle {
    color: #000
}

.mui-table-view .mui-media-object {
    line-height: 42px;
    max-width: 42px;
    height: 42px
}

.mui-table-view .mui-media-object.mui-pull-left {
    margin-right: 10px
}

.mui-table-view .mui-media-object.mui-pull-right {
    margin-left: 10px
}

.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object {
    line-height: 29px;
    max-width: 29px;
    height: 29px;
    margin: -4px 0
}

.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img {
    line-height: 29px;
    max-width: 29px;
    height: 29px
}

.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left {
    margin-right: 10px
}

.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon {
    font-size: 29px
}

.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 55px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view .mui-table-view-cell.mui-media-icon:after {
    height: 0!important
}

.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view {
    display: block
}

.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after,
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before {
    height: 0!important
}

.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 70px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view-cell>.mui-badge,
.mui-table-view-cell>.mui-btn,
.mui-table-view-cell>.mui-switch,
.mui-table-view-cell>a>.mui-badge,
.mui-table-view-cell>a>.mui-btn,
.mui-table-view-cell>a>.mui-switch {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mui-table-view-cell .mui-navigate-right>.mui-badge,
.mui-table-view-cell .mui-navigate-right>.mui-btn,
.mui-table-view-cell .mui-navigate-right>.mui-switch,
.mui-table-view-cell .mui-push-left>.mui-badge,
.mui-table-view-cell .mui-push-left>.mui-btn,
.mui-table-view-cell .mui-push-left>.mui-switch,
.mui-table-view-cell .mui-push-right>.mui-badge,
.mui-table-view-cell .mui-push-right>.mui-btn,
.mui-table-view-cell .mui-push-right>.mui-switch,
.mui-table-view-cell>a .mui-navigate-right>.mui-badge,
.mui-table-view-cell>a .mui-navigate-right>.mui-btn,
.mui-table-view-cell>a .mui-navigate-right>.mui-switch,
.mui-table-view-cell>a .mui-push-left>.mui-badge,
.mui-table-view-cell>a .mui-push-left>.mui-btn,
.mui-table-view-cell>a .mui-push-left>.mui-switch,
.mui-table-view-cell>a .mui-push-right>.mui-badge,
.mui-table-view-cell>a .mui-push-right>.mui-btn,
.mui-table-view-cell>a .mui-push-right>.mui-switch {
    right: 35px
}

.mui-content>.mui-table-view:first-child {
    margin-top: 15px
}

.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after,
.mui-table-view-cell.mui-collapse .mui-table-view:after,
.mui-table-view-cell.mui-collapse .mui-table-view:before {
    height: 0
}

.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,
.mui-table-view-cell.mui-collapse>.mui-push-right:after {
    content: '\e581'
}

.mui-table-view-cell.mui-collapse.mui-active {
    margin-top: -1px
}

.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content,
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view {
    display: block
}

.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after,
.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after {
    content: '\e580'
}

.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
    margin-left: -31px;
    padding-left: 47px
}

.mui-table-view-cell.mui-collapse .mui-collapse-content {
    position: relative;
    display: none;
    overflow: hidden;
    margin: 11px -15px -11px;
    padding: 8px 15px;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    background: #fff
}

.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group,
.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
    width: auto;
    height: auto;
    margin: -8px -15px
}

.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider {
    margin: -8px -16px
}

.mui-table-view-cell.mui-collapse .mui-table-view {
    display: none;
    margin-top: 11px;
    margin-right: -15px;
    margin-bottom: -11px;
    margin-left: -15px;
    border: 0
}

.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron {
    margin-right: -65px
}

.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
    padding-left: 31px;
    background-position: 31px 100%
}

.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 30px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-table-view.mui-grid-view {
    font-size: 0;
    display: block;
    width: 100%;
    padding: 0 10px 10px 0;
    white-space: normal
}

.mui-table-view.mui-grid-view .mui-table-view-cell {
    font-size: 17px;
    display: inline-block;
    margin-right: -4px;
    padding: 10px 0 0 14px;
    text-align: center;
    vertical-align: middle;
    background: 0 0
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
    width: 100%;
    max-width: 100%;
    height: auto
}

.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {
    margin: -10px 0 0 -14px
}

.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active,
.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active {
    background: 0 0
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    font-size: 15px;
    line-height: 15px;
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 8px;
    text-overflow: ellipsis;
    color: #333
}

.mui-table-view.mui-grid-view .mui-table-view-cell:after,
.mui-table-view.mui-grid-view .mui-table-view-cell:before {
    height: 0
}

.mui-grid-view.mui-grid-9 {
    margin: 0;
    padding: 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #f2f2f2
}

.mui-grid-view.mui-grid-9:after,
.mui-grid-view.mui-grid-9:before {
    display: table;
    content: ' '
}

.mui-grid-view.mui-grid-9:after {
    clear: both;
    position: static
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
    margin: 0;
    padding: 11px 15px;
    vertical-align: top;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
    background-color: #eee
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
    margin: 0;
    padding: 10px 0
}

.mui-grid-view.mui-grid-9:before {
    height: 0
}

.mui-grid-view.mui-grid-9 .mui-media {
    color: #797979
}

.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
    font-size: 2.4em;
    position: relative
}

.mui-slider-cell {
    position: relative
}

.mui-slider-cell>.mui-slider-handle {
    z-index: 1
}

.mui-slider-cell>.mui-slider-left,
.mui-slider-cell>.mui-slider-right {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0
}

.mui-slider-cell>.mui-slider-left {
    left: 0
}

.mui-slider-cell>.mui-slider-right {
    right: 0
}

input,
select,
textarea {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 17px;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

input:focus,
select:focus,
textarea:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only
}

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 {
    line-height: 21px;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding: 10px 15px;
    -webkit-user-select: text;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

input[type=search] {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    text-align: center;
    border: 0;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .1)
}

input[type=search]:focus {
    text-align: left
}

textarea {
    height: auto;
    resize: none
}

select {
    font-size: 14px;
    height: auto;
    margin-top: 1px;
    border: 0!important;
    background-color: #fff
}

select:focus {
    -webkit-user-modify: read-only
}

.mui-input-group {
    position: relative;
    padding: 0;
    border: 0;
    background-color: #fff
}

.mui-input-group:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-input-group:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-input-group input,
.mui-input-group textarea {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-input-group input[type=search] {
    background: 0 0
}

.mui-input-group input:last-child {
    background-image: none
}

.mui-input-row {
    clear: left;
    overflow: hidden
}

.mui-input-row select {
    font-size: 17px;
    height: 37px;
    padding: 0
}

.mui-input-row .mui-btn+input,
.mui-input-row label+input,
.mui-input-row:last-child {
    background: 0 0
}

.mui-input-group .mui-input-row {
    height: 40px
}

.mui-input-group .mui-input-row:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-input-row label {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.1;
    float: left;
    width: 35%;
    padding: 11px 15px
}

.mui-input-row label~input,
.mui-input-row label~select,
.mui-input-row label~textarea {
    float: right;
    width: 65%;
    margin-bottom: 0;
    padding-left: 0;
    border: 0
}

.mui-input-row .mui-btn {
    line-height: 1.1;
    float: right;
    width: 15%;
    padding: 10px 15px
}

.mui-input-row .mui-btn~input,
.mui-input-row .mui-btn~select,
.mui-input-row .mui-btn~textarea {
    float: left;
    width: 85%;
    margin-bottom: 0;
    padding-left: 0;
    border: 0
}

.mui-button-row {
    position: relative;
    padding-top: 5px;
    text-align: center
}

.mui-input-group .mui-button-row {
    height: 45px
}

.mui-input-row {
    position: relative
}

.mui-input-row.mui-input-range {
    overflow: visible;
    padding-right: 20px
}

.mui-input-row .mui-inline {
    padding: 8px 0
}

.mui-input-row .mui-input-clear~.mui-icon-clear,
.mui-input-row .mui-input-password~.mui-icon-eye,
.mui-input-row .mui-input-speech~.mui-icon-speech {
    font-size: 20px;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 0;
    width: 38px;
    height: 38px;
    text-align: center;
    color: #999
}

.mui-input-row .mui-input-clear~.mui-icon-clear.mui-active,
.mui-input-row .mui-input-password~.mui-icon-eye.mui-active,
.mui-input-row .mui-input-speech~.mui-icon-speech.mui-active {
    color: #007aff
}

.mui-input-row .mui-input-speech~.mui-icon-speech {
    font-size: 24px;
    top: 8px
}

.mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech {
    display: none
}

.mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech {
    display: inline-block
}

.mui-input-row .mui-icon-speech~.mui-placeholder {
    right: 38px
}

.mui-input-row.mui-search .mui-icon-clear {
    top: 7px
}

.mui-input-row.mui-search .mui-icon-speech {
    top: 5px
}

.mui-checkbox,
.mui-radio {
    position: relative
}

.mui-checkbox label,
.mui-radio label {
    display: inline-block;
    float: none;
    width: 100%;
    padding-right: 58px
}

.mui-checkbox.mui-left input[type=checkbox],
.mui-radio.mui-left input[type=radio] {
    left: 20px
}

.mui-checkbox.mui-left label,
.mui-radio.mui-left label {
    padding-right: 15px;
    padding-left: 58px
}

.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
    position: absolute;
    top: 4px;
    right: 20px;
    display: inline-block;
    width: 28px;
    height: 26px;
    border: 0;
    outline: 0!important;
    background-color: transparent;
    -webkit-appearance: none
}

.mui-checkbox input[type=checkbox][disabled]:before,
.mui-radio input[type=radio][disabled]:before {
    opacity: .3
}

.mui-checkbox input[type=checkbox]:before,
.mui-radio input[type=radio]:before {
    font-family: Muiicons;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #aaa;
    border-radius: 0;
    background: 0 0;
    -webkit-font-smoothing: antialiased
}

.mui-checkbox input[type=checkbox]:checked:before,
.mui-radio input[type=radio]:checked:before {
    color: #007aff
}

.mui-checkbox label.mui-disabled,
.mui-checkbox.mui-disabled label,
.mui-radio label.mui-disabled,
.mui-radio.mui-disabled label {
    opacity: .4
}

.mui-radio input[type=radio]:before {
    content: '\e411'
}

.mui-radio input[type=radio]:checked:before {
    content: '\e441'
}

.mui-checkbox input[type=checkbox]:before {
    content: '\e411'
}

.mui-checkbox input[type=checkbox]:checked:before {
    content: '\e442'
}

.mui-select {
    position: relative
}

.mui-select:before {
    font-family: Muiicons;
    position: absolute;
    top: 8px;
    right: 21px;
    content: '\e581';
    color: rgba(170, 170, 170, .6)
}

.mui-input-row .mui-switch {
    float: right;
    margin-top: 5px;
    margin-right: 20px
}

.mui-input-range input[type=range] {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 17px 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background-color: #999;
    -webkit-appearance: none!important
}

.mui-input-range input[type=range]::-webkit-slider-thumb {
    width: 28px;
    height: 28px;
    border-color: #0062cc;
    border-radius: 50%;
    background-color: #007aff;
    background-clip: padding-box;
    -webkit-appearance: none!important
}

.mui-input-range label~input[type=range] {
    width: 65%
}

.mui-input-range .mui-tooltip {
    font-size: 36px;
    line-height: 64px;
    position: absolute;
    z-index: 1;
    top: -70px;
    width: 64px;
    height: 64px;
    text-align: center;
    opacity: .8;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    text-shadow: 0 1px 0 #f3f3f3
}

.mui-search {
    position: relative
}

.mui-search input[type=search] {
    padding-left: 30px
}

.mui-search .mui-placeholder {
    font-size: 16px;
    line-height: 34px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    height: 34px;
    text-align: center;
    color: #999;
    border: 0;
    border-radius: 6px;
    background: 0 0
}

.mui-search .mui-placeholder .mui-icon {
    font-size: 20px;
    color: #333
}

.mui-search:before {
    font-family: Muiicons;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 50%;
    display: none;
    margin-top: -18px;
    margin-right: 31px;
    content: '\e466'
}

.mui-search.mui-active:before {
    font-size: 20px;
    right: auto;
    left: 5px;
    display: block;
    margin-right: 0
}

.mui-search.mui-active input[type=search] {
    text-align: left
}

.mui-search.mui-active .mui-placeholder {
    display: none
}

.mui-segmented-control {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #007aff;
    border-radius: 3px;
    background-color: transparent;
    -webkit-touch-callout: none
}

.mui-segmented-control.mui-segmented-control-vertical {
    border-collapse: collapse;
    border-width: 0;
    border-radius: 0
}

.mui-segmented-control.mui-segmented-control-vertical .mui-control-item {
    display: block;
    border-bottom: 1px solid #c8c7cc;
    border-left-width: 0
}

.mui-segmented-control.mui-scroll-wrapper {
    height: 38px
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
    width: auto;
    height: 40px;
    white-space: nowrap
}

.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    border: 0
}

.mui-segmented-control .mui-control-item {
    line-height: 38px;
    display: table-cell;
    overflow: hidden;
    width: 1%;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #007aff;
    border-color: #007aff;
    border-left: 1px solid #007aff
}

.mui-segmented-control .mui-control-item:first-child {
    border-left-width: 0
}

.mui-segmented-control .mui-control-item.mui-active {
    color: #fff;
    background-color: #007aff
}

.mui-segmented-control.mui-segmented-control-inverted {
    width: 100%;
    border: 0;
    border-radius: 0
}

.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
    border-bottom: 1px solid #c8c7cc
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
    color: inherit;
    border: 0
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #007aff;
    border-bottom: 2px solid #007aff;
    background: 0 0
}

.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
    background-color: #007aff
}

.mui-segmented-control-positive {
    border: 1px solid #4cd964
}

.mui-segmented-control-positive .mui-control-item {
    color: #4cd964;
    border-color: inherit
}

.mui-segmented-control-positive .mui-control-item.mui-active {
    color: #fff;
    background-color: #4cd964
}

.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #4cd964;
    border-bottom: 2px solid #4cd964;
    background: 0 0
}

.mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar {
    background-color: #4cd964
}

.mui-segmented-control-negative {
    border: 1px solid #dd524d
}

.mui-segmented-control-negative .mui-control-item {
    color: #dd524d;
    border-color: inherit
}

.mui-segmented-control-negative .mui-control-item.mui-active {
    color: #fff;
    background-color: #dd524d
}

.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #dd524d;
    border-bottom: 2px solid #dd524d;
    background: 0 0
}

.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar {
    background-color: #dd524d
}

.mui-control-content {
    position: relative;
    display: none
}

.mui-control-content.mui-active {
    display: block
}

.mui-popover {
    position: absolute;
    z-index: 999;
    display: none;
    width: 280px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
    opacity: 0;
    border-radius: 7px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.mui-popover .mui-popover-arrow {
    position: absolute;
    z-index: 1000;
    top: -25px;
    left: 0;
    overflow: hidden;
    width: 26px;
    height: 26px
}

.mui-popover .mui-popover-arrow:after {
    position: absolute;
    top: 19px;
    left: 0;
    width: 26px;
    height: 26px;
    content: ' ';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    background: #f7f7f7
}

.mui-popover .mui-popover-arrow.mui-bottom {
    top: 100%;
    left: -26px;
    margin-top: -1px
}

.mui-popover .mui-popover-arrow.mui-bottom:after {
    top: -19px;
    left: 0
}

.mui-popover.mui-popover-action {
    bottom: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-popover.mui-popover-action .mui-popover-arrow {
    display: none
}

.mui-popover.mui-popover-action.mui-popover-bottom {
    position: fixed
}

.mui-popover.mui-popover-action.mui-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mui-popover.mui-popover-action .mui-table-view {
    margin: 8px;
    text-align: center;
    color: #007aff;
    border-radius: 4px
}

.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.mui-popover.mui-popover-action .mui-table-view small {
    font-weight: 400;
    line-height: 1.3;
    display: block
}

.mui-popover.mui-active {
    display: block;
    opacity: 1
}

.mui-popover .mui-bar~.mui-table-view {
    padding-top: 44px
}

.mui-backdrop {
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3)
}

.mui-bar-backdrop.mui-backdrop {
    bottom: 50px;
    background: 0 0
}

.mui-backdrop-action.mui-backdrop {
    background-color: rgba(0, 0, 0, .3)
}

.mui-backdrop-action.mui-backdrop,
.mui-bar-backdrop.mui-backdrop {
    opacity: 0
}

.mui-backdrop-action.mui-backdrop.mui-active,
.mui-bar-backdrop.mui-backdrop.mui-active {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 1
}

.mui-popover .mui-btn-block {
    margin-bottom: 5px
}

.mui-popover .mui-btn-block:last-child {
    margin-bottom: 0
}

.mui-popover .mui-bar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-popover .mui-bar-nav {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mui-popover .mui-scroll-wrapper {
    margin: 7px 0;
    border-radius: 7px;
    background-clip: padding-box
}

.mui-popover .mui-scroll .mui-table-view {
    max-height: none
}

.mui-popover .mui-table-view {
    overflow: auto;
    /* max-height: 300px; */
    margin-bottom: 0;
    border-radius: 7px;
    background-color: #f7f7f7;
    background-image: none;
    -webkit-overflow-scrolling: touch
}

.mui-popover .mui-table-view:after,
.mui-popover .mui-table-view:before {
    height: 0
}

.mui-popover .mui-table-view .mui-table-view-cell:first-child,
.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.mui-popover .mui-table-view .mui-table-view-cell:last-child,
.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.mui-popover.mui-bar-popover .mui-table-view {
    width: 106px
}

.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell {
    padding: 11px 15px;
    background-position: 0 100%
}

.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
    margin: -11px -15px -11px -15px
}

.mui-popup-backdrop {
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    opacity: 0;
    background: rgba(0, 0, 0, .4)
}

.mui-popup-backdrop.mui-active {
    opacity: 1
}

.mui-popup {
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    display: none;
    overflow: hidden;
    width: 270px;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
    transform: translate3d(-50%, -50%, 0) scale(1.185);
    text-align: center;
    opacity: 0;
    color: #000;
    border-radius: 13px
}

.mui-popup.mui-popup-in {
    display: block;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1
}

.mui-popup.mui-popup-out {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 0
}

.mui-popup-inner {
    position: relative;
    padding: 15px;
    border-radius: 13px 13px 0 0;
    background: rgba(255, 255, 255, .95)
}

.mui-popup-inner:after {
    position: absolute;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    background-color: rgba(0, 0, 0, .2)
}

.mui-popup-title {
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

.mui-popup-title+.mui-popup-text {
    font-family: inherit;
    font-size: 14px;
    margin: 5px 0 0
}

.mui-popup-buttons {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.mui-popup-button {
    font-size: 17px;
    line-height: 44px;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 5px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #007aff;
    background: rgba(255, 255, 255, .95);
    -webkit-box-flex: 1
}

.mui-popup-button:after {
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: rgba(0, 0, 0, .2)
}

.mui-popup-button:first-child {
    border-radius: 0 0 0 13px
}

.mui-popup-button:first-child:last-child {
    border-radius: 0 0 13px 13px
}

.mui-popup-button:last-child {
    border-radius: 0 0 13px
}

.mui-popup-button:last-child:after {
    display: none
}

.mui-popup-button.mui-popup-button-bold {
    font-weight: 600
}

.mui-popup-input input {
    font-size: 14px;
    width: 100%;
    height: 26px;
    margin: 15px 0 0;
    padding: 0 5px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 0;
    background: #fff
}

.mui-plus.mui-android .mui-popup-backdrop {
    -webkit-transition-duration: 1ms;
    transition-duration: 1ms
}

.mui-plus.mui-android .mui-popup {
    -webkit-transition-duration: 1ms;
    transition-duration: 1ms;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1)
}

.mui-progressbar {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 2px;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    vertical-align: middle;
    border-radius: 2px;
    background: #b6b6b6;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.mui-progressbar span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 150ms;
    transition: 150ms;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background: #007aff
}

.mui-progressbar.mui-progressbar-infinite:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: mui-progressbar-infinite 1s linear infinite;
    animation: mui-progressbar-infinite 1s linear infinite;
    background: #007aff
}

body>.mui-progressbar {
    position: absolute;
    z-index: 10000;
    top: 44px;
    left: 0;
    border-radius: 0
}

.mui-progressbar-in {
    -webkit-animation: mui-progressbar-in 300ms forwards;
    animation: mui-progressbar-in 300ms forwards
}

.mui-progressbar-out {
    -webkit-animation: mui-progressbar-out 300ms forwards;
    animation: mui-progressbar-out 300ms forwards
}

@-webkit-keyframes mui-progressbar-in {
    from {
        -webkit-transform: scaleY(0);
        opacity: 0
    }
    to {
        -webkit-transform: scaleY(1);
        opacity: 1
    }
}

@keyframes mui-progressbar-in {
    from {
        transform: scaleY(0);
        opacity: 0
    }
    to {
        transform: scaleY(1);
        opacity: 1
    }
}

@-webkit-keyframes mui-progressbar-out {
    from {
        -webkit-transform: scaleY(1);
        opacity: 1
    }
    to {
        -webkit-transform: scaleY(0);
        opacity: 0
    }
}

@keyframes mui-progressbar-out {
    from {
        transform: scaleY(1);
        opacity: 1
    }
    to {
        transform: scaleY(0);
        opacity: 0
    }
}

@-webkit-keyframes mui-progressbar-infinite {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0) scaleX(.5)
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) scaleX(.5)
    }
}

@keyframes mui-progressbar-infinite {
    0% {
        transform: translate3d(-50%, 0, 0) scaleX(.5)
    }
    100% {
        transform: translate3d(100%, 0, 0) scaleX(.5)
    }
}

.mui-pagination {
    display: inline-block;
    margin: 0 auto;
    padding-left: 0;
    border-radius: 6px
}

.mui-pagination>li {
    display: inline
}

.mui-pagination>li>a,
.mui-pagination>li>span {
    line-height: 1.428571429;
    position: relative;
    float: left;
    margin-left: -1px;
    padding: 6px 12px;
    text-decoration: none;
    color: #007aff;
    border: 1px solid #ddd;
    background-color: #fff
}

.mui-pagination>li:first-child>a,
.mui-pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-clip: padding-box
}

.mui-pagination>li:last-child>a,
.mui-pagination>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-clip: padding-box
}

.mui-pagination>li.mui-active>a,
.mui-pagination>li.mui-active>a:active,
.mui-pagination>li.mui-active>span,
.mui-pagination>li.mui-active>span:active,
.mui-pagination>li:active>a,
.mui-pagination>li:active>a:active,
.mui-pagination>li:active>span,
.mui-pagination>li:active>span:active {
    z-index: 2;
    cursor: default;
    color: #fff;
    border-color: #007aff;
    background-color: #007aff
}

.mui-pagination>li.mui-disabled>a,
.mui-pagination>li.mui-disabled>a:active,
.mui-pagination>li.mui-disabled>span,
.mui-pagination>li.mui-disabled>span:active {
    opacity: .6;
    color: #777;
    border: 1px solid #ddd;
    background-color: #fff
}

.mui-pagination-lg>li>a,
.mui-pagination-lg>li>span {
    font-size: 18px;
    padding: 10px 16px
}

.mui-pagination-sm>li>a,
.mui-pagination-sm>li>span {
    font-size: 12px;
    padding: 5px 10px
}

.mui-pager {
    padding-left: 0;
    list-style: none;
    text-align: center
}

.mui-pager:after,
.mui-pager:before {
    display: table;
    content: ' '
}

.mui-pager:after {
    clear: both
}

.mui-pager li {
    display: inline
}

.mui-pager li>a,
.mui-pager li>span {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    background-clip: padding-box
}

.mui-pager li.mui-active>a,
.mui-pager li.mui-active>span,
.mui-pager li:active>a,
.mui-pager li:active>span {
    cursor: default;
    text-decoration: none;
    color: #fff;
    border-color: #007aff;
    background-color: #007aff
}

.mui-pager .mui-next>a,
.mui-pager .mui-next>span {
    float: right
}

.mui-pager .mui-previous>a,
.mui-pager .mui-previous>span {
    float: left
}

.mui-pager .mui-disabled>a,
.mui-pager .mui-disabled>a:active,
.mui-pager .mui-disabled>span,
.mui-pager .mui-disabled>span:active {
    opacity: .6;
    color: #777;
    border: 1px solid #ddd;
    background-color: #fff
}

.mui-modal {
    position: fixed;
    z-index: 999;
    top: 0;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
    transition: transform .25s, opacity 1ms .25s;
    -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
    transition-timing-function: cubic-bezier(.1, .5, .1, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    background-color: #fff
}

.mui-modal.mui-active {
    height: 100%;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
    transition-timing-function: cubic-bezier(.1, .5, .1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mui-android .mui-modal .mui-bar {
    position: static
}

.mui-android .mui-modal .mui-bar-nav~.mui-content {
    padding-top: 0
}

.mui-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: 0
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
    border-top: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc
}

.mui-slider .mui-slider-group {
    font-size: 0;
    position: relative;
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
    white-space: nowrap
}

.mui-slider .mui-slider-group .mui-slider-item {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    white-space: normal
}

.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) {
    line-height: 0;
    position: relative;
    display: block
}

.mui-slider .mui-slider-group .mui-slider-item img {
    width: 100%
}

.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after,
.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before {
    height: 0
}

.mui-slider .mui-slider-group.mui-slider-loop {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.mui-slider-title {
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    text-align: left;
    text-indent: 12px;
    opacity: .8;
    background-color: #000
}

.mui-slider-indicator {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    background: 0 0
}

.mui-slider-indicator.mui-segmented-control {
    position: relative;
    bottom: auto
}

.mui-slider-indicator .mui-indicator {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 1px 6px;
    cursor: pointer;
    border-radius: 50%;
    background: #aaa;
    -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7);
    box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7)
}

.mui-slider-indicator .mui-active.mui-indicator {
    background: #fff
}

.mui-slider-indicator .mui-icon {
    font-size: 20px;
    line-height: 30px;
    width: 40px;
    height: 30px;
    margin: 3px;
    text-align: center;
    border: 1px solid #ddd
}

.mui-slider-indicator .mui-number {
    line-height: 32px;
    display: inline-block;
    width: 58px
}

.mui-slider-indicator .mui-number span {
    color: #ff5053
}

.mui-slider-progress-bar {
    z-index: 1;
    height: 2px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mui-switch {
    position: relative;
    display: block;
    width: 74px;
    height: 30px;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border;
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    background-clip: padding-box
}

.mui-switch.mui-disabled {
    opacity: .3
}

.mui-switch .mui-switch-handle {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    width: 28px;
    height: 28px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: -webkit-transform, width, left;
    transition-property: transform, width, left;
    border-radius: 16px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.mui-switch:before {
    font-size: 13px;
    position: absolute;
    top: 3px;
    right: 11px;
    content: 'Off';
    text-transform: uppercase;
    color: #999
}

.mui-switch.mui-dragging {
    border-color: #f7f7f7;
    background-color: #f7f7f7
}

.mui-switch.mui-dragging .mui-switch-handle {
    width: 38px
}

.mui-switch.mui-dragging.mui-active .mui-switch-handle {
    left: -11px;
    width: 38px
}

.mui-switch.mui-active {
    border-color: #4cd964;
    background-color: #4cd964
}

.mui-switch.mui-active .mui-switch-handle {
    -webkit-transform: translate(43px, 0);
    transform: translate(43px, 0)
}

.mui-switch.mui-active:before {
    right: auto;
    left: 15px;
    content: 'On';
    color: #fff
}

.mui-switch input[type=checkbox] {
    display: none
}

.mui-switch-mini {
    width: 47px
}

.mui-switch-mini:before {
    display: none
}

.mui-switch-mini.mui-active .mui-switch-handle {
    -webkit-transform: translate(16px, 0);
    transform: translate(16px, 0)
}

.mui-switch-blue.mui-active {
    border: 2px solid #007aff;
    background-color: #007aff
}

.mui-content.mui-fade {
    left: 0;
    opacity: 0
}

.mui-content.mui-fade.mui-in {
    opacity: 1
}

.mui-content.mui-sliding {
    z-index: 2;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mui-content.mui-sliding.mui-left {
    z-index: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mui-content.mui-sliding.mui-right {
    z-index: 3;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mui-navigate-right:after,
.mui-push-left:after,
.mui-push-right:after {
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased
}

.mui-push-left:after {
    left: 15px;
    content: '\e582'
}

.mui-navigate-right:after,
.mui-push-right:after {
    right: 15px;
    content: '\e583'
}

.mui-pull-bottom-pocket,
.mui-pull-top-pocket {
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 50px
}

.mui-plus-pullrefresh .mui-pull-bottom-pocket,
.mui-plus-pullrefresh .mui-pull-top-pocket {
    display: none;
    visibility: visible
}

.mui-pull-top-pocket {
    top: 0
}

.mui-bar-nav~.mui-content .mui-pull-top-pocket {
    top: 44px
}

.mui-bar-nav~.mui-bar-header-secondary~.mui-content .mui-pull-top-pocket {
    top: 88px
}

.mui-pull-bottom-pocket {
    position: relative;
    bottom: 0;
    height: 40px
}

.mui-pull-bottom-pocket .mui-pull-loading {
    visibility: hidden
}

.mui-pull-bottom-pocket .mui-pull-loading.mui-in {
    display: inline-block
}

.mui-pull {
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    text-align: center;
    color: #777
}

.mui-pull-loading {
    margin-right: 10px;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    vertical-align: middle
}

.mui-pull-loading.mui-reverse {
    -webkit-transform: rotate(180deg) translateZ(0);
    transform: rotate(180deg) translateZ(0)
}

.mui-pull-caption {
    font-size: 15px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    overflow: visible;
    margin-top: 0;
    vertical-align: middle
}

.mui-pull-caption span {
    display: none
}

.mui-pull-caption span.mui-in {
    display: inline
}

.mui-toast-container {
    line-height: 17px;
    position: fixed;
    z-index: 9999;
    bottom: 50px;
    left: 50%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 0
}

.mui-toast-container.mui-active {
    opacity: .9
}

.mui-toast-message {
    font-size: 14px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background-color: #323232
}

.mui-numbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 35px;
    padding: 0 40px;
    vertical-align: top;
    vertical-align: middle;
    border: solid 1px #bbb;
    border-radius: 3px;
    background-color: #efeff4
}

.mui-numbox [class*=btn-numbox],
.mui-numbox [class*=numbox-btn] {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 40px;
    height: 100%;
    padding: 0;
    color: #555;
    border: none;
    border-radius: 0;
    background-color: #f9f9f9
}

.mui-numbox [class*=btn-numbox]:active,
.mui-numbox [class*=numbox-btn]:active {
    background-color: #ccc
}

.mui-numbox [class*=btn-numbox][disabled],
.mui-numbox [class*=numbox-btn][disabled] {
    color: silver
}

.mui-numbox .mui-btn-numbox-plus,
.mui-numbox .mui-numbox-btn-plus {
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.mui-numbox .mui-btn-numbox-minus,
.mui-numbox .mui-numbox-btn-minus {
    left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.mui-numbox .mui-input-numbox,
.mui-numbox .mui-numbox-input {
    display: inline-block;
    overflow: hidden;
    width: 100%!important;
    height: 100%;
    margin: 0;
    padding: 0 3px!important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: none!important;
    border-right: solid 1px #ccc!important;
    border-left: solid 1px #ccc!important;
    border-radius: 0!important
}

.mui-input-row .mui-numbox {
    float: right;
    margin: 2px 8px
}

@font-face {
    font-family: Muiicons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.mui-icon.mui-active {
    color: #007aff
}

.mui-icon.mui-right:before {
    float: right;
    padding-left: .2em
}

.mui-icon-contact:before {
    content: '\e100'
}

.mui-icon-person:before {
    content: '\e101'
}

.mui-icon-personadd:before {
    content: '\e102'
}

.mui-icon-contact-filled:before {
    content: '\e130'
}

.mui-icon-person-filled:before {
    content: '\e131'
}

.mui-icon-personadd-filled:before {
    content: '\e132'
}

.mui-icon-phone:before {
    content: '\e200'
}

.mui-icon-email:before {
    content: '\e201'
}

.mui-icon-chatbubble:before {
    content: '\e202'
}

.mui-icon-chatboxes:before {
    content: '\e203'
}

.mui-icon-phone-filled:before {
    content: '\e230'
}

.mui-icon-email-filled:before {
    content: '\e231'
}

.mui-icon-chatbubble-filled:before {
    content: '\e232'
}

.mui-icon-chatboxes-filled:before {
    content: '\e233'
}

.mui-icon-weibo:before {
    content: '\e260'
}

.mui-icon-weixin:before {
    content: '\e261'
}

.mui-icon-pengyouquan:before {
    content: '\e262'
}

.mui-icon-chat:before {
    content: '\e263'
}

.mui-icon-qq:before {
    content: '\e264'
}

.mui-icon-videocam:before {
    content: '\e300'
}

.mui-icon-camera:before {
    content: '\e301'
}

.mui-icon-mic:before {
    content: '\e302'
}

.mui-icon-location:before {
    content: '\e303'
}

.mui-icon-mic-filled:before,
.mui-icon-speech:before {
    content: '\e332'
}

.mui-icon-location-filled:before {
    content: '\e333'
}

.mui-icon-micoff:before {
    content: '\e360'
}

.mui-icon-image:before {
    content: '\e363'
}

.mui-icon-map:before {
    content: '\e364'
}

.mui-icon-compose:before {
    content: '\e400'
}

.mui-icon-trash:before {
    content: '\e401'
}

.mui-icon-upload:before {
    content: '\e402'
}

.mui-icon-download:before {
    content: '\e403'
}

.mui-icon-close:before {
    content: '\e404'
}

.mui-icon-redo:before {
    content: '\e405'
}

.mui-icon-undo:before {
    content: '\e406'
}

.mui-icon-refresh:before {
    content: '\e407'
}

.mui-icon-star:before {
    content: '\e408'
}

.mui-icon-plus:before {
    content: '\e409'
}

.mui-icon-minus:before {
    content: '\e410'
}

.mui-icon-checkbox:before,
.mui-icon-circle:before {
    content: '\e411'
}

.mui-icon-clear:before,
.mui-icon-close-filled:before {
    content: '\e434'
}

.mui-icon-refresh-filled:before {
    content: '\e437'
}

.mui-icon-star-filled:before {
    content: '\e438'
}

.mui-icon-plus-filled:before {
    content: '\e439'
}

.mui-icon-minus-filled:before {
    content: '\e440'
}

.mui-icon-circle-filled:before {
    content: '\e441'
}

.mui-icon-checkbox-filled:before {
    content: '\e442'
}

.mui-icon-closeempty:before {
    content: '\e460'
}

.mui-icon-refreshempty:before {
    content: '\e461'
}

.mui-icon-reload:before {
    content: '\e462'
}

.mui-icon-starhalf:before {
    content: '\e463'
}

.mui-icon-spinner:before {
    content: '\e464'
}

.mui-icon-spinner-cycle:before {
    content: '\e465'
}

.mui-icon-search:before {
    content: '\e466'
}

.mui-icon-plusempty:before {
    content: '\e468'
}

.mui-icon-forward:before {
    content: '\e470'
}

.mui-icon-back:before,
.mui-icon-left-nav:before {
    content: '\e471'
}

.mui-icon-checkmarkempty:before {
    content: '\e472'
}

.mui-icon-home:before {
    content: '\e500'
}

.mui-icon-navigate:before {
    content: '\e501'
}

.mui-icon-gear:before {
    content: '\e502'
}

.mui-icon-paperplane:before {
    content: '\e503'
}

.mui-icon-info:before {
    content: '\e504'
}

.mui-icon-help:before {
    content: '\e505'
}

.mui-icon-locked:before {
    content: '\e506'
}

.mui-icon-more:before {
    content: '\e507'
}

.mui-icon-flag:before {
    content: '\e508'
}

.mui-icon-home-filled:before {
    content: '\e530'
}

.mui-icon-gear-filled:before {
    content: '\e532'
}

.mui-icon-info-filled:before {
    content: '\e534'
}

.mui-icon-help-filled:before {
    content: '\e535'
}

.mui-icon-more-filled:before {
    content: '\e537'
}

.mui-icon-settings:before {
    content: '\e560'
}

.mui-icon-list:before {
    content: '\e562'
}

.mui-icon-bars:before {
    content: '\e563'
}

.mui-icon-loop:before {
    content: '\e565'
}

.mui-icon-paperclip:before {
    content: '\e567'
}

.mui-icon-eye:before {
    content: '\e568'
}

.mui-icon-arrowup:before {
    content: '\e580'
}

.mui-icon-arrowdown:before {
    content: '\e581'
}

.mui-icon-arrowleft:before {
    content: '\e582'
}

.mui-icon-arrowright:before {
    content: '\e583'
}

.mui-icon-arrowthinup:before {
    content: '\e584'
}

.mui-icon-arrowthindown:before {
    content: '\e585'
}

.mui-icon-arrowthinleft:before {
    content: '\e586'
}

.mui-icon-arrowthinright:before {
    content: '\e587'
}

.mui-icon-pulldown:before {
    content: '\e588'
}

.mui-fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mui-fullscreen.mui-slider .mui-slider-group {
    height: 100%
}

.mui-fullscreen .mui-segmented-control~.mui-slider-group {
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
    height: auto
}

.mui-fullscreen.mui-slider .mui-slider-item>a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a {
    top: auto;
    -webkit-transform: none;
    transform: none
}

.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
    top: 44px
}

.mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group {
    bottom: 50px
}

.mui-android.mui-android-4-0 input:focus,
.mui-android.mui-android-4-0 textarea:focus {
    -webkit-user-modify: inherit
}

.mui-android.mui-android-4-2 input,
.mui-android.mui-android-4-2 textarea,
.mui-android.mui-android-4-3 input,
.mui-android.mui-android-4-3 textarea {
    -webkit-user-select: text
}

.mui-ios .mui-table-view-cell {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.mui-plus-visible,
.mui-wechat-visible {
    display: none!important
}

.mui-plus-hidden,
.mui-wechat-hidden {
    display: block!important
}

.mui-tab-item.mui-plus-hidden,
.mui-tab-item.mui-wechat-hidden {
    display: table-cell!important
}

.mui-plus .mui-plus-visible,
.mui-wechat .mui-wechat-visible {
    display: block!important
}

.mui-plus .mui-tab-item.mui-plus-visible,
.mui-wechat .mui-tab-item.mui-wechat-visible {
    display: table-cell!important
}

.mui-plus .mui-plus-hidden,
.mui-wechat .mui-wechat-hidden {
    display: none!important
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav {
    height: 64px;
    padding-top: 20px
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content {
    padding-top: 64px
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary,
.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content .mui-pull-top-pocket {
    top: 64px
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary~.mui-content {
    padding-top: 94px
}

.mui-iframe-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    -webkit-overflow-scrolling: touch
}

.mui-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0
}
/***********甲子猫弹框*/

.catAlert-alert-shadow-view {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    z-index: 100001;
}

.catAlert-alert-view {
    width: calc(90% - 40px);
    max-width: 360px;
    padding: 20px;
    background-color: white;
}

.catAlert-icon-view {
    position: relative;
    background-image: url(https://static.jiazimao.cn/calendar/img/jieqi/back_002.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}

.catAlert-icon-view img {
    width: 72px;
}

.catAlert-icon-view .trendView {
    position: absolute;
    left: 0;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.catAlert-icon-view .trendView .topView {
    width: 100%;
    position: relative;
}

.catAlert-icon-view .trendView .topView .trendRedBg {
    width: 100%;
    display: block;
}

.catAlert-icon-view .trendView .topView .yun {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catAlert-icon-view .trendView .topView .yun .trendAlertYun {
    width: 80%;
}

.catAlert-icon-view .trendView .time {
    font-size: 10px;
    font-weight: 800;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: SourceHanSans-Heavy !important;
}

.catAlert-title {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.catAlert-cancel,
.catAlert-confirm,
.catAlert-bare {
    display: block;
    padding: 10px 0;
    border-radius: 4px;
    font-size: 17px;
    margin-top: 15px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}

.catAlert-confirm {
    background-color: #000000;
    color: #fff;
}

.catAlert-cancel {
    background-color: #F7F7F7;
    border: solid 1px #EAEAEA;
    color: #6B6B6B;
}

.catAlert-bare {
    color: #C1C1C1;
    font-size: 12px;
    line-height: 12px;
    padding: 0;
}


/* 登录窗口样式 */

.loginView {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.loginView .main {
    width: 400px;
    background-color: #fff;
}

.loginView .main .topView {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffcc;
}

.loginView .main .topView .leftIcon {
    width: 100px;
}

.loginView .main .topView .close {
    width: 14px;
    cursor: pointer;
}

.loginView .main .telLoginView {
    padding: 30px 30px 40px 30px;
    font-size: 14px;
}

.loginView .main .telLoginView .telView {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #EEEEEE;
}

.loginView .main .telLoginView .telView .areaCode {
    color: #A1A1A1;
}

.loginView .main .telLoginView .telView hr {
    width: 1px;
    height: 24px;
    background-color: #EEEEEE;
    margin-left: 15px;
    border: none;
}

.loginView .main .telLoginView .telView .telInput {
    margin: 0;
    border: none;
    font-size: 14px;
}

.loginView .main .telLoginView .telView .emptyTip,
.formatTip {
    position: absolute;
    right: 0;
    margin: 0;
    color: #FF0000;
    letter-spacing: 1px;
    display: none;
}

.loginView .main .telLoginView .verifyView {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #EEEEEE;
    margin-top: 15px;
}

.loginView .main .telLoginView .verifyView .verifyInput {
    border: none;
    margin: 0;
    padding-left: 0;
    font-size: 14px;
    width: 60%;
}

.loginView .main .telLoginView input::placeholder {
    color: #A1A1A1;
}

.loginView .main .telLoginView input.verifyTip::placeholder {
    color: #FF0000;
}

.loginView .main .telLoginView input.capchaTipInput::placeholder {
    color: #ED3A40;
}

.loginView .main .telLoginView .verifyView .sendCode {
    color: #FFC108;
    letter-spacing: 1px;
    cursor: pointer;
}

.loginView .main .telLoginView .verifyView .sendCode:hover {
    color: #FDD401;
}

.loginView .main .telLoginView .telLoginBtn {
    background-color: #FFC108;
    color: #fff;
    font-size: 14px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    border-radius: 4px;
    margin-top: 30px;
    cursor: pointer;
}

.loginView .main .telLoginView .telLoginBtn:hover {
    background-color: #FDD401;
}

.loginView .main .telLoginView .policy {
    font-size: 12px;
    color: #C1C1C1;
    margin-top: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}

.loginView .main .telLoginView .policy .protocol:hover {
    color: #333333;
}

.loginView .main .telLoginView .policy .privacyPolicy:hover {
    color: #333333;
}

.loginView .main .telLoginView .wechatLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #333333;
    margin-top: 60px;
}

.loginView .main .telLoginView .wechatLogin hr {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    border: none;
}

.loginView .main .telLoginView .wechatLogin .toWechatLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
    background-color: #fff;
    padding: 0 15px;
    cursor: pointer;
}

.loginView .main .telLoginView .wechatLogin .toWechatLogin .wechatImg {
    width: 36px;
    margin-top: 10px;
}

.loginView .main .wechatLoginView {
    display: none;
    position: relative;
    padding-bottom: 40px;
}

.loginView .main .wechatLoginView #login_container {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginView .main .wechatLoginView .telLogin {
    font-size: 14px;
    color: #FFC108;
    position: absolute;
    bottom: 40px;
    left: 20px;
    margin: 0;
    cursor: pointer;
}

.loginView .main .wechatLoginView .telLogin:hover {
    color: #FDD401;
}


/* 图片验证码 */

.telLoginView .captcha-view {
    background-color: #fff;
    width: 100%;
    padding: 15px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.telLoginView .captcha-view .topView {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 0;
}

.telLoginView .captcha-view .topView span {
    font-size: 16px;
    color: #333333;
}

.telLoginView .captcha-view .topView img {
    width: 12px;
    cursor: pointer;
}

.telLoginView .captcha-view .captchaImg {
    width: 140px;
    height: 36px;
    margin-top: 20px;
    cursor: pointer;
}

.telLoginView .captcha-view .captchaInput {
    width: 142px;
    height: 40px;
    margin-top: 15px;
    border: solid 1px #E0E0E0;
    font-size: 14px;
    text-align: center;
}

.telLoginView .captcha-view .confirm {
    width: 100%;
    background-color: #FFC108;
    border-radius: 2px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-top: 20px;
    cursor: pointer;
}

.captchaShadowView {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
}

.captchaShadowView .captcha-view {
    background-color: #fff;
    width: 360px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.captchaShadowView .captcha-view .topView {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.captchaShadowView .captcha-view .topView span {
    font-size: 16px;
    color: #333333;
}

.captchaShadowView .captcha-view .topView img {
    width: 12px;
    cursor: pointer;
}

.captchaShadowView .captcha-view .captchaImg {
    width: 140px;
    height: 36px;
    margin-top: 20px;
    cursor: pointer;
}

.captchaShadowView .captcha-view .captchaInput {
    width: 142px;
    height: 40px;
    margin-top: 15px;
    border: solid 1px #E0E0E0;
    font-size: 14px;
    text-align: center;
}

.captchaShadowView .captcha-view .confirm {
    width: 100%;
    background-color: #FFC108;
    border-radius: 2px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-top: 20px;
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}


/* 时辰卡上方省略点 */

.ellipsis-view {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.ellipsis-view .ellipsisImg {
    width: 4px;
    height: 18px;
}


/* 全天日历卡片 */

.day-card {
    padding: 20px 12px 0 12px;
    display: flex;
    justify-content: space-between;
}

.one-view {
    width: 18%;
}

.one-view .weekdayText {
    font-size: 18px;
    line-height: 18px;
    display: block;
    width: 38px;
    text-align: right;
    white-space: nowrap;
}

.two-view {
    width: calc(82% - 8px);
}

.two-view .top-view {
    display: flex;
    padding-right: 15px;
    justify-content: space-between;
}

.two-view .top-view .left-view {
    display: flex;
}

.left-view .widgetIcon {
    width: 56px;
    height: 58px;
}

.two-view .two-right-view {
    /* height: 117px; */
    margin-left: 20px;
    position: relative;
}

.text1 {
    font-size: 18px;
    display: block;
    line-height: 18px;
    font-weight: 500;
}

.text2 {
    font-size: 12px;
    color: #C1C1C1;
    display: block;
    line-height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.day-card .goodPercent,
.day-card .badPercent {
    width: 220px;
    margin-top: 19px;
}

.day-card .badPercent {
    margin-top: 6px;
}

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

.addAllDay .addImg {
    width: 56px;
    height: 62px;
}

.luck-view {
    margin-top: 15px;
    display: flex;
}

.luck-view .luckImg {
    width: 20px;
    height: 20px;
}

.luck-view .luckText {
    color: #333333;
    font-size: 15px;
    line-height: 18px;
    margin-left: 15px;
    width: calc(100% - 50px);
    font-weight: 500;
}


/* 登录button */

.day-card .login-btn {
    border-radius: 0;
    padding: 0px;
    width: 56px;
    height: 62px;
    background-color: transparent;
}

.day-card .login-btn::after {
    border: none;
}


/* 日期样式 6/25 */

.date-view {
    height: 35px;
    position: relative;
    width: 38px;
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    font-family: NewSourceHanSerifCNHeavy !important;
}

.tianzhi-view {
    color: #fff;
    height: 100%;
    position: relative;
}

.koidate-view {
    color: #fff;
    height: 100%;
    position: relative;
}

.date-view .molecular {
    font-size: 10px;
    line-height: 10px;
}

.date-view .date-line {
    font-size: 10px;
    line-height: 10px;
}

.date-view .denominator {
    font-size: 14px;
    line-height: 14px;
}

.date-line .dateLine {
    width: 7px;
    height: 9px;
}

.date-line .tzLine {
    width: 14px;
    height: 18px;
}

.tianzhi-view .molecular {
    font-size: 12px;
    position: absolute;
    top: -4px;
    left: 0;
}

.koidate-view .molecular {
    font-size: 12px;
    position: absolute;
    top: -4px;
    left: 0;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.5px #bcab5d;
}

.koidate-view .molecular {
    font-size: 18px;
}

.tianzhi-view .date-line {
    position: absolute;
    top: 0;
    left: 12px;
}

.koidate-view .date-line {
    position: absolute;
    top: 4%;
    left: 12px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.5px #bcab5d;
}

.tianzhi-view .dizhi {
    font-size: 21px;
    position: absolute;
    top: 5px;
    left: 19px;
}

.koidate-view .dizhi {
    font-size: 30px;
    position: absolute;
    top: 5px;
    left: 19px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.5px #bcab5d;
}


/* 天气卡 */

.weather-card {
    padding: 20px 12px 0 12px;
}

.withSchedule {
    padding: 10px 12px 0 12px;
}

.future-schedule-card {
    padding: 20px 12px 0 12px;
}

.future-schedule-card .date-view {
    width: 85%;
    margin-left: 15%;
    color: #c1c1c1;
    font-size: 13px;
    padding: 0 0 12px 0;
}

.future-schedule-card .content-view {
    display: flex;
}

.weather-card .time {
    width: 18%;
    font-size: 13px;
    display: flex;
}

.weather-card .time .time-view {
    /* width: 38px; */
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.weather-card .time-view .allday {
    width: 100%;
    /* text-align: right; */
    width: 33px;
    height: 33px;
}

.weather-card .time-view .currentText {
    width: 100%;
    color: #ff324a;
    text-align: right;
}

.weather-card .time-view .rightnowText {
    width: 100%;
    color: #ffc008;
    text-align: right;
}

.weather-card .time .time-img-view {
    width: calc(100% - 38px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.weather-card .time .time-img-view .timeImg {
    width: 8px;
    height: 10px;
}

.weather-card .sc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    height: 40px;
    border-radius: 2px;
    cursor: pointer;
}

.weather-card .content {
    display: flex;
    justify-items: center;
    align-items: center;
    width: calc(100% - 35px);
}

.weather-card .content .contentImg {
    border-radius: 2px 0 0 2px;
}

.weather-card .content .contentText {
    margin-left: 5px;
    width: calc(100% - 45px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.weather-card .pick-weather {
    padding: 0 5px;
    height: 21px;
}

.weather-card .pick-weather .pickImg {
    width: 15px;
    height: 3px;
}

.weather-card .ellipsis-view {
    width: 85%;
    margin-left: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.weather-card .ellipsis-view .ellipsisImg {
    width: 4px;
    height: 18px;
}


/* 时辰卡 */

.time-card {
    padding: 20px 12px 0 12px;
    display: flex;
    justify-content: space-between;
}

.time-card .time {
    width: 18%;
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.time-card .currentTime {
    width: 18%;
    font-size: 13px;
    display: flex;
    flex-direction: column;
}

.time-card .timeText {
    width: 38px;
    text-align: center;
    line-height: 13px;
}

.time-card .bazi-view {
    width: 38px;
    display: flex;
    justify-content: center;
    margin-top: 4px;
}

.time-card .bazi-view .baziborderImg {
    width: 16px;
    height: 16px;
    border-radius: 16px;
}

.time-card .bazi-view .bazi-item-view {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.time-card .bazi-view .baziText {
    line-height: 17px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 1px;
    width: 15px;
    height: 15px;
}

.time-card .time .bazi-view {
    font-family: NewSourceHanSeifCNRegular !important;
}

.time-card .currentTime .bazi-view {
    font-family: NewSourceHanSerifCNHeavy !important;
}

.time-card .right-view {
    width: calc(82% - 8px);
}

.time-card .top-view {
    display: flex;
    height: 63px;
    overflow: hidden;
    border-radius: 3px;
}

.time-card .top-line {
    width: 5px;
    height: 31px;
}

.time-card .middle-line {
    width: 5px;
    height: 1px;
    background-color: #fff;
}

.time-card .bottom-line {
    width: 5px;
    height: 31px;
}

.time-card .illustration-view {
    background-color: orange;
    width: calc(100% - 5px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.time-card .illustration-view .shadow-view {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.time-card .content-view {
    width: calc(100% - 12px);
    height: calc(100%);
    padding: 12px;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.time-card .content-view .contentText {
    color: #fff;
}

.time-card .illustration-view .shadow-view .addTimeSchedule {
    width: 20px;
    height: 22px;
}

.time-card .bottom-view {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.time-card .good-bad-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}

.time-card .goodPercent,
.time-card .badPercent {
    width: 70px;
    background-color: #F7F4F4;
    display: flex;
    position: relative;
}

.time-card .badPercent {
    margin-top: 2px;
}

.time-card .defaultTrend {
    height: 100%;
}

.time-card .vipTrend {
    height: 100%;
}

.time-card .taboo-view {
    color: #000;
    font-size: 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -3px;
    width: calc(100% - 80px);
}

.time-card .taboo-view .tabooImg {
    width: 15px;
    height: 15px;
}

.time-card .taboo-view .tabooText {
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.time-card .ellipsis-view {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.time-card .ellipsis-view .ellipsisImg {
    width: 4px;
    height: 19px;
}


/* 个人运势卡 */

.trendvip-card {
    padding: 15px 12px 0 12px;
}

.trendvip-card .time {
    width: 18%;
    font-size: 13px;
}

.trendvip-card .time .trendvipimg-view {
    width: 38px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trendvip-card .time .trendvipimg-view .cardIconBg {
    height: 33px;
    /* opacity: 0.8; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
}

.trendvip-card .time .trendvipimg-view .cardIconBg .cardIcon {
    width: 33px;
    height: 33px;
    /* border-radius: 100%; */
}

.trendvip-card .sc {
    width: calc(82% - 8px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 10px;
    font-size: 14px;
    height: 40px;
    border-radius: 2px;
}

.trendvip-card .pick-koi {
    width: 15px;
    height: 3px;
    padding: 0;
    margin: 0 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trendvip-card .pick-koi .circle {
    width: 2px;
    height: 2px;
    border-radius: 50%;
}


/* 节气图片卡 */

.solar-card {
    padding: 25px 12px 0 12px;
}

.withSmall {
    padding: 10px 12px 0 12px;
}

.solar-img {
    width: calc(82% - 8px);
    margin-left: calc(18% + 8px);
    height: 63px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 2px;
    cursor: pointer;
}


/* 节气文字卡 */

.solar-text-card {
    padding: 25px 12px 0 12px;
}

.solar-text-card .withSmall {
    padding: 10px 12px 0 12px;
}

.solar-text-card .time {
    width: 18%;
    font-size: 13px;
    display: flex;
    flex-direction: column;
}

.solar-text-card .solar-content {
    width: calc(82% - 8px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 18px;
    margin-left: 8px;
    font-size: 14px;
    height: 40px;
    border-radius: 2px;
    cursor: pointer;
}

.solar-text-card .pick-solar {
    padding: 0 5px;
    height: 100%;
}

.solar-text-card .pick-solar .pickImg {
    width: 15px;
    height: 3px;
    margin-top: 18px;
}

.solar-text-card .ellipsis-view {
    width: 85%;
    margin-left: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.solar-text-card .ellipsis-view .ellipsisImg {
    width: 4px;
    height: 18px;
}


/* 日程卡 */

.schedule-card {
    /* padding: 25px 12px 0 12px; */
    padding: 15px 12px 0 12px;
    display: block;
}

.withSchedule {
    padding: 15px 12px 0 12px;
}


/* 未来日程 */


/* .future-schedule-card {
    padding: 15px 12px 0 12px;
}

.future-schedule-card .date-view {
    width: 85%;
    margin-left: 15%;
    color: #C1C1C1;
    font-size: 13px;
    padding: 0 0 12px 0;
}

.future-schedule-card .content-view {
    display: flex;
} */

.schedule-card .content-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schedule-card .time {
    width: 18%;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.schedule-card .allday {
    color: #FFC108;
}

.schedule-card .sc {
    width: calc(82% - 8px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 0 18px;
    font-size: 14px;
    height: 40px;
    border-radius: 2px;
    cursor: pointer;
}


/* 日程内容单行显示 */

.schedule-card .sc .content .contentText {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


/* 日程参与者 头像 样式 */

.schedule-card .head-view {
    width: calc(82% - 32px);
    margin-left: 18%;
    padding: 0 15px 0 18px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.schedule-card .head-view .little-head-view {
    height: 26px;
    display: flex;
    align-items: center;
}

.schedule-card .head-view .little-head-view .headImg {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #EEEEEE;
}

.schedule-card .head-view .little-head-view .sele-line {
    width: 2px;
    margin: 0 10px 0 5px;
    background-color: #eeeeee;
    height: 15px;
}

.schedule-card .head-view .count {
    color: #c1c1c1;
    font-size: 10px;
}


/* 日程计时 */

.schedule-card .timing {
    margin-left: 18%;
    color: #333333;
    font-size: 9px;
    padding: 10px 15px 0 18px;
}

.schedule-card .right-icon-view {
    width: 15px;
    height: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0 5px;
    position: relative;
}

.schedule-card .right-icon-view .circle {
    width: 2px;
    height: 2px;
    background-color: #000000;
    border-radius: 50%;
}

.schedule-card .right-icon-view .update-circle {
    width: 6px;
    height: 6px;
    background-color: #E8533F;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -6px;
}

.schedule-card .little-head-view .right-icon-view .circle {
    background-color: #c1c1c1;
}

.schedule-card .ellipsis-view {
    width: 85%;
    margin-left: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.schedule-card .ellipsis-view .ellipsisImg {
    width: 4px;
    height: 19px;
}


/* 登录button */

.trendvip-card .login-btn {
    border-radius: 2px;
    border: none;
}

.trendvip-card .login-btn::after {
    border: none;
}

.trendvip-card .login-btn .content {
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}
html,
body {
    background-color: #fff;
}

body {
    position: relative;
}

.navPc {
    background-color: #fff;
    border-bottom: solid 1px #EEEEEE;
}

.navPc .navMain {
    width: calc(80%);
    margin: 0 auto;
    max-width: 1600px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.navPc .navMain .navImg {
    width: 113px;
    cursor: pointer;
}

.navPc .navMain .navRightView {
    display: flex;
    align-items: center;
    height: 100%;
}

.navPc .navMain .navRightView .mySchedule {
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navPc .navMain .navRightView .mySchedule img {
    width: 17px;
}

.navPc .navMain .navRightView .mySchedule span {
    margin-left: 5px;
}

.navPc .navMain .navRightView .home {
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navPc .navMain .navRightView .home img {
    width: 17px;
}

.navPc .navMain .navRightView .home span {
    margin-left: 5px;
}

.navPc .navMain .navRightView .showCalendarCode {
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navPc .navMain .navRightView .showCalendarCode img {
    width: 17px;
}

.navPc .navMain .navRightView .showCalendarCode span {
    margin-left: 5px;
}

.navPc .navMain .navRightView .showCalendarCode:hover {
    color: #FFC108;
}

.navPc .navMain .navRightView .feedback {
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navPc .navMain .navRightView .feedback img {
    width: 17px;
}

.navPc .navMain .navRightView .feedback span {
    margin-left: 5px;
}

.navPc .navMain .navRightView .feedback:hover {
    color: #FFC108;
}


/* 登录 */

.navPc .navMain .userView {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navPc .navMain .userView .login {
    width: 56px;
    height: 26px;
    background-color: #FFF330;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    border-radius: 4px;
    letter-spacing: 1px;
    cursor: pointer;
    display: none;
}


/* .navPc .navMain .userView .login:hover {
    color: #FDD401;
    border: solid 1px #FDD401;
} */

.navPc .navMain .userView .user {
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

.navPc .navMain .userView .user img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.navPc .navMain .userView .user span {
    font-size: 14px;
    margin-left: 10px;
}

.navPc .navMain .logoutView {
    position: absolute;
    right: 0;
    bottom: -29px;
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 100px;
    height: 48px;
    background-image: url(/calendar/static/images/logout_bg_5d6f64844078dbbc428de816b0058a33.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.navPc .navMain .logoutView img {
    width: 14px;
    height: 14px;
    margin-top: 5px;
}

.navPc .navMain .logoutView span {
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-top: 5px;
}

.navMobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 15px;
    background-color: #FFFBB4;
    letter-spacing: 1px;
}

.navMobile .navLeft {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #333333;
}

.navMobile .navLeft img {
    width: 30px;
}

.navMobile .navLeft span {
    margin-left: 9px;
}

.navMobile .open {
    font-size: 13px;
    width: 64px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #000000;
    border-radius: 25px;
    color: #FFFBB4;
}

.container {
    width: calc(80%);
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.container .leftMainView {
    width: 70%;
}

.container .calendarTimeFlow {
    width: 28%;
    margin-top: 15px;
    background-color: #fff;
    overflow-y: hidden;
    overflow-y: scroll;
    /* padding-bottom: 50px; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.container .calendarTimeFlow .past {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container .calendarTimeFlow .future {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* .container .calendarTimeFlow .future .addSchedule,
.container .calendarTimeFlow .past .addSchedule {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
} */

.container .calendarTimeFlow .past .day-card,
.container .calendarTimeFlow .future .day-card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.container .calendarTimeFlow .emptySchedule {
    color: #C1C1C1;
    font-size: 20px;
}

.container .calendarTimeFlow .timeAddSchedule {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.container .calendarTimeFlow .timeAddSchedule img {
    width: 14px;
}

.container .calendarTimeFlow .timeAddSchedule span {
    margin-left: 5px;
}


/* .container .calendarTimeFlow .future .addSchedule img,
.container .calendarTimeFlow .past .addSchedule img {
    width: 14px;
} */


/* .container .calendarTimeFlow .future .addSchedule span,
.container .calendarTimeFlow .past .addSchedule span {
    margin-left: 5px;
} */

.container .calendarTimeFlow .timeFlow {
    width: 100%;
    display: none;
    /* overflow-y: scroll; */
    padding-bottom: 50px;
}

.container .calendarTimeFlow .loading {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container .calendarTimeFlow .loading img {
    width: 42px;
    height: 42px;
}


/* .timeFlow {
    padding: 20px 12px 0 12px;
    display: flex;
    justify-content: space-between;
} */

.container .calendarTimeFlow .scheduleIconMouse {
    display: none;
    position: fixed;
}

.container .calendarTimeFlow .scheduleIconMouse img {
    width: 80px;
}

.container .calendarTimeFlow .mySchedule {
    color: rgb(0, 0, 0);
    position: fixed;
    right: calc(10% + 20px);
    width: 62px;
    height: 62px;
    top: 700px;
    cursor: pointer;
}

.container .calendarTimeFlow .mySchedule img {
    width: 100%;
}

.container .calendarTimeFlow .addSchedule {
    position: fixed;
    width: 101px;
    height: 101px;
    right: 10%;
    top: 768px;
    cursor: pointer;
}

.container .calendarTimeFlow .addSchedule img {
    width: 100%;
}


/* 日期 pc */

.date {
    background-color: #fff;
    /* width: calc(85%);
    max-width: 1500px; */
    height: 60px;
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.date .dateLeft {
    display: flex;
    align-items: center;
    /* left: 44px; */
    /* position: absolute; */
    /* margin-left: 44px; */
    font-size: 16px;
}

.date .dateLeft .dateVal {
    width: 95px;
}

.date .dateLeft .dateVal .month {
    font-size: 22px;
    line-height: 22px;
}


/* 干支 */

.date .gz {
    font-size: 15px;
    line-height: 15px;
    font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, serif !important;
    display: none;
    justify-content: center;
    align-items: flex-end;
    letter-spacing: 1px;
    margin-left: 20px;
    width: 190px;
}

.date .gz .year_zhu {
    display: flex;
}

.date .gz .next_year_zhu,
.next_month_zhu {
    position: relative;
}

.date .gz .jie_qi_time {
    position: absolute;
    bottom: 20px;
    display: flex;
}

.date .gz .month_zhu,
.day_zhu {
    margin-left: 6px;
    display: flex;
}

.date .gz .jie_qi_time {
    color: #c1c1c1;
    font-size: 9px;
}


/* 日期选择 */

.date .calendar {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    position: relative;
    margin-left: 20px;
}

.date .calendar .selectDate {
    margin: 0 7px;
    /* width: 106px; */
    border: none;
    width: 153px;
    padding: 5px 0;
    z-index: 999;
    background-color: transparent;
    cursor: pointer;
}

.date .calendar .arrow {
    width: 15px;
    padding: 5px;
    cursor: pointer;
}

.date .calendar .nextMonth {
    position: absolute;
    left: 131px;
    z-index: 999;
}

.date .calendar .calendarIcon {
    width: 18px;
    /* margin-left: 12px; */
    position: absolute;
    left: 155px;
    /* margin-left: 0; */
    z-index: 998;
    cursor: pointer;
}

.date .calendar .toToday {
    font-size: 14px;
    color: #B1B1B1;
    margin-left: 20px;
    cursor: pointer;
    display: none;
}

.date .mySchedule {
    position: absolute;
    right: 0;
    background-color: #FFE745;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.date .mySchedule img {
    width: 17px;
}

.date .mySchedule span {
    margin-left: 5px;
    color: #333333;
}


/* 日期选择 mobile */

.dateMobile {
    justify-content: space-between;
    font-size: 15px;
    height: 40px;
    width: calc(100% - 30px);
    margin-top: 20px;
}

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

.dateMobile .picker .selectDate {
    width: 106px;
    margin-bottom: 0;
    padding: 10px 0;
    border: none;
}

.dateMobile .picker .selectDate::placeholder {
    color: #000;
}

.dateMobile .picker img {
    width: 9px;
    margin-left: -8px;
}

.dateMobile .gz {
    margin-left: 0;
    justify-content: flex-end;
}


/* 日历格 */

.mainView {
    /* width: calc(85%);
    max-width: 1500px; */
    margin: 0 auto;
    /* margin-top: 6px; */
    border-top: solid 1px #B1B1B1;
    padding-top: 5px;
}

.header {
    background-color: #fff;
}

.header>div {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #000;
    width: 14.28%;
    height: 40px;
    line-height: 40px;
    letter-spacing: 1px;
}

.header .weekend {
    color: #ED3A40;
}


/* 日历 */

.date-box {
    overflow: visible;
    min-height: 230px;
}

.date-box>div {
    position: relative;
    display: inline-block;
    width: 14.28%;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px #FFC782;
    padding: 2% 0;
    padding-bottom: 0;
    min-height: 40px;
    cursor: pointer;
}

.date-box>div .day-sign {
    position: absolute;
    top: 2px;
    right: 2px;
}

.date-box>div .day-sign img {
    width: 26px;
    height: 26px;
    display: block;
}

.date-box>div .date-border {
    width: 40px;
    height: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.date-box>div .day-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: NewSourceHanSerifCNHeavy !important;
}

.date-box>div .nlAndgz {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    letter-spacing: 1px;
}

.nlAndgz .nl-text {
    font-family: NewSourceHanSeifCNRegular !important;
    color: #000;
    height: 10px;
    line-height: 10px;
}

.nlAndgz .gz-text {
    font-family: KyokashoYokoBold-Bold !important;
    color: #c1c1c1;
    margin-top: 8px;
}

.date-box>div .schedule {
    font-size: 12px;
    color: #333;
    width: 100%;
    /* margin-left: 25%; */
    height: 16px;
    padding: 0 10px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.date-box>div .hadSchedule {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10px;
}

.date-box>div .hadSchedule image {
    width: 10px;
    height: 10px;
}

.date-box>div .hadSchedule .chabaziIcon {
    margin: 0 3px;
}


/* 运势 */

.date-box>div .day-item-fortune {
    width: 76%;
    height: 100%;
    padding: 12% 14% 20% 14%;
    position: absolute;
    bottom: 87%;
    left: 12%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    z-index: 10002;
}

.day-item-fortune .dayText {
    font-size: 28px;
    font-family: NewSourceHanSerifCNHeavy !important;
}

.day-item-fortune .day-name {
    width: 100%;
    font-size: 14px;
    /* 文字两端对齐 */
    text-align: justify;
    text-align-last: justify;
}


/* .daynamespan {
    display: inline-block;
    width: 100%;
} */

.daynamespan:after {
    content: '';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
}

.day-item-fortune .good-bad-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4px;
    width: calc(100% - 2px);
    margin-top: -12px;
}

.goodPercent,
.badPercent {
    -webkit-appearance: none;
    width: 100%;
    background-color: #F7F4F4;
    /* border-radius: 2px;
    height: 2px; */
    display: flex;
}

.badPercent {
    margin-top: 3px;
}

.goodValue,
.badValue {
    height: 100%;
    border-radius: 2px;
}


/* 日历二维码 */

.calendarCode {
    display: none;
    flex-direction: column;
    font-size: 14px;
    position: absolute;
    /* bottom: 0; */
    /* left: calc(92% + 20px); */
    /* width: calc(8% - 40px); */
    width: 180px;
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-weight: 300;
    align-items: center;
    top: -6px;
    right: 0;
    background-image: url(/calendar/static/images/bg_download_fc3344c6131b8090e3b15bdb9cbb000b.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.calendarCode img {
    width: 90%;
    margin-top: 12px;
}

.toTodayMobile {
    width: 34px;
    height: 34px;
    position: fixed;
    right: 25px;
    bottom: 17%;
}

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


/* 登录图层 */

.loginView {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.loginView .main {
    width: 400px;
    background-color: #fff;
}

.loginView .main .topView {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffcc;
}

.loginView .main .topView .leftIcon {
    width: 100px;
}

.loginView .main .topView .close {
    width: 14px;
    cursor: pointer;
}

.loginView .main .telLoginView {
    padding: 30px 30px 40px 30px;
    font-size: 14px;
}

.loginView .main .telLoginView .telView {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #EEEEEE;
}

.loginView .main .telLoginView .telView .areaCode {
    color: #A1A1A1;
}

.loginView .main .telLoginView .telView hr {
    width: 1px;
    height: 24px;
    background-color: #EEEEEE;
    margin-left: 15px;
    border: none;
}

.loginView .main .telLoginView .telView .telInput {
    margin: 0;
    border: none;
    font-size: 14px;
}

.loginView .main .telLoginView .telView .emptyTip,
.formatTip {
    position: absolute;
    right: 0;
    margin: 0;
    color: #FF0000;
    letter-spacing: 1px;
    display: none;
}

.loginView .main .telLoginView .verifyView {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #EEEEEE;
    margin-top: 15px;
}

.loginView .main .telLoginView .verifyView .verifyInput {
    border: none;
    margin: 0;
    padding-left: 0;
    font-size: 14px;
    width: 60%;
}

.loginView .main .telLoginView input::placeholder {
    color: #A1A1A1;
}

.loginView .main .telLoginView input.verifyTip::placeholder {
    color: #FF0000;
}

.loginView .main .telLoginView input.capchaTipInput::placeholder {
    color: #ED3A40;
}

.loginView .main .telLoginView .verifyView .sendCode {
    color: #FFC108;
    letter-spacing: 1px;
    cursor: pointer;
}

.loginView .main .telLoginView .verifyView .sendCode:hover {
    color: #FDD401;
}

.loginView .main .telLoginView .telLoginBtn {
    background-color: #FFC108;
    color: #fff;
    font-size: 14px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    border-radius: 4px;
    margin-top: 30px;
    cursor: pointer;
}

.loginView .main .telLoginView .telLoginBtn:hover {
    background-color: #FDD401;
}

.loginView .main .telLoginView .policy {
    font-size: 12px;
    color: #C1C1C1;
    margin-top: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}

.loginView .main .telLoginView .policy .protocol:hover {
    color: #333333;
}

.loginView .main .telLoginView .policy .privacyPolicy:hover {
    color: #333333;
}

.loginView .main .telLoginView .wechatLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #333333;
    margin-top: 60px;
}

.loginView .main .telLoginView .wechatLogin hr {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    border: none;
}

.loginView .main .telLoginView .wechatLogin .toWechatLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
    background-color: #fff;
    padding: 0 15px;
    cursor: pointer;
}

.loginView .main .telLoginView .wechatLogin .toWechatLogin .wechatImg {
    width: 36px;
    margin-top: 10px;
}

.loginView .main .wechatLoginView {
    display: none;
    position: relative;
    padding-bottom: 40px;
}

.loginView .main .wechatLoginView #login_container {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginView .main .wechatLoginView .telLogin {
    font-size: 14px;
    color: #FFC108;
    position: absolute;
    bottom: 40px;
    left: 20px;
    margin: 0;
    cursor: pointer;
}

.loginView .main .wechatLoginView .telLogin:hover {
    color: #FDD401;
}


/* 图片验证码 */

.telLoginView .captcha-view {
    background-color: #fff;
    width: 100%;
    padding: 15px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.telLoginView .captcha-view .topView {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #fff;
    padding: 0;
}

.telLoginView .captcha-view .topView span {
    font-size: 16px;
    color: #333333;
}

.telLoginView .captcha-view .topView img {
    width: 12px;
    cursor: pointer;
}

.telLoginView .captcha-view .captchaImg {
    width: 140px;
    height: 36px;
    margin-top: 20px;
    cursor: pointer;
}

.telLoginView .captcha-view .captchaInput {
    width: 142px;
    height: 40px;
    margin-top: 15px;
    border: solid 1px #E0E0E0;
    font-size: 14px;
    text-align: center;
    -webkit-user-select: text!important;
    /* safari无法无法输入值 */
}

.telLoginView .captcha-view .confirm {
    width: 100%;
    background-color: #FFC108;
    border-radius: 2px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-top: 20px;
    cursor: pointer;
}

.captchaShadowView {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
}

.captchaShadowView .captcha-view {
    background-color: #fff;
    width: 360px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.captchaShadowView .captcha-view .topView {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.captchaShadowView .captcha-view .topView span {
    font-size: 16px;
    color: #333333;
}

.captchaShadowView .captcha-view .topView img {
    width: 12px;
    cursor: pointer;
}

.captchaShadowView .captcha-view .captchaImg {
    width: 140px;
    height: 36px;
    margin-top: 20px;
    cursor: pointer;
}

.captchaShadowView .captcha-view .captchaInput {
    width: 142px;
    height: 40px;
    margin-top: 15px;
    border: solid 1px #E0E0E0;
    font-size: 14px;
    text-align: center;
}

.captchaShadowView .captcha-view .confirm {
    width: 100%;
    background-color: #FFC108;
    border-radius: 2px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1px;
    margin-top: 20px;
    cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}


/* 常用网址 */

.linkView {
    display: none;
    width: 80%;
    max-width: 1600px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 13px;
}

.linkView img {
    width: 14px;
}

.linkView a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 14px;
    cursor: pointer;
    color: #000;
}

.linkView a:hover {
    color: #FFC108;
}

.linkView a>span {
    margin-left: 4px;
}

.footView {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    max-width: 1500px;
    margin: 180px auto;
    margin-top: 0;
    padding-top: 80px;
    border-top: solid 1px #eeeeee;
}

.footView p {
    font-size: 12px;
    color: #C1C1C1;
}

.footView .recordLink {
    font-size: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #C1C1C1;
}


/* 日程详情 */

.scheduleDetailShadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.scheduleDetailShadow .scheduleDetail {
    position: relative;
    width: 400px;
}

.scheduleDetailShadow .scheduleDetail .close {
    width: 20px;
    position: absolute;
    top: -30px;
    right: -20px;
    cursor: pointer;
}

.scheduleDetailShadow .scheduleDetail .mainView {
    background-color: #fff;
    padding: 30px 30px 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.scheduleDetailShadow .scheduleDetail .mainView .title {
    border-bottom: solid 1px #EEEEEE;
    padding-bottom: 40px;
    font-size: 25px;
    height: 80px;
    overflow-y: scroll;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.scheduleDetailShadow .scheduleDetail .mainView .content {
    border-bottom: solid 1px #EEEEEE;
    font-size: 14px;
    height: 100px;
    overflow-y: scroll;
    padding: 25px 0;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime {
    border-bottom: solid 1px #EEEEEE;
    padding: 15px 0;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .label {
    font-size: 14px;
    color: #C1C1C1;
    display: flex;
    justify-content: space-between;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue {
    display: flex;
    align-items: center;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view img {
    width: 100%;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view span {
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 2px;
    right: 1px;
    width: 15px;
    height: 15px;
    font-family: NewSourceHanSerifCNHeavy !important;
}

.scheduleDetailShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .time {
    margin-left: 8px;
}

.scheduleDetailShadow .scheduleDetail .mainView .location {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEE;
}

.scheduleDetailShadow .scheduleDetail .mainView .location span {
    color: #C1C1C1;
}

.scheduleDetailShadow .scheduleDetail .mainView .location .locationValue {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scheduleDetailShadow .scheduleDetail .mainView .location .locationValue img {
    width: 12px;
}

.scheduleDetailShadow .scheduleDetail .mainView .location .locationValue span {
    color: #000;
}

.scheduleDetailShadow .scheduleDetail .mainView .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEE;
    position: relative;
}

.scheduleDetailShadow .scheduleDetail .mainView .link input {
    width: 75%;
    margin: 0;
    border: none;
    color: #0066CC;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scheduleDetailShadow .scheduleDetail .mainView .link img {
    position: absolute;
    /* right: calc(80% - 26px); */
    width: 16px;
    right: 0;
}

.scheduleDetailShadow .scheduleDetail .mainView .link span {
    color: #C1C1C1;
}

.scheduleDetailShadow .scheduleDetail .mainView .userListView {
    color: #C1C1C1;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEE;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList {
    display: flex;
    /* align-items: center; */
    margin-top: 10px;
    flex-wrap: wrap;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList .user-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList .user-item img {
    background-color: #EEEEEE;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList span {
    color: #333333;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 36px;
    display: -webkit-box;
    text-align: center;
    margin-top: 4px;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList .sele-line {
    width: 1px;
    margin: 11px 15px 0 0;
    background-color: #eeeeee;
    height: 15px;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList .contactInvite {
    margin-right: 10px;
    margin-bottom: 10px;
}

.scheduleDetailShadow .scheduleDetail .mainView .userList .contactInvite img {
    cursor: pointer;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite {
    margin-top: 10px;
    font-size: 14px;
    position: relative;
    width: 100px;
    height: 36px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteBtn {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #2296F3;
    z-index: 1000;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteBtn img {
    width: 16px;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteShadowView {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 999;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 368px;
    height: 127px;
    top: -120px;
    left: -130px;
    padding: 25px 20px 20px 20px;
    display: none;
    z-index: 1000;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView .linkInviteTitle {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView .linkInviteTitle img {
    width: 16px;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView .copyLink {
    display: flex;
    margin-top: 10px;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView .copyLink .inviteLink {
    width: calc(100% - 100px);
    border: none;
    border-bottom: solid 1px #EEEEEE;
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
    height: 34px;
}

.scheduleDetailShadow .scheduleDetail .mainView .linkInvite .linkInviteView .copyLink .copy {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #FFC108;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: bold;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView {
    font-size: 14px;
    margin-top: 40px;
    display: none;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView>div {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .finish {
    background-color: #333333;
    color: #fff;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .finish img {
    width: 13px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .finish span {
    margin-left: 5px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .edit {
    background-color: #B1B1B1;
    color: #fff;
    margin-top: 10px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .edit img {
    width: 16px;
    margin-left: 5px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .delete {
    background-color: #EEEEEE;
    color: #B1B1B1;
    margin-top: 10px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .delete img {
    width: 10px;
    margin-left: 5px;
}

.scheduleDetailShadow .scheduleDetail .mainView .btnView .unsubscribe {
    background-color: #EEEEEE;
    color: #B1B1B1;
}


/* 成员邀请 */

.memberInviteShadowView {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
}

.memberInviteView {
    background-color: #fff;
    padding: 30px 0 52px 0;
    border: solid 1px #EEEEEE;
    position: absolute;
    left: 160px;
    width: 450px;
    display: none;
    z-index: 1000;
}

.memberInviteView .scheduleMemberTitle {
    font-size: 20px;
    padding: 0 30px;
}

.memberInviteView .scheduleMemberView {
    margin-top: 20px;
    display: flex;
}

.memberInviteView .scheduleMemberView .currentMember {
    width: 50%;
    border-right: solid 1px #EEEEEE;
}

.memberInviteView .scheduleMemberView .currentMember .currentMemberTitle,
.memberInviteView .scheduleMemberView .recentContact .recentContactTitle {
    font-size: 12px;
    color: #666;
    padding-left: 30px;
    background-color: #F7F7F7;
}


/* 当前成员，最近联系人 */

.memberInviteView .scheduleMemberView .currentMember .currentMemberList,
.memberInviteView .scheduleMemberView .recentContact .recentContactList {
    height: 260px;
    padding: 20px 30px;
    overflow-y: scroll;
}

.memberInviteView .scheduleMemberView .memberItem {
    display: flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
}

.memberInviteView .scheduleMemberView .memberIcon {
    width: 16px;
    height: 16px;
}

.memberInviteView .scheduleMemberView .memberIcon img {
    width: 100%;
}

.memberInviteView .scheduleMemberView .currentMember .memberIcon {
    display: none;
}

.memberInviteView .scheduleMemberView .memberItem .member {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    width: calc(100% - 26px);
    margin-left: 10px;
}

.memberInviteView .scheduleMemberView .currentMember .member {
    margin-left: 0;
}

.memberInviteView .scheduleMemberView .memberItem .member img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.memberInviteView .scheduleMemberView .memberItem .member span {
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 14px;
    color: #333;
}

.memberInviteView .scheduleMemberView .recentContact {
    width: 50%;
}

.memberInviteView .memberInviteBtn {
    border: solid 1px #C1C1C1;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
    width: calc(100% - 60px);
    margin-left: 30px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}

.memberInviteView .linkInviteView {
    margin-top: 30px;
    padding: 0 30px;
}

.memberInviteView .linkInviteView .linkInviteTitle {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.memberInviteView .linkInviteView .linkInviteTitle img {
    width: 16px;
}

.memberInviteView .linkInviteView .linkInviteTitle span {
    margin-left: 6px;
}

.memberInviteView .linkInviteView .copyLink {
    display: flex;
    margin-top: 10px;
}

.memberInviteView .linkInviteView .copyLink .inviteLink {
    width: calc(100% - 100px);
    border: none;
    border-bottom: solid 1px #EEEEEE;
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
    height: 32px;
}

.memberInviteView .linkInviteView .copyLink .copy {
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #FFC108;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: bold;
}


/* 创建、编辑日程 */

.scheduleEditShadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    /* justify-content: center;
    align-items: center; */
    z-index: 999;
}

.scheduleEditShadow .scheduleDetail {
    /* position: relative; */
    width: 400px;
    position: absolute;
    right: calc(10% + 101px);
    bottom: 128px;
}

.scheduleEditShadow .scheduleDetail .close {
    width: 20px;
    position: absolute;
    top: -30px;
    right: -20px;
    cursor: pointer;
}

.scheduleEditShadow .scheduleDetail .mainView {
    background-color: #fff;
    padding: 30px 30px 40px 30px;
    height: 100%;
    /* overflow: scroll; */
}

.scheduleEditShadow .scheduleDetail .mainView .title {
    border: none;
    border-bottom: solid 1px #EEEEEE;
    padding: 0;
    padding-bottom: 40px;
    /* height: 50px; */
    font-size: 25px;
    line-height: 30px;
}

.scheduleEditShadow .scheduleDetail .mainView .content {
    border: none;
    border-bottom: solid 1px #EEEEEE;
    font-size: 14px;
    min-height: 100px;
    padding: 10px 0;
    margin-bottom: 0;
    display: block;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime {
    border-bottom: solid 1px #EEEEEE;
    padding: 20px 0;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .label {
    font-size: 14px;
    color: #C1C1C1;
    display: flex;
    justify-content: space-between;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .dateValue {
    cursor: pointer;
    width: auto;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue {
    display: flex;
    align-items: center;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view img {
    width: 100%;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .dizhi-view span {
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 2px;
    right: 1px;
    width: 15px;
    height: 15px;
    font-family: NewSourceHanSerifCNHeavy !important;
}

.scheduleEditShadow .scheduleDetail .mainView .dateTime .dateTimeValue .timeValue .time {
    margin-left: 8px;
    cursor: pointer;
}

.scheduleEditShadow .scheduleDetail .mainView .location {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEE;
}

.scheduleEditShadow .scheduleDetail .mainView .location span {
    color: #C1C1C1;
}

.scheduleEditShadow .scheduleDetail .mainView .location .locationValue {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scheduleEditShadow .scheduleDetail .mainView .location .locationValue img {
    width: 12px;
}

.scheduleEditShadow .scheduleDetail .mainView .location .locationValue span {
    color: #000;
}

.scheduleEditShadow .scheduleDetail .mainView .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: solid 1px #EEEEEE;
    position: relative;
}

.scheduleEditShadow .scheduleDetail .mainView .link input {
    width: 80%;
    margin: 0;
    border: none;
    color: #0066CC;
    text-align: right;
    cursor: pointer;
}

.scheduleEditShadow .scheduleDetail .mainView .link img {
    position: absolute;
    /* right: calc(80% - 26px); */
    width: 16px;
    right: 0;
}

.scheduleEditShadow .scheduleDetail .mainView .link span {
    color: #C1C1C1;
}

.scheduleEditShadow .scheduleDetail .mainView .btnView {
    font-size: 14px;
    margin-top: 40px;
    height: 36px;
    /* background-color: #FFC108; */
    color: #fff;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.scheduleEditShadow .scheduleDetail .mainView .btnView .confirm {
    background-color: #FFC108;
    width: calc(50% - 5px);
}

.scheduleEditShadow .scheduleDetail .mainView .btnView .cancel {
    background-color: #F1F1F1;
    color: #c1c1c1;
    width: calc(50% - 5px);
}


/* 日程时间选择器 */

.timePickerShadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 999;
}

.timePickerShadow .timePicker {
    width: 90px;
    height: 200px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    position: absolute;
    /* right: 260px;
    top: 600px; */
    background-color: #fff;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
}

.timePickerShadow .timePicker span {
    border-top: solid 1px #eeeeee;
    cursor: pointer;
    text-align: center;
    padding: 4px 0;
}


/* 日程弹窗 */

.scheduleAlertShadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.scheduleAlertShadow .scheduleDetail {
    position: relative;
    width: 300px;
    /* height: 80%; */
}

.scheduleAlertShadow .scheduleDetail .close {
    width: 20px;
    position: absolute;
    top: -30px;
    right: -20px;
    cursor: pointer;
}

.scheduleAlertShadow .scheduleDetail .mainView {
    background-color: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.scheduleAlertShadow .scheduleDetail .mainView img {
    width: 42px;
}

.scheduleAlertShadow .scheduleDetail .mainView .scheduleAlertTitle {
    margin-top: 15px;
    font-size: 14px;
}


/* 日期时间选择器样式（居中） */

.weui-animate-slide-up {
    width: 600px;
    left: calc(50% - 300px);
    top: calc(50% - 142px);
}


/* 我的日程 */

.container .myScheduleView {
    margin-top: 30px;
}

.container .myScheduleView .sticky-list-view {
    display: none;
}

.container .myScheduleView .sticky-list-view .sticky-title {
    font-size: 22px;
    color: #2A2A2A;
    font-weight: bold;
    padding: 0 15px;
    margin: 0;
}

.container .myScheduleView .sticky-list-view .sticky-list {
    padding: 0 3px;
    margin-top: 15px;
}

.container .myScheduleView .sticky-list-view .sticky-list .schedule-item {
    margin-top: 10px;
}

.container .myScheduleView .sticky-list-view .sticky-list .schedule-item .date-view {
    width: 100%;
    color: #3A3A3A;
    font-size: 13px;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -10px;
}

.container .myScheduleView .sticky-list-view .sticky-list .schedule-item .date-view .dateText {
    color: #3E3E3E;
}

.container .myScheduleView .sticky-list-view .sticky-list .schedule-item .date-view .countdown {
    color: #C1C1C1;
}

.container .myScheduleView .finish-list-view {
    margin: 30px 0;
    display: none;
}

.container .myScheduleView .finish-list-view .finish-title {
    font-size: 22px;
    color: #2A2A2A;
    font-weight: bold;
    padding: 0 15px;
    margin: 0;
}

.container .myScheduleView .finish-list-view .finish-list {
    padding: 0 3px;
    margin-top: 15px;
}


/* @media screen and (max-width:1630px) {
    .date-box>div .day-item-fortune {
        width: 88%;
        bottom: 91%;
        left: 6%;
    }
} */


/* @media screen and (min-width:1631px) {
    .date-box>div .day-item-fortune {
        width: 66%;
        bottom: 88%;
        left: 17%;
    }
} */

@media screen and (min-width:1490px) {
    .date-box>div .day-item-fortune {
        width: 66%;
        bottom: 91%;
        left: 17%;
    }
    .scheduleDetailShadow {
        align-items: normal;
    }
    .scheduleDetailShadow .scheduleDetail {
        width: 500px;
        margin-left: -24%;
        /* line-height: 2.4; */
    }
    .scheduleDetailShadow .scheduleDetail .mainView {
        min-height: 500px;
    }
}

@media screen and (max-width:1170px) {
    .date-box>div .day-item-fortune {
        width: 84%;
        bottom: 91%;
        left: 8%;
    }
}


/* @media screen and (min-width:1171px) {
    .date-box>div .day-item-fortune {
        width: 80%;
        bottom: 88%;
        left: 10%;
    }
} */

@media screen and (max-width:720px) {
    .container {
        width: 100%;
        flex-direction: column;
    }
    .navPc,
    .datePc,
    .calendarCode,
    .container .calendarTimeFlow {
        display: none;
    }
    .container .leftMainView {
        width: 100%;
    }
    .mainView {
        width: calc(100% - 30px);
        border: none;
        margin-top: 0;
    }
    .date-box {
        border-left: solid 1px #FFC782;
        border-right: solid 1px #FFC782;
        border-bottom: solid 1px #FFC782;
    }
    .date-box>div .date-border {
        width: 30px;
        height: 30px;
    }
    .date-box>div .day-item {
        font-size: 19px;
        width: 24px;
        height: 24px;
    }
    .date-box>div .day-item-fortune {
        width: 150%;
        height: 120%;
        left: -25%;
        bottom: 93%;
        padding: 16% 25% 45% 25%;
    }
    .day-item-fortune .dayText {
        font-size: 25px;
    }
    .day-item-fortune .day-name {
        font-size: 11px;
    }
    .date-box>div .nlAndgz {
        font-size: 9px;
    }
    .date-box>div .day-sign img {
        width: 13px;
        height: 13px;
    }
    .toTodayMobile {
        display: block;
    }
}

@media screen and (min-width:721px) {
    .navMobile,
    .dateMobile,
    .toTodayMobile {
        display: none;
    }
    .date-box>div {
        border: none;
    }
}

@media screen and (max-height: 976px) {
    .scheduleDetailShadow {
        align-items: center;
    }
    .scheduleDetailShadow .scheduleDetail {
        margin-top: 0;
    }
}
/**
 * cxCalendar Style
 * ------------------------------ */

.cxcalendar {
    position: absolute;
    z-index: 10000;
    top: -999px;
    left: -999px;
    width: 262px;
    border: 1px solid #ccd1d9;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
    color: #434a54;
    font-size: 14px;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translate(0, 5%);
    transition-property: opacity, transform;
    transition-duration: 0.3s;
    transition-delay: 0.1s;
}

.cxcalendar.show {
    opacity: 1;
    transform: translate(0, 0);
}


/* 背景遮罩层 */

.cxcalendar_lock {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
}

.cxcalendar_lock.show {
    display: block;
}

.cxcalendar_hd {
    position: relative;
    height: 30px;
    padding: 8px 50px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 上、下月切换按钮 */

.cxcalendar_hd .prev,
.cxcalendar_hd .next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    padding: 0;
    margin-top: -12px;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #434a54;
    font: 0/0 Arial;
    text-decoration: none;
    outline: 0;
}

.cxcalendar_hd .prev {
    left: 20px;
    margin-left: -12px;
}

.cxcalendar_hd .next {
    right: 20px;
    margin-right: -12px;
}

.cxcalendar_hd .prev:before,
.cxcalendar_hd .next:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -6px 0 0 -5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    font: 0/0 Arial;
}

.cxcalendar_hd .prev:before {
    border-right: 10px solid currentColor;
}

.cxcalendar_hd .next:before {
    border-left: 10px solid currentColor;
}


/* 年、月选框 */

.cxcalendar_hd select {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 30px;
    margin: 0;
    padding: 0 6px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff;
    color: #434a54;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cxcalendar_hd em {
    display: inline-block;
    font-style: normal;
}

.cxcalendar_hd .year+em:after {
    content: '年';
}

.cxcalendar_hd .month+em:after {
    content: '月';
}

.cxcalendar_hd .prev:hover,
.cxcalendar_hd .next:hover,
.cxcalendar_hd select:hover {
    border: 1px solid #aab2bd;
    background: #e6e9ed;
}


/* 日期 */

.cxcalendar_bd {
    position: relative;
    padding: 0 5px;
    line-height: 30px;
    z-index: 1;
}

.cxcalendar_bd ul {
    overflow: hidden;
    margin: 0;
    padding: 0 0 6px;
    list-style: none;
    color: #656d78;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.cxcalendar_bd ul li {
    box-sizing: border-box;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    flex-grow: 0;
}

.cxcalendar_bd ul li:hover {
    background-color: #e6e9ed;
}

.cxcalendar_bd ul li.week,
.cxcalendar_bd ul li.del {
    cursor: default;
}

.cxcalendar_bd ul li.del.sat,
.cxcalendar_bd ul li.del.sun,
.cxcalendar_bd ul li.del.now,
.cxcalendar_bd ul li.del.holiday,
.cxcalendar_bd ul li.del {
    color: #ccd1d9;
    text-decoration: line-through;
}

.cxcalendar_bd ul li.del:after {
    color: #ccd1d9;
}

.cxcalendar_bd ul li.now {
    background-color: #f3f3f3;
}

.cxcalendar_bd ul li.now.del,
.cxcalendar_bd ul li.week:hover,
.cxcalendar_bd ul li.del:hover {
    background: none;
}

.cxcalendar_bd ul li.selected,
.cxcalendar_bd ul li.selected.sat,
.cxcalendar_bd ul li.selected.sun,
.cxcalendar_bd ul li.selected.holiday,
.cxcalendar_bd ul li.selected:hover {
    background-color: #FDD401;
    color: #fff;
}

.cxcalendar_bd ul li.selected:after {
    color: #fff;
}


/* 日期列表 */

.cxcalendar_bd .days {
    text-align: center;
}

.cxcalendar_bd .days li {
    flex-basis: 14%;
}

.cxcalendar_bd .days .sat {
    /* color: #4a89dc */
}

.cxcalendar_bd .days .sun {
    /* color: #da4453; */
}

.cxcalendar_bd .days .holiday {
    /* color: #da4453; */
}

.cxcalendar_bd .days .other {
    color: #ccd1d9;
}


/* 星期标题 */

.cxcalendar_bd .days li.week.sat,
.cxcalendar_bd .days li.week.sun {
    color: #ED3A40;
}

.cxcalendar_bd .days li.week {
    padding: 0;
}


/* 月份、年份列表 */

.cxcalendar_bd .months,
.cxcalendar_bd .years {
    text-align: center;
}

.cxcalendar_bd .months li {
    flex-basis: 33.3%;
}

.cxcalendar_bd .years li {
    flex-basis: 25%;
}

.cxcalendar_bd .months li:after,
.cxcalendar_bd .years li:after {
    content: '月';
    margin-left: 2px;
    color: #acb2bb;
    font-size: 10px;
    vertical-align: top;
}

.cxcalendar_bd .years li:after {
    content: '年';
}


/* 时间 */

.cxcalendar_bd .times {
    overflow: hidden;
    position: relative;
    padding: 6px 2px;
    border-top: 1px solid #ddd;
    color: #aab2bd;
    line-height: 30px;
}

.cxcalendar_bd .times:before {
    content: '选择时间';
    display: inline-block;
    margin-right: 6px;
}

.cxcalendar_bd .times:only-child {
    border-top: none;
}

.cxcalendar_bd .times select {
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    margin: 0;
    padding: 0 6px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff;
    color: #434a54;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cxcalendar_bd .times i {
    padding: 0 2px;
    font-style: normal;
}

.cxcalendar_bd .times i:after {
    content: ':';
    display: inline-block;
}

.cxcalendar_bd .times .confirm {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 28px;
    margin-top: -14px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #4a89dc;
    color: #fff;
    line-height: 28px;
    text-decoration: none;
}

.cxcalendar_bd .times .confirm:before {
    content: '确定';
}

.cxcalendar_bd .times .confirm:hover {
    background-color: #3d7aca;
}


/* 其他操作，若不需要可以设为 display:none; */

.cxcalendar_acts {
    position: absolute;
    top: 40px;
    left: 100%;
    width: 2em;
    font-size: 12px;
    line-height: 1.2;
    display: none;
}

.cxcalendar_acts a {
    display: block;
    width: 1em;
    padding: 5px 0.5em;
    border-radius: 0 3px 3px 0;
    background-color: #ccd1d9;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.cxcalendar_acts a+a {
    margin-top: 10px;
}

.cxcalendar_acts a:hover {
    color: #fff;
    background-color: #aab2bd;
}

.cxcalendar_acts .today:before {
    content: '今天';
}

.cxcalendar_acts .clear:before {
    content: '清除';
}


/* 固定屏幕底部 */

.cxcalendar.fixed {
    position: fixed;
    top: auto;
    bottom: -500px;
    left: 0;
    right: 0;
    width: auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    transform: none;
    transition-property: bottom;
    transition-delay: 0;
}

.cxcalendar.fixed.show {
    bottom: 0;
}

.cxcalendar.fixed+.cxcalendar_lock {
    display: block;
    background-color: rgba(0, 0, 0, 0);
    transform: translate(0, -100%);
    transition-property: background-color, transform;
    transition-duration: 0.3s, 0s;
    transition-delay: 0s, 0.3s;
}

.cxcalendar.fixed+.cxcalendar_lock.show {
    background-color: rgba(0, 0, 0, 0.4);
    transform: translate(0, 0);
    transition-delay: 0s;
}

.cxcalendar.fixed .cxcalendar_hd .prev {
    left: 30px;
}

.cxcalendar.fixed .cxcalendar_hd .next {
    right: 30px;
}

.cxcalendar.fixed .cxcalendar_bd {
    padding: 0 10px 15px;
    line-height: 36px;
}

.cxcalendar.fixed .cxcalendar_bd ul li {
    height: 40px;
}

.cxcalendar.fixed .cxcalendar_bd .times {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cxcalendar.fixed .cxcalendar_bd .times .confirm {
    height: 32px;
    margin-top: -15px;
    line-height: 30px;
}

.cxcalendar.fixed .cxcalendar_acts {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 10px;
    width: auto;
    line-height: 30px;
}

.cxcalendar.fixed .cxcalendar_acts a {
    float: left;
    width: auto;
    padding: 0 10px;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
}

.cxcalendar.fixed .cxcalendar_acts a+a {
    margin: 0 0 0 10px;
}


/* 不显示秒输入框 */

.cxcalendar.notsecs .times .mint+i,
.cxcalendar.notsecs .times .secs {
    display: none;
}


/* 英文 */

.cxcalendar.en .cxcalendar_hd .year+em:after,
.cxcalendar.en .cxcalendar_hd .month+em:after,
.cxcalendar.en .cxcalendar_bd .months li:after,
.cxcalendar.en .cxcalendar_bd .years li:after {
    content: '';
}


/* 节假日 */

.cxcalendar.holyday {
    width: 400px;
}

.cxcalendar.holyday .cxcalendar_bd {
    font-size: 18px;
    line-height: 30px;
}

.cxcalendar.holyday .cxcalendar_bd ul li {
    height: 50px;
}

.cxcalendar.holyday .cxcalendar_bd ul li.week {
    height: 30px;
    font-size: 14px;
}

.cxcalendar.holyday .cxcalendar_bd .days .holiday {
    position: relative;
}

.cxcalendar.holyday .cxcalendar_bd .days .holiday:before {
    content: attr(data-title);
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    overflow: hidden;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* iPhone X ~ 12 */

@media (device-width:375px) and (device-height:812px),
(device-width:414px) and (device-height:896px),
(device-width:390px) and (device-height:844px),
(device-width:428px) and (device-height:926px) {
    .cxcalendar.fixed .cxcalendar_bd {
        padding-bottom: 30px;
    }
}
.gearDate {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2018917;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform: translateZ(0);
}

.date_ctrl {
    vertical-align: middle;
    /* background-color: #F0F0F0; */
    background-color: #fff;
    color: #363837;
    margin: 0;
    height: auto;
    width: 100%;
    max-width: 600px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9902;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
}

.slideInUp {
    animation: slideInUp .3s ease-in;
    -webkit-animation: slideInUp .3s ease-in;
    -ms-animation: slideInUp .3s ease-in;
    -moz-animation: slideInUp .3s ease-in
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-moz-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0)
    }
}

.date_roll {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    /* font-weight: bold; */
    background-color: transparent;
    -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0));
}

.date_roll>div {
    font-size: 1.6em;
    height: 10em;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    width: 33.33%;
}

.date_roll_more>div {
    width: 25%;
}

.date_roll_minut>div {
    width: 20%;
}

.date_roll_mask {
    padding: 1em;
    -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
}

.date_grid {
    position: relative;
    top: 4em;
    width: 100%;
    height: 2em;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    /* background-color: #E8E8E8; */
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.date_grid>div {
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .8em;
    line-height: 2.5em
}

.date_info_box {
    color: #363837;
    font-size: 1.8em;
    text-align: center;
    padding: .6em 0;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    font-weight: 700;
}

.date_class_box {
    text-align: center;
    padding: 1.3em 2em;
}

.date_class {
    display: inline-block;
    font-size: 1.9em;
    width: 50%;
    /* padding: .4em 0; */
    text-align: center;
    /* color: #809be6; */
    color: #c1c1c1;
    /* border: 1px solid #809be6; */
    cursor: pointer;
}

.date_class_box .date_class:first-child {
    border-top-left-radius: .2em;
    border-bottom-left-radius: .2em
}

.date_class_box .date_class:last-child {
    border-top-right-radius: .2em;
    border-bottom-right-radius: .2em;
    border-left: solid 1px #eee;
}

.date_class_box .active {
    /* background-color: #809be6; */
    /* color: #fff */
    color: #333;
}


/* .date_btn_box {overflow: hidden;position: relative;border-top:1px solid #d4d4d4;margin-top:1em;}
.date_btn {color: #000;font-size: 1.6em;line-height: 1em;text-align: center;padding: .8em 1em;cursor: pointer;float: left;width: 49.9%;box-sizing: border-box;} */

.lcalendar_cancel {
    float: left !important;
}

.lcalendar_finish {
    float: right !important;
}

.date_btn.lcalendar_cancel {
    border-right: 1px solid #eee;
}

.gear {
    float: left;
    position: absolute;
    z-index: 9902;
    width: 5.5em;
    margin-top: -6em;
    cursor: pointer;
    padding: 2em 0;
}

.date_roll>div .gear {
    width: 100%;
    color: #000;
}

.tooth {
    height: 2em;
    line-height: 2em;
    text-align: center;
    overflow: hidden;
}

.date_roll_more>div {
    width: 20%;
}

.date_roll_more>div:nth-of-type(4),
.date_roll_more>div:nth-of-type(1) {
    width: 30%;
}

.date_btn_box {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #d4d4d4;
}

.date_btn {
    color: #000;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    padding: 1.2em 1em 1.6em 1em;
    cursor: pointer;
    float: left;
    width: 49.9%;
    box-sizing: border-box;
}

.date_class_box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* border-bottom: 1px solid #ccc; */
}

.date_class_box>div:nth-of-type(2) {
    flex: 1
}

.date_class_box .date_btn {
    font-size: 1.4em;
    line-height: 1em;
    text-align: center;
    width: 2em;
    float: left;
    padding: 0;
    border: none;
    height: 100%;
}


/* 
'<div class="date_btn_box">' +
                        '<div class="date_btn lcalendar_cancel">取消</div>' +
                        '<div class="date_btn lcalendar_finish">确定</div>' +
                        '</div>' + */


/* @media screen and (min-width: 800px) {
    body {
        background-color: lightblue;
    }
} */