@font-face {
    font-weight: normal;
    font-family: 'vant-icon';
    font-style: normal;
    font-display: auto;
    src: url("https://img.yzcdn.cn/vant/vant-icon-d3825a.woff2") format('woff2'), url("https://img.yzcdn.cn/vant/vant-icon-d3825a.woff") format('woff'), url("https://img.yzcdn.cn/vant/vant-icon-d3825a.ttf") format('truetype');
}

[class*=van-icon-] {
    position: relative;
    display: inline-block;
    font: normal normal normal 0.14rem/1 "vant-icon";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

    [class*=van-icon-]::before {
        display: inline-block;
    }

.van-icon-add-o:before {
    content: "\F000";
}

.van-icon-add-square:before {
    content: "\F001";
}

.van-icon-add:before {
    content: "\F002";
}

.van-icon-after-sale:before {
    content: "\F003";
}

.van-icon-aim:before {
    content: "\F004";
}

.van-icon-alipay:before {
    content: "\F005";
}

.van-icon-apps-o:before {
    content: "\F006";
}

.van-icon-arrow-down:before {
    content: "\F007";
}

.van-icon-arrow-left:before {
    content: "\F008";
}

.van-icon-arrow-up:before {
    content: "\F009";
}

.van-icon-arrow:before {
    content: "\F00A";
}

.van-icon-ascending:before {
    content: "\F00B";
}

.van-icon-audio:before {
    content: "\F00C";
}

.van-icon-award-o:before {
    content: "\F00D";
}

.van-icon-award:before {
    content: "\F00E";
}

.van-icon-bag-o:before {
    content: "\F00F";
}

.van-icon-bag:before {
    content: "\F010";
}

.van-icon-balance-list-o:before {
    content: "\F011";
}

.van-icon-balance-list:before {
    content: "\F012";
}

.van-icon-balance-o:before {
    content: "\F013";
}

.van-icon-balance-pay:before {
    content: "\F014";
}

.van-icon-bar-chart-o:before {
    content: "\F015";
}

.van-icon-bars:before {
    content: "\F016";
}

.van-icon-bell:before {
    content: "\F017";
}

.van-icon-bill-o:before {
    content: "\F018";
}

.van-icon-bill:before {
    content: "\F019";
}

.van-icon-birthday-cake-o:before {
    content: "\F01A";
}

.van-icon-bookmark-o:before {
    content: "\F01B";
}

.van-icon-bookmark:before {
    content: "\F01C";
}

.van-icon-browsing-history-o:before {
    content: "\F01D";
}

.van-icon-browsing-history:before {
    content: "\F01E";
}

.van-icon-brush-o:before {
    content: "\F01F";
}

.van-icon-bulb-o:before {
    content: "\F020";
}

.van-icon-bullhorn-o:before {
    content: "\F021";
}

.van-icon-calender-o:before {
    content: "\F022";
}

.van-icon-card:before {
    content: "\F023";
}

.van-icon-cart-circle-o:before {
    content: "\F024";
}

.van-icon-cart-circle:before {
    content: "\F025";
}

.van-icon-cart-o:before {
    content: "\F026";
}

.van-icon-cart:before {
    content: "\F027";
}

.van-icon-cash-back-record:before {
    content: "\F028";
}

.van-icon-cash-on-deliver:before {
    content: "\F029";
}

.van-icon-cashier-o:before {
    content: "\F02A";
}

.van-icon-certificate:before {
    content: "\F02B";
}

.van-icon-chart-trending-o:before {
    content: "\F02C";
}

.van-icon-chat-o:before {
    content: "\F02D";
}

.van-icon-chat:before {
    content: "\F02E";
}

.van-icon-checked:before {
    content: "\F02F";
}

.van-icon-circle:before {
    content: "\F030";
}

.van-icon-clear:before {
    content: "\F031";
}

.van-icon-clock-o:before {
    content: "\F032";
}

.van-icon-clock:before {
    content: "\F033";
}

.van-icon-close:before {
    content: "\F034";
}

.van-icon-closed-eye:before {
    content: "\F035";
}

.van-icon-cluster-o:before {
    content: "\F036";
}

.van-icon-cluster:before {
    content: "\F037";
}

.van-icon-column:before {
    content: "\F038";
}

.van-icon-comment-circle-o:before {
    content: "\F039";
}

.van-icon-comment-circle:before {
    content: "\F03A";
}

.van-icon-comment-o:before {
    content: "\F03B";
}

.van-icon-comment:before {
    content: "\F03C";
}

.van-icon-completed:before {
    content: "\F03D";
}

.van-icon-contact:before {
    content: "\F03E";
}

.van-icon-coupon-o:before {
    content: "\F03F";
}

.van-icon-coupon:before {
    content: "\F040";
}

.van-icon-credit-pay:before {
    content: "\F041";
}

.van-icon-cross:before {
    content: "\F042";
}

.van-icon-debit-pay:before {
    content: "\F043";
}

.van-icon-delete:before {
    content: "\F044";
}

.van-icon-descending:before {
    content: "\F045";
}

.van-icon-description:before {
    content: "\F046";
}

.van-icon-desktop-o:before {
    content: "\F047";
}

.van-icon-diamond-o:before {
    content: "\F048";
}

.van-icon-diamond:before {
    content: "\F049";
}

.van-icon-discount:before {
    content: "\F04A";
}

.van-icon-down:before {
    content: "\F04B";
}

.van-icon-ecard-pay:before {
    content: "\F04C";
}

.van-icon-edit:before {
    content: "\F04D";
}

.van-icon-ellipsis:before {
    content: "\F04E";
}

.van-icon-empty:before {
    content: "\F04F";
}

.van-icon-envelop-o:before {
    content: "\F050";
}

.van-icon-exchange:before {
    content: "\F051";
}

.van-icon-expand-o:before {
    content: "\F052";
}

.van-icon-expand:before {
    content: "\F053";
}

.van-icon-eye-o:before {
    content: "\F054";
}

.van-icon-eye:before {
    content: "\F055";
}

.van-icon-fail:before {
    content: "\F056";
}

.van-icon-failure:before {
    content: "\F057";
}

.van-icon-filter-o:before {
    content: "\F058";
}

.van-icon-fire-o:before {
    content: "\F059";
}

.van-icon-fire:before {
    content: "\F05A";
}

.van-icon-flag-o:before {
    content: "\F05B";
}

.van-icon-flower-o:before {
    content: "\F05C";
}

.van-icon-free-postage:before {
    content: "\F05D";
}

.van-icon-friends-o:before {
    content: "\F05E";
}

.van-icon-friends:before {
    content: "\F05F";
}

.van-icon-gem-o:before {
    content: "\F060";
}

.van-icon-gem:before {
    content: "\F061";
}

.van-icon-gift-card-o:before {
    content: "\F062";
}

.van-icon-gift-card:before {
    content: "\F063";
}

.van-icon-gift-o:before {
    content: "\F064";
}

.van-icon-gift:before {
    content: "\F065";
}

.van-icon-gold-coin-o:before {
    content: "\F066";
}

.van-icon-gold-coin:before {
    content: "\F067";
}

.van-icon-good-job-o:before {
    content: "\F068";
}

.van-icon-good-job:before {
    content: "\F069";
}

.van-icon-goods-collect-o:before {
    content: "\F06A";
}

.van-icon-goods-collect:before {
    content: "\F06B";
}

.van-icon-graphic:before {
    content: "\F06C";
}

.van-icon-home-o:before {
    content: "\F06D";
}

.van-icon-hot-o:before {
    content: "\F06E";
}

.van-icon-hot-sale-o:before {
    content: "\F06F";
}

.van-icon-hot-sale:before {
    content: "\F070";
}

.van-icon-hot:before {
    content: "\F071";
}

.van-icon-hotel-o:before {
    content: "\F072";
}

.van-icon-idcard:before {
    content: "\F073";
}

.van-icon-info-o:before {
    content: "\F074";
}

.van-icon-info:before {
    content: "\F075";
}

.van-icon-invition:before {
    content: "\F076";
}

.van-icon-label-o:before {
    content: "\F077";
}

.van-icon-label:before {
    content: "\F078";
}

.van-icon-like-o:before {
    content: "\F079";
}

.van-icon-like:before {
    content: "\F07A";
}

.van-icon-live:before {
    content: "\F07B";
}

.van-icon-location-o:before {
    content: "\F07C";
}

.van-icon-location:before {
    content: "\F07D";
}

.van-icon-lock:before {
    content: "\F07E";
}

.van-icon-logistics:before {
    content: "\F07F";
}

.van-icon-manager-o:before {
    content: "\F080";
}

.van-icon-manager:before {
    content: "\F081";
}

.van-icon-map-marked:before {
    content: "\F082";
}

.van-icon-medal-o:before {
    content: "\F083";
}

.van-icon-medal:before {
    content: "\F084";
}

.van-icon-more-o:before {
    content: "\F085";
}

.van-icon-more:before {
    content: "\F086";
}

.van-icon-music-o:before {
    content: "\F087";
}

.van-icon-music:before {
    content: "\F088";
}

.van-icon-new-arrival-o:before {
    content: "\F089";
}

.van-icon-new-arrival:before {
    content: "\F08A";
}

.van-icon-new-o:before {
    content: "\F08B";
}

.van-icon-new:before {
    content: "\F08C";
}

.van-icon-newspaper-o:before {
    content: "\F08D";
}

.van-icon-notes-o:before {
    content: "\F08E";
}

.van-icon-orders-o:before {
    content: "\F08F";
}

.van-icon-other-pay:before {
    content: "\F090";
}

.van-icon-paid:before {
    content: "\F091";
}

.van-icon-passed:before {
    content: "\F092";
}

.van-icon-pause-circle-o:before {
    content: "\F093";
}

.van-icon-pause-circle:before {
    content: "\F094";
}

.van-icon-pause:before {
    content: "\F095";
}

.van-icon-peer-pay:before {
    content: "\F096";
}

.van-icon-pending-payment:before {
    content: "\F097";
}

.van-icon-phone-circle-o:before {
    content: "\F098";
}

.van-icon-phone-circle:before {
    content: "\F099";
}

.van-icon-phone-o:before {
    content: "\F09A";
}

.van-icon-phone:before {
    content: "\F09B";
}

.van-icon-photo-o:before {
    content: "\F09C";
}

.van-icon-photo:before {
    content: "\F09D";
}

.van-icon-photograph:before {
    content: "\F09E";
}

.van-icon-play-circle-o:before {
    content: "\F09F";
}

.van-icon-play-circle:before {
    content: "\F0A0";
}

.van-icon-play:before {
    content: "\F0A1";
}

.van-icon-plus:before {
    content: "\F0A2";
}

.van-icon-point-gift-o:before {
    content: "\F0A3";
}

.van-icon-point-gift:before {
    content: "\F0A4";
}

.van-icon-points:before {
    content: "\F0A5";
}

.van-icon-printer:before {
    content: "\F0A6";
}

.van-icon-qr-invalid:before {
    content: "\F0A7";
}

.van-icon-qr:before {
    content: "\F0A8";
}

.van-icon-question-o:before {
    content: "\F0A9";
}

.van-icon-question:before {
    content: "\F0AA";
}

.van-icon-records:before {
    content: "\F0AB";
}

.van-icon-refund-o:before {
    content: "\F0AC";
}

.van-icon-replay:before {
    content: "\F0AD";
}

.van-icon-scan:before {
    content: "\F0AE";
}

.van-icon-search:before {
    content: "\F0AF";
}

.van-icon-send-gift-o:before {
    content: "\F0B0";
}

.van-icon-send-gift:before {
    content: "\F0B1";
}

.van-icon-service-o:before {
    content: "\F0B2";
}

.van-icon-service:before {
    content: "\F0B3";
}

.van-icon-setting-o:before {
    content: "\F0B4";
}

.van-icon-setting:before {
    content: "\F0B5";
}

.van-icon-share:before {
    content: "\F0B6";
}

.van-icon-shop-collect-o:before {
    content: "\F0B7";
}

.van-icon-shop-collect:before {
    content: "\F0B8";
}

.van-icon-shop-o:before {
    content: "\F0B9";
}

.van-icon-shop:before {
    content: "\F0BA";
}

.van-icon-shopping-cart-o:before {
    content: "\F0BB";
}

.van-icon-shopping-cart:before {
    content: "\F0BC";
}

.van-icon-shrink:before {
    content: "\F0BD";
}

.van-icon-sign:before {
    content: "\F0BE";
}

.van-icon-smile-comment-o:before {
    content: "\F0BF";
}

.van-icon-smile-comment:before {
    content: "\F0C0";
}

.van-icon-smile-o:before {
    content: "\F0C1";
}

.van-icon-smile:before {
    content: "\F0C2";
}

.van-icon-star-o:before {
    content: "\F0C3";
}

.van-icon-star:before {
    content: "\F0C4";
}

.van-icon-stop-circle-o:before {
    content: "\F0C5";
}

.van-icon-stop-circle:before {
    content: "\F0C6";
}

.van-icon-stop:before {
    content: "\F0C7";
}

.van-icon-success:before {
    content: "\F0C8";
}

.van-icon-thumb-circle-o:before {
    content: "\F0C9";
}

.van-icon-thumb-circle:before {
    content: "\F0CA";
}

.van-icon-todo-list-o:before {
    content: "\F0CB";
}

.van-icon-todo-list:before {
    content: "\F0CC";
}

.van-icon-tosend:before {
    content: "\F0CD";
}

.van-icon-tv-o:before {
    content: "\F0CE";
}

.van-icon-umbrella-circle:before {
    content: "\F0CF";
}

.van-icon-underway-o:before {
    content: "\F0D0";
}

.van-icon-underway:before {
    content: "\F0D1";
}

.van-icon-upgrade:before {
    content: "\F0D2";
}

.van-icon-user-circle-o:before {
    content: "\F0D3";
}

.van-icon-user-o:before {
    content: "\F0D4";
}

.van-icon-video-o:before {
    content: "\F0D5";
}

.van-icon-video:before {
    content: "\F0D6";
}

.van-icon-vip-card-o:before {
    content: "\F0D7";
}

.van-icon-vip-card:before {
    content: "\F0D8";
}

.van-icon-volume-o:before {
    content: "\F0D9";
}

.van-icon-volume:before {
    content: "\F0DA";
}

.van-icon-wap-home-o:before {
    content: "\F0DB";
}

.van-icon-wap-home:before {
    content: "\F0DC";
}

.van-icon-wap-nav:before {
    content: "\F0DD";
}

.van-icon-warn-o:before {
    content: "\F0DE";
}

.van-icon-warning-o:before {
    content: "\F0DF";
}

.van-icon-warning:before {
    content: "\F0E0";
}

.van-icon-weapp-nav:before {
    content: "\F0E1";
}

.van-icon-wechat:before {
    content: "\F0E2";
}

.van-icon-youzan-shield:before {
    content: "\F0E3";
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

a {
    color: #666;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #0088c2 !important;
    }

img {
    border: none;
    vertical-align: middle;
}

iframe {
    border: none;
}

::-moz-selection {
    color: #fff;
    background: #57b3b0;
}

::selection {
    color: #fff;
    background: #57b3b0;
}

.fade-transverse-leave-active,
position absolute,
.fade-transverse-enter {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
    opacity: 0;
}

.fade-transverse-leave-to {
    -webkit-transform: translateY(0.3rem);
    transform: translateY(0.3rem);
    opacity: 0;
}

.fade-transition-enter,
.fade-transition-leave-to {
    opacity: 0;
    -webkit-transform: translateY(0.3rem);
    transform: translateY(0.3rem);
}

.fade-transition-leave-active {
    position: absolute;
}

.fade-scale-leave-active,
.fade-scale-enter-active {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fade-scale-enter,
.fade-scale-leave-to {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    opacity: 0;
}

@-webkit-keyframes icon_pointing {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
        box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
    }

    45% {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
        box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
    }

    50% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
        box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
        box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
    }
}

@keyframes icon_pointing {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
        box-shadow: 0 0 0 0px rgba(160,160,160,0.5);
    }

    45% {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
        box-shadow: 0 0 0 0.2rem rgba(160,160,160,0.05);
    }

    50% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
        box-shadow: 0 0 0 0px rgba(160,160,160,0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
        box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.2);
    }
}

@-webkit-keyframes icon_pointing_inset {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
        box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
    }

    45% {
        -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
        box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
    }

    50% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
        box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
        box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
    }
}

@keyframes icon_pointing_inset {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
        box-shadow: 0 0 0 0px rgba(160,160,160,0.8) inset;
    }

    45% {
        -webkit-box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
        box-shadow: 0 0 0 0.1rem rgba(160,160,160,0.05) inset;
    }

    50% {
        -webkit-box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
        box-shadow: 0 0 0 0px rgba(160,160,160,0.6) inset;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
        box-shadow: 0 0 0 0.05rem rgba(160,160,160,0.8) inset;
    }
}

@-webkit-keyframes icon_bgc {
    0%, 100% {
        background: linear-gradient(135deg, #f00, #ffa500, #008000, #00f, #800080) left center/400% 400%;
        background-position-x: left;
    }

    50% {
        background-position-x: right;
    }
}

@keyframes icon_bgc {
    0%, 100% {
        background: linear-gradient(135deg, #f00, #ffa500, #008000, #00f, #800080) left center/400% 400%;
        background-position-x: left;
    }

    50% {
        background-position-x: right;
    }
}

body {
    overflow-x: hidden;
}

html,
body {
    width: 100%;
    color: #666;
    font-size: 0.12rem;
}

[v-cloak] {
    display: none;
}

.box-shadow {
    -webkit-box-shadow: 0 0 0.04rem 0 rgba(200,200,200,0.4);
    box-shadow: 0 0 0.04rem 0 rgba(200,200,200,0.4);
}

    .box-shadow:hover {
        -webkit-box-shadow: 0 0 0.04rem 0 #c8c8c8;
        box-shadow: 0 0 0.04rem 0 #c8c8c8;
    }

.padding-spacing {
    padding: 0.12rem;
}

.margin-spacing {
    margin: 0.12rem;
}

.border-radius {
    border-radius: 0.06rem;
}

body {
    background-color: #fff;
}

    body .press:active {
        background-color: #e8e8e8;
        -webkit-filter: saturate(300%);
        filter: saturate(300%);
    }

    body .w100p {
        width: 100% !important;
    }

    body .h100p {
        height: 100% !important;
    }

    body .w10 {
        width: 0.1rem !important;
    }

    body .h10 {
        height: 0.1rem !important;
    }

    body .w20 {
        width: 0.2rem !important;
    }

    body .h20 {
        height: 0.2rem !important;
    }

    body .w30 {
        width: 0.3rem !important;
    }

    body .h30 {
        height: 0.3rem !important;
    }

    body .w40 {
        width: 0.4rem !important;
    }

    body .h40 {
        height: 0.4rem !important;
    }

    body .w50 {
        width: 0.5rem !important;
    }

    body .h50 {
        height: 0.5rem !important;
    }

    body .w60 {
        width: 0.6rem !important;
    }

    body .h60 {
        height: 0.6rem !important;
    }

    body .w70 {
        width: 0.7rem !important;
    }

    body .h70 {
        height: 0.7rem !important;
    }

    body .w80 {
        width: 0.8rem !important;
    }

    body .h80 {
        height: 0.8rem !important;
    }

    body .w90 {
        width: 0.9rem !important;
    }

    body .h90 {
        height: 0.9rem !important;
    }

    body .w100 {
        width: 1rem !important;
    }

    body .h100 {
        height: 1rem !important;
    }

    body .w150 {
        width: 1.5rem !important;
    }

    body .h150 {
        height: 1.5rem !important;
    }

    body .w200 {
        width: 2rem !important;
    }

    body .h200 {
        height: 2rem !important;
    }

    body .w250 {
        width: 2.5rem !important;
    }

    body .h250 {
        height: 2.5rem !important;
    }

    body .w300 {
        width: 3rem !important;
    }

    body .h300 {
        height: 3rem !important;
    }

    body .w350 {
        width: 3.5rem !important;
    }

    body .h350 {
        height: 3.5rem !important;
    }

    body .w400 {
        width: 4rem !important;
    }

    body .h400 {
        height: 4rem !important;
    }

    body .w450 {
        width: 4.5rem !important;
    }

    body .h450 {
        height: 4.5rem !important;
    }

    body .w500 {
        width: 5rem !important;
    }

    body .h500 {
        height: 5rem !important;
    }

    body .w550 {
        width: 5.5rem !important;
    }

    body .h550 {
        height: 5.5rem !important;
    }

    body .w600 {
        width: 6rem !important;
    }

    body .h600 {
        height: 6rem !important;
    }

    body .w650 {
        width: 6.5rem !important;
    }

    body .h650 {
        height: 6.5rem !important;
    }

    body .w700 {
        width: 7rem !important;
    }

    body .h700 {
        height: 7rem !important;
    }

    body .w750 {
        width: 7.5rem !important;
    }

    body .h750 {
        height: 7.5rem !important;
    }

    body .w800 {
        width: 8rem !important;
    }

    body .h800 {
        height: 8rem !important;
    }

    body .w850 {
        width: 8.5rem !important;
    }

    body .h850 {
        height: 8.5rem !important;
    }

    body .w900 {
        width: 9rem !important;
    }

    body .h900 {
        height: 9rem !important;
    }

    body .w950 {
        width: 9.5rem !important;
    }

    body .h950 {
        height: 9.5rem !important;
    }

    body .w1000 {
        width: 10rem !important;
    }

    body .h1000 {
        height: 10rem !important;
    }

.danger {
    color: #ee0a24 !important;
}

.theme,
.primary {
    color: #0088c2 !important;
}

.warning {
    color: #e6a23c !important;
}

.info {
    color: #909399 !important;
}

.success {
    color: #07c160 !important;
}

.page-bg {
    background-color: #fafafa;
}

.page-content {
    background-color: #fff;
}

.page-dark {
    background-color: #e5f7ff;
}

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

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

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

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

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

.fs-xl {
    font-size: 0.26rem !important;
}

.fs-xxl {
    font-size: 0.3rem !important;
}

.fc-b1 {
    color: #333;
}

.fc-b2 {
    color: #666;
}

.fc-b3 {
    color: #999;
}

.fc-w1 {
    color: #bbb;
}

.fc-w2 {
    color: #ddd;
}

.fc-w3 {
    color: #fff;
}

.border {
    border: 1px solid #ebeef5;
}

.border-w {
    border: 1px solid #fff;
}

.bd-t {
    border-top: 1px solid #ebeef5;
}

.bd-r {
    border-right: 1px solid #ebeef5;
}

.bd-b {
    border-bottom: 1px solid #ebeef5;
}

.bd-l {
    border-left: 1px solid #ebeef5;
}

.bd-t-w {
    border-top: 1px solid #fff;
}

.bd-r-w {
    border-right: 1px solid #fff;
}

.bd-b-w {
    border-bottom: 1px solid #fff;
}

.bd-l-w {
    border-left: 1px solid #fff;
}

.border-bottom {
    border-bottom: 1px solid #ebeef5;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.flex-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ff-rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ff-rn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.ff-rrw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

.ff-rrn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
}

.ff-cw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.ff-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.ff-crw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.ff-crn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
}

.flex-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 0;
}

.flex-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333333333336%;
    flex: 0 0 33.333333333333336%;
    width: 0;
}

.flex-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 0;
}

.flex-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 0;
}

.flex-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666666666666668%;
    flex: 0 0 16.666666666666668%;
    width: 0;
}

.flex-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.285714285714286%;
    flex: 0 0 14.285714285714286%;
    width: 0;
}

.jc-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.jc-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.jc-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jc-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jc-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ai-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ai-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ai-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ai-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.mg0 {
    margin: 0px !important;
}

.mgx0 {
    margin: 0 0px;
}

.mgy0 {
    margin: 0px 0;
}

.mg1 {
    margin: 0.07rem;
}

.mgx1 {
    margin: 0 0.07rem;
}

.mgy1 {
    margin: 0.07rem 0;
}

.mg2 {
    margin: 0.14rem;
}

.mgx2 {
    margin: 0 0.14rem;
}

.mgy2 {
    margin: 0.14rem 0;
}

.mg3 {
    margin: 0.21rem;
}

.mgx3 {
    margin: 0 0.21rem;
}

.mgy3 {
    margin: 0.21rem 0;
}

.mg4 {
    margin: 0.28rem;
}

.mgx4 {
    margin: 0 0.28rem;
}

.mgy4 {
    margin: 0.28rem 0;
}

.mg5 {
    margin: 0.42rem;
}

.mgx5 {
    margin: 0 0.42rem;
}

.mgy5 {
    margin: 0.42rem 0;
}

.pd0 {
    padding: 0px !important;
}

.pdx0 {
    padding: 0 0px;
}

.pdy0 {
    padding: 0px 0;
}

.pd1 {
    padding: 0.07rem;
}

.pdx1 {
    padding: 0 0.07rem;
}

.pdy1 {
    padding: 0.07rem 0;
}

.pd2 {
    padding: 0.14rem;
}

.pdx2 {
    padding: 0 0.14rem;
}

.pdy2 {
    padding: 0.14rem 0;
}

.pd3 {
    padding: 0.21rem;
}

.pdx3 {
    padding: 0 0.21rem;
}

.pdy3 {
    padding: 0.21rem 0;
}

.pd4 {
    padding: 0.28rem;
}

.pdx4 {
    padding: 0 0.28rem;
}

.pdy4 {
    padding: 0.28rem 0;
}

.pd5 {
    padding: 0.42rem;
}

.pdx5 {
    padding: 0 0.42rem;
}

.pdy5 {
    padding: 0.42rem 0;
}

.mgt0 {
    margin-top: 0px !important;
}

.mgt1 {
    margin-top: 0.07rem !important;
}

.mgt2 {
    margin-top: 0.14rem !important;
}

.mgt3 {
    margin-top: 0.21rem !important;
}

.mgt4 {
    margin-top: 0.28rem !important;
}

.mgt5 {
    margin-top: 0.42rem !important;
}

.mgr0 {
    margin-right: 0px !important;
}

.mgr1 {
    margin-right: 0.07rem !important;
}

.mgr2 {
    margin-right: 0.14rem !important;
}

.mgr3 {
    margin-right: 0.21rem !important;
}

.mgr4 {
    margin-right: 0.28rem !important;
}

.mgr5 {
    margin-right: 0.42rem !important;
}

.mgb0 {
    margin-bottom: 0px !important;
}

.mgb1 {
    margin-bottom: 0.07rem !important;
}

.mgb2 {
    margin-bottom: 0.14rem !important;
}

.mgb3 {
    margin-bottom: 0.21rem !important;
}

.mgb4 {
    margin-bottom: 0.28rem !important;
}

.mgb5 {
    margin-bottom: 0.42rem !important;
}

.mgl0 {
    margin-left: 0px !important;
}

.mgl1 {
    margin-left: 0.07rem !important;
}

.mgl2 {
    margin-left: 0.14rem !important;
}

.mgl3 {
    margin-left: 0.21rem !important;
}

.mgl4 {
    margin-left: 0.28rem !important;
}

.mgl5 {
    margin-left: 0.42rem !important;
}

.pdt0 {
    padding-top: 0px !important;
}

.pdt1 {
    padding-top: 0.07rem !important;
}

.pdt2 {
    padding-top: 0.14rem !important;
}

.pdt3 {
    padding-top: 0.21rem !important;
}

.pdt4 {
    padding-top: 0.28rem !important;
}

.pdt5 {
    padding-top: 0.42rem !important;
}

.pdr0 {
    padding-right: 0px !important;
}

.pdr1 {
    padding-right: 0.07rem !important;
}

.pdr2 {
    padding-right: 0.14rem !important;
}

.pdr3 {
    padding-right: 0.21rem !important;
}

.pdr4 {
    padding-right: 0.28rem !important;
}

.pdr5 {
    padding-right: 0.42rem !important;
}

.pdb0 {
    padding-bottom: 0px !important;
}

.pdb1 {
    padding-bottom: 0.07rem !important;
}

.pdb2 {
    padding-bottom: 0.14rem !important;
}

.pdb3 {
    padding-bottom: 0.21rem !important;
}

.pdb4 {
    padding-bottom: 0.28rem !important;
}

.pdb5 {
    padding-bottom: 0.42rem !important;
}

.pdl0 {
    padding-left: 0px !important;
}

.pdl1 {
    padding-left: 0.07rem !important;
}

.pdl2 {
    padding-left: 0.14rem !important;
}

.pdl3 {
    padding-left: 0.21rem !important;
}

.pdl4 {
    padding-left: 0.28rem !important;
}

.pdl5 {
    padding-left: 0.42rem !important;
}

.lh1 {
    line-height: 0.14rem !important;
}

.lh2 {
    line-height: 0.21rem !important;
}

.lh3 {
    line-height: 0.28rem !important;
}

.lh4 {
    line-height: 0.35rem !important;
}

.lh5 {
    line-height: 0.42rem !important;
}

.scroll-y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.omit-2,
.omit-3,
.omit-4,
.omit-5,
.omit-6 {
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
/* autoprefixer: ignore next */
.omit-2 {
    -webkit-line-clamp: 2;
}

.omit-3 {
    -webkit-line-clamp: 3;
}

.omit-4 {
    -webkit-line-clamp: 4;
}

.omit-5 {
    -webkit-line-clamp: 5;
}

.omit-6 {
    -webkit-line-clamp: 6;
}

.line-through {
    text-decoration: line-through;
}

.clearfix {
    clear: both;
}

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

.inline-block {
    display: inline-block;
}

.overflow-hidden {
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}

.hand {
    cursor: pointer;
}

.omit,
.flex-omit-x,
.flex-omit-y {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.flex-omit-x {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-omit-y {
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.margin-auto {
    margin: auto;
}

.margin-xauto {
    margin: 0 auto;
}

.margin-yauto {
    margin: auto 0;
}

.tar {
    text-align: right;
}

.pf {
    position: fixed;
}

.pr {
    position: relative !important;
}

.pa {
    position: absolute !important;
}

.pac {
    position: absolute !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pre {
    white-space: pre-wrap;
}

.full {
    height: 100%;
    width: 100%;
}

.round {
    border-radius: 50%;
}

.strong {
    font-weight: 600;
}

.hover:hover {
    color: #0088c2 !important;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
}

.hover-success:hover {
    color: #07c160 !important;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
}

.line {
    position: relative;
}

    .line::after {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1px;
        background-color: #bbb;
        left: -1.2rem;
        top: 50%;
    }

    .line::before {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1px;
        background-color: #bbb;
        right: -1.2rem;
        top: 50%;
    }

.list-style-none {
    list-style: none;
}

.list-style-disc {
    list-style: disc;
}

.list-style-circle {
    list-style: circle;
}

.list-style-decimal {
    list-style: decimal;
}

.indent {
    text-indent: 2em;
}

@import './font/iconfont.css';

#app {
    height: 100%;
    width: 100%;
}

ul {
    list-style: none;
}

body {
    padding: 0.44rem 0 0.5rem 0;
}

.van-overlay {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 2017;
}

.van-popup {
    z-index: 2018;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    position: fixed;
    max-height: 100%;
    background-color: #fff;
    overflow-y: auto;
}

.van-popup--right {
    right: 0;
    width: 30%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.van-popup--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    padding: 0.3rem;
    border-radius: 0.05rem;
    display: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 0.44rem;
    background: #151b1f;
    padding: 0 0.13rem;
}

    header .logo {
        height: 0.27rem;
    }

    header .menu-icon:active {
        background-color: rgba(111,140,159,0.5);
    }

    header .menu-icon i {
        font-size: 0.2rem;
        color: #fff;
    }

    header .pop-nav.show .van-overlay {
        display: block;
    }

    header .pop-nav.show .van-popup--right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    header .pop-nav .van-overlay {
        height: calc(100% - 0.44rem);
        top: 0.44rem;
    }

    header .pop-nav .van-popup--right {
        height: calc(100% - 0.44rem);
        width: 56%;
        top: 0.44rem;
    }

    header .pop-nav .menu a {
        padding: 0.16rem 0.2rem;
        display: block;
        margin: 0 0.13rem;
        border-bottom: 1px solid #ddd;
        color: #333;
    }

.banner {
    position: relative;
    overflow: hidden;
    height: 2.4rem;
    width: 100%;
}

    .banner img {
        max-height: 100%;
    }

    .banner .swiper-banner {
        position: relative;
        overflow: hidden;
        height: 2.4rem;
        width: 100%;
    }

section {
    overflow: hidden;
}

footer {
    background-color: #161b1f;
    padding: 0.6rem 0 0.3rem 0;
}

    footer ol,
    footer .title {
        font-weight: 700;
        padding-bottom: 0.18rem;
        font-size: 0.18rem;
        color: #fff;
    }

    footer li a {
        display: block;
        padding: 0.1rem 0;
        color: #0088c2;
    }

        footer li a:hover {
            -webkit-filter: saturate(300%);
            filter: saturate(300%);
        }

.content-wrap {
    width: 12rem;
    margin: 0 auto;
}

.page-title {
    padding: 0.25rem 0;
    text-align: center;
    color: #333;
    font-size: 0.18rem;
    letter-spacing: 1px;
}

.module-title {
    font-size: 0.15rem;
    margin-top: 0.25rem;
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    position: relative;
}

    .module-title::after {
        content: "";
        width: 0.5rem;
        height: 0.02rem;
        background-color: #f39b17;
        position: absolute;
        top: 0.26rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.module-desc {
    width: 2.4rem;
    margin: 0 auto;
    font-size: 0.12rem;
    padding-bottom: 0.2rem;
    text-align: center;
    line-height: 0.18rem;
    letter-spacing: 1px;
}

.menu-bar {
    z-index: 9;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.49rem;
    background-color: #fff;
}

    .menu-bar img {
        width: 0.2rem;
        height: 0.2rem;
    }

    .menu-bar a {
        color: #333;
        font-family: FZLanTingHeiS-R-GB Regular, FZLanTingHeiS-R-GB Regular-Regular;
        line-height: 0.18rem;
    }

    .menu-bar .free-use {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.2rem;
        flex: 0 0 1.2rem;
        height: 0.49rem;
        background: #2589ff;
        color: #fff;
    }

.pop-center {
    z-index: 1000;
}

    .pop-center.show .van-overlay {
        display: block;
    }

    .pop-center.show .van-popup--center {
        display: block;
    }

    .pop-center .title {
        font-size: 0.16rem;
        font-weight: 400;
        text-align: center;
        color: #333;
    }

    .pop-center .el-icon-close {
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
        font-size: 0.2rem;
    }

button {
    height: 0.3rem;
    background: #2589ff;
    border-radius: 0.03rem;
    color: #fff;
    border: 0;
    padding: 0 0.1rem;
}

.mint-toast {
    z-index: 9999;
}

.pop-leave-msg {
    width: 100%;
    padding: 0.1rem;
}

    .pop-leave-msg .mint-field {
        border-bottom: 1px solid #f8f8f8;
    }

    .pop-leave-msg .el-icon-close {
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
        font-size: 0.2rem;
    }

    .pop-leave-msg .title {
        line-height: 0.4rem;
        font-size: 0.16rem;
        color: #333;
    }

    .pop-leave-msg .submit {
        width: 2.53rem;
    }

.pop-call {
    text-align: center;
}

    .pop-call .van-popup {
        width: 3.24rem;
    }

    .pop-call .phnoe-number {
        font-size: 0.18rem;
        font-weight: 700;
        text-align: center;
        color: #333;
        margin: 0.39rem;
    }

    .pop-call button {
        width: 1.83rem;
    }

.pop-gzh {
    text-align: center;
}

    .pop-gzh .van-popup {
        width: 3.24rem;
    }

    .pop-gzh img {
        margin-top: 0.05rem;
        width: 1.54rem;
    }

.tab-wrapper {
    min-height: 0.41rem;
}

.tabs {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 0.03rem 0px #ddd;
    box-shadow: 1px 1px 0.03rem 0px #ddd;
}

    .tabs.sticky {
        position: fixed;
        left: 0;
        top: 0px;
        width: 100%;
        z-index: 2;
    }

    .tabs .tab-item {
        font-size: 0.11rem;
        color: #333;
        padding: 0.13rem 0.3rem;
        position: relative;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }

        .tabs .tab-item.active:after {
            content: '';
            position: absolute;
            bottom: 1px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 1;
            background: #2589ff;
            border-radius: 0.03rem;
            width: 0.44rem;
            height: 0.02rem;
        }

header {
    height: 0.44rem;
    background-color: #fff;
}

    header .logo-wrap {
        width: 1.13rem;
        height: 0.23rem;
        margin-top: 0.1rem;
        margin-left: 0.14rem;
        display: inline-block;
    }

        header .logo-wrap img {
            width: 100%;
            height: 100%;
        }

    header .inp-wrap {
        height: 0.26rem;
        width: 1.65rem;
        float: right;
        margin-top: 0.09rem;
        margin-right: 0.13rem;
        border-radius: 0.25rem;
        background-color: #fff;
        overflow: hidden;
        border: 1px solid #999;
    }

        header .inp-wrap::after {
            content: "";
            background-image: url("/images/mobile/index/searchIcon.png");
            height: 0.15rem;
            width: 0.15rem;
            position: absolute;
            right: 0.38rem;
            top: 0.14rem;
            background-size: cover;
        }

        header .inp-wrap input {
            height: 0.26rem;
            border: none;
            outline: none;
            padding: 0 0.12rem;
            line-height: 0.25rem;
        }

.banner {
    height: 1.88rem;
}

    .banner .swiper-banner {
        height: 100%;
    }

        .banner .swiper-banner .swiper-slide {
            overflow: hidden;
        }

            .banner .swiper-banner .swiper-slide img {
                height: 100%;
                position: absolute;
                left: 50%;
                top: 0;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

header .top-menu-btn-wrap {
    width: 0.14rem;
    height: 0.14rem;
    position: absolute;
    right: 0.14rem;
    top: 0.15rem;
}

    header .top-menu-btn-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

header .menu-wrap {
    width: 1.3rem;
    margin-left: -0.5rem;
    position: absolute;
    right: 0;
    top: 0.44rem;
    height: 2.21rem;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

    header .menu-wrap ul {
        width: 100%;
        background-color: rgba(63,70,95,0.9);
        color: #fff;
        font-size: 0.12rem;
    }

        header .menu-wrap ul li {
            width: 100%;
            text-align: center;
            height: 0.36rem;
            line-height: 0.36rem;
            border-bottom: 1px solid rgba(255,255,255,0.5);
        }

            header .menu-wrap ul li:last-child {
                border-bottom: none;
            }

            header .menu-wrap ul li a {
                display: inline-block;
                width: 100%;
                color: #fff !important;
            }

                header .menu-wrap ul li a:visited {
                    color: #fff;
                }

header .hide-menu-wrap {
    height: 0;
}