<html lang="en-US"
      style="--status-bar-height: 0px; --top-window-height: 0px; --window-left: 0px; --window-right: 0px; --window-margin: 0px; font-size: 20.3px; --window-top: calc(var(--top-window-height) + 0px); --window-bottom: calc(50px + env(safe-area-inset-bottom));">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>{{env('APP_NAME')}}</title>
    <link rel="icon" href="{{asset('public')}}/h5/static/logo.png">
    <link rel="stylesheet" href="{{asset('public')}}/h5/static/index.css">
    <style type="text/css">
        .u-relative,
        .u-rela {
            position: relative
        }

        .u-absolute,
        .u-abso {
            position: absolute
        }

        uni-image {
            display: inline-block
        }

        uni-view,
        uni-text {
            box-sizing: border-box
        }

        .u-font-xs {
            font-size: 11px
        }

        .u-font-sm {
            font-size: 14px
        }

        .u-font-md {
            font-size: 15px
        }

        .u-font-lg {
            font-size: 16px
        }

        .u-font-xl {
            font-size: 18px
        }

        .u-flex {
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .u-flex-wrap {
            flex-wrap: wrap
        }

        .u-flex-nowrap {
            flex-wrap: nowrap
        }

        .u-col-center {
            align-items: center
        }

        .u-col-top {
            align-items: flex-start
        }

        .u-col-bottom {
            align-items: flex-end
        }

        .u-row-center {
            justify-content: center
        }

        .u-row-left {
            justify-content: flex-start
        }

        .u-row-right {
            justify-content: flex-end
        }

        .u-row-between {
            justify-content: space-between
        }

        .u-row-around {
            justify-content: space-around
        }

        .u-text-left {
            text-align: left
        }

        .u-text-center {
            text-align: center
        }

        .u-text-right {
            text-align: right
        }

        .u-flex-col {
            display: flex;
            flex-direction: column
        }

        .u-flex-0 {
            flex: 0
        }

        .u-flex-1 {
            flex: 1
        }

        .u-flex-2 {
            flex: 2
        }

        .u-flex-3 {
            flex: 3
        }

        .u-flex-4 {
            flex: 4
        }

        .u-flex-5 {
            flex: 5
        }

        .u-flex-6 {
            flex: 6
        }

        .u-flex-7 {
            flex: 7
        }

        .u-flex-8 {
            flex: 8
        }

        .u-flex-9 {
            flex: 9
        }

        .u-flex-10 {
            flex: 10
        }

        .u-flex-11 {
            flex: 11
        }

        .u-flex-12 {
            flex: 12
        }

        .u-font-9 {
            font-size: 9px
        }

        .u-font-10 {
            font-size: 10px
        }

        .u-font-11 {
            font-size: 11px
        }

        .u-font-12 {
            font-size: 12px
        }

        .u-font-13 {
            font-size: 13px
        }

        .u-font-14 {
            font-size: 14px
        }

        .u-font-15 {
            font-size: 15px
        }

        .u-font-16 {
            font-size: 16px
        }

        .u-font-17 {
            font-size: 17px
        }

        .u-font-18 {
            font-size: 18px
        }

        .u-font-19 {
            font-size: 19px
        }

        .u-font-20 {
            font-size: 10px
        }

        .u-font-21 {
            font-size: 11px
        }

        .u-font-22 {
            font-size: 11px
        }

        .u-font-23 {
            font-size: 12px
        }

        .u-font-24 {
            font-size: 12px
        }

        .u-font-25 {
            font-size: 13px
        }

        .u-font-26 {
            font-size: 14px
        }

        .u-font-27 {
            font-size: 14px
        }

        .u-font-28 {
            font-size: 15px
        }

        .u-font-29 {
            font-size: 15px
        }

        .u-font-30 {
            font-size: 16px
        }

        .u-font-31 {
            font-size: 16px
        }

        .u-font-32 {
            font-size: 17px
        }

        .u-font-33 {
            font-size: 17px
        }

        .u-font-34 {
            font-size: 18px
        }

        .u-font-35 {
            font-size: 18px
        }

        .u-font-36 {
            font-size: 19px
        }

        .u-font-37 {
            font-size: 20px
        }

        .u-font-38 {
            font-size: 20px
        }

        .u-font-39 {
            font-size: 21px
        }

        .u-font-40 {
            font-size: 21px
        }

        .u-margin-0, .u-m-0 {
            margin: 0px !important
        }

        .u-padding-0, .u-p-0 {
            padding: 0px !important
        }

        .u-m-l-0 {
            margin-left: 0px !important
        }

        .u-p-l-0 {
            padding-left: 0px !important
        }

        .u-margin-left-0 {
            margin-left: 0px !important
        }

        .u-padding-left-0 {
            padding-left: 0px !important
        }

        .u-m-t-0 {
            margin-top: 0px !important
        }

        .u-p-t-0 {
            padding-top: 0px !important
        }

        .u-margin-top-0 {
            margin-top: 0px !important
        }

        .u-padding-top-0 {
            padding-top: 0px !important
        }

        .u-m-r-0 {
            margin-right: 0px !important
        }

        .u-p-r-0 {
            padding-right: 0px !important
        }

        .u-margin-right-0 {
            margin-right: 0px !important
        }

        .u-padding-right-0 {
            padding-right: 0px !important
        }

        .u-m-b-0 {
            margin-bottom: 0px !important
        }

        .u-p-b-0 {
            padding-bottom: 0px !important
        }

        .u-margin-bottom-0 {
            margin-bottom: 0px !important
        }

        .u-padding-bottom-0 {
            padding-bottom: 0px !important
        }

        .u-margin-2, .u-m-2 {
            margin: 1px !important
        }

        .u-padding-2, .u-p-2 {
            padding: 1px !important
        }

        .u-m-l-2 {
            margin-left: 1px !important
        }

        .u-p-l-2 {
            padding-left: 1px !important
        }

        .u-margin-left-2 {
            margin-left: 1px !important
        }

        .u-padding-left-2 {
            padding-left: 1px !important
        }

        .u-m-t-2 {
            margin-top: 1px !important
        }

        .u-p-t-2 {
            padding-top: 1px !important
        }

        .u-margin-top-2 {
            margin-top: 1px !important
        }

        .u-padding-top-2 {
            padding-top: 1px !important
        }

        .u-m-r-2 {
            margin-right: 1px !important
        }

        .u-p-r-2 {
            padding-right: 1px !important
        }

        .u-margin-right-2 {
            margin-right: 1px !important
        }

        .u-padding-right-2 {
            padding-right: 1px !important
        }

        .u-m-b-2 {
            margin-bottom: 1px !important
        }

        .u-p-b-2 {
            padding-bottom: 1px !important
        }

        .u-margin-bottom-2 {
            margin-bottom: 1px !important
        }

        .u-padding-bottom-2 {
            padding-bottom: 1px !important
        }

        .u-margin-4, .u-m-4 {
            margin: 2px !important
        }

        .u-padding-4, .u-p-4 {
            padding: 2px !important
        }

        .u-m-l-4 {
            margin-left: 2px !important
        }

        .u-p-l-4 {
            padding-left: 2px !important
        }

        .u-margin-left-4 {
            margin-left: 2px !important
        }

        .u-padding-left-4 {
            padding-left: 2px !important
        }

        .u-m-t-4 {
            margin-top: 2px !important
        }

        .u-p-t-4 {
            padding-top: 2px !important
        }

        .u-margin-top-4 {
            margin-top: 2px !important
        }

        .u-padding-top-4 {
            padding-top: 2px !important
        }

        .u-m-r-4 {
            margin-right: 2px !important
        }

        .u-p-r-4 {
            padding-right: 2px !important
        }

        .u-margin-right-4 {
            margin-right: 2px !important
        }

        .u-padding-right-4 {
            padding-right: 2px !important
        }

        .u-m-b-4 {
            margin-bottom: 2px !important
        }

        .u-p-b-4 {
            padding-bottom: 2px !important
        }

        .u-margin-bottom-4 {
            margin-bottom: 2px !important
        }

        .u-padding-bottom-4 {
            padding-bottom: 2px !important
        }

        .u-margin-5, .u-m-5 {
            margin: 2px !important
        }

        .u-padding-5, .u-p-5 {
            padding: 2px !important
        }

        .u-m-l-5 {
            margin-left: 2px !important
        }

        .u-p-l-5 {
            padding-left: 2px !important
        }

        .u-margin-left-5 {
            margin-left: 2px !important
        }

        .u-padding-left-5 {
            padding-left: 2px !important
        }

        .u-m-t-5 {
            margin-top: 2px !important
        }

        .u-p-t-5 {
            padding-top: 2px !important
        }

        .u-margin-top-5 {
            margin-top: 2px !important
        }

        .u-padding-top-5 {
            padding-top: 2px !important
        }

        .u-m-r-5 {
            margin-right: 2px !important
        }

        .u-p-r-5 {
            padding-right: 2px !important
        }

        .u-margin-right-5 {
            margin-right: 2px !important
        }

        .u-padding-right-5 {
            padding-right: 2px !important
        }

        .u-m-b-5 {
            margin-bottom: 2px !important
        }

        .u-p-b-5 {
            padding-bottom: 2px !important
        }

        .u-margin-bottom-5 {
            margin-bottom: 2px !important
        }

        .u-padding-bottom-5 {
            padding-bottom: 2px !important
        }

        .u-margin-6, .u-m-6 {
            margin: 3px !important
        }

        .u-padding-6, .u-p-6 {
            padding: 3px !important
        }

        .u-m-l-6 {
            margin-left: 3px !important
        }

        .u-p-l-6 {
            padding-left: 3px !important
        }

        .u-margin-left-6 {
            margin-left: 3px !important
        }

        .u-padding-left-6 {
            padding-left: 3px !important
        }

        .u-m-t-6 {
            margin-top: 3px !important
        }

        .u-p-t-6 {
            padding-top: 3px !important
        }

        .u-margin-top-6 {
            margin-top: 3px !important
        }

        .u-padding-top-6 {
            padding-top: 3px !important
        }

        .u-m-r-6 {
            margin-right: 3px !important
        }

        .u-p-r-6 {
            padding-right: 3px !important
        }

        .u-margin-right-6 {
            margin-right: 3px !important
        }

        .u-padding-right-6 {
            padding-right: 3px !important
        }

        .u-m-b-6 {
            margin-bottom: 3px !important
        }

        .u-p-b-6 {
            padding-bottom: 3px !important
        }

        .u-margin-bottom-6 {
            margin-bottom: 3px !important
        }

        .u-padding-bottom-6 {
            padding-bottom: 3px !important
        }

        .u-margin-8, .u-m-8 {
            margin: 4px !important
        }

        .u-padding-8, .u-p-8 {
            padding: 4px !important
        }

        .u-m-l-8 {
            margin-left: 4px !important
        }

        .u-p-l-8 {
            padding-left: 4px !important
        }

        .u-margin-left-8 {
            margin-left: 4px !important
        }

        .u-padding-left-8 {
            padding-left: 4px !important
        }

        .u-m-t-8 {
            margin-top: 4px !important
        }

        .u-p-t-8 {
            padding-top: 4px !important
        }

        .u-margin-top-8 {
            margin-top: 4px !important
        }

        .u-padding-top-8 {
            padding-top: 4px !important
        }

        .u-m-r-8 {
            margin-right: 4px !important
        }

        .u-p-r-8 {
            padding-right: 4px !important
        }

        .u-margin-right-8 {
            margin-right: 4px !important
        }

        .u-padding-right-8 {
            padding-right: 4px !important
        }

        .u-m-b-8 {
            margin-bottom: 4px !important
        }

        .u-p-b-8 {
            padding-bottom: 4px !important
        }

        .u-margin-bottom-8 {
            margin-bottom: 4px !important
        }

        .u-padding-bottom-8 {
            padding-bottom: 4px !important
        }

        .u-margin-10, .u-m-10 {
            margin: 5px !important
        }

        .u-padding-10, .u-p-10 {
            padding: 5px !important
        }

        .u-m-l-10 {
            margin-left: 5px !important
        }

        .u-p-l-10 {
            padding-left: 5px !important
        }

        .u-margin-left-10 {
            margin-left: 5px !important
        }

        .u-padding-left-10 {
            padding-left: 5px !important
        }

        .u-m-t-10 {
            margin-top: 5px !important
        }

        .u-p-t-10 {
            padding-top: 5px !important
        }

        .u-margin-top-10 {
            margin-top: 5px !important
        }

        .u-padding-top-10 {
            padding-top: 5px !important
        }

        .u-m-r-10 {
            margin-right: 5px !important
        }

        .u-p-r-10 {
            padding-right: 5px !important
        }

        .u-margin-right-10 {
            margin-right: 5px !important
        }

        .u-padding-right-10 {
            padding-right: 5px !important
        }

        .u-m-b-10 {
            margin-bottom: 5px !important
        }

        .u-p-b-10 {
            padding-bottom: 5px !important
        }

        .u-margin-bottom-10 {
            margin-bottom: 5px !important
        }

        .u-padding-bottom-10 {
            padding-bottom: 5px !important
        }

        .u-margin-12, .u-m-12 {
            margin: 6px !important
        }

        .u-padding-12, .u-p-12 {
            padding: 6px !important
        }

        .u-m-l-12 {
            margin-left: 6px !important
        }

        .u-p-l-12 {
            padding-left: 6px !important
        }

        .u-margin-left-12 {
            margin-left: 6px !important
        }

        .u-padding-left-12 {
            padding-left: 6px !important
        }

        .u-m-t-12 {
            margin-top: 6px !important
        }

        .u-p-t-12 {
            padding-top: 6px !important
        }

        .u-margin-top-12 {
            margin-top: 6px !important
        }

        .u-padding-top-12 {
            padding-top: 6px !important
        }

        .u-m-r-12 {
            margin-right: 6px !important
        }

        .u-p-r-12 {
            padding-right: 6px !important
        }

        .u-margin-right-12 {
            margin-right: 6px !important
        }

        .u-padding-right-12 {
            padding-right: 6px !important
        }

        .u-m-b-12 {
            margin-bottom: 6px !important
        }

        .u-p-b-12 {
            padding-bottom: 6px !important
        }

        .u-margin-bottom-12 {
            margin-bottom: 6px !important
        }

        .u-padding-bottom-12 {
            padding-bottom: 6px !important
        }

        .u-margin-14, .u-m-14 {
            margin: 7px !important
        }

        .u-padding-14, .u-p-14 {
            padding: 7px !important
        }

        .u-m-l-14 {
            margin-left: 7px !important
        }

        .u-p-l-14 {
            padding-left: 7px !important
        }

        .u-margin-left-14 {
            margin-left: 7px !important
        }

        .u-padding-left-14 {
            padding-left: 7px !important
        }

        .u-m-t-14 {
            margin-top: 7px !important
        }

        .u-p-t-14 {
            padding-top: 7px !important
        }

        .u-margin-top-14 {
            margin-top: 7px !important
        }

        .u-padding-top-14 {
            padding-top: 7px !important
        }

        .u-m-r-14 {
            margin-right: 7px !important
        }

        .u-p-r-14 {
            padding-right: 7px !important
        }

        .u-margin-right-14 {
            margin-right: 7px !important
        }

        .u-padding-right-14 {
            padding-right: 7px !important
        }

        .u-m-b-14 {
            margin-bottom: 7px !important
        }

        .u-p-b-14 {
            padding-bottom: 7px !important
        }

        .u-margin-bottom-14 {
            margin-bottom: 7px !important
        }

        .u-padding-bottom-14 {
            padding-bottom: 7px !important
        }

        .u-margin-15, .u-m-15 {
            margin: 8px !important
        }

        .u-padding-15, .u-p-15 {
            padding: 8px !important
        }

        .u-m-l-15 {
            margin-left: 8px !important
        }

        .u-p-l-15 {
            padding-left: 8px !important
        }

        .u-margin-left-15 {
            margin-left: 8px !important
        }

        .u-padding-left-15 {
            padding-left: 8px !important
        }

        .u-m-t-15 {
            margin-top: 8px !important
        }

        .u-p-t-15 {
            padding-top: 8px !important
        }

        .u-margin-top-15 {
            margin-top: 8px !important
        }

        .u-padding-top-15 {
            padding-top: 8px !important
        }

        .u-m-r-15 {
            margin-right: 8px !important
        }

        .u-p-r-15 {
            padding-right: 8px !important
        }

        .u-margin-right-15 {
            margin-right: 8px !important
        }

        .u-padding-right-15 {
            padding-right: 8px !important
        }

        .u-m-b-15 {
            margin-bottom: 8px !important
        }

        .u-p-b-15 {
            padding-bottom: 8px !important
        }

        .u-margin-bottom-15 {
            margin-bottom: 8px !important
        }

        .u-padding-bottom-15 {
            padding-bottom: 8px !important
        }

        .u-margin-16, .u-m-16 {
            margin: 8px !important
        }

        .u-padding-16, .u-p-16 {
            padding: 8px !important
        }

        .u-m-l-16 {
            margin-left: 8px !important
        }

        .u-p-l-16 {
            padding-left: 8px !important
        }

        .u-margin-left-16 {
            margin-left: 8px !important
        }

        .u-padding-left-16 {
            padding-left: 8px !important
        }

        .u-m-t-16 {
            margin-top: 8px !important
        }

        .u-p-t-16 {
            padding-top: 8px !important
        }

        .u-margin-top-16 {
            margin-top: 8px !important
        }

        .u-padding-top-16 {
            padding-top: 8px !important
        }

        .u-m-r-16 {
            margin-right: 8px !important
        }

        .u-p-r-16 {
            padding-right: 8px !important
        }

        .u-margin-right-16 {
            margin-right: 8px !important
        }

        .u-padding-right-16 {
            padding-right: 8px !important
        }

        .u-m-b-16 {
            margin-bottom: 8px !important
        }

        .u-p-b-16 {
            padding-bottom: 8px !important
        }

        .u-margin-bottom-16 {
            margin-bottom: 8px !important
        }

        .u-padding-bottom-16 {
            padding-bottom: 8px !important
        }

        .u-margin-18, .u-m-18 {
            margin: 9px !important
        }

        .u-padding-18, .u-p-18 {
            padding: 9px !important
        }

        .u-m-l-18 {
            margin-left: 9px !important
        }

        .u-p-l-18 {
            padding-left: 9px !important
        }

        .u-margin-left-18 {
            margin-left: 9px !important
        }

        .u-padding-left-18 {
            padding-left: 9px !important
        }

        .u-m-t-18 {
            margin-top: 9px !important
        }

        .u-p-t-18 {
            padding-top: 9px !important
        }

        .u-margin-top-18 {
            margin-top: 9px !important
        }

        .u-padding-top-18 {
            padding-top: 9px !important
        }

        .u-m-r-18 {
            margin-right: 9px !important
        }

        .u-p-r-18 {
            padding-right: 9px !important
        }

        .u-margin-right-18 {
            margin-right: 9px !important
        }

        .u-padding-right-18 {
            padding-right: 9px !important
        }

        .u-m-b-18 {
            margin-bottom: 9px !important
        }

        .u-p-b-18 {
            padding-bottom: 9px !important
        }

        .u-margin-bottom-18 {
            margin-bottom: 9px !important
        }

        .u-padding-bottom-18 {
            padding-bottom: 9px !important
        }

        .u-margin-20, .u-m-20 {
            margin: 10px !important
        }

        .u-padding-20, .u-p-20 {
            padding: 10px !important
        }

        .u-m-l-20 {
            margin-left: 10px !important
        }

        .u-p-l-20 {
            padding-left: 10px !important
        }

        .u-margin-left-20 {
            margin-left: 10px !important
        }

        .u-padding-left-20 {
            padding-left: 10px !important
        }

        .u-m-t-20 {
            margin-top: 10px !important
        }

        .u-p-t-20 {
            padding-top: 10px !important
        }

        .u-margin-top-20 {
            margin-top: 10px !important
        }

        .u-padding-top-20 {
            padding-top: 10px !important
        }

        .u-m-r-20 {
            margin-right: 10px !important
        }

        .u-p-r-20 {
            padding-right: 10px !important
        }

        .u-margin-right-20 {
            margin-right: 10px !important
        }

        .u-padding-right-20 {
            padding-right: 10px !important
        }

        .u-m-b-20 {
            margin-bottom: 10px !important
        }

        .u-p-b-20 {
            padding-bottom: 10px !important
        }

        .u-margin-bottom-20 {
            margin-bottom: 10px !important
        }

        .u-padding-bottom-20 {
            padding-bottom: 10px !important
        }

        .u-margin-22, .u-m-22 {
            margin: 11px !important
        }

        .u-padding-22, .u-p-22 {
            padding: 11px !important
        }

        .u-m-l-22 {
            margin-left: 11px !important
        }

        .u-p-l-22 {
            padding-left: 11px !important
        }

        .u-margin-left-22 {
            margin-left: 11px !important
        }

        .u-padding-left-22 {
            padding-left: 11px !important
        }

        .u-m-t-22 {
            margin-top: 11px !important
        }

        .u-p-t-22 {
            padding-top: 11px !important
        }

        .u-margin-top-22 {
            margin-top: 11px !important
        }

        .u-padding-top-22 {
            padding-top: 11px !important
        }

        .u-m-r-22 {
            margin-right: 11px !important
        }

        .u-p-r-22 {
            padding-right: 11px !important
        }

        .u-margin-right-22 {
            margin-right: 11px !important
        }

        .u-padding-right-22 {
            padding-right: 11px !important
        }

        .u-m-b-22 {
            margin-bottom: 11px !important
        }

        .u-p-b-22 {
            padding-bottom: 11px !important
        }

        .u-margin-bottom-22 {
            margin-bottom: 11px !important
        }

        .u-padding-bottom-22 {
            padding-bottom: 11px !important
        }

        .u-margin-24, .u-m-24 {
            margin: 12px !important
        }

        .u-padding-24, .u-p-24 {
            padding: 12px !important
        }

        .u-m-l-24 {
            margin-left: 12px !important
        }

        .u-p-l-24 {
            padding-left: 12px !important
        }

        .u-margin-left-24 {
            margin-left: 12px !important
        }

        .u-padding-left-24 {
            padding-left: 12px !important
        }

        .u-m-t-24 {
            margin-top: 12px !important
        }

        .u-p-t-24 {
            padding-top: 12px !important
        }

        .u-margin-top-24 {
            margin-top: 12px !important
        }

        .u-padding-top-24 {
            padding-top: 12px !important
        }

        .u-m-r-24 {
            margin-right: 12px !important
        }

        .u-p-r-24 {
            padding-right: 12px !important
        }

        .u-margin-right-24 {
            margin-right: 12px !important
        }

        .u-padding-right-24 {
            padding-right: 12px !important
        }

        .u-m-b-24 {
            margin-bottom: 12px !important
        }

        .u-p-b-24 {
            padding-bottom: 12px !important
        }

        .u-margin-bottom-24 {
            margin-bottom: 12px !important
        }

        .u-padding-bottom-24 {
            padding-bottom: 12px !important
        }

        .u-margin-25, .u-m-25 {
            margin: 13px !important
        }

        .u-padding-25, .u-p-25 {
            padding: 13px !important
        }

        .u-m-l-25 {
            margin-left: 13px !important
        }

        .u-p-l-25 {
            padding-left: 13px !important
        }

        .u-margin-left-25 {
            margin-left: 13px !important
        }

        .u-padding-left-25 {
            padding-left: 13px !important
        }

        .u-m-t-25 {
            margin-top: 13px !important
        }

        .u-p-t-25 {
            padding-top: 13px !important
        }

        .u-margin-top-25 {
            margin-top: 13px !important
        }

        .u-padding-top-25 {
            padding-top: 13px !important
        }

        .u-m-r-25 {
            margin-right: 13px !important
        }

        .u-p-r-25 {
            padding-right: 13px !important
        }

        .u-margin-right-25 {
            margin-right: 13px !important
        }

        .u-padding-right-25 {
            padding-right: 13px !important
        }

        .u-m-b-25 {
            margin-bottom: 13px !important
        }

        .u-p-b-25 {
            padding-bottom: 13px !important
        }

        .u-margin-bottom-25 {
            margin-bottom: 13px !important
        }

        .u-padding-bottom-25 {
            padding-bottom: 13px !important
        }

        .u-margin-26, .u-m-26 {
            margin: 14px !important
        }

        .u-padding-26, .u-p-26 {
            padding: 14px !important
        }

        .u-m-l-26 {
            margin-left: 14px !important
        }

        .u-p-l-26 {
            padding-left: 14px !important
        }

        .u-margin-left-26 {
            margin-left: 14px !important
        }

        .u-padding-left-26 {
            padding-left: 14px !important
        }

        .u-m-t-26 {
            margin-top: 14px !important
        }

        .u-p-t-26 {
            padding-top: 14px !important
        }

        .u-margin-top-26 {
            margin-top: 14px !important
        }

        .u-padding-top-26 {
            padding-top: 14px !important
        }

        .u-m-r-26 {
            margin-right: 14px !important
        }

        .u-p-r-26 {
            padding-right: 14px !important
        }

        .u-margin-right-26 {
            margin-right: 14px !important
        }

        .u-padding-right-26 {
            padding-right: 14px !important
        }

        .u-m-b-26 {
            margin-bottom: 14px !important
        }

        .u-p-b-26 {
            padding-bottom: 14px !important
        }

        .u-margin-bottom-26 {
            margin-bottom: 14px !important
        }

        .u-padding-bottom-26 {
            padding-bottom: 14px !important
        }

        .u-margin-28, .u-m-28 {
            margin: 15px !important
        }

        .u-padding-28, .u-p-28 {
            padding: 15px !important
        }

        .u-m-l-28 {
            margin-left: 15px !important
        }

        .u-p-l-28 {
            padding-left: 15px !important
        }

        .u-margin-left-28 {
            margin-left: 15px !important
        }

        .u-padding-left-28 {
            padding-left: 15px !important
        }

        .u-m-t-28 {
            margin-top: 15px !important
        }

        .u-p-t-28 {
            padding-top: 15px !important
        }

        .u-margin-top-28 {
            margin-top: 15px !important
        }

        .u-padding-top-28 {
            padding-top: 15px !important
        }

        .u-m-r-28 {
            margin-right: 15px !important
        }

        .u-p-r-28 {
            padding-right: 15px !important
        }

        .u-margin-right-28 {
            margin-right: 15px !important
        }

        .u-padding-right-28 {
            padding-right: 15px !important
        }

        .u-m-b-28 {
            margin-bottom: 15px !important
        }

        .u-p-b-28 {
            padding-bottom: 15px !important
        }

        .u-margin-bottom-28 {
            margin-bottom: 15px !important
        }

        .u-padding-bottom-28 {
            padding-bottom: 15px !important
        }

        .u-margin-30, .u-m-30 {
            margin: 16px !important
        }

        .u-padding-30, .u-p-30 {
            padding: 16px !important
        }

        .u-m-l-30 {
            margin-left: 16px !important
        }

        .u-p-l-30 {
            padding-left: 16px !important
        }

        .u-margin-left-30 {
            margin-left: 16px !important
        }

        .u-padding-left-30 {
            padding-left: 16px !important
        }

        .u-m-t-30 {
            margin-top: 16px !important
        }

        .u-p-t-30 {
            padding-top: 16px !important
        }

        .u-margin-top-30 {
            margin-top: 16px !important
        }

        .u-padding-top-30 {
            padding-top: 16px !important
        }

        .u-m-r-30 {
            margin-right: 16px !important
        }

        .u-p-r-30 {
            padding-right: 16px !important
        }

        .u-margin-right-30 {
            margin-right: 16px !important
        }

        .u-padding-right-30 {
            padding-right: 16px !important
        }

        .u-m-b-30 {
            margin-bottom: 16px !important
        }

        .u-p-b-30 {
            padding-bottom: 16px !important
        }

        .u-margin-bottom-30 {
            margin-bottom: 16px !important
        }

        .u-padding-bottom-30 {
            padding-bottom: 16px !important
        }

        .u-margin-32, .u-m-32 {
            margin: 17px !important
        }

        .u-padding-32, .u-p-32 {
            padding: 17px !important
        }

        .u-m-l-32 {
            margin-left: 17px !important
        }

        .u-p-l-32 {
            padding-left: 17px !important
        }

        .u-margin-left-32 {
            margin-left: 17px !important
        }

        .u-padding-left-32 {
            padding-left: 17px !important
        }

        .u-m-t-32 {
            margin-top: 17px !important
        }

        .u-p-t-32 {
            padding-top: 17px !important
        }

        .u-margin-top-32 {
            margin-top: 17px !important
        }

        .u-padding-top-32 {
            padding-top: 17px !important
        }

        .u-m-r-32 {
            margin-right: 17px !important
        }

        .u-p-r-32 {
            padding-right: 17px !important
        }

        .u-margin-right-32 {
            margin-right: 17px !important
        }

        .u-padding-right-32 {
            padding-right: 17px !important
        }

        .u-m-b-32 {
            margin-bottom: 17px !important
        }

        .u-p-b-32 {
            padding-bottom: 17px !important
        }

        .u-margin-bottom-32 {
            margin-bottom: 17px !important
        }

        .u-padding-bottom-32 {
            padding-bottom: 17px !important
        }

        .u-margin-34, .u-m-34 {
            margin: 18px !important
        }

        .u-padding-34, .u-p-34 {
            padding: 18px !important
        }

        .u-m-l-34 {
            margin-left: 18px !important
        }

        .u-p-l-34 {
            padding-left: 18px !important
        }

        .u-margin-left-34 {
            margin-left: 18px !important
        }

        .u-padding-left-34 {
            padding-left: 18px !important
        }

        .u-m-t-34 {
            margin-top: 18px !important
        }

        .u-p-t-34 {
            padding-top: 18px !important
        }

        .u-margin-top-34 {
            margin-top: 18px !important
        }

        .u-padding-top-34 {
            padding-top: 18px !important
        }

        .u-m-r-34 {
            margin-right: 18px !important
        }

        .u-p-r-34 {
            padding-right: 18px !important
        }

        .u-margin-right-34 {
            margin-right: 18px !important
        }

        .u-padding-right-34 {
            padding-right: 18px !important
        }

        .u-m-b-34 {
            margin-bottom: 18px !important
        }

        .u-p-b-34 {
            padding-bottom: 18px !important
        }

        .u-margin-bottom-34 {
            margin-bottom: 18px !important
        }

        .u-padding-bottom-34 {
            padding-bottom: 18px !important
        }

        .u-margin-35, .u-m-35 {
            margin: 18px !important
        }

        .u-padding-35, .u-p-35 {
            padding: 18px !important
        }

        .u-m-l-35 {
            margin-left: 18px !important
        }

        .u-p-l-35 {
            padding-left: 18px !important
        }

        .u-margin-left-35 {
            margin-left: 18px !important
        }

        .u-padding-left-35 {
            padding-left: 18px !important
        }

        .u-m-t-35 {
            margin-top: 18px !important
        }

        .u-p-t-35 {
            padding-top: 18px !important
        }

        .u-margin-top-35 {
            margin-top: 18px !important
        }

        .u-padding-top-35 {
            padding-top: 18px !important
        }

        .u-m-r-35 {
            margin-right: 18px !important
        }

        .u-p-r-35 {
            padding-right: 18px !important
        }

        .u-margin-right-35 {
            margin-right: 18px !important
        }

        .u-padding-right-35 {
            padding-right: 18px !important
        }

        .u-m-b-35 {
            margin-bottom: 18px !important
        }

        .u-p-b-35 {
            padding-bottom: 18px !important
        }

        .u-margin-bottom-35 {
            margin-bottom: 18px !important
        }

        .u-padding-bottom-35 {
            padding-bottom: 18px !important
        }

        .u-margin-36, .u-m-36 {
            margin: 19px !important
        }

        .u-padding-36, .u-p-36 {
            padding: 19px !important
        }

        .u-m-l-36 {
            margin-left: 19px !important
        }

        .u-p-l-36 {
            padding-left: 19px !important
        }

        .u-margin-left-36 {
            margin-left: 19px !important
        }

        .u-padding-left-36 {
            padding-left: 19px !important
        }

        .u-m-t-36 {
            margin-top: 19px !important
        }

        .u-p-t-36 {
            padding-top: 19px !important
        }

        .u-margin-top-36 {
            margin-top: 19px !important
        }

        .u-padding-top-36 {
            padding-top: 19px !important
        }

        .u-m-r-36 {
            margin-right: 19px !important
        }

        .u-p-r-36 {
            padding-right: 19px !important
        }

        .u-margin-right-36 {
            margin-right: 19px !important
        }

        .u-padding-right-36 {
            padding-right: 19px !important
        }

        .u-m-b-36 {
            margin-bottom: 19px !important
        }

        .u-p-b-36 {
            padding-bottom: 19px !important
        }

        .u-margin-bottom-36 {
            margin-bottom: 19px !important
        }

        .u-padding-bottom-36 {
            padding-bottom: 19px !important
        }

        .u-margin-38, .u-m-38 {
            margin: 20px !important
        }

        .u-padding-38, .u-p-38 {
            padding: 20px !important
        }

        .u-m-l-38 {
            margin-left: 20px !important
        }

        .u-p-l-38 {
            padding-left: 20px !important
        }

        .u-margin-left-38 {
            margin-left: 20px !important
        }

        .u-padding-left-38 {
            padding-left: 20px !important
        }

        .u-m-t-38 {
            margin-top: 20px !important
        }

        .u-p-t-38 {
            padding-top: 20px !important
        }

        .u-margin-top-38 {
            margin-top: 20px !important
        }

        .u-padding-top-38 {
            padding-top: 20px !important
        }

        .u-m-r-38 {
            margin-right: 20px !important
        }

        .u-p-r-38 {
            padding-right: 20px !important
        }

        .u-margin-right-38 {
            margin-right: 20px !important
        }

        .u-padding-right-38 {
            padding-right: 20px !important
        }

        .u-m-b-38 {
            margin-bottom: 20px !important
        }

        .u-p-b-38 {
            padding-bottom: 20px !important
        }

        .u-margin-bottom-38 {
            margin-bottom: 20px !important
        }

        .u-padding-bottom-38 {
            padding-bottom: 20px !important
        }

        .u-margin-40, .u-m-40 {
            margin: 21px !important
        }

        .u-padding-40, .u-p-40 {
            padding: 21px !important
        }

        .u-m-l-40 {
            margin-left: 21px !important
        }

        .u-p-l-40 {
            padding-left: 21px !important
        }

        .u-margin-left-40 {
            margin-left: 21px !important
        }

        .u-padding-left-40 {
            padding-left: 21px !important
        }

        .u-m-t-40 {
            margin-top: 21px !important
        }

        .u-p-t-40 {
            padding-top: 21px !important
        }

        .u-margin-top-40 {
            margin-top: 21px !important
        }

        .u-padding-top-40 {
            padding-top: 21px !important
        }

        .u-m-r-40 {
            margin-right: 21px !important
        }

        .u-p-r-40 {
            padding-right: 21px !important
        }

        .u-margin-right-40 {
            margin-right: 21px !important
        }

        .u-padding-right-40 {
            padding-right: 21px !important
        }

        .u-m-b-40 {
            margin-bottom: 21px !important
        }

        .u-p-b-40 {
            padding-bottom: 21px !important
        }

        .u-margin-bottom-40 {
            margin-bottom: 21px !important
        }

        .u-padding-bottom-40 {
            padding-bottom: 21px !important
        }

        .u-margin-42, .u-m-42 {
            margin: 22px !important
        }

        .u-padding-42, .u-p-42 {
            padding: 22px !important
        }

        .u-m-l-42 {
            margin-left: 22px !important
        }

        .u-p-l-42 {
            padding-left: 22px !important
        }

        .u-margin-left-42 {
            margin-left: 22px !important
        }

        .u-padding-left-42 {
            padding-left: 22px !important
        }

        .u-m-t-42 {
            margin-top: 22px !important
        }

        .u-p-t-42 {
            padding-top: 22px !important
        }

        .u-margin-top-42 {
            margin-top: 22px !important
        }

        .u-padding-top-42 {
            padding-top: 22px !important
        }

        .u-m-r-42 {
            margin-right: 22px !important
        }

        .u-p-r-42 {
            padding-right: 22px !important
        }

        .u-margin-right-42 {
            margin-right: 22px !important
        }

        .u-padding-right-42 {
            padding-right: 22px !important
        }

        .u-m-b-42 {
            margin-bottom: 22px !important
        }

        .u-p-b-42 {
            padding-bottom: 22px !important
        }

        .u-margin-bottom-42 {
            margin-bottom: 22px !important
        }

        .u-padding-bottom-42 {
            padding-bottom: 22px !important
        }

        .u-margin-44, .u-m-44 {
            margin: 23px !important
        }

        .u-padding-44, .u-p-44 {
            padding: 23px !important
        }

        .u-m-l-44 {
            margin-left: 23px !important
        }

        .u-p-l-44 {
            padding-left: 23px !important
        }

        .u-margin-left-44 {
            margin-left: 23px !important
        }

        .u-padding-left-44 {
            padding-left: 23px !important
        }

        .u-m-t-44 {
            margin-top: 23px !important
        }

        .u-p-t-44 {
            padding-top: 23px !important
        }

        .u-margin-top-44 {
            margin-top: 23px !important
        }

        .u-padding-top-44 {
            padding-top: 23px !important
        }

        .u-m-r-44 {
            margin-right: 23px !important
        }

        .u-p-r-44 {
            padding-right: 23px !important
        }

        .u-margin-right-44 {
            margin-right: 23px !important
        }

        .u-padding-right-44 {
            padding-right: 23px !important
        }

        .u-m-b-44 {
            margin-bottom: 23px !important
        }

        .u-p-b-44 {
            padding-bottom: 23px !important
        }

        .u-margin-bottom-44 {
            margin-bottom: 23px !important
        }

        .u-padding-bottom-44 {
            padding-bottom: 23px !important
        }

        .u-margin-45, .u-m-45 {
            margin: 24px !important
        }

        .u-padding-45, .u-p-45 {
            padding: 24px !important
        }

        .u-m-l-45 {
            margin-left: 24px !important
        }

        .u-p-l-45 {
            padding-left: 24px !important
        }

        .u-margin-left-45 {
            margin-left: 24px !important
        }

        .u-padding-left-45 {
            padding-left: 24px !important
        }

        .u-m-t-45 {
            margin-top: 24px !important
        }

        .u-p-t-45 {
            padding-top: 24px !important
        }

        .u-margin-top-45 {
            margin-top: 24px !important
        }

        .u-padding-top-45 {
            padding-top: 24px !important
        }

        .u-m-r-45 {
            margin-right: 24px !important
        }

        .u-p-r-45 {
            padding-right: 24px !important
        }

        .u-margin-right-45 {
            margin-right: 24px !important
        }

        .u-padding-right-45 {
            padding-right: 24px !important
        }

        .u-m-b-45 {
            margin-bottom: 24px !important
        }

        .u-p-b-45 {
            padding-bottom: 24px !important
        }

        .u-margin-bottom-45 {
            margin-bottom: 24px !important
        }

        .u-padding-bottom-45 {
            padding-bottom: 24px !important
        }

        .u-margin-46, .u-m-46 {
            margin: 24px !important
        }

        .u-padding-46, .u-p-46 {
            padding: 24px !important
        }

        .u-m-l-46 {
            margin-left: 24px !important
        }

        .u-p-l-46 {
            padding-left: 24px !important
        }

        .u-margin-left-46 {
            margin-left: 24px !important
        }

        .u-padding-left-46 {
            padding-left: 24px !important
        }

        .u-m-t-46 {
            margin-top: 24px !important
        }

        .u-p-t-46 {
            padding-top: 24px !important
        }

        .u-margin-top-46 {
            margin-top: 24px !important
        }

        .u-padding-top-46 {
            padding-top: 24px !important
        }

        .u-m-r-46 {
            margin-right: 24px !important
        }

        .u-p-r-46 {
            padding-right: 24px !important
        }

        .u-margin-right-46 {
            margin-right: 24px !important
        }

        .u-padding-right-46 {
            padding-right: 24px !important
        }

        .u-m-b-46 {
            margin-bottom: 24px !important
        }

        .u-p-b-46 {
            padding-bottom: 24px !important
        }

        .u-margin-bottom-46 {
            margin-bottom: 24px !important
        }

        .u-padding-bottom-46 {
            padding-bottom: 24px !important
        }

        .u-margin-48, .u-m-48 {
            margin: 25px !important
        }

        .u-padding-48, .u-p-48 {
            padding: 25px !important
        }

        .u-m-l-48 {
            margin-left: 25px !important
        }

        .u-p-l-48 {
            padding-left: 25px !important
        }

        .u-margin-left-48 {
            margin-left: 25px !important
        }

        .u-padding-left-48 {
            padding-left: 25px !important
        }

        .u-m-t-48 {
            margin-top: 25px !important
        }

        .u-p-t-48 {
            padding-top: 25px !important
        }

        .u-margin-top-48 {
            margin-top: 25px !important
        }

        .u-padding-top-48 {
            padding-top: 25px !important
        }

        .u-m-r-48 {
            margin-right: 25px !important
        }

        .u-p-r-48 {
            padding-right: 25px !important
        }

        .u-margin-right-48 {
            margin-right: 25px !important
        }

        .u-padding-right-48 {
            padding-right: 25px !important
        }

        .u-m-b-48 {
            margin-bottom: 25px !important
        }

        .u-p-b-48 {
            padding-bottom: 25px !important
        }

        .u-margin-bottom-48 {
            margin-bottom: 25px !important
        }

        .u-padding-bottom-48 {
            padding-bottom: 25px !important
        }

        .u-margin-50, .u-m-50 {
            margin: 27px !important
        }

        .u-padding-50, .u-p-50 {
            padding: 27px !important
        }

        .u-m-l-50 {
            margin-left: 27px !important
        }

        .u-p-l-50 {
            padding-left: 27px !important
        }

        .u-margin-left-50 {
            margin-left: 27px !important
        }

        .u-padding-left-50 {
            padding-left: 27px !important
        }

        .u-m-t-50 {
            margin-top: 27px !important
        }

        .u-p-t-50 {
            padding-top: 27px !important
        }

        .u-margin-top-50 {
            margin-top: 27px !important
        }

        .u-padding-top-50 {
            padding-top: 27px !important
        }

        .u-m-r-50 {
            margin-right: 27px !important
        }

        .u-p-r-50 {
            padding-right: 27px !important
        }

        .u-margin-right-50 {
            margin-right: 27px !important
        }

        .u-padding-right-50 {
            padding-right: 27px !important
        }

        .u-m-b-50 {
            margin-bottom: 27px !important
        }

        .u-p-b-50 {
            padding-bottom: 27px !important
        }

        .u-margin-bottom-50 {
            margin-bottom: 27px !important
        }

        .u-padding-bottom-50 {
            padding-bottom: 27px !important
        }

        .u-margin-52, .u-m-52 {
            margin: 28px !important
        }

        .u-padding-52, .u-p-52 {
            padding: 28px !important
        }

        .u-m-l-52 {
            margin-left: 28px !important
        }

        .u-p-l-52 {
            padding-left: 28px !important
        }

        .u-margin-left-52 {
            margin-left: 28px !important
        }

        .u-padding-left-52 {
            padding-left: 28px !important
        }

        .u-m-t-52 {
            margin-top: 28px !important
        }

        .u-p-t-52 {
            padding-top: 28px !important
        }

        .u-margin-top-52 {
            margin-top: 28px !important
        }

        .u-padding-top-52 {
            padding-top: 28px !important
        }

        .u-m-r-52 {
            margin-right: 28px !important
        }

        .u-p-r-52 {
            padding-right: 28px !important
        }

        .u-margin-right-52 {
            margin-right: 28px !important
        }

        .u-padding-right-52 {
            padding-right: 28px !important
        }

        .u-m-b-52 {
            margin-bottom: 28px !important
        }

        .u-p-b-52 {
            padding-bottom: 28px !important
        }

        .u-margin-bottom-52 {
            margin-bottom: 28px !important
        }

        .u-padding-bottom-52 {
            padding-bottom: 28px !important
        }

        .u-margin-54, .u-m-54 {
            margin: 29px !important
        }

        .u-padding-54, .u-p-54 {
            padding: 29px !important
        }

        .u-m-l-54 {
            margin-left: 29px !important
        }

        .u-p-l-54 {
            padding-left: 29px !important
        }

        .u-margin-left-54 {
            margin-left: 29px !important
        }

        .u-padding-left-54 {
            padding-left: 29px !important
        }

        .u-m-t-54 {
            margin-top: 29px !important
        }

        .u-p-t-54 {
            padding-top: 29px !important
        }

        .u-margin-top-54 {
            margin-top: 29px !important
        }

        .u-padding-top-54 {
            padding-top: 29px !important
        }

        .u-m-r-54 {
            margin-right: 29px !important
        }

        .u-p-r-54 {
            padding-right: 29px !important
        }

        .u-margin-right-54 {
            margin-right: 29px !important
        }

        .u-padding-right-54 {
            padding-right: 29px !important
        }

        .u-m-b-54 {
            margin-bottom: 29px !important
        }

        .u-p-b-54 {
            padding-bottom: 29px !important
        }

        .u-margin-bottom-54 {
            margin-bottom: 29px !important
        }

        .u-padding-bottom-54 {
            padding-bottom: 29px !important
        }

        .u-margin-55, .u-m-55 {
            margin: 29px !important
        }

        .u-padding-55, .u-p-55 {
            padding: 29px !important
        }

        .u-m-l-55 {
            margin-left: 29px !important
        }

        .u-p-l-55 {
            padding-left: 29px !important
        }

        .u-margin-left-55 {
            margin-left: 29px !important
        }

        .u-padding-left-55 {
            padding-left: 29px !important
        }

        .u-m-t-55 {
            margin-top: 29px !important
        }

        .u-p-t-55 {
            padding-top: 29px !important
        }

        .u-margin-top-55 {
            margin-top: 29px !important
        }

        .u-padding-top-55 {
            padding-top: 29px !important
        }

        .u-m-r-55 {
            margin-right: 29px !important
        }

        .u-p-r-55 {
            padding-right: 29px !important
        }

        .u-margin-right-55 {
            margin-right: 29px !important
        }

        .u-padding-right-55 {
            padding-right: 29px !important
        }

        .u-m-b-55 {
            margin-bottom: 29px !important
        }

        .u-p-b-55 {
            padding-bottom: 29px !important
        }

        .u-margin-bottom-55 {
            margin-bottom: 29px !important
        }

        .u-padding-bottom-55 {
            padding-bottom: 29px !important
        }

        .u-margin-56, .u-m-56 {
            margin: 30px !important
        }

        .u-padding-56, .u-p-56 {
            padding: 30px !important
        }

        .u-m-l-56 {
            margin-left: 30px !important
        }

        .u-p-l-56 {
            padding-left: 30px !important
        }

        .u-margin-left-56 {
            margin-left: 30px !important
        }

        .u-padding-left-56 {
            padding-left: 30px !important
        }

        .u-m-t-56 {
            margin-top: 30px !important
        }

        .u-p-t-56 {
            padding-top: 30px !important
        }

        .u-margin-top-56 {
            margin-top: 30px !important
        }

        .u-padding-top-56 {
            padding-top: 30px !important
        }

        .u-m-r-56 {
            margin-right: 30px !important
        }

        .u-p-r-56 {
            padding-right: 30px !important
        }

        .u-margin-right-56 {
            margin-right: 30px !important
        }

        .u-padding-right-56 {
            padding-right: 30px !important
        }

        .u-m-b-56 {
            margin-bottom: 30px !important
        }

        .u-p-b-56 {
            padding-bottom: 30px !important
        }

        .u-margin-bottom-56 {
            margin-bottom: 30px !important
        }

        .u-padding-bottom-56 {
            padding-bottom: 30px !important
        }

        .u-margin-58, .u-m-58 {
            margin: 31px !important
        }

        .u-padding-58, .u-p-58 {
            padding: 31px !important
        }

        .u-m-l-58 {
            margin-left: 31px !important
        }

        .u-p-l-58 {
            padding-left: 31px !important
        }

        .u-margin-left-58 {
            margin-left: 31px !important
        }

        .u-padding-left-58 {
            padding-left: 31px !important
        }

        .u-m-t-58 {
            margin-top: 31px !important
        }

        .u-p-t-58 {
            padding-top: 31px !important
        }

        .u-margin-top-58 {
            margin-top: 31px !important
        }

        .u-padding-top-58 {
            padding-top: 31px !important
        }

        .u-m-r-58 {
            margin-right: 31px !important
        }

        .u-p-r-58 {
            padding-right: 31px !important
        }

        .u-margin-right-58 {
            margin-right: 31px !important
        }

        .u-padding-right-58 {
            padding-right: 31px !important
        }

        .u-m-b-58 {
            margin-bottom: 31px !important
        }

        .u-p-b-58 {
            padding-bottom: 31px !important
        }

        .u-margin-bottom-58 {
            margin-bottom: 31px !important
        }

        .u-padding-bottom-58 {
            padding-bottom: 31px !important
        }

        .u-margin-60, .u-m-60 {
            margin: 32px !important
        }

        .u-padding-60, .u-p-60 {
            padding: 32px !important
        }

        .u-m-l-60 {
            margin-left: 32px !important
        }

        .u-p-l-60 {
            padding-left: 32px !important
        }

        .u-margin-left-60 {
            margin-left: 32px !important
        }

        .u-padding-left-60 {
            padding-left: 32px !important
        }

        .u-m-t-60 {
            margin-top: 32px !important
        }

        .u-p-t-60 {
            padding-top: 32px !important
        }

        .u-margin-top-60 {
            margin-top: 32px !important
        }

        .u-padding-top-60 {
            padding-top: 32px !important
        }

        .u-m-r-60 {
            margin-right: 32px !important
        }

        .u-p-r-60 {
            padding-right: 32px !important
        }

        .u-margin-right-60 {
            margin-right: 32px !important
        }

        .u-padding-right-60 {
            padding-right: 32px !important
        }

        .u-m-b-60 {
            margin-bottom: 32px !important
        }

        .u-p-b-60 {
            padding-bottom: 32px !important
        }

        .u-margin-bottom-60 {
            margin-bottom: 32px !important
        }

        .u-padding-bottom-60 {
            padding-bottom: 32px !important
        }

        .u-margin-62, .u-m-62 {
            margin: 33px !important
        }

        .u-padding-62, .u-p-62 {
            padding: 33px !important
        }

        .u-m-l-62 {
            margin-left: 33px !important
        }

        .u-p-l-62 {
            padding-left: 33px !important
        }

        .u-margin-left-62 {
            margin-left: 33px !important
        }

        .u-padding-left-62 {
            padding-left: 33px !important
        }

        .u-m-t-62 {
            margin-top: 33px !important
        }

        .u-p-t-62 {
            padding-top: 33px !important
        }

        .u-margin-top-62 {
            margin-top: 33px !important
        }

        .u-padding-top-62 {
            padding-top: 33px !important
        }

        .u-m-r-62 {
            margin-right: 33px !important
        }

        .u-p-r-62 {
            padding-right: 33px !important
        }

        .u-margin-right-62 {
            margin-right: 33px !important
        }

        .u-padding-right-62 {
            padding-right: 33px !important
        }

        .u-m-b-62 {
            margin-bottom: 33px !important
        }

        .u-p-b-62 {
            padding-bottom: 33px !important
        }

        .u-margin-bottom-62 {
            margin-bottom: 33px !important
        }

        .u-padding-bottom-62 {
            padding-bottom: 33px !important
        }

        .u-margin-64, .u-m-64 {
            margin: 34px !important
        }

        .u-padding-64, .u-p-64 {
            padding: 34px !important
        }

        .u-m-l-64 {
            margin-left: 34px !important
        }

        .u-p-l-64 {
            padding-left: 34px !important
        }

        .u-margin-left-64 {
            margin-left: 34px !important
        }

        .u-padding-left-64 {
            padding-left: 34px !important
        }

        .u-m-t-64 {
            margin-top: 34px !important
        }

        .u-p-t-64 {
            padding-top: 34px !important
        }

        .u-margin-top-64 {
            margin-top: 34px !important
        }

        .u-padding-top-64 {
            padding-top: 34px !important
        }

        .u-m-r-64 {
            margin-right: 34px !important
        }

        .u-p-r-64 {
            padding-right: 34px !important
        }

        .u-margin-right-64 {
            margin-right: 34px !important
        }

        .u-padding-right-64 {
            padding-right: 34px !important
        }

        .u-m-b-64 {
            margin-bottom: 34px !important
        }

        .u-p-b-64 {
            padding-bottom: 34px !important
        }

        .u-margin-bottom-64 {
            margin-bottom: 34px !important
        }

        .u-padding-bottom-64 {
            padding-bottom: 34px !important
        }

        .u-margin-65, .u-m-65 {
            margin: 35px !important
        }

        .u-padding-65, .u-p-65 {
            padding: 35px !important
        }

        .u-m-l-65 {
            margin-left: 35px !important
        }

        .u-p-l-65 {
            padding-left: 35px !important
        }

        .u-margin-left-65 {
            margin-left: 35px !important
        }

        .u-padding-left-65 {
            padding-left: 35px !important
        }

        .u-m-t-65 {
            margin-top: 35px !important
        }

        .u-p-t-65 {
            padding-top: 35px !important
        }

        .u-margin-top-65 {
            margin-top: 35px !important
        }

        .u-padding-top-65 {
            padding-top: 35px !important
        }

        .u-m-r-65 {
            margin-right: 35px !important
        }

        .u-p-r-65 {
            padding-right: 35px !important
        }

        .u-margin-right-65 {
            margin-right: 35px !important
        }

        .u-padding-right-65 {
            padding-right: 35px !important
        }

        .u-m-b-65 {
            margin-bottom: 35px !important
        }

        .u-p-b-65 {
            padding-bottom: 35px !important
        }

        .u-margin-bottom-65 {
            margin-bottom: 35px !important
        }

        .u-padding-bottom-65 {
            padding-bottom: 35px !important
        }

        .u-margin-66, .u-m-66 {
            margin: 35px !important
        }

        .u-padding-66, .u-p-66 {
            padding: 35px !important
        }

        .u-m-l-66 {
            margin-left: 35px !important
        }

        .u-p-l-66 {
            padding-left: 35px !important
        }

        .u-margin-left-66 {
            margin-left: 35px !important
        }

        .u-padding-left-66 {
            padding-left: 35px !important
        }

        .u-m-t-66 {
            margin-top: 35px !important
        }

        .u-p-t-66 {
            padding-top: 35px !important
        }

        .u-margin-top-66 {
            margin-top: 35px !important
        }

        .u-padding-top-66 {
            padding-top: 35px !important
        }

        .u-m-r-66 {
            margin-right: 35px !important
        }

        .u-p-r-66 {
            padding-right: 35px !important
        }

        .u-margin-right-66 {
            margin-right: 35px !important
        }

        .u-padding-right-66 {
            padding-right: 35px !important
        }

        .u-m-b-66 {
            margin-bottom: 35px !important
        }

        .u-p-b-66 {
            padding-bottom: 35px !important
        }

        .u-margin-bottom-66 {
            margin-bottom: 35px !important
        }

        .u-padding-bottom-66 {
            padding-bottom: 35px !important
        }

        .u-margin-68, .u-m-68 {
            margin: 36px !important
        }

        .u-padding-68, .u-p-68 {
            padding: 36px !important
        }

        .u-m-l-68 {
            margin-left: 36px !important
        }

        .u-p-l-68 {
            padding-left: 36px !important
        }

        .u-margin-left-68 {
            margin-left: 36px !important
        }

        .u-padding-left-68 {
            padding-left: 36px !important
        }

        .u-m-t-68 {
            margin-top: 36px !important
        }

        .u-p-t-68 {
            padding-top: 36px !important
        }

        .u-margin-top-68 {
            margin-top: 36px !important
        }

        .u-padding-top-68 {
            padding-top: 36px !important
        }

        .u-m-r-68 {
            margin-right: 36px !important
        }

        .u-p-r-68 {
            padding-right: 36px !important
        }

        .u-margin-right-68 {
            margin-right: 36px !important
        }

        .u-padding-right-68 {
            padding-right: 36px !important
        }

        .u-m-b-68 {
            margin-bottom: 36px !important
        }

        .u-p-b-68 {
            padding-bottom: 36px !important
        }

        .u-margin-bottom-68 {
            margin-bottom: 36px !important
        }

        .u-padding-bottom-68 {
            padding-bottom: 36px !important
        }

        .u-margin-70, .u-m-70 {
            margin: 37px !important
        }

        .u-padding-70, .u-p-70 {
            padding: 37px !important
        }

        .u-m-l-70 {
            margin-left: 37px !important
        }

        .u-p-l-70 {
            padding-left: 37px !important
        }

        .u-margin-left-70 {
            margin-left: 37px !important
        }

        .u-padding-left-70 {
            padding-left: 37px !important
        }

        .u-m-t-70 {
            margin-top: 37px !important
        }

        .u-p-t-70 {
            padding-top: 37px !important
        }

        .u-margin-top-70 {
            margin-top: 37px !important
        }

        .u-padding-top-70 {
            padding-top: 37px !important
        }

        .u-m-r-70 {
            margin-right: 37px !important
        }

        .u-p-r-70 {
            padding-right: 37px !important
        }

        .u-margin-right-70 {
            margin-right: 37px !important
        }

        .u-padding-right-70 {
            padding-right: 37px !important
        }

        .u-m-b-70 {
            margin-bottom: 37px !important
        }

        .u-p-b-70 {
            padding-bottom: 37px !important
        }

        .u-margin-bottom-70 {
            margin-bottom: 37px !important
        }

        .u-padding-bottom-70 {
            padding-bottom: 37px !important
        }

        .u-margin-72, .u-m-72 {
            margin: 38px !important
        }

        .u-padding-72, .u-p-72 {
            padding: 38px !important
        }

        .u-m-l-72 {
            margin-left: 38px !important
        }

        .u-p-l-72 {
            padding-left: 38px !important
        }

        .u-margin-left-72 {
            margin-left: 38px !important
        }

        .u-padding-left-72 {
            padding-left: 38px !important
        }

        .u-m-t-72 {
            margin-top: 38px !important
        }

        .u-p-t-72 {
            padding-top: 38px !important
        }

        .u-margin-top-72 {
            margin-top: 38px !important
        }

        .u-padding-top-72 {
            padding-top: 38px !important
        }

        .u-m-r-72 {
            margin-right: 38px !important
        }

        .u-p-r-72 {
            padding-right: 38px !important
        }

        .u-margin-right-72 {
            margin-right: 38px !important
        }

        .u-padding-right-72 {
            padding-right: 38px !important
        }

        .u-m-b-72 {
            margin-bottom: 38px !important
        }

        .u-p-b-72 {
            padding-bottom: 38px !important
        }

        .u-margin-bottom-72 {
            margin-bottom: 38px !important
        }

        .u-padding-bottom-72 {
            padding-bottom: 38px !important
        }

        .u-margin-74, .u-m-74 {
            margin: 40px !important
        }

        .u-padding-74, .u-p-74 {
            padding: 40px !important
        }

        .u-m-l-74 {
            margin-left: 40px !important
        }

        .u-p-l-74 {
            padding-left: 40px !important
        }

        .u-margin-left-74 {
            margin-left: 40px !important
        }

        .u-padding-left-74 {
            padding-left: 40px !important
        }

        .u-m-t-74 {
            margin-top: 40px !important
        }

        .u-p-t-74 {
            padding-top: 40px !important
        }

        .u-margin-top-74 {
            margin-top: 40px !important
        }

        .u-padding-top-74 {
            padding-top: 40px !important
        }

        .u-m-r-74 {
            margin-right: 40px !important
        }

        .u-p-r-74 {
            padding-right: 40px !important
        }

        .u-margin-right-74 {
            margin-right: 40px !important
        }

        .u-padding-right-74 {
            padding-right: 40px !important
        }

        .u-m-b-74 {
            margin-bottom: 40px !important
        }

        .u-p-b-74 {
            padding-bottom: 40px !important
        }

        .u-margin-bottom-74 {
            margin-bottom: 40px !important
        }

        .u-padding-bottom-74 {
            padding-bottom: 40px !important
        }

        .u-margin-75, .u-m-75 {
            margin: 40px !important
        }

        .u-padding-75, .u-p-75 {
            padding: 40px !important
        }

        .u-m-l-75 {
            margin-left: 40px !important
        }

        .u-p-l-75 {
            padding-left: 40px !important
        }

        .u-margin-left-75 {
            margin-left: 40px !important
        }

        .u-padding-left-75 {
            padding-left: 40px !important
        }

        .u-m-t-75 {
            margin-top: 40px !important
        }

        .u-p-t-75 {
            padding-top: 40px !important
        }

        .u-margin-top-75 {
            margin-top: 40px !important
        }

        .u-padding-top-75 {
            padding-top: 40px !important
        }

        .u-m-r-75 {
            margin-right: 40px !important
        }

        .u-p-r-75 {
            padding-right: 40px !important
        }

        .u-margin-right-75 {
            margin-right: 40px !important
        }

        .u-padding-right-75 {
            padding-right: 40px !important
        }

        .u-m-b-75 {
            margin-bottom: 40px !important
        }

        .u-p-b-75 {
            padding-bottom: 40px !important
        }

        .u-margin-bottom-75 {
            margin-bottom: 40px !important
        }

        .u-padding-bottom-75 {
            padding-bottom: 40px !important
        }

        .u-margin-76, .u-m-76 {
            margin: 41px !important
        }

        .u-padding-76, .u-p-76 {
            padding: 41px !important
        }

        .u-m-l-76 {
            margin-left: 41px !important
        }

        .u-p-l-76 {
            padding-left: 41px !important
        }

        .u-margin-left-76 {
            margin-left: 41px !important
        }

        .u-padding-left-76 {
            padding-left: 41px !important
        }

        .u-m-t-76 {
            margin-top: 41px !important
        }

        .u-p-t-76 {
            padding-top: 41px !important
        }

        .u-margin-top-76 {
            margin-top: 41px !important
        }

        .u-padding-top-76 {
            padding-top: 41px !important
        }

        .u-m-r-76 {
            margin-right: 41px !important
        }

        .u-p-r-76 {
            padding-right: 41px !important
        }

        .u-margin-right-76 {
            margin-right: 41px !important
        }

        .u-padding-right-76 {
            padding-right: 41px !important
        }

        .u-m-b-76 {
            margin-bottom: 41px !important
        }

        .u-p-b-76 {
            padding-bottom: 41px !important
        }

        .u-margin-bottom-76 {
            margin-bottom: 41px !important
        }

        .u-padding-bottom-76 {
            padding-bottom: 41px !important
        }

        .u-margin-78, .u-m-78 {
            margin: 42px !important
        }

        .u-padding-78, .u-p-78 {
            padding: 42px !important
        }

        .u-m-l-78 {
            margin-left: 42px !important
        }

        .u-p-l-78 {
            padding-left: 42px !important
        }

        .u-margin-left-78 {
            margin-left: 42px !important
        }

        .u-padding-left-78 {
            padding-left: 42px !important
        }

        .u-m-t-78 {
            margin-top: 42px !important
        }

        .u-p-t-78 {
            padding-top: 42px !important
        }

        .u-margin-top-78 {
            margin-top: 42px !important
        }

        .u-padding-top-78 {
            padding-top: 42px !important
        }

        .u-m-r-78 {
            margin-right: 42px !important
        }

        .u-p-r-78 {
            padding-right: 42px !important
        }

        .u-margin-right-78 {
            margin-right: 42px !important
        }

        .u-padding-right-78 {
            padding-right: 42px !important
        }

        .u-m-b-78 {
            margin-bottom: 42px !important
        }

        .u-p-b-78 {
            padding-bottom: 42px !important
        }

        .u-margin-bottom-78 {
            margin-bottom: 42px !important
        }

        .u-padding-bottom-78 {
            padding-bottom: 42px !important
        }

        .u-margin-80, .u-m-80 {
            margin: 43px !important
        }

        .u-padding-80, .u-p-80 {
            padding: 43px !important
        }

        .u-m-l-80 {
            margin-left: 43px !important
        }

        .u-p-l-80 {
            padding-left: 43px !important
        }

        .u-margin-left-80 {
            margin-left: 43px !important
        }

        .u-padding-left-80 {
            padding-left: 43px !important
        }

        .u-m-t-80 {
            margin-top: 43px !important
        }

        .u-p-t-80 {
            padding-top: 43px !important
        }

        .u-margin-top-80 {
            margin-top: 43px !important
        }

        .u-padding-top-80 {
            padding-top: 43px !important
        }

        .u-m-r-80 {
            margin-right: 43px !important
        }

        .u-p-r-80 {
            padding-right: 43px !important
        }

        .u-margin-right-80 {
            margin-right: 43px !important
        }

        .u-padding-right-80 {
            padding-right: 43px !important
        }

        .u-m-b-80 {
            margin-bottom: 43px !important
        }

        .u-p-b-80 {
            padding-bottom: 43px !important
        }

        .u-margin-bottom-80 {
            margin-bottom: 43px !important
        }

        .u-padding-bottom-80 {
            padding-bottom: 43px !important
        }

        .u-reset-nvue {
            flex-direction: row;
            align-items: center
        }

        .u-type-primary-light {
            color: #ecf5ff
        }

        .u-type-warning-light {
            color: #fdf6ec
        }

        .u-type-success-light {
            color: #dbf1e1
        }

        .u-type-error-light {
            color: #fef0f0
        }

        .u-type-info-light {
            color: #f4f4f5
        }

        .u-type-primary-light-bg {
            background-color: #ecf5ff
        }

        .u-type-warning-light-bg {
            background-color: #fdf6ec
        }

        .u-type-success-light-bg {
            background-color: #dbf1e1
        }

        .u-type-error-light-bg {
            background-color: #fef0f0
        }

        .u-type-info-light-bg {
            background-color: #f4f4f5
        }

        .u-type-primary-dark {
            color: #2b85e4
        }

        .u-type-warning-dark {
            color: #f29100
        }

        .u-type-success-dark {
            color: #18b566
        }

        .u-type-error-dark {
            color: #dd6161
        }

        .u-type-info-dark {
            color: #82848a
        }

        .u-type-primary-dark-bg {
            background-color: #2b85e4
        }

        .u-type-warning-dark-bg {
            background-color: #f29100
        }

        .u-type-success-dark-bg {
            background-color: #18b566
        }

        .u-type-error-dark-bg {
            background-color: #dd6161
        }

        .u-type-info-dark-bg {
            background-color: #82848a
        }

        .u-type-primary-disabled {
            color: #a0cfff
        }

        .u-type-warning-disabled {
            color: #fcbd71
        }

        .u-type-success-disabled {
            color: #71d5a1
        }

        .u-type-error-disabled {
            color: #fab6b6
        }

        .u-type-info-disabled {
            color: #c8c9cc
        }

        .u-type-primary {
            color: #2979ff
        }

        .u-type-warning {
            color: #f90
        }

        .u-type-success {
            color: #19be6b
        }

        .u-type-error {
            color: #fa3534
        }

        .u-type-info {
            color: #909399
        }

        .u-type-primary-bg {
            background-color: #2979ff
        }

        .u-type-warning-bg {
            background-color: #f90
        }

        .u-type-success-bg {
            background-color: #19be6b
        }

        .u-type-error-bg {
            background-color: #fa3534
        }

        .u-type-info-bg {
            background-color: #909399
        }

        .u-main-color {
            color: #303133
        }

        .u-content-color {
            color: #606266
        }

        .u-tips-color {
            color: #909399
        }

        .u-light-color {
            color: #c0c4cc
        }

        uni-page-body {
            color: #303133;
            font-size: 15px
        }

        /* start--去除webkit的默认样式--start */
        .u-fix-ios-appearance {
            -webkit-appearance: none
        }

        /* end--去除webkit的默认样式--end */
        /* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
        .u-icon-wrap {
            display: flex;
            align-items: center
        }

        /* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
        /* start--iPhoneX底部安全区定义--start */
        .safe-area-inset-bottom {
            padding-bottom: 0;
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom)
        }

        /* end-iPhoneX底部安全区定义--end */
        /* start--各种hover点击反馈相关的类名-start */
        .u-hover-class {
            opacity: .6
        }

        .u-cell-hover {
            background-color: #f7f8f9 !important
        }

        /* end--各种hover点击反馈相关的类名--end */
        /* start--文本行数限制--start */
        .u-line-1 {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .u-line-2 {
            -webkit-line-clamp: 2
        }

        .u-line-3 {
            -webkit-line-clamp: 3
        }

        .u-line-4 {
            -webkit-line-clamp: 4
        }

        .u-line-5 {
            -webkit-line-clamp: 5
        }

        .u-line-2, .u-line-3, .u-line-4, .u-line-5 {
            overflow: hidden;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }

        /* end--文本行数限制--end */
        /* start--Retina 屏幕下的 1px 边框--start */
        .u-border,
        .u-border-bottom,
        .u-border-left,
        .u-border-right,
        .u-border-top,
        .u-border-top-bottom {
            position: relative
        }

        .u-border-bottom:after,
        .u-border-left:after,
        .u-border-right:after,
        .u-border-top-bottom:after,
        .u-border-top:after,
        .u-border:after {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            box-sizing: border-box;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 199.8%;
            height: 199.7%;
            -webkit-transform: scale(.5);
            transform: scale(.5);
            border: 0 solid #e4e7ed;
            z-index: 2
        }

        .u-border-top:after {
            border-top-width: 1px
        }

        .u-border-left:after {
            border-left-width: 1px
        }

        .u-border-right:after {
            border-right-width: 1px
        }

        .u-border-bottom:after {
            border-bottom-width: 1px
        }

        .u-border-top-bottom:after {
            border-width: 1px 0
        }

        .u-border:after {
            border-width: 1px
        }

        /* end--Retina 屏幕下的 1px 边框--end */
        /* start--clearfix--start */
        .u-clearfix:after,
        .clearfix:after {
            content: "";
            display: table;
            clear: both
        }

        /* end--clearfix--end */
        /* start--高斯模糊tabbar底部处理--start */
        .u-blur-effect-inset {
            width: 406px;
            height: var(--window-bottom);
            background-color: #fff
        }

        /* end--高斯模糊tabbar底部处理--end */
        /* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
        uni-toast {
            z-index: 10090
        }

        uni-toast .uni-toast {
            z-index: 10090
        }

        /* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
        /* start--去除button的所有默认样式--start */
        .u-reset-button {
            padding: 0;
            font-size: inherit;
            line-height: inherit;
            background-color: initial;
            color: inherit
        }

        .u-reset-button::after {
            border: none
        }

        /* end--去除button的所有默认样式--end */
        /* H5的时候，隐藏滚动条 */
        ::-webkit-scrollbar {
            display: none;
            width: 0 !important;
            height: 0 !important;
            -webkit-appearance: none;
            background: transparent
        }

        body {
            padding-right: 0 !important;
            overflow-y: scroll !important;
            background: #fff url({{asset('public')}}/h5/static/img/bg.png) no-repeat;
            background-size: 100% 100%;
            line-height: 1;
            font-family: 微软雅黑, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
        }

        ::-webkit-scrollbar {
            display: none
        }

        .line1 {
            position: relative
        }

        .hidden {
            display: none !important
        }

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

        .text-hidden-2 {
            overflow: hidden;
            word-break: "break-all";
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .line1:after {
            content: "";
            left: 0;
            right: 0;
            position: absolute;
            z-index: 1;
            bottom: 0;
            height: 1px;
            background-color: #f2f2f2;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5)
        }

        :after, :before {
            box-sizing: border-box
        }

        .clearfix:before,
        .clearfix:after {
            content: " ";
            display: table;
            clear: both
        }

        .main-content {
            position: relative;
            width: 100%
        }

        .tr {
            text-align: right !important
        }

        .tc {
            text-align: center !important
        }

        .fr {
            float: right !important
        }

        .fl {
            float: left !important
        }

        ul {
            display: inline-block
        }

        ul li {
            list-style: none
        }

        .tl {
            text-align: left !important
        }

        /* 流式布局 */
        .flex {
            display: flex
        }

        .flex-1 {
            position: relative;
            flex: 1
        }

        .flex-between {
            justify-content: space-between
        }

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

        .ai {
            align-items: center
        }

        .jc {
            justify-content: center
        }

        .ase {
            align-self: flex-end
        }

        .flex-stretch {
            align-items: stretch
        }

        .h20 {
            height: 10px;
            width: 100%;
            background-color: initial
        }

        .blue-color {
            color: #5c9fff
        }

        .flex-row {
            flex-flow: row
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .flex-column {
            flex-flow: column
        }

        .align-stretch {
            align-items: stretch
        }

        .align-start {
            align-items: flex-start
        }

        .align-end {
            align-items: flex-end
        }

        .align-baseline {
            align-items: baseline
        }

        .align-inherit {
            align-items: inherit
        }

        .justify-start {
            justify-content: flex-start
        }

        .justify-center {
            justify-content: center
        }

        .justify-end {
            justify-content: flex-end
        }

        .justify-between {
            justify-content: space-between
        }

        .justify-around {
            justify-content: space-around
        }

        .justify-inherit {
            justify-content: inherit
        }

        .self-align-stretch {
            align-self: stretch
        }

        .self-align-center {
            align-self: center
        }

        .self-align-start {
            align-self: start
        }

        .self-align-end {
            align-self: end
        }

        .self-align-inherit {
            align-self: inherit
        }

        .self-justify-start {
            justify-self: start
        }

        .self-justify-center {
            justify-self: center
        }

        .self-justify-end {
            justify-self: end
        }

        .self-justify-between {
            justify-self: between
        }

        .self-justify-around {
            justify-self: around
        }

        .self-justify-inherit {
            justify-self: inherit
        }

        .inline-block {
            display: inline-block
        }

        .uni-modal {
            display: flex;
            flex-flow: column;
            justify-content: space-between;
            max-width: 335px !important;
            height: 189px;
            padding: 0px 10px;
            background-color: #fffeff;
            border-radius: 8px !important;
            box-shadow: inset 0px 0px 1px 1px hsla(0, 0%, 49%, .67)
        }

        .uni-modal .uni-modal__hd {
            text-align: left;
            font-size: 19px;
            color: #393939;
            padding: 0
        }

        .uni-modal .uni-modal__hd .uni-modal__title {
            font-weight: 700;
            margin-top: 23px;
            margin-left: 18px
        }

        .uni-modal .uni-modal__bd {
            font-size: 15px;
            color: #8d9199
        }

        .uni-modal .uni-modal__ft {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px
        }

        .uni-modal .uni-modal__ft .uni-modal__btn {
            width: 151px;
            height: 40px;
            line-height: 40px;
            background-color: #fff;
            border-radius: 5px;
            border: solid 1px #12b888
        }

        .uni-modal .uni-modal__ft .uni-modal__btn.uni-modal__btn_default {
            margin-right: 10px;
            color: #12b888
        }

        .uni-modal .uni-modal__ft .uni-modal__btn.uni-modal__btn_primary {
            color: #fff !important;
            background-color: #12b888
        }</style>
    <style type="text/css">.container[data-v-3696e61a] {
            width: 30px;
            height: 30px;
            /* position: relative; */
            position: absolute;
            top: 50%;
            right: 50%;
            -webkit-transform: translate(50%, 50%) !important;
            transform: translate(50%, 50%) !important
        }

        .container.loading2[data-v-3696e61a] {
            -webkit-transform: rotate(10deg);
            transform: rotate(10deg)
        }

        .container.loading2 .shape[data-v-3696e61a] {
            border-radius: 5px
        }

        .container.loading2[data-v-3696e61a] {
            -webkit-animation: rotation 1s infinite;
            animation: rotation 1s infinite
        }

        .container .shape[data-v-3696e61a] {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 1px
        }

        .container .shape.shape1[data-v-3696e61a] {
            left: 0;
            background-color: #5c6bc0
        }

        .container .shape.shape2[data-v-3696e61a] {
            right: 0;
            background-color: #8bc34a
        }

        .container .shape.shape3[data-v-3696e61a] {
            bottom: 0;
            background-color: #ffb74d
        }

        .container .shape.shape4[data-v-3696e61a] {
            bottom: 0;
            right: 0;
            background-color: #f44336
        }

        .loading2 .shape1[data-v-3696e61a] {
            -webkit-animation: animation2shape1-data-v-3696e61a .5s ease 0s infinite alternate;
            animation: animation2shape1-data-v-3696e61a .5s ease 0s infinite alternate
        }

        @-webkit-keyframes animation2shape1-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(20px, 20px);
                transform: translate(20px, 20px)
            }
        }

        @keyframes animation2shape1-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(20px, 20px);
                transform: translate(20px, 20px)
            }
        }

        .loading2 .shape2[data-v-3696e61a] {
            -webkit-animation: animation2shape2-data-v-3696e61a .5s ease 0s infinite alternate;
            animation: animation2shape2-data-v-3696e61a .5s ease 0s infinite alternate
        }

        @-webkit-keyframes animation2shape2-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(-20px, 20px);
                transform: translate(-20px, 20px)
            }
        }

        @keyframes animation2shape2-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(-20px, 20px);
                transform: translate(-20px, 20px)
            }
        }

        .loading2 .shape3[data-v-3696e61a] {
            -webkit-animation: animation2shape3-data-v-3696e61a .5s ease 0s infinite alternate;
            animation: animation2shape3-data-v-3696e61a .5s ease 0s infinite alternate
        }

        @-webkit-keyframes animation2shape3-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(20px, -20px);
                transform: translate(20px, -20px)
            }
        }

        @keyframes animation2shape3-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(20px, -20px);
                transform: translate(20px, -20px)
            }
        }

        .loading2 .shape4[data-v-3696e61a] {
            -webkit-animation: animation2shape4-data-v-3696e61a .5s ease 0s infinite alternate;
            animation: animation2shape4-data-v-3696e61a .5s ease 0s infinite alternate
        }

        @-webkit-keyframes animation2shape4-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(-20px, -20px);
                transform: translate(-20px, -20px)
            }
        }

        @keyframes animation2shape4-data-v-3696e61a {
            from {
                -webkit-transform: translate(0);
                transform: translate(0)
            }
            to {
                -webkit-transform: translate(-20px, -20px);
                transform: translate(-20px, -20px)
            }
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .drag[data-v-90a705d4] {
            display: none;
            position: relative;
            justify-content: center;
            align-items: center;
            background: url({{asset('public')}}/h5/static/img/kefu_icon.7ab0951d.png) 50%/100% no-repeat;
            width: 54px;
            height: 57px;
            position: fixed;
            z-index: 999
        }

        .drag.show[data-v-90a705d4] {
            background-image: url({{asset('public')}}/h5/static/img/open.cfb04c07.png)
        }

        .drag.transition[data-v-90a705d4] {
            transition: left .3s ease, top .3s ease
        }

        .drag .show[data-v-90a705d4] {
            display: block
        }

        .drag .list1[data-v-90a705d4] {
            position: absolute;
            top: 0;
            left: 0px;
            width: 54px;
            height: 57px;
            opacity: 0;
            background: url({{asset('public')}}/h5/static/img/kefu_icon.7ab0951d.png) 50%/100% no-repeat;
            transition: all .5s
        }

        .drag .list1.show[data-v-90a705d4] {
            opacity: 1;
            left: -81px
        }

        .drag .list2[data-v-90a705d4] {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 54px;
            height: 57px;
            opacity: 0;
            background: url({{asset('public')}}/h5/static/img/server.daa32d98.png) 50%/100% no-repeat;
            transition: all .5s
        }

        .drag .list2.show[data-v-90a705d4] {
            top: -81px;
            opacity: 1
        }

        .drag .list3[data-v-90a705d4] {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 54px;
            height: 57px;
            opacity: 0;
            background: url({{asset('public')}}/h5/static/img/lihe.a39d144e.png) 50%/100% no-repeat;
            transition: all .5s;
            transition: all .5s
        }

        .drag .list3.show[data-v-90a705d4] {
            top: -54px;
            left: -54px;
            opacity: 1
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .dig[data-v-6e6b889e] {
            margin-left: -6px;
            margin-top: -15px;
            width: 20px;
            height: 20px;
            background-color: #010101;
            border-radius: 50%;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff
        }

        .mb[data-v-6e6b889e] {
            width: 100%;
            height: calc(47px + 0px)
        }

        .title-bar-box[data-v-6e6b889e] {
            position: fixed;
            top: 0;
            width: 100%;
            height: calc(47px + 0px);
            padding-top: 0;
            z-index: 999
        }

        .title-bar-box .title-bar_content__title[data-v-6e6b889e] {
            position: absolute;
            right: 75px;
            left: 75px;
            font-size: 19px;
            color: #fff;
            text-align: center
        }

        .title-bar-box .title-bar_content__right[data-v-6e6b889e] {
            margin-right: 14px
        }

        .title-bar-box .content[data-v-6e6b889e] {
            position: relative;
            height: 100%
        }

        .title-bar-box uni-image[data-v-6e6b889e] {
            width: 9px;
            height: 16px;
            z-index: 99;
            margin-left: 16px
        }

        .title-bar-box .imgg[data-v-6e6b889e] {
            width: 21px;
            height: 27px
        }</style>

    <style type="text/css">.uni-app--showtabbar uni-page-wrapper {
            display: block;
            height: calc(100% - 50px);
            height: calc(100% - 50px - constant(safe-area-inset-bottom));
            height: calc(100% - 50px - env(safe-area-inset-bottom));
        }

        .uni-app--showtabbar uni-page-wrapper::after {
            content: "";
            display: block;
            width: 100%;
            height: 50px;
            height: calc(50px + constant(safe-area-inset-bottom));
            height: calc(50px + env(safe-area-inset-bottom));
        }

        .uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
            height: calc(100% - 44px - 50px);
            height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
            height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
        }</style>
    <style type="text/css">
        @font-face {
            font-family: uicon-iconfont;
            src: url(//at.alicdn.com/t/font_1529455_k4s6di1d1.eot?t=1596960292384);
            /* IE9 */
            src: url(//at.alicdn.com/t/font_1529455_k4s6di1d1.eot?t=1596960292384#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64, ") format("woff2"), url(//at.alicdn.com/t/font_1529455_k4s6di1d1.woff?t=1596960292384) format("woff"), url(//at.alicdn.com/t/font_1529455_k4s6di1d1.ttf?t=1596960292384) format("truetype"), url(//at.alicdn.com/t/font_1529455_k4s6di1d1.svg?t=1596960292384#iconfont) format("svg")
        }

        .u-iconfont[data-v-483634f0] {
            position: relative;
            display: flex;
            font: normal normal normal 14px/1 uicon-iconfont;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .u-iconfont[data-v-483634f0]::before {
            display: flex;
            align-items: center
        }

        .uicon-en[data-v-483634f0]:before {
            content: "\e70a"
        }

        .uicon-zh[data-v-483634f0]:before {
            content: "\e692"
        }

        .uicon-level[data-v-483634f0]:before {
            content: "\e693"
        }

        .uicon-woman[data-v-483634f0]:before {
            content: "\e69c"
        }

        .uicon-man[data-v-483634f0]:before {
            content: "\e697"
        }

        .uicon-column-line[data-v-483634f0]:before {
            content: "\e68e"
        }

        .uicon-empty-page[data-v-483634f0]:before {
            content: "\e627"
        }

        .uicon-empty-data[data-v-483634f0]:before {
            content: "\e62f"
        }

        .uicon-empty-car[data-v-483634f0]:before {
            content: "\e602"
        }

        .uicon-empty-order[data-v-483634f0]:before {
            content: "\e639"
        }

        .uicon-empty-address[data-v-483634f0]:before {
            content: "\e646"
        }

        .uicon-empty-message[data-v-483634f0]:before {
            content: "\e6a9"
        }

        .uicon-empty-search[data-v-483634f0]:before {
            content: "\e664"
        }

        .uicon-empty-favor[data-v-483634f0]:before {
            content: "\e67c"
        }

        .uicon-empty-coupon[data-v-483634f0]:before {
            content: "\e682"
        }

        .uicon-empty-history[data-v-483634f0]:before {
            content: "\e684"
        }

        .uicon-empty-permission[data-v-483634f0]:before {
            content: "\e686"
        }

        .uicon-empty-news[data-v-483634f0]:before {
            content: "\e687"
        }

        .uicon-empty-wifi[data-v-483634f0]:before {
            content: "\e688"
        }

        .uicon-empty-list[data-v-483634f0]:before {
            content: "\e68b"
        }

        .uicon-arrow-left-double[data-v-483634f0]:before {
            content: "\e68c"
        }

        .uicon-arrow-right-double[data-v-483634f0]:before {
            content: "\e68d"
        }

        .uicon-red-packet[data-v-483634f0]:before {
            content: "\e691"
        }

        .uicon-red-packet-fill[data-v-483634f0]:before {
            content: "\e690"
        }

        .uicon-order[data-v-483634f0]:before {
            content: "\e68f"
        }

        .uicon-nav-back-arrow[data-v-483634f0]:before {
            content: "\e67f"
        }

        .uicon-nav-back[data-v-483634f0]:before {
            content: "\e683"
        }

        .uicon-checkbox-mark[data-v-483634f0]:before {
            content: "\e6a8"
        }

        .uicon-arrow-up-fill[data-v-483634f0]:before {
            content: "\e6b0"
        }

        .uicon-arrow-down-fill[data-v-483634f0]:before {
            content: "\e600"
        }

        .uicon-backspace[data-v-483634f0]:before {
            content: "\e67b"
        }

        .uicon-android-circle-fill[data-v-483634f0]:before {
            content: "\e67e"
        }

        .uicon-android-fill[data-v-483634f0]:before {
            content: "\e67d"
        }

        .uicon-question[data-v-483634f0]:before {
            content: "\e715"
        }

        .uicon-pause[data-v-483634f0]:before {
            content: "\e8fa"
        }

        .uicon-close[data-v-483634f0]:before {
            content: "\e685"
        }

        .uicon-volume-up[data-v-483634f0]:before {
            content: "\e633"
        }

        .uicon-volume-off[data-v-483634f0]:before {
            content: "\e644"
        }

        .uicon-info[data-v-483634f0]:before {
            content: "\e653"
        }

        .uicon-error[data-v-483634f0]:before {
            content: "\e6d3"
        }

        .uicon-lock-opened-fill[data-v-483634f0]:before {
            content: "\e974"
        }

        .uicon-lock-fill[data-v-483634f0]:before {
            content: "\e979"
        }

        .uicon-lock[data-v-483634f0]:before {
            content: "\e97a"
        }

        .uicon-photo-fill[data-v-483634f0]:before {
            content: "\e98b"
        }

        .uicon-photo[data-v-483634f0]:before {
            content: "\e98d"
        }

        .uicon-account-fill[data-v-483634f0]:before {
            content: "\e614"
        }

        .uicon-minus-people-fill[data-v-483634f0]:before {
            content: "\e615"
        }

        .uicon-plus-people-fill[data-v-483634f0]:before {
            content: "\e626"
        }

        .uicon-account[data-v-483634f0]:before {
            content: "\e628"
        }

        .uicon-thumb-down-fill[data-v-483634f0]:before {
            content: "\e726"
        }

        .uicon-thumb-down[data-v-483634f0]:before {
            content: "\e727"
        }

        .uicon-thumb-up-fill[data-v-483634f0]:before {
            content: "\e72f"
        }

        .uicon-thumb-up[data-v-483634f0]:before {
            content: "\e733"
        }

        .uicon-person-delete-fill[data-v-483634f0]:before {
            content: "\e66a"
        }

        .uicon-cut[data-v-483634f0]:before {
            content: "\e948"
        }

        .uicon-fingerprint[data-v-483634f0]:before {
            content: "\e955"
        }

        .uicon-home-fill[data-v-483634f0]:before {
            content: "\e964"
        }

        .uicon-home[data-v-483634f0]:before {
            content: "\e965"
        }

        .uicon-hourglass-half-fill[data-v-483634f0]:before {
            content: "\e966"
        }

        .uicon-hourglass[data-v-483634f0]:before {
            content: "\e967"
        }

        .uicon-lock-open[data-v-483634f0]:before {
            content: "\e973"
        }

        .uicon-integral-fill[data-v-483634f0]:before {
            content: "\e703"
        }

        .uicon-integral[data-v-483634f0]:before {
            content: "\e704"
        }

        .uicon-coupon[data-v-483634f0]:before {
            content: "\e8ae"
        }

        .uicon-coupon-fill[data-v-483634f0]:before {
            content: "\e8c4"
        }

        .uicon-kefu-ermai[data-v-483634f0]:before {
            content: "\e656"
        }

        .uicon-scan[data-v-483634f0]:before {
            content: "\e662"
        }

        .uicon-rmb[data-v-483634f0]:before {
            content: "\e608"
        }

        .uicon-rmb-circle-fill[data-v-483634f0]:before {
            content: "\e657"
        }

        .uicon-rmb-circle[data-v-483634f0]:before {
            content: "\e677"
        }

        .uicon-gift[data-v-483634f0]:before {
            content: "\e65b"
        }

        .uicon-gift-fill[data-v-483634f0]:before {
            content: "\e65c"
        }

        .uicon-bookmark-fill[data-v-483634f0]:before {
            content: "\e63b"
        }

        .uicon-zhuanfa[data-v-483634f0]:before {
            content: "\e60b"
        }

        .uicon-eye-off-outline[data-v-483634f0]:before {
            content: "\e62b"
        }

        .uicon-eye-off[data-v-483634f0]:before {
            content: "\e648"
        }

        .uicon-pause-circle[data-v-483634f0]:before {
            content: "\e643"
        }

        .uicon-play-circle[data-v-483634f0]:before {
            content: "\e647"
        }

        .uicon-pause-circle-fill[data-v-483634f0]:before {
            content: "\e654"
        }

        .uicon-play-circle-fill[data-v-483634f0]:before {
            content: "\e655"
        }

        .uicon-grid[data-v-483634f0]:before {
            content: "\e673"
        }

        .uicon-play-right[data-v-483634f0]:before {
            content: "\e610"
        }

        .uicon-play-left[data-v-483634f0]:before {
            content: "\e66d"
        }

        .uicon-calendar[data-v-483634f0]:before {
            content: "\e66e"
        }

        .uicon-rewind-right[data-v-483634f0]:before {
            content: "\e66f"
        }

        .uicon-rewind-left[data-v-483634f0]:before {
            content: "\e671"
        }

        .uicon-skip-forward-right[data-v-483634f0]:before {
            content: "\e672"
        }

        .uicon-skip-back-left[data-v-483634f0]:before {
            content: "\e674"
        }

        .uicon-play-left-fill[data-v-483634f0]:before {
            content: "\e675"
        }

        .uicon-play-right-fill[data-v-483634f0]:before {
            content: "\e676"
        }

        .uicon-grid-fill[data-v-483634f0]:before {
            content: "\e678"
        }

        .uicon-rewind-left-fill[data-v-483634f0]:before {
            content: "\e679"
        }

        .uicon-rewind-right-fill[data-v-483634f0]:before {
            content: "\e67a"
        }

        .uicon-pushpin[data-v-483634f0]:before {
            content: "\e7e3"
        }

        .uicon-star[data-v-483634f0]:before {
            content: "\e65f"
        }

        .uicon-star-fill[data-v-483634f0]:before {
            content: "\e669"
        }

        .uicon-server-fill[data-v-483634f0]:before {
            content: "\e751"
        }

        .uicon-server-man[data-v-483634f0]:before {
            content: "\e6bc"
        }

        .uicon-edit-pen[data-v-483634f0]:before {
            content: "\e612"
        }

        .uicon-edit-pen-fill[data-v-483634f0]:before {
            content: "\e66b"
        }

        .uicon-wifi[data-v-483634f0]:before {
            content: "\e667"
        }

        .uicon-wifi-off[data-v-483634f0]:before {
            content: "\e668"
        }

        .uicon-file-text[data-v-483634f0]:before {
            content: "\e663"
        }

        .uicon-file-text-fill[data-v-483634f0]:before {
            content: "\e665"
        }

        .uicon-more-dot-fill[data-v-483634f0]:before {
            content: "\e630"
        }

        .uicon-minus[data-v-483634f0]:before {
            content: "\e618"
        }

        .uicon-minus-circle[data-v-483634f0]:before {
            content: "\e61b"
        }

        .uicon-plus[data-v-483634f0]:before {
            content: "\e62d"
        }

        .uicon-plus-circle[data-v-483634f0]:before {
            content: "\e62e"
        }

        .uicon-minus-circle-fill[data-v-483634f0]:before {
            content: "\e652"
        }

        .uicon-plus-circle-fill[data-v-483634f0]:before {
            content: "\e661"
        }

        .uicon-email[data-v-483634f0]:before {
            content: "\e611"
        }

        .uicon-email-fill[data-v-483634f0]:before {
            content: "\e642"
        }

        .uicon-phone[data-v-483634f0]:before {
            content: "\e622"
        }

        .uicon-phone-fill[data-v-483634f0]:before {
            content: "\e64f"
        }

        .uicon-clock[data-v-483634f0]:before {
            content: "\e60f"
        }

        .uicon-car[data-v-483634f0]:before {
            content: "\e60c"
        }

        .uicon-car-fill[data-v-483634f0]:before {
            content: "\e636"
        }

        .uicon-warning[data-v-483634f0]:before {
            content: "\e694"
        }

        .uicon-warning-fill[data-v-483634f0]:before {
            content: "\e64d"
        }

        .uicon-search[data-v-483634f0]:before {
            content: "\e62a"
        }

        .uicon-baidu-circle-fill[data-v-483634f0]:before {
            content: "\e680"
        }

        .uicon-baidu[data-v-483634f0]:before {
            content: "\e681"
        }

        .uicon-facebook[data-v-483634f0]:before {
            content: "\e689"
        }

        .uicon-facebook-circle-fill[data-v-483634f0]:before {
            content: "\e68a"
        }

        .uicon-qzone[data-v-483634f0]:before {
            content: "\e695"
        }

        .uicon-qzone-circle-fill[data-v-483634f0]:before {
            content: "\e696"
        }

        .uicon-moments-circel-fill[data-v-483634f0]:before {
            content: "\e69a"
        }

        .uicon-moments[data-v-483634f0]:before {
            content: "\e69b"
        }

        .uicon-qq-circle-fill[data-v-483634f0]:before {
            content: "\e6a0"
        }

        .uicon-qq-fill[data-v-483634f0]:before {
            content: "\e6a1"
        }

        .uicon-weibo[data-v-483634f0]:before {
            content: "\e6a4"
        }

        .uicon-weibo-circle-fill[data-v-483634f0]:before {
            content: "\e6a5"
        }

        .uicon-taobao[data-v-483634f0]:before {
            content: "\e6a6"
        }

        .uicon-taobao-circle-fill[data-v-483634f0]:before {
            content: "\e6a7"
        }

        .uicon-twitter[data-v-483634f0]:before {
            content: "\e6aa"
        }

        .uicon-twitter-circle-fill[data-v-483634f0]:before {
            content: "\e6ab"
        }

        .uicon-weixin-circle-fill[data-v-483634f0]:before {
            content: "\e6b1"
        }

        .uicon-weixin-fill[data-v-483634f0]:before {
            content: "\e6b2"
        }

        .uicon-zhifubao-circle-fill[data-v-483634f0]:before {
            content: "\e6b8"
        }

        .uicon-zhifubao[data-v-483634f0]:before {
            content: "\e6b9"
        }

        .uicon-zhihu[data-v-483634f0]:before {
            content: "\e6ba"
        }

        .uicon-zhihu-circle-fill[data-v-483634f0]:before {
            content: "\e709"
        }

        .uicon-list[data-v-483634f0]:before {
            content: "\e650"
        }

        .uicon-list-dot[data-v-483634f0]:before {
            content: "\e616"
        }

        .uicon-setting[data-v-483634f0]:before {
            content: "\e61f"
        }

        .uicon-bell[data-v-483634f0]:before {
            content: "\e609"
        }

        .uicon-bell-fill[data-v-483634f0]:before {
            content: "\e640"
        }

        .uicon-attach[data-v-483634f0]:before {
            content: "\e632"
        }

        .uicon-shopping-cart[data-v-483634f0]:before {
            content: "\e621"
        }

        .uicon-shopping-cart-fill[data-v-483634f0]:before {
            content: "\e65d"
        }

        .uicon-tags[data-v-483634f0]:before {
            content: "\e629"
        }

        .uicon-share[data-v-483634f0]:before {
            content: "\e631"
        }

        .uicon-question-circle-fill[data-v-483634f0]:before {
            content: "\e666"
        }

        .uicon-question-circle[data-v-483634f0]:before {
            content: "\e625"
        }

        .uicon-error-circle[data-v-483634f0]:before {
            content: "\e624"
        }

        .uicon-checkmark-circle[data-v-483634f0]:before {
            content: "\e63d"
        }

        .uicon-close-circle[data-v-483634f0]:before {
            content: "\e63f"
        }

        .uicon-info-circle[data-v-483634f0]:before {
            content: "\e660"
        }

        .uicon-md-person-add[data-v-483634f0]:before {
            content: "\e6e4"
        }

        .uicon-md-person-fill[data-v-483634f0]:before {
            content: "\e6ea"
        }

        .uicon-bag-fill[data-v-483634f0]:before {
            content: "\e617"
        }

        .uicon-bag[data-v-483634f0]:before {
            content: "\e619"
        }

        .uicon-chat-fill[data-v-483634f0]:before {
            content: "\e61e"
        }

        .uicon-chat[data-v-483634f0]:before {
            content: "\e620"
        }

        .uicon-more-circle[data-v-483634f0]:before {
            content: "\e63e"
        }

        .uicon-more-circle-fill[data-v-483634f0]:before {
            content: "\e645"
        }

        .uicon-volume[data-v-483634f0]:before {
            content: "\e66c"
        }

        .uicon-volume-fill[data-v-483634f0]:before {
            content: "\e670"
        }

        .uicon-reload[data-v-483634f0]:before {
            content: "\e788"
        }

        .uicon-camera[data-v-483634f0]:before {
            content: "\e7d7"
        }

        .uicon-heart[data-v-483634f0]:before {
            content: "\e7df"
        }

        .uicon-heart-fill[data-v-483634f0]:before {
            content: "\e851"
        }

        .uicon-minus-square-fill[data-v-483634f0]:before {
            content: "\e855"
        }

        .uicon-plus-square-fill[data-v-483634f0]:before {
            content: "\e856"
        }

        .uicon-pushpin-fill[data-v-483634f0]:before {
            content: "\e86e"
        }

        .uicon-camera-fill[data-v-483634f0]:before {
            content: "\e870"
        }

        .uicon-setting-fill[data-v-483634f0]:before {
            content: "\e872"
        }

        .uicon-google[data-v-483634f0]:before {
            content: "\e87a"
        }

        .uicon-ie[data-v-483634f0]:before {
            content: "\e87b"
        }

        .uicon-apple-fill[data-v-483634f0]:before {
            content: "\e881"
        }

        .uicon-chrome-circle-fill[data-v-483634f0]:before {
            content: "\e885"
        }

        .uicon-github-circle-fill[data-v-483634f0]:before {
            content: "\e887"
        }

        .uicon-IE-circle-fill[data-v-483634f0]:before {
            content: "\e889"
        }

        .uicon-google-circle-fill[data-v-483634f0]:before {
            content: "\e88a"
        }

        .uicon-arrow-down[data-v-483634f0]:before {
            content: "\e60d"
        }

        .uicon-arrow-left[data-v-483634f0]:before {
            content: "\e60e"
        }

        .uicon-map[data-v-483634f0]:before {
            content: "\e61d"
        }

        .uicon-man-add-fill[data-v-483634f0]:before {
            content: "\e64c"
        }

        .uicon-tags-fill[data-v-483634f0]:before {
            content: "\e651"
        }

        .uicon-arrow-leftward[data-v-483634f0]:before {
            content: "\e601"
        }

        .uicon-arrow-rightward[data-v-483634f0]:before {
            content: "\e603"
        }

        .uicon-arrow-downward[data-v-483634f0]:before {
            content: "\e604"
        }

        .uicon-arrow-right[data-v-483634f0]:before {
            content: "\e605"
        }

        .uicon-arrow-up[data-v-483634f0]:before {
            content: "\e606"
        }

        .uicon-arrow-upward[data-v-483634f0]:before {
            content: "\e607"
        }

        .uicon-bookmark[data-v-483634f0]:before {
            content: "\e60a"
        }

        .uicon-eye[data-v-483634f0]:before {
            content: "\e613"
        }

        .uicon-man-delete[data-v-483634f0]:before {
            content: "\e61a"
        }

        .uicon-man-add[data-v-483634f0]:before {
            content: "\e61c"
        }

        .uicon-trash[data-v-483634f0]:before {
            content: "\e623"
        }

        .uicon-error-circle-fill[data-v-483634f0]:before {
            content: "\e62c"
        }

        .uicon-calendar-fill[data-v-483634f0]:before {
            content: "\e634"
        }

        .uicon-checkmark-circle-fill[data-v-483634f0]:before {
            content: "\e635"
        }

        .uicon-close-circle-fill[data-v-483634f0]:before {
            content: "\e637"
        }

        .uicon-clock-fill[data-v-483634f0]:before {
            content: "\e638"
        }

        .uicon-checkmark[data-v-483634f0]:before {
            content: "\e63a"
        }

        .uicon-download[data-v-483634f0]:before {
            content: "\e63c"
        }

        .uicon-eye-fill[data-v-483634f0]:before {
            content: "\e641"
        }

        .uicon-mic-off[data-v-483634f0]:before {
            content: "\e649"
        }

        .uicon-mic[data-v-483634f0]:before {
            content: "\e64a"
        }

        .uicon-info-circle-fill[data-v-483634f0]:before {
            content: "\e64b"
        }

        .uicon-map-fill[data-v-483634f0]:before {
            content: "\e64e"
        }

        .uicon-trash-fill[data-v-483634f0]:before {
            content: "\e658"
        }

        .uicon-volume-off-fill[data-v-483634f0]:before {
            content: "\e659"
        }

        .uicon-volume-up-fill[data-v-483634f0]:before {
            content: "\e65a"
        }

        .uicon-share-fill[data-v-483634f0]:before {
            content: "\e65e"
        }

        .u-icon[data-v-483634f0] {
            display: inline-flex;
            align-items: center
        }

        .u-icon--left[data-v-483634f0] {
            flex-direction: row-reverse;
            align-items: center
        }

        .u-icon--right[data-v-483634f0] {
            flex-direction: row;
            align-items: center
        }

        .u-icon--top[data-v-483634f0] {
            flex-direction: column-reverse;
            justify-content: center
        }

        .u-icon--bottom[data-v-483634f0] {
            flex-direction: column;
            justify-content: center
        }

        .u-icon__icon[data-v-483634f0] {
            position: relative
        }

        .u-icon__icon--primary[data-v-483634f0] {
            color: #2979ff
        }

        .u-icon__icon--success[data-v-483634f0] {
            color: #19be6b
        }

        .u-icon__icon--error[data-v-483634f0] {
            color: #fa3534
        }

        .u-icon__icon--warning[data-v-483634f0] {
            color: #f90
        }

        .u-icon__icon--info[data-v-483634f0] {
            color: #909399
        }

        .u-icon__decimal[data-v-483634f0] {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            overflow: hidden
        }

        .u-icon__img[data-v-483634f0] {
            height: auto;
            will-change: transform
        }

        .u-icon__label[data-v-483634f0] {
            line-height: 1
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-mask[data-v-f63a3092] {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s
        }

        .u-mask-show[data-v-f63a3092] {
            opacity: 1
        }

        .u-mask-zoom[data-v-f63a3092] {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-drawer[data-v-17ef71a4] {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden
        }

        .u-drawer-content[data-v-17ef71a4] {
            display: block;
            position: absolute;
            z-index: 1003;
            transition: all .25s linear
        }

        .u-drawer__scroll-view[data-v-17ef71a4] {
            width: 100%;
            height: 100%
        }

        .u-drawer-left[data-v-17ef71a4] {
            top: 0;
            bottom: 0;
            left: 0;
            background-color: #fff
        }

        .u-drawer-right[data-v-17ef71a4] {
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #fff
        }

        .u-drawer-top[data-v-17ef71a4] {
            top: 0;
            left: 0;
            right: 0;
            background-color: #fff
        }

        .u-drawer-bottom[data-v-17ef71a4] {
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff
        }

        .u-drawer-center[data-v-17ef71a4] {
            display: flex;
            flex-direction: row;
            flex-direction: column;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            justify-content: center;
            align-items: center;
            opacity: 0;
            z-index: 99999
        }

        .u-mode-center-box[data-v-17ef71a4] {
            min-width: 54px;
            min-height: 54px;
            display: block;
            position: relative;
            background-color: #fff
        }

        .u-drawer-content-visible.u-drawer-center[data-v-17ef71a4] {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        .u-animation-zoom[data-v-17ef71a4] {
            -webkit-transform: scale(1.15);
            transform: scale(1.15)
        }

        .u-drawer-content-visible[data-v-17ef71a4] {
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important
        }

        .u-close[data-v-17ef71a4] {
            position: absolute;
            z-index: 3
        }

        .u-close--top-left[data-v-17ef71a4] {
            top: 16px;
            left: 16px
        }

        .u-close--top-right[data-v-17ef71a4] {
            top: 16px;
            right: 16px
        }

        .u-close--bottom-left[data-v-17ef71a4] {
            bottom: 16px;
            left: 16px
        }

        .u-close--bottom-right[data-v-17ef71a4] {
            right: 16px;
            bottom: 16px
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-btn[data-v-4ed92bb2]::after {
            border: none
        }

        .u-btn[data-v-4ed92bb2] {
            position: relative;
            border: 0;
            display: inline-flex;
            overflow: visible;
            line-height: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            padding: 0 21px;
            z-index: 1;
            box-sizing: border-box;
            transition: all .15s
        }

        .u-btn--bold-border[data-v-4ed92bb2] {
            border: 1px solid #fff
        }

        .u-btn--default[data-v-4ed92bb2] {
            color: #606266;
            border-color: #c0c4cc;
            background-color: #fff
        }

        .u-btn--primary[data-v-4ed92bb2] {
            color: #fff;
            border-color: #2979ff;
            background-color: #2979ff
        }

        .u-btn--success[data-v-4ed92bb2] {
            color: #fff;
            border-color: #19be6b;
            background-color: #19be6b
        }

        .u-btn--error[data-v-4ed92bb2] {
            color: #fff;
            border-color: #fa3534;
            background-color: #fa3534
        }

        .u-btn--warning[data-v-4ed92bb2] {
            color: #fff;
            border-color: #f90;
            background-color: #f90
        }

        .u-btn--default--disabled[data-v-4ed92bb2] {
            color: #fff;
            border-color: #e4e7ed;
            background-color: #fff
        }

        .u-btn--primary--disabled[data-v-4ed92bb2] {
            color: #fff !important;
            border-color: #a0cfff !important;
            background-color: #a0cfff !important
        }

        .u-btn--success--disabled[data-v-4ed92bb2] {
            color: #fff !important;
            border-color: #71d5a1 !important;
            background-color: #71d5a1 !important
        }

        .u-btn--error--disabled[data-v-4ed92bb2] {
            color: #fff !important;
            border-color: #fab6b6 !important;
            background-color: #fab6b6 !important
        }

        .u-btn--warning--disabled[data-v-4ed92bb2] {
            color: #fff !important;
            border-color: #fcbd71 !important;
            background-color: #fcbd71 !important
        }

        .u-btn--primary--plain[data-v-4ed92bb2] {
            color: #2979ff !important;
            border-color: #a0cfff !important;
            background-color: #ecf5ff !important
        }

        .u-btn--success--plain[data-v-4ed92bb2] {
            color: #19be6b !important;
            border-color: #71d5a1 !important;
            background-color: #dbf1e1 !important
        }

        .u-btn--error--plain[data-v-4ed92bb2] {
            color: #fa3534 !important;
            border-color: #fab6b6 !important;
            background-color: #fef0f0 !important
        }

        .u-btn--warning--plain[data-v-4ed92bb2] {
            color: #f90 !important;
            border-color: #fcbd71 !important;
            background-color: #fdf6ec !important
        }

        .u-hairline-border[data-v-4ed92bb2]:after {
            content: " ";
            position: absolute;
            pointer-events: none;
            box-sizing: border-box;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            left: 0;
            top: 0;
            width: 199.8%;
            height: 199.7%;
            -webkit-transform: scale(.5);
            transform: scale(.5);
            border: 1px solid currentColor;
            z-index: 1
        }

        .u-wave-ripple[data-v-4ed92bb2] {
            z-index: 0;
            position: absolute;
            border-radius: 100%;
            background-clip: padding-box;
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 1;
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .u-wave-ripple.u-wave-active[data-v-4ed92bb2] {
            opacity: 0;
            -webkit-transform: scale(2);
            transform: scale(2);
            transition: opacity 1s linear, -webkit-transform .4s linear;
            transition: opacity 1s linear, transform .4s linear;
            transition: opacity 1s linear, transform .4s linear, -webkit-transform .4s linear
        }

        .u-round-circle[data-v-4ed92bb2] {
            border-radius: 54px
        }

        .u-round-circle[data-v-4ed92bb2]::after {
            border-radius: 54px
        }

        .u-loading[data-v-4ed92bb2]::after {
            background-color: hsla(0, 0%, 100%, .35)
        }

        .u-size-default[data-v-4ed92bb2] {
            font-size: 16px;
            height: 43px;
            line-height: 43px
        }

        .u-size-medium[data-v-4ed92bb2] {
            display: inline-flex;
            width: auto;
            font-size: 14px;
            height: 37px;
            line-height: 37px;
            padding: 0 43px
        }

        .u-size-mini[data-v-4ed92bb2] {
            display: inline-flex;
            width: auto;
            font-size: 11px;
            padding-top: 1px;
            height: 27px;
            line-height: 27px;
            padding: 0 10px
        }

        .u-primary-plain-hover[data-v-4ed92bb2] {
            color: #fff !important;
            background: #2b85e4 !important
        }

        .u-default-plain-hover[data-v-4ed92bb2] {
            color: #2b85e4 !important;
            background: #ecf5ff !important
        }

        .u-success-plain-hover[data-v-4ed92bb2] {
            color: #fff !important;
            background: #18b566 !important
        }

        .u-warning-plain-hover[data-v-4ed92bb2] {
            color: #fff !important;
            background: #f29100 !important
        }

        .u-error-plain-hover[data-v-4ed92bb2] {
            color: #fff !important;
            background: #dd6161 !important
        }

        .u-info-plain-hover[data-v-4ed92bb2] {
            color: #fff !important;
            background: #82848a !important
        }

        .u-default-hover[data-v-4ed92bb2] {
            color: #2b85e4 !important;
            border-color: #2b85e4 !important;
            background-color: #ecf5ff !important
        }

        .u-primary-hover[data-v-4ed92bb2] {
            background: #2b85e4 !important;
            color: #fff
        }

        .u-success-hover[data-v-4ed92bb2] {
            background: #18b566 !important;
            color: #fff
        }

        .u-info-hover[data-v-4ed92bb2] {
            background: #82848a !important;
            color: #fff
        }

        .u-warning-hover[data-v-4ed92bb2] {
            background: #f29100 !important;
            color: #fff
        }

        .u-error-hover[data-v-4ed92bb2] {
            background: #dd6161 !important;
            color: #fff
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-calendar[data-v-22feb6b5] {
            color: #606266
        }

        .u-calendar__header[data-v-22feb6b5] {
            width: 100%;
            box-sizing: border-box;
            font-size: 16px;
            background-color: #fff;
            color: #303133
        }

        .u-calendar__header__text[data-v-22feb6b5] {
            margin-top: 16px;
            padding: 0 32px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .u-calendar__action[data-v-22feb6b5] {
            padding: 21px 0 21px 0
        }

        .u-calendar__action__icon[data-v-22feb6b5] {
            margin: 0 8px
        }

        .u-calendar__action__text[data-v-22feb6b5] {
            padding: 0 8px;
            color: #303133;
            font-size: 17px;
            line-height: 17px;
            font-weight: 700
        }

        .u-calendar__week-day[data-v-22feb6b5] {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 6px 0;
            overflow: hidden
        }

        .u-calendar__week-day__text[data-v-22feb6b5] {
            flex: 1;
            text-align: center
        }

        .u-calendar__content[data-v-22feb6b5] {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            padding: 6px 0;
            box-sizing: border-box;
            background-color: #fff;
            position: relative
        }

        .u-calendar__content--end-date[data-v-22feb6b5] {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .u-calendar__content--start-date[data-v-22feb6b5] {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .u-calendar__content__item[data-v-22feb6b5] {
            width: 14.2857%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 6px 0;
            overflow: hidden;
            position: relative;
            z-index: 2
        }

        .u-calendar__content__item__inner[data-v-22feb6b5] {
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: 17px;
            position: relative;
            border-radius: 50%
        }

        .u-calendar__content__item__inner__desc[data-v-22feb6b5] {
            width: 100%;
            font-size: 12px;
            line-height: 12px;
            -webkit-transform: scale(.75);
            transform: scale(.75);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            position: absolute;
            left: 0;
            text-align: center;
            bottom: 1px
        }

        .u-calendar__content__item__tips[data-v-22feb6b5] {
            width: 100%;
            font-size: 12px;
            line-height: 12px;
            position: absolute;
            left: 0;
            -webkit-transform: scale(.8);
            transform: scale(.8);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            text-align: center;
            bottom: 4px;
            z-index: 2
        }

        .u-calendar__content__bg-month[data-v-22feb6b5] {
            position: absolute;
            font-size: 130px;
            line-height: 130px;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #e4e7ed;
            z-index: 1
        }

        .u-calendar__bottom[data-v-22feb6b5] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background-color: #fff;
            padding: 0 21px 16px;
            box-sizing: border-box;
            font-size: 12px;
            color: #909399
        }

        .u-calendar__bottom__choose[data-v-22feb6b5] {
            height: 27px
        }

        .u-calendar__bottom__btn[data-v-22feb6b5] {
            width: 100%
        }

        .u-calendar .u-btn--primary[data-v-22feb6b5] {
            background-color: #12b888 !important;
            border-color: #12b888 !important
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .container .invite[data-v-524019c2] {
            margin: 10px 0px;
            background: url({{asset('public')}}/h5/static/img/bg.ef3b8af9.png);
            background-size: 100% 100%;
            height: 48px;
            line-height: 48px;
            color: #fff;
            font-size: 12px;
            padding: 0 21px;
            text-align: right
        }

        .container .top[data-v-524019c2] {
            margin: 16px 0px;
            padding: 16px 22px !important;
            color: #fff;
            font-size: 15px;
            background: url({{asset('public')}}/h5/static/img/inv01.b60c358a.png);
            background-size: 100% 100%;
            border-radius: 6px
        }

        .container .top .top-a[data-v-524019c2] {
            margin-top: 10px;
            padding: 0 10px;
            background-color: #252d31;
            border-radius: 6px;
            height: 35px;
            line-height: 35px
        }

        .container .btn[data-v-524019c2] {
            background: url({{asset('public')}}/h5/static/img/inv02.4b9968f4.png);
            background-size: 100% 100%;
            height: 35px;
            line-height: 35px;
            color: #fff
        }

        .container .icon[data-v-524019c2] {
            margin: 16px;
            padding: 16px;
            background: url({{asset('public')}}/h5/static/img/inv05.16bb1b78.png);
            background-size: 100% 100%;
            border-radius: 6px;
            min-height: 489px
        }

        .container .icon .code-icon[data-v-524019c2] {
            width: 194px;
            height: 194px;
            margin: 108px auto;
            background-color: #fff;
            border-radius: 10px
        }

        .container .zi[data-v-524019c2] {
            line-height: 32px;
            color: #fff
        }

        .container .top[data-v-524019c2] {
            padding: 16px 16px 0 16px
        }

        .container .top uni-image[data-v-524019c2] {
            width: 15px;
            height: 16px
        }

        .container .top .io[data-v-524019c2] {
            color: #fff;
            background: url({{asset('public')}}/h5/static/img/top.d68844b6.png) 50%/100% no-repeat
        }

        .container .top .io uni-text[data-v-524019c2] {
            margin: 32px
        }

        .container .top .zi[data-v-524019c2] {
            color: #12b888;
            font-size: 11px
        }

        .container .bgb[data-v-524019c2] {
            background: url({{asset('public')}}/h5/static/img/bg.0703d0f4.png) 50%/100% no-repeat;
            background-size: 100% 100%
        }

        .container .withdrawal-recharge[data-v-524019c2] {
            overflow: hidden;
            margin: 16px;
            font-size: 12px
        }

        .container .withdrawal-recharge .balance[data-v-524019c2] {
            padding: 16px 16px 20px
        }

        .container .withdrawal-recharge .balance uni-view[data-v-524019c2] {
            color: #12b888
        }

        .container .withdrawal-recharge .dui[data-v-524019c2] {
            padding: 0 16px;
            color: #154de0
        }

        .container .withdrawal-recharge .all[data-v-524019c2] {
            background-color: #12b888;
            border-radius: 6px;
            color: #fff !important;
            padding: 5px 10px;
            font-size: 11px
        }

        .container .withdrawal-recharge .all uni-text[data-v-524019c2] {
            margin-left: 5px;
            margin-right: 5px
        }

        .container .withdrawal-recharge .withdrawal-recharge-list[data-v-524019c2] {
            min-height: 27px;
            padding: 8px 0
        }

        .container .withdrawal-recharge .withdrawal-recharge-list .flex-1[data-v-524019c2] {
            padding: 0 4px;
            color: #000;
            font-size: 12px
        }

        .container .withdrawal-recharge .withdrawal-recharge-list .flex-1.bri[data-v-524019c2] {
            border-right: 1px solid #38b6ea
        }

        .container .withdrawal-recharge .withdrawal-recharge-list .flex-1[data-v-524019c2]:last-child {
            border-right: none
        }

        .container .withdrawal-recharge .withdrawal-recharge-list .flex-1 uni-text[data-v-524019c2] {
            color: #154de0;
            font-size: 15px;
            font-weight: 700;
            line-height: 37px
        }

        .container .withdrawal-recharge .hr[data-v-524019c2] {
            margin: 10px 16px;
            height: 1px;
            background-color: #12b888
        }</style>

    <style type="text/css">.uni-app--showtabbar uni-page-wrapper {
            display: block;
            height: calc(100% - 50px);
            height: calc(100% - 50px - constant(safe-area-inset-bottom));
            height: calc(100% - 50px - env(safe-area-inset-bottom));
        }

        .uni-app--showtabbar uni-page-wrapper::after {
            content: "";
            display: block;
            width: 100%;
            height: 50px;
            height: calc(50px + constant(safe-area-inset-bottom));
            height: calc(50px + env(safe-area-inset-bottom));
        }

        .uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
            height: calc(100% - 44px - 50px);
            height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
            height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-countdown[data-v-4f122086] {
            display: inline-flex;
            align-items: center
        }

        .u-countdown-item[data-v-4f122086] {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: 1px;
            border-radius: 3px;
            white-space: nowrap;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .u-countdown-time[data-v-4f122086] {
            margin: 0;
            padding: 0;
            line-height: 1
        }

        .u-countdown-colon[data-v-4f122086] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            padding: 0 2px;
            line-height: 1;
            align-items: center;
            padding-bottom: 2px
        }

        .u-countdown-scale[data-v-4f122086] {
            -webkit-transform: scale(.9);
            transform: scale(.9);
            -webkit-transform-origin: center center;
            transform-origin: center center
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .u-swiper-wrap[data-v-133bb712] {
            position: relative;
            overflow: hidden;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .u-swiper-image[data-v-133bb712] {
            width: 100%;
            will-change: transform;
            height: 100%;
            display: block;
            pointer-events: none
        }

        .u-swiper-indicator[data-v-133bb712] {
            padding: 0 12px;
            position: absolute;
            display: flex;
            flex-direction: row;
            width: 100%;
            z-index: 1
        }

        .u-indicator-item-rect[data-v-133bb712] {
            width: 14px;
            height: 4px;
            margin: 0 3px;
            transition: all .5s;
            background-color: rgba(0, 0, 0, .3)
        }

        .u-indicator-item-rect-active[data-v-133bb712] {
            background-color: hsla(0, 0%, 100%, .8)
        }

        .u-indicator-item-dot[data-v-133bb712] {
            width: 7px;
            height: 7px;
            margin: 0 3px;
            border-radius: 10px;
            transition: all .5s;
            background-color: rgba(0, 0, 0, .3)
        }

        .u-indicator-item-dot-active[data-v-133bb712] {
            background-color: hsla(0, 0%, 100%, .8)
        }

        .u-indicator-item-round[data-v-133bb712] {
            width: 7px;
            height: 7px;
            margin: 0 3px;
            border-radius: 10px;
            transition: all .5s;
            background-color: rgba(0, 0, 0, .3)
        }

        .u-indicator-item-round-active[data-v-133bb712] {
            width: 18px;
            background-color: hsla(0, 0%, 100%, .8)
        }

        .u-indicator-item-number[data-v-133bb712] {
            padding: 3px 8px;
            line-height: 1;
            background-color: rgba(0, 0, 0, .3);
            border-radius: 54px;
            font-size: 14px;
            color: hsla(0, 0%, 100%, .8)
        }

        .u-list-scale[data-v-133bb712] {
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .u-list-image-wrap[data-v-133bb712] {
            width: 100%;
            height: 100%;
            flex: 1;
            transition: all .5s;
            overflow: hidden;
            box-sizing: initial;
            position: relative
        }

        .u-swiper-title[data-v-133bb712] {
            position: absolute;
            background-color: rgba(0, 0, 0, .3);
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: 15px;
            padding: 6px 12px;
            color: hsla(0, 0%, 100%, .9)
        }

        .u-swiper-item[data-v-133bb712] {
            display: flex;
            flex-direction: row;
            overflow: hidden;
            align-items: center
        }</style>
    <style type="text/css">@charset "UTF-8";
        /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
        /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
        /* 颜色变量 */
        /* 行为相关颜色 */
        /* 文字基本颜色 */
        /* 背景颜色 */
        /* 边框颜色 */
        /* 尺寸变量 */
        /* 文字尺寸 */
        /* 图片尺寸 */
        /* Border Radius */
        /* 水平间距 */
        /* 垂直间距 */
        /* 透明度 */
        /* 文章场景相关 */
        .container .top[data-v-14ebfe28] {
            margin: 16px;
            background-color: rgba(18, 184, 136, .3);
            border-radius: 6px;
            border: solid 1px #48e5db;
            line-height: 37px;
            padding: 0 16px;
            color: #fff
        }

        .container .top uni-image[data-v-14ebfe28] {
            position: absolute;
            margin-top: 8px;
            width: 21px;
            height: 21px
        }

        .container .top uni-text[data-v-14ebfe28] {
            margin-left: 32px;
            color: #12b888
        }

        .container .team-datas[data-v-14ebfe28] {
            margin: 16px;
            padding: 10px;
            background: #dee6fc;
            background-size: 100% 100%;
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05);
            color: #154de0;
            font-size: 12px;
            border-radius: 4px
        }

        .container .team-datas .team-datas-info[data-v-14ebfe28]:last-child {
            border-bottom: none
        }

        .container .team-datas .team-datas-info .flex-1[data-v-14ebfe28] {
            padding: 10px
        }

        .container .team-datas .team-datas-info .flex-1[data-v-14ebfe28]:last-child {
            border-right: none
        }

        .container .team-datas .team-datas-info .flex-1 uni-view[data-v-14ebfe28]:last-child {
            margin-top: 5px;
            font-size: 18px;
            font-weight: 700
        }

        .container .iqt[data-v-14ebfe28] {
            background: #dee6fc url({{asset('public')}}/h5/static/img/bg.png);
            background-size: 100% 100%;
            min-height: 86px;
            line-height: 22px;
            margin: 16px 16px;
            color: #333;
            padding: 32px 0;
            font-size: 16px
        }

        .container .invite[data-v-14ebfe28] {
            margin: 10px 16px;
            background: url({{asset('public')}}/h5/static/img/bg.ef3b8af9.png);
            background-size: 100% 100%;
            height: 48px;
            line-height: 48px;
            color: #fff;
            font-size: 12px;
            padding: 0 21px;
            text-align: right
        }

        .container .member[data-v-14ebfe28] {
            padding: 5px 17px;
            color: #fff
        }

        .container .member .user-box_swiper[data-v-14ebfe28] {
            height: 281px
        }

        .container .member .line[data-v-14ebfe28] {
            padding: 16px 0
        }

        .container .member .name[data-v-14ebfe28] {
            text-align: left;
            margin-left: 10px
        }

        .container .member .member-top[data-v-14ebfe28] {
            height: 43px;
            background-color: #182f33;
            border-radius: 5px;
            line-height: 43px
        }

        .container .member .m-num[data-v-14ebfe28] {
            color: #05ca79
        }

        .container .core[data-v-14ebfe28] {
            padding: 10px 21px;
            color: #05ca79;
            font-size: 14px
        }

        .container .core uni-image[data-v-14ebfe28] {
            width: 45px;
            height: 11px
        }

        .container .core .si-a[data-v-14ebfe28] {
            padding: 0 5px;
            margin-top: -6 rpx
        }

        .container .con-img[data-v-14ebfe28] {
            background: url({{asset('public')}}/h5/static/img/card03.072a806b.png);
            background-size: 100% 100%;
            padding: 16px 21px;
            margin: 10px 16px;
            color: #fff
        }

        .container .con-img uni-image[data-v-14ebfe28] {
            width: 30px;
            height: 30px
        }

        .container .con-img uni-view[data-v-14ebfe28] {
            width: 66px;
            margin: 5px 0
        }

        .container .card[data-v-14ebfe28] {
            color: #154DE0
        }

        .container .card .card-a[data-v-14ebfe28] {
            height: 32px;
            padding-left: 13px
        }

        .container .card .card-a .int[data-v-14ebfe28] {
            line-height: 27px;
            margin-left: 5px;
            width: 324px
        }

        .container .card .card-a .img-a[data-v-14ebfe28] {
            margin-top: 6px;
            width: 16px;
            height: 13px
        }

        .container .card .card-a .img-b[data-v-14ebfe28] {
            margin-top: 5px;
            width: 50px;
            height: 23px
        }

        .container .card .card-b[data-v-14ebfe28] {
            padding: 20px 108px 5px 108px
        }

        .container .card .card-b .img-c[data-v-14ebfe28] {
            width: 45px;
            height: 11px
        }

        .container .card .card-b .img-d[data-v-14ebfe28] {
            margin-top: 10px;
            width: 166px;
            height: 83px;
            margin-left: 10px
        }

        .container .card .card-b .cur[data-v-14ebfe28] {
            padding: 0 5px;
            font-size: 14px;
            color: #cea859
        }

        .container .card .swi[data-v-14ebfe28] {
            margin-left: 40px;
            width: 324px
        }

        .container .card .card-c[data-v-14ebfe28] {
            padding: 5px 5px;
            margin: 12px 12px 0 12px;
            border-bottom: 2px solid #25a874;
            font-size: 15px
        }

        .container .card .card-c .img-e[data-v-14ebfe28] {
            width: 8px;
            height: 13px
        }

        .container .card .card-c .ca[data-v-14ebfe28] {
            width: 10px
        }

        .container .card .card-c .co[data-v-14ebfe28] {
            width: 335px
        }

        .container .card .card-d[data-v-14ebfe28] {
            margin: 12px 12px 21px 12px
        }

        .container .card .card-d .dd[data-v-14ebfe28] {
            margin-top: 5px;
            width: 21px;
            height: 21px
        }

        .container .card .card-d .dl[data-v-14ebfe28] {
            width: 111px;
            margin-left: 10px
        }

        .container .card .card-d .dc[data-v-14ebfe28] {
            padding: 12px;
            width: 50%
        }

        .container .card .card-d .qua[data-v-14ebfe28] {
            color: #606b6f;
            margin-top: 5px
        }

        .container .withdrawal-recharge .hr[data-v-524019c2] {
            margin: 10px 16px;
            height: 1px;
            background-color: #12b888
        }
        img.pimage {
            width: 100%;
            border-radius: 8px;
            height: 150px;
        }
        .container .withdrawal-recharge .hr[data-v-524019c2] {
            margin: 10px 0;
            height: 1px;
            background-color: #12b888;
        }
        .package_item {
            background: #dee6fc;
            padding: 0px 0 10px 0;
            margin-bottom: 10px;
            position: relative;
        }
        .vip_badge {
            color: #154de0;
            position: absolute;
            top: 12px;
            right: 11px;
        }
    </style>
</head>
<body class="uni-body pages-vip-index">
<uni-app class="uni-app--showtabbar uni-app--maxwidth">
    <uni-page data-page="pages/vip/index">
        <uni-page-wrapper>
            <uni-page-body>
                <uni-view data-v-14ebfe28="" class="container">
                    <uni-view data-v-6e6b889e="" data-v-14ebfe28="">
                        <uni-view data-v-6e6b889e="" class="title-bar-box flex ai justify-between"
                                  style="background-color: #154DE0;">
                            <uni-view data-v-6e6b889e="" class="flex ai">
                                <uni-image data-v-6e6b889e="">
                                    <div style="background-image: url({{asset('public')}}/h5/static/icon/back.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                    <img src="{{asset('public')}}/h5/static/icon/back.png" draggable="false"></uni-image>
                                <uni-image data-v-6e6b889e="" class="imgg" style="display: none;">
                                    <div style="background-image: url({{asset('public')}}/h5/static/login/laba.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                    <img src="{{asset('public')}}/h5/static/login/laba.png" draggable="false"></uni-image>
                                <uni-view data-v-6e6b889e="" class="dig" style="display: none;">1</uni-view>
                            </uni-view>
                            <uni-view data-v-6e6b889e="" class="title-bar_content__title flex-1 ai"
                                      style="font-size: 19px; color: rgb(255, 255, 255);">Quantification
                            </uni-view>
                            <uni-view data-v-6e6b889e="" class="title-bar_content__right"
                                      style="font-size: 14px; color: rgb(255, 255, 255); display: none;">
                            </uni-view>
                        </uni-view>
                        <uni-view data-v-6e6b889e="" class="mb"></uni-view>
                    </uni-view>
                    <uni-view data-v-14ebfe28="" class="team-datas">
                        <uni-view data-v-14ebfe28="" class="flex tc team-datas-info">
                            <uni-view data-v-14ebfe28="" class="flex-1">
                                <uni-view data-v-14ebfe28="">Account Balance</uni-view>
                                <uni-view data-v-14ebfe28="">{{price(user()->balance)}}</uni-view>
                            </uni-view>
                            <uni-view data-v-14ebfe28="" class="flex-1">
                                <uni-view data-v-14ebfe28="">Today's Income</uni-view>
                                <uni-view data-v-14ebfe28="">{{price(\App\Models\Purchase::where('user_id', user()->id)->where('status', 'active')->sum('daily_income'))}}</uni-view>
                            </uni-view>
                        </uni-view>
                        <uni-view data-v-14ebfe28="" class="flex tc team-datas-info">
                            <uni-view data-v-14ebfe28="" class="flex-1">
                                <uni-view data-v-14ebfe28="">Quantitative Time</uni-view>
                                <uni-view data-v-14ebfe28="">24 Hour</uni-view>
                            </uni-view>
                            <uni-view data-v-14ebfe28="" class="flex-1">
                                <uni-view data-v-14ebfe28="">Total Quantity</uni-view>
                                <uni-view data-v-14ebfe28="">{{\App\Models\Purchase::where('user_id', user()->id)->where('status', 'active')->count()}}</uni-view>
                            </uni-view>
                        </uni-view>
                    </uni-view>
                    <uni-view data-v-14ebfe28="" class="tc iqt">
         
                        <uni-view data-v-14ebfe28="" class="cell-info flex-1">
                            <uni-view data-v-14ebfe28="" class="cell-title">You will get your earnings after 24-hours.</uni-view>
                            <uni-view data-v-4f122086="" data-v-14ebfe28="" class="u-countdown">
                                <uni-view data-v-4f122086="" class="u-countdown-item"
                                          style="background-color: transparent;">
                                    <uni-view data-v-4f122086="" class="u-countdown-time" style="font-size: 16px; color: rgb(96, 98, 102);">
                                        @if(\App\Models\Purchase::where('user_id', user()->id)->where('status', 'active')->count() > 0)
                                            Running...
                                        @else
                                            NoT Running...
                                        @endif
                                    </uni-view>
                                </uni-view>
                            </uni-view>
                        </uni-view></uni-view>
                    <uni-view data-v-14ebfe28="" class="card">
                        <uni-view data-v-14ebfe28="" class="flex card-a">
                            <uni-view data-v-14ebfe28="" class="flex ">
                                <uni-view data-v-14ebfe28="">
                                    <uni-image data-v-14ebfe28="" class="img-a">
                                        <div style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAABDtJREFUSImtlk9oXUUUxn/n3HuT17RJW60xVrRWg6V9iaWgG8GqC3WtCBV0LwhCoSKubMGVIGZRXCnqriKoG3ElIkVU7KJ/8qcq2tZqq7WCNmniu/fOnOPivvv6XvpS459vNXPu3PPNN/PNmRF8PytAmzPDH+HsBEqgdCgFcvACpAAKhBwnBwqB3CAX8dyR7+cmFqYA65c8bc6u78sqbk/6qkk9F6QwyHEKRApxRnccX3/3mjD/VV9VK6i9zp0XalKgIqpJnbxXaUUq4rloJ94isfuAob6KZ5uXegLN2REwngeGr5D6tLocc5HgSFC14K7RIahQuhFELAgEcx8VGBXXQtx0aWDtvY0w+PHRXc/2EveZzE7cn0A6ShdCsL1ZkpxfYXV6sKaI61sD6dNgjpInyDhwHLjYPW75UivuLyEEb6t1eANYFWkbl8zlMEpurrm55620vAeQ7kHp5HSj0zHP9iA0qRxaAGfQhbeTgcqaYsPXZNx+ckvdPDK37exWxBoqWoKtm5ye2hr10ql+ijeKyHNdSksReZlqAv8UMXU9XLnfiuhSuIRxYKBDPD3ZAgYxSfc5PlQfGRE+AT7/F6Q1zqnI6ehSJOIlgPqGO2I6xFzzQMdck7g8Wp1VL0AuW5JMVZ82dDK5goS+9YBGscip2+c6/TRAGjjWykZ2u5kjBJN4A/ATsKCAGvYiEID2OZW3gJ//g9oaSwnxG8RLEwmJSNBctwCSTsyse9xgm7SrD8gZT+bfkf7CKlf4up7Q7F3z1+C+/ENzdnhT4pKZWUxFBncdPbgpdeQpwXOgwMlF/b1Ga/M1DfVnukiiRojWvxL0whz70U22JCIBIKRhTM15s3KfFCiFO48A2d+mWz1UXUZrUoA0pL8Ivl93nBh+TZSt1KqFQyEt3u+XJSsbRKOjOEkhhAzN/ujLGouhzVmWbRY3B3BJlmYm9n6tgJnLFF4Vd8dbuD8MXP8/qB3QRMZqUgC1cBbweoe+Bf9QkPsdKVzckjJ7LJq+Pvb7FeP8unFkxfvMdZiT2/d1+uPfHaTRat0iop1SGVJ+y0oWAdIds6OQgsMhj60JUcva9+04cGc1qX+FEXHtFIGoFm+8sHgO4IFPD/TM/7Ik8d32OW4BrUR5iNX49mpItpTf2h0YLBrnqGpFNQD3nh+a068+Az4qLgVKHo3PbDB8mZUZFp1Epa+5ZDBWCWwBWDuWmN5cJ60NBVzZ62Uz9RDCB+LkYAVYofgE1aNgtRggJDd1B2pDdcf6LeN5lCPAdnPNEYtZqbuBC0CkWi5rt2NX2wHUNwyJxo6gbkN1Q2473feV2Vg7P7zHxbV9nxbVLSMBYuEmoa69Zha7i0M3olocvbg4Q9fedlah3w9AK7p8UZMCZXW1VaSOlzWpahJXyHGVoXoULzNXz7fmiVceNJGRitTL5UpVk9hdHLrRz1Dd+Au7kE9iQQLe7gAAAABJRU5ErkJggg==); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                        <img
                                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAABDtJREFUSImtlk9oXUUUxn/n3HuT17RJW60xVrRWg6V9iaWgG8GqC3WtCBV0LwhCoSKubMGVIGZRXCnqriKoG3ElIkVU7KJ/8qcq2tZqq7WCNmniu/fOnOPivvv6XvpS459vNXPu3PPNN/PNmRF8PytAmzPDH+HsBEqgdCgFcvACpAAKhBwnBwqB3CAX8dyR7+cmFqYA65c8bc6u78sqbk/6qkk9F6QwyHEKRApxRnccX3/3mjD/VV9VK6i9zp0XalKgIqpJnbxXaUUq4rloJ94isfuAob6KZ5uXegLN2REwngeGr5D6tLocc5HgSFC14K7RIahQuhFELAgEcx8VGBXXQtx0aWDtvY0w+PHRXc/2EveZzE7cn0A6ShdCsL1ZkpxfYXV6sKaI61sD6dNgjpInyDhwHLjYPW75UivuLyEEb6t1eANYFWkbl8zlMEpurrm55620vAeQ7kHp5HSj0zHP9iA0qRxaAGfQhbeTgcqaYsPXZNx+ckvdPDK37exWxBoqWoKtm5ye2hr10ql+ijeKyHNdSksReZlqAv8UMXU9XLnfiuhSuIRxYKBDPD3ZAgYxSfc5PlQfGRE+AT7/F6Q1zqnI6ehSJOIlgPqGO2I6xFzzQMdck7g8Wp1VL0AuW5JMVZ82dDK5goS+9YBGscip2+c6/TRAGjjWykZ2u5kjBJN4A/ATsKCAGvYiEID2OZW3gJ//g9oaSwnxG8RLEwmJSNBctwCSTsyse9xgm7SrD8gZT+bfkf7CKlf4up7Q7F3z1+C+/ENzdnhT4pKZWUxFBncdPbgpdeQpwXOgwMlF/b1Ga/M1DfVnukiiRojWvxL0whz70U22JCIBIKRhTM15s3KfFCiFO48A2d+mWz1UXUZrUoA0pL8Ivl93nBh+TZSt1KqFQyEt3u+XJSsbRKOjOEkhhAzN/ujLGouhzVmWbRY3B3BJlmYm9n6tgJnLFF4Vd8dbuD8MXP8/qB3QRMZqUgC1cBbweoe+Bf9QkPsdKVzckjJ7LJq+Pvb7FeP8unFkxfvMdZiT2/d1+uPfHaTRat0iop1SGVJ+y0oWAdIds6OQgsMhj60JUcva9+04cGc1qX+FEXHtFIGoFm+8sHgO4IFPD/TM/7Ik8d32OW4BrUR5iNX49mpItpTf2h0YLBrnqGpFNQD3nh+a068+Az4qLgVKHo3PbDB8mZUZFp1Epa+5ZDBWCWwBWDuWmN5cJ60NBVzZ62Uz9RDCB+LkYAVYofgE1aNgtRggJDd1B2pDdcf6LeN5lCPAdnPNEYtZqbuBC0CkWi5rt2NX2wHUNwyJxo6gbkN1Q2473feV2Vg7P7zHxbV9nxbVLSMBYuEmoa69Zha7i0M3olocvbg4Q9fedlah3w9AK7p8UZMCZXW1VaSOlzWpahJXyHGVoXoULzNXz7fmiVceNJGRitTL5UpVk9hdHLrRz1Dd+Au7kE9iQQLe7gAAAABJRU5ErkJggg=="
                                            draggable="false"></uni-image>
                                </uni-view>
                                <uni-view data-v-14ebfe28="" class="int">Introduction to Quantitative Trading</uni-view>
                            </uni-view>
                            <uni-view data-v-14ebfe28="">
                                <uni-image data-v-14ebfe28="" class="img-b">
                                    <div style="background-image: url({{asset('public')}}/h5/static/img/tab-b.c874059a.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                    <img src="{{asset('public')}}/h5/static/img/tab-b.c874059a.png" draggable="false"></uni-image>
                            </uni-view>
                        </uni-view>
                        <uni-view data-v-14ebfe28="" class="card-b">
                            <uni-view data-v-14ebfe28="" class="flex tc flex-between">
                                <uni-view data-v-14ebfe28="">
                                    <uni-image data-v-14ebfe28="" class="img-c">
                                        <div style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAWCAYAAABe+7umAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAjRJREFUWIXt1z2IVFcAhuFnFixWu0XT2SnnsI2tBkNMAkognoCVolsKaeIWNgYCrkUggoWQKkWKVIkKgRxi4y/izxaKhRA5x8pOwUILISgsa3HvTcbBGV0DKTL3hdvMdw/MvJyB7xvc/fXAqp61sJRLODEunPkvv8n/hKUU6/Fx4QwGU/bswfP29/+BDbmEQS5hgF142mbL2NRlbb4fK5OkTuMNvYBP8QRf4FKKdQ5yCdewEw+xA7dSrFu6g7mEMzhogtRpFAq3vS7ueop1M+QS7ref3cFWLKdYt3cH3yZ1WoXCA3yIe5jHzRTrPOQSHuMTnMdGXEmx7usOTpI6zULhET7GDWzW3NQdkEt4ji/xI2ZxNsW62B0cJ3XahcolPMNuZMzhYor18zZbySV8hW80rk6nWE+nWGfafFjqgF4oyCX8hX34CRvwe4p1YSj/XiPuBRZxLsU622ZnsC2XsEQv9G9yCSs4jO+wDj+nWI8O5b9oKtdTjfzLKdaNbfZn914vdIhcwmou4VscwSpOpVhPpVgHbT5aq5aHaxW90DeSS/gBh/ASRzW3dV2bDdeqLUZqVS90DO1ffK9mVS3gtxTr+jYbW6t6oRPIJUxaVaO16lyKdbEX+hZyCZNWVVerjmlqU+iFvgO5hLGrqs1P4jN83Qt9R3IJ3aq6bmRVtfnVXMJKL3QNtKtqj39W1aVuVXX0QtfIyKpab2RV9ULfg0mrqhf6nrxhVX1AL/Rf066qjzTVySv+xPpPRS2OSgAAAABJRU5ErkJggg==); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                        <img
                                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAWCAYAAABe+7umAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAjRJREFUWIXt1z2IVFcAhuFnFixWu0XT2SnnsI2tBkNMAkognoCVolsKaeIWNgYCrkUggoWQKkWKVIkKgRxi4y/izxaKhRA5x8pOwUILISgsa3HvTcbBGV0DKTL3hdvMdw/MvJyB7xvc/fXAqp61sJRLODEunPkvv8n/hKUU6/Fx4QwGU/bswfP29/+BDbmEQS5hgF142mbL2NRlbb4fK5OkTuMNvYBP8QRf4FKKdQ5yCdewEw+xA7dSrFu6g7mEMzhogtRpFAq3vS7ueop1M+QS7ref3cFWLKdYt3cH3yZ1WoXCA3yIe5jHzRTrPOQSHuMTnMdGXEmx7usOTpI6zULhET7GDWzW3NQdkEt4ji/xI2ZxNsW62B0cJ3XahcolPMNuZMzhYor18zZbySV8hW80rk6nWE+nWGfafFjqgF4oyCX8hX34CRvwe4p1YSj/XiPuBRZxLsU622ZnsC2XsEQv9G9yCSs4jO+wDj+nWI8O5b9oKtdTjfzLKdaNbfZn914vdIhcwmou4VscwSpOpVhPpVgHbT5aq5aHaxW90DeSS/gBh/ASRzW3dV2bDdeqLUZqVS90DO1ffK9mVS3gtxTr+jYbW6t6oRPIJUxaVaO16lyKdbEX+hZyCZNWVVerjmlqU+iFvgO5hLGrqs1P4jN83Qt9R3IJ3aq6bmRVtfnVXMJKL3QNtKtqj39W1aVuVXX0QtfIyKpab2RV9ULfg0mrqhf6nrxhVX1AL/Rf066qjzTVySv+xPpPRS2OSgAAAABJRU5ErkJggg=="
                                            draggable="false"></uni-image>
                                </uni-view>
                                <uni-view data-v-14ebfe28="" class="cur">Current vips</uni-view>
                                <uni-view data-v-14ebfe28="">
                                    <uni-image data-v-14ebfe28="" class="img-c">
                                        <div style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAWCAYAAABe+7umAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAhNJREFUWIXt2LtrFFEUgPFfllgkZQh220UC+xcYEUQLY1ARtRJZ0EK0EQubWJnGykawskghCD4Cghtf+ESiNoqFoIhVOoUUsQiIgo/izJjZNRlc89rNzgfLZebehcPHveeeM11vrh2Sw1mM5S0oqKeUM1fI/A+6F3mfyvyBw7iemetHDUOYxX48S+Z6k7V7MIeDeLDcQbcStQ+Ddc8LCc2TOYC72IRp7Mb7ZK4Pt4XomWTu1XIF3i40Cs2TuRmTYoe+xl58TubKuI+KED2MjysUc0uTzaF5Mg/giZB5B9vNy6zgRTK+xRYdKpN5oXkyT+EGenAJ+0R+JI73lNihz7ENn1Y66FYmFdrlb5klXEh+JZzBiWQdjOChyJ017MSXVYm6hUlz6Bgm8C557sEVcdS/4SiuZv5XxTg2JONx86I7mmwOTWX247GQOSsumKzM07gsZJ7DMYXMPzTe8gO4l4zT6suiLpwXQn+K3HpxVaJsI7JC88qi9GhX8R1H1O/agoT0yOeVRb24KWTOCdGFzEUoiaM7YeGyqA+PRCs5gx3WeSu5VEoYFPlxVH1ZVBY15pDIp1t1YCvZLN04KXbo08z7imgly6L72aXDC/Z/pSR2ZFZmtvuZUnQ/TdH4PXRE5My0+xlWdD9NkRVaxS1xq4+Lm//rWgTVzqRCi+5nmUgL+434peh+lkwqdFQc95drGMu64DeDP30xT4GTsAAAAABJRU5ErkJggg==); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;"></div>
                                        <img
                                            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAWCAYAAABe+7umAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAhNJREFUWIXt2LtrFFEUgPFfllgkZQh220UC+xcYEUQLY1ARtRJZ0EK0EQubWJnGykawskghCD4Cghtf+ESiNoqFoIhVOoUUsQiIgo/izJjZNRlc89rNzgfLZebehcPHveeeM11vrh2Sw1mM5S0oqKeUM1fI/A+6F3mfyvyBw7iemetHDUOYxX48S+Z6k7V7MIeDeLDcQbcStQ+Ddc8LCc2TOYC72IRp7Mb7ZK4Pt4XomWTu1XIF3i40Cs2TuRmTYoe+xl58TubKuI+KED2MjysUc0uTzaF5Mg/giZB5B9vNy6zgRTK+xRYdKpN5oXkyT+EGenAJ+0R+JI73lNihz7ENn1Y66FYmFdrlb5klXEh+JZzBiWQdjOChyJ017MSXVYm6hUlz6Bgm8C557sEVcdS/4SiuZv5XxTg2JONx86I7mmwOTWX247GQOSsumKzM07gsZJ7DMYXMPzTe8gO4l4zT6suiLpwXQn+K3HpxVaJsI7JC88qi9GhX8R1H1O/agoT0yOeVRb24KWTOCdGFzEUoiaM7YeGyqA+PRCs5gx3WeSu5VEoYFPlxVH1ZVBY15pDIp1t1YCvZLN04KXbo08z7imgly6L72aXDC/Z/pSR2ZFZmtvuZUnQ/TdH4PXRE5My0+xlWdD9NkRVaxS1xq4+Lm//rWgTVzqRCi+5nmUgL+434peh+lkwqdFQc95drGMu64DeDP30xT4GTsAAAAABJRU5ErkJggg=="
                                            draggable="false"></uni-image>
                                </uni-view>
                            </uni-view>
                        </uni-view>


                        <uni-view data-v-524019c2="" class="withdrawal-recharge">
                            @foreach(\App\Models\Package::whereIn('id', my_active_vips())->get() as $element)
                                <div class="package_item">
                                    <div class="vip_badge">{{$element->name}}</div>

                                    <div class="package_image">
                                         <img style="width: 100px;border-radius: 2px;" src="{{asset($element->photo)}}" alt="">
                                    </div>

                                    <uni-view data-v-524019c2="" class="hr"></uni-view>
                                    <uni-view data-v-524019c2="" class="dui">{{$element->title}}</uni-view>
                                    <uni-view data-v-524019c2="" class="flex withdrawal-recharge-list">
                                        <uni-view data-v-524019c2="" class="flex flex-ajcenter flex-1">
                                            <uni-view data-v-524019c2="">
                                                <uni-view data-v-524019c2="" class="tc">
                                                    <uni-text data-v-524019c2=""><span>{{price($element->price)}}</span></uni-text>
                                                </uni-view>
                                                <uni-view data-v-524019c2="" class="tc">Price</uni-view>
                                            </uni-view>
                                        </uni-view>
                                        <uni-view data-v-524019c2="" class="flex flex-ajcenter flex-1">
                                            <uni-view data-v-524019c2="">
                                                <uni-view data-v-524019c2="" class="tc">
                                                    <uni-text data-v-524019c2=""><span>{{price($element->commission_with_avg_amount / $element->validity)}}</span></uni-text>
                                                </uni-view>
                                                <uni-view data-v-524019c2="" class="tc">Day Income</uni-view>
                                            </uni-view>
                                        </uni-view>
                                        <uni-view data-v-524019c2="" class="flex flex-ajcenter flex-1">
                                            <uni-view data-v-524019c2="">
                                                <uni-view data-v-524019c2="" class="tc">
                                                    <uni-text data-v-524019c2=""><span>{{price($element->commission_with_avg_amount)}}</span></uni-text>
                                                </uni-view>
                                                <uni-view data-v-524019c2="" class="tc">Total Revenue</uni-view>
                                            </uni-view>
                                        </uni-view>
                                        <uni-view data-v-524019c2="" class="flex flex-ajcenter flex-1">
                                            <uni-view data-v-524019c2="">
                                                <uni-view data-v-524019c2="" class="tc">
                                                    <uni-text data-v-524019c2=""><span>{{$element->validity}}Day</span></uni-text>
                                                </uni-view>
                                                <uni-view data-v-524019c2="" class="tc">Validity</uni-view>
                                            </uni-view>
                                        </uni-view>
                                    </uni-view>
                                </div>
                            @endforeach
                        </uni-view>

                    </uni-view>
                </uni-view>
            </uni-page-body>
        </uni-page-wrapper>
    </uni-page>
    @include('app.layout.manu')
</uni-app>
</body>
</html>
