@charset "UTF-8";

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {
    padding: 0;
    margin: 0
}

    a, a:hover, em, i, s {
        text-decoration: none
    }

dd, dl, dt, ol, ul {
    list-style: none
}

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

.etc, .tabs .tab-content {
    white-space: nowrap
}

.etcmore, .products .content .product .title {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.icon, em, i, s {
    font-style: normal
}

.etc, .etcmore {
    overflow: hidden;
    text-overflow: ellipsis
}

.scroller, html {
    -webkit-text-size-adjust: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

html {
    height: 100%;
    font-size: 17.07px;
    line-height: 1;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif !important
}

@media only screen and (min-width:374px) {
    html {
        font-size: 20px !important
    }
}

@media only screen and (min-width:401px) {
    html {
        font-size: 22.61px !important
    }
}

@media only screen and (min-width:428px) {
    html {
        font-size: 24.75px !important
    }
}

@media only screen and (min-width:481px) {
    html {
        font-size: 27px !important
    }
}

@media only screen and (min-width:569px) {
    html {
        font-size: 30px !important
    }
}

@media only screen and (min-width:641px) {
    html {
        font-size: 35px !important
    }
}

body {
    max-width: 640px;
    margin: 0 auto !important
}

img {
    margin: 0;
    max-width: 100%;
    height: auto;
    width: auto\9
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

a {
    color: #333
}

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

fieldset, img {
    border: 0
}

address, caption, cite, code, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

h1, h2, h3, h4, h5 {
    font-size: 100%;
    font-weight: 400
}

a, a:active, a:focus, button, button:active, input, input:focus, select, select:focus, textarea, textarea:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.video embed, .video iframe, .video object {
    width: 100%;
    height: auto
}

.etcmore {
    display: -webkit-box;
    word-break: break-all
}

.arrow:after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 2px solid #7C7C81;
    border-top: 2px solid #7C7C81;
    -mo-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    display: block
}

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

@font-face {
    font-family: iconfont;
    src: url(//s.cctcdn.com/m/1604/f/iconfont.eot?v=ff0b6e);
    src: url(//s.cctcdn.com/m/1604/f/iconfont.eot?v=ff0b6e&#iefix) format('embedded-opentype'),url(//s.cctcdn.com/m/1604/f/iconfont.woff?v=7a5af4) format('woff'),url(//s.cctcdn.com/m/1604/f/iconfont.ttf?v=02ecb6) format('truetype'),url(//s.cctcdn.com/m/1604/f/iconfont.svg?v=9c2afa#iconfont) format('svg')
}

.icon {
    font-family: iconfont !important;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

header .icon, header .title {
    line-height: 44px;
    font-size: 17px
}

.icon_logo:before {
    content: "\e656"
}

.icon_back:before {
    content: "\e605"
}

.icon_menu:before {
    content: "\e608"
}

.icon_tag:before {
    content: "\e606"
}

.icon_more:before {
    content: "\e603"
}

.icon_up:before {
    content: "\e60a"
}

.icon_more_open:before {
    content: "\e609"
}

.icon_cs:before {
    content: "\e606"
}

.icon_trip_return:before {
    content: "\e602"
}

.icon_trip_go:before {
    content: "\e601"
}

.icon_pre_month:before {
    content: "\e637"
}

.icon_next_month:before {
    content: "\e636"
}

.icon_alipay:before {
    content: "\e62e"
}

.icon_wechat_pay:before {
    content: "\e60f"
}

.icon_search:before {
    content: "\e644"
}

.icon_user:before {
    content: "\e645"
}

.icon_inside:before {
    content: "\e62b"
}

.icon_hot:before {
    content: "\e626"
}

.icon_pay_success:before {
    content: "\e619"
}

.icon_pay_failed:before {
    content: "\e600"
}

.icon_pay_unselect:before {
    content: "\e62f"
}

.icon_pay_select:before {
    content: "\e619"
}

.icon_order:before {
    content: "\e614"
}

.icon_no_product:before {
    content: "\e62d"
}

.icon_close:before {
    content: "\e634"
}

.icon_detail_tag:before {
    content: "\e61a"
}

.icon_warring_circle:before {
    content: "\e638"
}

.icon_computer:before {
    content: "\e64b"
}

.icon_main:before {
    content: "\e64e"
}

.icon_check:before {
    content: "\e63b"
}

.icon_un_check:before {
    content: "\e63c"
}

.icon_free_tour:before {
    content: "\e633"
}

.icon_group_tour:before {
    content: "\e61b"
}

.icon_visa:before {
    content: "\e63d"
}

.icon_calendar:before {
    content: "\e60e"
}

.icon_turn:before {
    content: "\e604"
}

.icon_plane:before {
    content: "\e7f8"
}

.icon_bus:before {
    content: "\e7f7"
}

.icon_car:before {
    content: "\e7f9"
}

.icon_speedboat:before {
    content: "\e7fa"
}

.icon_ship:before {
    content: "\e7fc"
}

.icon_train:before {
    content: "\e7fd"
}

.icon_custom_service:before {
    content: "\e647"
}

.icon_password:before {
    content: "\e63f"
}

.icon_change_password:before {
    content: "\e616"
}

.icon_user_data:before {
    content: "\e642"
}

.icon_index:before {
    content: "\e635"
}

.icon_hot_place:before {
    content: "\e64a"
}

.icon_hot_visa:before {
    content: "\e649"
}

.icon_clear:before {
    content: "\e650"
}

.icon_hot_search:before {
    content: "\e651"
}

.icon_destination:before {
    content: "\e652"
}

.icon_position:before {
    content: "\e667"
}

.icon_shop:before {
    content: "\e659"
}

.icon_cell_phone:before {
    content: "\e658"
}

.icon_nav:before {
    content: "\e657"
}

.icon_close_mask:before {
    content: "\e65a"
}

.icon_run:before {
    content: "\e65c"
}

.icon_mdd:before {
    content: "\e7d8"
}

.icon_days:before {
    content: "\e7d7"
}

.icon_lines:before {
    content: "\e7dc"
}

.icon_sort:before {
    content: "\e7da"
}

.icon_theme:before {
    content: "\e7d9"
}

.icon_resident:before {
    content: "\e7dd"
}

.icon_visa_type:before {
    content: "\e7db"
}

.icon_tab_city:before {
    content: "\e666"
}

.icon_warning:before {
    content: "\e679"
}

.icon_per:before {
    content: "\e678"
}

.icon_xc:before {
    content: "\e677"
}

.icon_cy:before {
    content: "\e676"
}

.icon_rig:before {
    content: "\e609"
}

.icon_success:before {
    content: "\e67a"
}

.icon_custom:before {
    content: "\e67b"
}

.icon_coupon:before {
    content: "\e6a3"
}

.icon_home:before {
    content: "\e635"
}

.icon_mark:before {
    content: "\e65e"
}

.icon_9:before {
    content: "\e672"
}

.icon_02:before {
    content: "\e673"
}

.icon_4:before {
    content: "\e671"
}

.icon_03:before {
    content: "\e670"
}

.icon_a1:before {
    content: "\e674"
}

.icon_a2:before {
    content: "\e675"
}

.icon_a3:before {
    content: "\e66a"
}

.icon_a4:before {
    content: "\e66b"
}

.icon_a5:before {
    content: "\e66c"
}

.icon_cate:before {
    content: "\e669"
}

.icon_hotel:before {
    content: "\e67d"
}

.icon_flight:before {
    content: "\e67e"
}

.icon_date:before {
    content: "\e685"
}

.icon_pwd:before {
    content: "\e682"
}

.icon_sms:before {
    content: "\e680"
}

.icon_phone:before {
    content: "\e67f"
}

.icon_captcha:before {
    content: "\e681"
}

.icon_detail_phone:before {
    content: "\e690"
}

.icon_order_1:before {
    content: "\e689";
    color: #32d7c9
}

.icon_order_2:before {
    content: "\e687";
    color: #fed559
}

.icon_order_3:before {
    content: "\e688";
    color: #fd5d4f
}

.icon_order_4:before {
    content: "\e686";
    color: #fc9c2e
}

.icon_order_defult:before {
    content: "\e68a";
    color: #3287d7
}

.icon_visa_ico1:before {
    content: "\e68b"
}

.icon_visa_ico2:before {
    content: "\e68c"
}

.icon_visa_ico3:before {
    content: "\e68d"
}

.icon_visa_ico4:before {
    content: "\e68e"
}

.icon_no_select:before {
    content: "\e69e"
}

.icon_select:before {
    content: "\e69c"
}

.icon_mice_hyjl:before {
    content: "\e692";
    color: #2db2ff
}

.icon_mice_gjhy:before {
    content: "\e691";
    color: #f80
}

.icon_mice_swkc:before {
    content: "\e696";
    color: #889fff
}

.icon_mice_hdcy:before {
    content: "\e693";
    color: #1ed2c7
}

.icon_mice_ggcb:before {
    content: "\e694";
    color: #ff7356
}

.icon_mice_blyy:before {
    content: "\e698";
    color: #89d300
}

.icon_mice_zlzs:before {
    content: "\e699";
    color: #1ed2c7
}

.icon_mice_gddz:before {
    content: "\e695";
    color: #2db2ff
}

.icon_mice_scsj:before {
    content: "\e697";
    color: #f80
}

.icon_mice_tyss:before {
    content: "\e69a";
    color: #889fff
}

.icon_mice_tel:before {
    content: "\e69b"
}

.icon_mice_user:before {
    content: "\e69d"
}

.icon_msg_tip:before {
    content: "\e7bf"
}

.bor-all {
    border: 1px solid #e5e5e5
}

.bor-coupon {
    border: 1px solid #ff811a
}

@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .bor-all, .bor-coupon {
        position: relative;
        border: none
    }

        .bor-all::after, .bor-coupon::after {
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 200%;
            height: 200%
        }

        .bor-coupon::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #ff811a;
            -webkit-transform: scale(.5) translate(-50%,-50%);
            transform: scale(.5) translate(-50%,-50%)
        }

        .bor-all::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #e5e5e5;
            -webkit-transform: scale(.5) translate(-50%,-50%);
            transform: scale(.5) translate(-50%,-50%)
        }
}

.bor-sgbr {
    border-bottom: 1px solid #e5e5e5
}

.bor-sgtr {
    border-top: 1px solid #e5e5e5
}

.bor-sglr {
    border-left: 1px solid #e5e5e5
}

@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .bor-sgbr {
        position: relative;
        border-bottom: none
    }

        .bor-sgbr::after {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 200%;
            height: 0;
            border-bottom: 1px solid #e5e5e5;
            -webkit-transform: scale(.5) translate(-50%,-50%);
            transform: scale(.5) translate(-50%,-50%)
        }

    .bor-sgtr {
        position: relative;
        border-top: none
    }

        .bor-sgtr::after {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 200%;
            height: 0;
            border-top: 1px solid #e5e5e5;
            -webkit-transform: scale(.5) translate(-50%,-50%);
            transform: scale(.5) translate(-50%,-50%)
        }

    .bor-sglr {
        position: relative;
        border-left: none
    }

        .bor-sglr::after {
            content: ' ';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 200%;
            border-left: 1px solid #e5e5e5;
            -webkit-transform: scale(.5) translate(-50%,-50%);
            transform: scale(.5) translate(-50%,-50%)
        }
}

footer, header {
    position: fixed
}

@supports (bottom:constant(safe-area-inset-bottom)) {
    body:after, body:before {
        content: '';
        display: block;
        height: constant(safe-area-inset-bottom);
        height: env(safe-area-inset-bottom)
    }

    body:before {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        background-color: #fff;
        background-image: -webkit-linear-gradient(#eee,#fff);
        background-image: linear-gradient(#eee,#fff);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% 8px
    }

    .ui_fixedFootLayer, footer {
        bottom: constant(safe-area-inset-bottom) !important;
        bottom: env(safe-area-inset-bottom) !important
    }
}

::-webkit-input-placeholder {
    font-weight: 400;
    color: #e5e5e5
}

::-moz-placeholder {
    font-weight: 400;
    color: #e5e5e5
}

::-ms-input-placeholder {
    font-weight: 400;
    color: #e5e5e5
}

header {
    width: 100%;
    height: 44px;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0 14px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.1)
}

    header .left {
        float: left
    }

    header .right {
        float: right
    }

    header .icon {
        color: #01af63
    }

    header .title {
        color: #606060;
        position: absolute;
        left: 88px;
        right: 88px;
        text-align: center
    }

        header .title h1 {
            display: inline-block
        }

            header .title h1:before {
                content: '\0020';
                display: inline-block;
                width: 18px;
                height: 18px;
                margin-right: 5px;
                background-size: 100%;
                vertical-align: -2px
            }

#head_view, .head_view, footer {
    height: 44px
}

header .title i {
    margin-right: 3px;
    font-size: 18px
}

footer {
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    display: table
}

#meng, .m_mask {
    height: 100%;
    position: fixed
}

.copyright {
    font-size: .6rem;
    color: #999;
    padding: .8rem 0;
    text-align: center;
    background-color: #f2f2f2
}

.quick {
    width: 100%;
    font-size: 0;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: .8rem 0
}

    .quick a {
        display: inline-block;
        font-size: .6rem;
        width: 33.3%;
        text-align: center
    }

        .quick a span {
            display: block;
            color: #999;
            margin-top: .5rem
        }

    .quick i {
        font-size: .9rem;
        color: #999
    }

#meng {
    display: none;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 50
}

.m_alert_num {
    width: 60%;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 40%;
    left: 20%;
    border-radius: 2px;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    font-size: .7rem;
    z-index: 20000
}

.m_mask {
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 10000
}

    .m_mask p {
        text-align: center;
        color: #fff;
        font-size: .8rem;
        padding-top: .5rem
    }

    .m_mask .mask-content {
        margin-top: 6.5rem
    }

    .m_mask .bottom {
        margin-top: 3rem
    }

    .m_mask .icon_bg {
        display: block;
        height: 3.5rem;
        width: 3.5rem;
        background: #01af63;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
        line-height: 3.5rem
    }

    .m_mask .icon {
        color: #fff;
        font-size: 1.7rem
    }

    .m_mask .left, .m_mask .right {
        width: 50%;
        float: left
    }

.m_alert_meng {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

@keyframes mymove {
    0% {
        top: 0
    }

    100% {
        top: 40%
    }
}

@-moz-keyframes mymove {
    0% {
        top: 0
    }

    100% {
        top: 40%
    }
}

@-webkit-keyframes mymove {
    0% {
        top: 0
    }

    100% {
        top: 40%
    }
}

@-o-keyframes mymove {
    0% {
        top: 0
    }

    100% {
        top: 40%
    }
}

.branches {
    padding-top: 10px;
    background-color: #fff;
    font-size: .65rem;
    text-align: center
}

#appBar {
    display: none;
    height: 3.15rem;
    padding: .575rem .675rem;
    background: #575757
}

    #appBar:after, #appBar:before {
        content: " ";
        display: table;
        height: 0
    }

    #appBar:after, .withAppBar #appBar {
        display: block
    }

    #appBar:after {
        content: '\0020';
        clear: both;
        height: 0
    }

    #appBar .icon {
        float: left;
        width: 2rem;
        height: 2rem;
        border-radius: .375rem;
        background: url(//s.cctcdn.com/m/1604/i/apple-touch-icon.png?v=c336b1) no-repeat;
        background-size: 100%
    }

    #appBar .guide {
        float: left;
        padding: .1rem 0 0 .5rem;
        color: #bbb;
        font-size: .6rem;
        line-height: .95rem
    }

        #appBar .button, #appBar .guide a {
            font-size: .7rem;
            color: #fff
        }

    #appBar .button {
        float: right;
        width: 5.05rem;
        height: 1.6rem;
        margin: .2rem .05rem;
        border-radius: .8rem;
        background: #00af62;
        line-height: 1.6rem;
        text-align: center
    }

.opr a, .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.withAppBar #header {
    position: relative
}

    .loading, .loading .con, .withAppBar #header.fixed {
        position: fixed
    }

.lazyload, .lazyloaded {
    background: url(//s.cctcdn.com/m/1604/i/lazyBg.png?v=fc49ce) 50% 50% no-repeat #f7f7f7;
    background-size: 240px 160px
}

.loading {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9
}

    .loading .con {
        width: 5rem;
        height: 5rem;
        border-radius: 5px;
        top: 50%;
        margin-top: -4rem;
        left: 50%;
        margin-left: -2.5rem;
        background-color: rgba(0,0,0,.6);
        text-align: center
    }

        .loading .con i {
            display: inline-block;
            width: 1.85rem;
            height: 1.85rem;
            background: url(//s.cctcdn.com/m/1604/i/loading@1x.png?v=89fdd9) no-repeat;
            background-size: cover;
            vertical-align: top;
            margin-top: 1rem;
            -webkit-animation: loading 1.5s linear infinite;
            -animation: loading 1.5s linear infinite
        }

.swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.loading .con p {
    font-size: .6rem;
    color: #fff;
    margin-top: .4rem
}

.loading-list {
    text-align: center;
    font-size: .7rem;
    color: #666;
    padding: 1rem 0
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination-white .swiper-pagination-bullet, .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #fff
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.tabs, body {
    background-color: #f2f2f2
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.copyright {
    margin-bottom: 0
}

.tabs {
    position: fixed;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 2.2rem;
    margin-top: -1px
}

    .tabs .tab-content {
        display: inline-block
    }

        .tabs .tab-content .tab-item {
            display: inline-block;
            padding: 0 .8rem;
            vertical-align: top;
            line-height: 2.2rem;
            height: 2.2rem;
            font-size: .7rem;
            color: #333;
            text-align: center;
            position: relative
        }

            .tabs .tab-content .tab-item.on:after {
                content: '';
                position: absolute;
                width: 80%;
                height: 2px;
                left: 10%;
                bottom: 1px;
                z-index: 2;
                background-color: #01af63
            }

            .tabs .tab-content .tab-item.on {
                color: #01af63
            }

                .tabs .tab-content .tab-item.on i {
                    display: block
                }

    .tabs .border {
        position: absolute;
        width: 33.3333%;
        height: 2px;
        left: 0;
        bottom: -1px;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        -ms-transition: -ms-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        z-index: 2
    }

        .tabs .border i {
            display: block;
            width: 50%;
            height: 2px;
            background-color: #01af63;
            margin: 0 auto
        }

        .tabs .border.on {
            -webkit-transform: translateX(200%);
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            transform: translateX(200%)
        }

.head_view2 {
    height: 2.2rem;
    width: 100%
}

.products {
    background-color: #fff;
    padding-bottom: 2.7rem
}

    .products .content {
        position: relative;
        padding: 0 0 1px;
        background-color: #fff
    }

        .products .content .list-loading {
            width: 100%;
            height: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 14px;
            color: #666;
            background-color: #fff;
            margin-bottom: 2.4rem
        }

        .products .content .product {
            position: relative;
            padding: .75rem
        }

            .products .content .product dl {
                display: table;
                width: 100%
            }

                .products .content .product dl dt {
                    display: table-cell;
                    vertical-align: top;
                    width: 6rem;
                    height: 4.5rem;
                    overflow: hidden;
                    position: relative
                }

                    .products .content .product dl dt img {
                        width: 100%;
                        height: 100%
                    }

                .products .content .product dl dd {
                    display: table-cell;
                    vertical-align: top;
                    height: 4.5rem;
                    padding-left: .75rem;
                    position: relative
                }

            .products .content .product .tag {
                left: 0;
                top: 0;
                padding: .25rem .35rem;
                position: absolute;
                font-size: .55rem;
                color: #fff;
                background-color: rgba(0,0,0,.68)
            }

            .products .content .product .title {
                font-size: .8rem;
                height: 1.75rem;
                color: #333;
                white-space: normal;
                line-height: .9rem;
                overflow: hidden;
                display: -webkit-box
            }

                .products .content .product .title .hot_bg {
                    display: inline-block;
                    position: relative;
                    margin-right: .125rem;
                    width: .9rem;
                    height: .85rem;
                    line-height: .85rem;
                    text-align: center;
                    background: #febd17;
                    border-radius: .1rem
                }

                    .products .content .product .title .hot_bg .icon_hot:before {
                        content: "\e67c";
                        font-size: .4rem;
                        color: #fff
                    }

            .products .content .product .pro_tags {
                font-size: 0;
                width: 100%;
                height: .9rem;
                overflow: hidden;
                box-sizing: border-box;
                margin-top: .1rem
            }

                .products .content .product .pro_tags span {
                    display: inline-block;
                    margin-bottom: .5rem;
                    font-size: .5rem;
                    color: #999;
                    margin-right: .15rem;
                    padding: 2px .2rem 1.3px
                }

                    .products .content .product .pro_tags span:after {
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        -o-border-radius: 4px;
                        -p-border-radius: 4px;
                        border-radius: 4px
                    }

                .products .content .product .pro_tags .coupon {
                    color: #FF811A;
                    background: #FFF3E9
                }

            .products .content .product .group, .products .content .product .visa-time {
                font-size: .6rem;
                color: #999;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .products .content .product .group {
                height: .8rem;
                line-height: .8rem;
                margin-top: .1rem
            }

                .products .content .product .group i {
                    font-size: .6rem
                }

            .products .content .product .visa-time {
                height: .6rem;
                line-height: .6rem;
                margin-top: .5rem
            }

            .products .content .product .product-price {
                font-size: 0;
                position: absolute;
                bottom: -.1rem;
                left: 0;
                width: 100%;
                text-align: right
            }

                .products .content .product .product-price .price, .products .content .product .product-price .unit {
                    font-size: .95rem;
                    color: #ff811a
                }

                .products .content .product .product-price .qi {
                    font-size: .6rem;
                    color: #999
                }

            .products .content .product .start {
                position: absolute;
                left: .75rem;
                bottom: 0;
                width: 8rem;
                font-size: .6rem;
                line-height: 1.5;
                color: #999;
                text-align: left;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

        .products .content .no_product {
            margin-top: 5rem;
            text-align: center;
            margin-bottom: 5rem
        }

            .products .content .no_product .title {
                position: relative;
                padding-top: 5rem;
                margin-top: 1rem;
                font-size: 1.1rem;
                color: #666
            }

                .products .content .no_product .title:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: -.5rem;
                    left: 50%;
                    margin-left: -3.1rem;
                    width: 6.25rem;
                    height: 4.25rem;
                    background: url(//s.cctcdn.com/m/1604/i/noPro.png?v=b08e35) no-repeat;
                    background-size: cover
                }

            .products .content .no_product .little_title {
                margin-top: .5rem;
                font-size: .7rem;
                line-height: 1rem;
                color: #999
            }

.filter-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
    height: 2.4rem;
    bottom: 0;
    left: 0;
    background-color: rgba(65,69,82,.95)
}

    .filter-tab .tab-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-align: center;
        color: #fff;
        width: 0
    }

        .filter-tab .tab-item i {
            display: inline-block;
            font-size: .9rem;
            vertical-align: top;
            margin-top: .34rem
        }

        .filter-tab .tab-item p {
            margin-top: .25rem;
            font-size: .55rem
        }

        .filter-tab .tab-item.on i {
            position: relative
        }

            .filter-tab .tab-item.on i:after {
                content: '';
                position: absolute;
                width: .3rem;
                height: .3rem;
                background-color: #00B477;
                border-radius: 50%;
                right: -.5rem;
                top: -2px
            }

.opr {
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: #fff
}

    .opr a {
        padding: 0 .75rem;
        line-height: 2rem;
        height: 100%;
        color: #666;
        font-size: .75rem
    }

        .opr a.opr_sub {
            float: right
        }

.filter-content {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 10000
}

    .filter-content .filter-panel {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 15.5rem;
        background: #fff
    }

        .filter-content .filter-panel.active {
            display: block
        }

        .filter-content .filter-panel .filter-item {
            display: block;
            position: relative;
            margin: 0 .75rem;
            line-height: 2.15rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: .7rem;
            color: #666
        }

            .filter-content .filter-panel .filter-item i {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                font-size: 1rem;
                color: #01af63
            }

            .filter-content .filter-panel .filter-item.active {
                color: #01af63
            }

                .filter-content .filter-panel .filter-item.active i {
                    display: block
                }

            .filter-content .filter-panel .filter-item span {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 5rem;
                display: block
            }

        .filter-content .filter-panel .filter-tab-item {
            display: block;
            padding: 0 .75rem;
            line-height: 2.15rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: .7rem;
            color: #666
        }

            .filter-content .filter-panel .filter-tab-item.active {
                background: #fff;
                color: #00B477
            }

            .filter-content .filter-panel .filter-tab-item.on {
                position: relative
            }

                .filter-content .filter-panel .filter-tab-item.on:after {
                    content: '';
                    position: absolute;
                    width: .4rem;
                    height: .4rem;
                    background-color: #00B477;
                    border-radius: 50%;
                    left: .375rem;
                    top: 50%;
                    margin-top: -2px
                }

        .filter-content .filter-panel .scroll-wrap {
            height: 100%;
            width: 100%;
            overflow: hidden
        }

        .filter-content .filter-panel .dest-type {
            float: left;
            width: 20%;
            height: 100%;
            background: #eee
        }

        .filter-content .filter-panel .dest-country {
            float: left;
            width: 33.3%;
            height: 100%;
            background: #fff
        }

        .filter-content .filter-panel .dest-city {
            float: left;
            width: 46%;
            height: 100%
        }

        .filter-content .filter-panel .feature-type, .filter-content .filter-panel .time-type {
            float: left;
            width: 33.3%;
            height: 100%;
            background: #f7f9fa
        }

        .filter-content .filter-panel .feature-list, .filter-content .filter-panel .time-list {
            float: left;
            width: 66.6%;
            height: 100%
        }

        .filter-content .filter-panel .city-types, .filter-content .filter-panel .country-types, .filter-content .filter-panel .feature-types, .filter-content .filter-panel .time-types {
            display: none
        }

            .filter-content .filter-panel .city-types.active, .filter-content .filter-panel .country-types.active, .filter-content .filter-panel .feature-types.active, .filter-content .filter-panel .time-types.active {
                display: block
            }

.scroller {
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.filter-content .filter-panel-mdd {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .filter-content .filter-panel-mdd .dest-type {
        float: none;
        display: table-cell;
        width: 22%
    }

    .filter-content .filter-panel-mdd .dest-country {
        float: none;
        display: table-cell;
        width: 33%;
        position: relative;
        z-index: 2
    }

        .filter-content .filter-panel-mdd .dest-country ul {
            padding: 0 .5rem
        }

            .filter-content .filter-panel-mdd .dest-country ul li {
                padding: 0 0 0 5px
            }

        .filter-content .filter-panel-mdd .dest-country .filter-item {
            margin: 0
        }

        .filter-content .filter-panel-mdd .dest-country .destinationCity .filter-item {
            color: #666;
            margin: 0
        }

            .filter-content .filter-panel-mdd .dest-country .destinationCity .filter-item.active i {
                display: none
            }

        .filter-content .filter-panel-mdd .dest-country .departureCity .filter-tab-item.active i {
            display: block
        }

        .filter-content .filter-panel-mdd .dest-country .filter-tab-item {
            overflow: inherit
        }

            .filter-content .filter-panel-mdd .dest-country .filter-tab-item:first-child:before {
                display: none
            }

            .filter-content .filter-panel-mdd .dest-country .filter-tab-item.active {
                position: relative
            }

                .filter-content .filter-panel-mdd .dest-country .filter-tab-item.active a {
                    color: #00B477
                }

                .filter-content .filter-panel-mdd .dest-country .filter-tab-item.active:before {
                    content: '';
                    position: absolute;
                    right: -.75rem;
                    top: .825rem;
                    width: .5rem;
                    height: .5rem;
                    border: 1px solid #e5e5e5;
                    border-top: 0;
                    border-right: 0;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    background-color: #fff
                }

.city-types, .filter-content .filter-panel .city-types {
    height: 15.5rem
}

.filter-content .filter-panel-mdd .dest-country .filter-tab-item span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 5rem;
    display: block
}

.filter-content .filter-panel-mdd .dest-country .scroll-wrap {
    overflow: inherit;
    height: 15.5rem
}

.filter-content .filter-panel-mdd .dest-city {
    float: none;
    width: auto;
    display: none
}

    .filter-content .filter-panel-mdd .dest-city.show {
        display: table-cell
    }

    #destination_country_1 .filter-tab-item.active:before, .filter-content .filter-panel-mdd .dest-city.hide {
        display: none
    }

#filter_feature {
    overflow: hidden
}