@charset "utf-8";
@import "reset.css";

.w1400 {
    width: 1400px
}

@media (max-width:1440px) {
    .w1400 {
        width: 1200px
    }
}
/*头部*/
.header-wrap {
    height: 72px
}

.header {
    background: #FFFFFF;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07)
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8
}

.header .warning {
    background: #fde4bc
}

    .header .warning .w1400 {
        margin: 0 auto;
        line-height: 36px
    }

        .header .warning .w1400 span {
            display: inline-block;
            max-width: 1200px;
            position: relative;
            word-wrap: break-word;
            word-break: break-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.header a.close {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    background: url("/img/www/close_icon.png") center no-repeat
}

.header-content {
    min-width: 1400px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative
}

@media (max-width:1440px) {
    .header-content {
        min-width: 1200px
    }
}
/*登录注册页面引用的简单头部*/
.header-simple {
    background: #F8FAFF;
    border-bottom: 1px solid #eee
}

    .header-simple .wrap1200 {
        width: 1200px;
        padding: 15px 0;
        margin: 0 auto
    }

    .header-simple a.back {
        line-height: 35px;
        color: #F53938
    }

/*头部中间导航*/
.logo {
    position: absolute;
    left: 3%;
    top: 2px
}

    .logo img {
        height:65px
    }

.navbar {
    margin: 0 21% 0 18%;
    text-align: center
}

    .navbar ul {
        white-space: nowrap
    }

    .navbar li {
        display: inline-block;
        height: 45px;
        margin: 0 1.5%
    }

@media (max-width:1680px) {
    .navbar li {
        margin: 0 1.5%
    }
}

@media (max-width:1440px) {
    .navbar li {
        margin: 0 2%
    }
}

@media (max-width:128px) {
    .navbar li {
        margin: 0 2.5%
    }
}

.navbar li > a {
    display: block;
    overflow: hidden;
    float: left;
    font-size: 20px;
    line-height: 36px;
    transition: 0.2s;
    color:#000000;
}

.navbar li i {
    display: inline-block;
    width: 25px;
    height: 27px;
    vertical-align: middle;
    margin-right: 3px;
    transition: background-position 0.2s
}

.navbar li .home {
    background: url("/public/images/sprite_index.png") 0 -81px no-repeat
}

.navbar li .card {
    width: 28px;
    background: url("/public/images/sprite_index.png") 0 -167px no-repeat
}

.navbar li .arrow {
    display: inline-block;
    margin-left: 3px;
    width: 14px;
    height: 8px;
    overflow: hidden;
    background: url("/public/images/sprite_index.png") 0 0 no-repeat
}

.navbar li .intro {
    background: url("/public/images/sprite_index.png") 0 -53px no-repeat
}

.navbar li .help {
    background: url("/public/images/sprite_index.png") 0 -140px no-repeat
}

.navbar li .contact {
    background: url("/public/images/sprite_index.png") 0 -111px no-repeat
}

.navbar li:hover > a, .navbar li > a.cur {
    color: #F53938
}

.navbar li:hover .arrow {
    background-position: 0 -9px
}

.navbar li:hover .home, .navbar li a.cur .home {
    background-position: -28px -81px
}

.navbar li:hover .card, .navbar li a.cur .card {
    background-position: -31px -167px
}

.navbar li:hover .intro, .navbar li a.cur .intro {
    background-position: -29px -53px
}

.navbar li:hover .help, .navbar li a.cur .help {
    background-position: -30px -140px
}

.navbar li:hover .contact, .navbar li a.cur .contact {
    background-position: -30px -111px
}

.navbar li .card-drop-menu {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    background: #000000;
    position: absolute;
    top: 46px;
    z-index: 9;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 35px -3px rgba(50,50,50,0.2);
    -webkit-box-shadow: 0 5px 35px -3px rgba(50,50,50,0.2);
    transition: 0.2s
}

.navbar li.relative:hover .card-drop-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.navbar li .card-drop-menu .imglist {
    width: 552px
}

    .navbar li .card-drop-menu .imglist a {
        float: left;
        width: 160px;
        display: inline-block;
        margin: 18px 0 0 18px;
        position: relative;
        top: 0;
        transition: top 0.4s
    }

        .navbar li .card-drop-menu .imglist a:hover {
            top: -4px;
            color: #F53938
        }

    .navbar li .card-drop-menu .imglist em {
        display: block;
        text-align: center;
        line-height: 100%;
        font-size: 14px
    }


.navbar li .card-drop-menu .cost {
    background-position: -2px 0
}

.navbar li .card-drop-menu .game {
    background-position: -182px 0
}

.navbar li .card-drop-menu .fuel {
    background-position: -362px 0
}

.navbar li .card-drop-menu .ecshop {
    background-position: -2px -100px
}

.navbar li .card-drop-menu .food {
    background-position: -182px -100px
}

.navbar li .card-drop-menu .video {
    background-position: -362px -100px
}

.navbar li .card-drop-menu .hot-search {
    margin-top: 18px;
    padding: 12px;
    text-align: left;
    border-top: 1px solid #ddd
}

    .navbar li .card-drop-menu .hot-search strong {
        color: #000
    }

    .navbar li .card-drop-menu .hot-search a {
        color: #666;
        display: inline-block;
        font-size: 14px;
        margin-right: 12px
    }

        .navbar li .card-drop-menu .hot-search a:hover {
            color: #F53938
        }


/*底部文件*/
.footer {
    background: #FC6A21;
    color: #FFFFFF;
}

    .footer .wrap1100 {
        width: 1100px;
        margin: 0 auto
    }

    .footer a {
        color: #FFFFFF;
    }

    .footer .f-btm {
        text-align: center;
        padding: 20px 0;
    }


        .footer .f-btm a {
            margin: 20px 8px
        }




/*返回顶部*/
a.back-top {
    display: block;
    width: 53px;
    height: 79px;
    position: fixed;
    z-index: 9;
    right: 1.5%;
    bottom: 3%;
    background: url("/public/images/back_top.png") 0 0 no-repeat;
    transition: 0.2s
}

    a.back-top:hover {
        background-position: 0 -79px
    }

.right-bar {
    width: 60px;
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 8;
    background: #fff;
    box-shadow: 0 5px 35px -3px rgba(50,50,50,.2);
    border-radius: 6px 0 0 6px
}

    .right-bar li {
        height: 60px;
        overflow: hidden;
        border-top: 1px dashed #e6e6e6
    }

        .right-bar li a {
            text-align: center;
            display: block
        }

        .right-bar li i, .right-bar li span {
            display: block;
            height: 60px;
            line-height: 1.3
        }

        .right-bar li .online {
            position: absolute;
            right: -2px;
            top: -20px;
            width: 80px;
            height: 80px;
            background: #00577d;
            border-radius: 16px 0 0 16px;
            border: 1px solid #fff;
            box-shadow: 0 0 0 2px rgba(255,255,255,.8), 0 3px 30px -3px rgba(0,133,254,.6)
        }

            .right-bar li .online span {
                color: #fff;
                height: 24px
            }

@keyframes kfmsg {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(0.75,0.75)
    }

    100% {
        transform: scale(1,1)
    }
}

@-webkit-keyframes kfmsg {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(0.75,0.75)
    }

    100% {
        transform: scale(1,1)
    }
}

@-moz-keyframes kfmsg {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(0.75,0.75)
    }

    100% {
        transform: scale(1,1)
    }
}

@-o-keyframes kfmsg {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(0.75,0.75)
    }

    100% {
        transform: scale(1,1)
    }
}

@-ms-keyframes kfmsg {
    0% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(0.75,0.75)
    }

    100% {
        transform: scale(1,1)
    }
}

.right-bar li .msg {
    width: 40px;
    height: 40px;
    margin: 10px auto 4px auto;
    background: url("/public/images/xiaoxi.png") center no-repeat;
    animation: kfmsg 2s linear infinite alternate
}

.right-bar li .wx {
    background: url("/public/images/weixin.png") center no-repeat
}

.right-bar li .dy {
    background: url("/public/images/dy.png") center no-repeat
}

.right-bar li .fk {
    background: url("/public/images/bianji.png") center no-repeat
}

.right-bar li .top {
    background: url("/public/images/btop.png") center no-repeat
}

.right-bar li .hide-menu {
    transition: 0.3s;
    position: absolute;
    z-index: 7;
    height: 86px;
    width: 260px;
    text-align: center;
    background: #fff;
    box-shadow: 0 5px 35px -3px rgba(50,50,50,.2);
    border-radius: 6px;
    box-sizing: border-box;
    right: -260px;
    top: -22px
}

    .right-bar li .hide-menu .bt {
        margin-top: 5px
    }

    .right-bar li .hide-menu .tel {
        font-size: 16px;
        color: #ff5c38
    }

    .right-bar li .hide-menu .font12 {
        font-size: 12px
    }

.right-bar li .hide-menu1 {
    position: absolute;
    z-index: 7;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    right: -142px;
    top: 0px;
    transition: 0.3s
}

.right-bar li .hide-menu1 img {
    width: 140px;
    height: 140px
}

.right-bar li .hide-menu2 {
    position: absolute;
    z-index: 7;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    right: -142px;
    top: 60px;
    transition: 0.3s
}

    .right-bar li .hide-menu2 img {
        width: 140px;
        height: 140px
    }

.right-bar li .move-top {
    z-index: 8;
    position: relative;
    transition: 0.3s
}

    .right-bar li .move-top:hover {
        transform: translate3d(0,-48px,0)
    }

.right-bar .move-left:hover .hide-menu {
    transform: translate3d(-342px,0,0)
}

.right-bar .move-left:hover .hide-menu1 {
    transform: translate3d(-204px,0,0)
}

.right-bar .move-left:hover .hide-menu2 {
    transform: translate3d(-204px,0,0)
}

/*系统消息提示弹窗*/
.message-box-tip {
    width: auto;
    border: 0;
    background: #fff;
    position: fixed;
    left: 40%;
    top: 28%;
    z-index: 11;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 20px 2px #666;
    -webkit-box-shadow: 0 0 20px 2px #666
}

    .message-box-tip .title {
        padding: 6px 10px;
        background: #e4f2fb;
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0
    }

    .message-box-tip .close-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("/public/images/sprite_index.png") -275px -93px no-repeat;
        cursor: pointer;
        transition: background 0.3s;
        position: absolute;
        top: 8px;
        right: 6px
    }

        .message-box-tip .close-icon:hover {
            background-position: -275px -115px
        }

    .message-box-tip .contents {
        padding: 6%
    }

        .message-box-tip .contents .suc, .message-box-tip .contents .fail {
            display: block;
            width: 80px;
            height: 80px;
            overflow: hidden;
            margin: 0 auto;
            text-indent: -999px;
            background: url("/img/www/mes-box-icon.png") no-repeat
        }

        .message-box-tip .contents .suc {
            background-position: 0 0
        }

        .message-box-tip .contents .error {
            background-position: 0 -81px
        }

        .message-box-tip .contents h3 {
            margin-bottom: 15px
        }

        .message-box-tip .contents .btn {
            display: inline-block;
            margin: 20px 5px;
            height: 32px;
            line-height: 32px;
            padding: 0 20px
        }

    .message-box-tip .login-area {
        width: 384px;
        margin-top: 0
    }

.mask-layout {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: #333;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

/*分页*/
.pager a {
    margin: 0 5px;
    padding: 3px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

    .pager a:hover, .pager a.cur {
        background: #F53938;
        color: #fff
    }

    .pager a.cur {
        cursor: default
    }

/*字体颜色*/
.colorf97373 {
    color: #F97373
}
/*红*/
.color399eff {
    color: #F53938
}
/*蓝*/
.color8e98a8 {
    color: #8E98A8
}
/*灰*/
.color2dd488 {
    color: #2DD488
}
/*绿*/
.color999 {
    color: #999
}

.colorff5c38 {
    color: #FF5C38
}
/*橙*/

/*字号*/
.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font28 {
    font-size: 28px
}

.font30 {
    font-size: 30px
}

/*form按钮*/
.chk {
    width: 16px;
    height: 16px;
    vertical-align: -3px
}

.get-code {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    padding: 0 12px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    line-height: 40px;
    background: #F97373;
    border-radius: 5px
}

    .get-code:hover {
        background: #fb8383
    }

.sub-btn {
    height: 45px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #F53938;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .sub-btn:hover {
        background: #F76262
    }

.oper-btn-green {
    height: 28px;
    line-height: 28px;
    color: #fff;
    padding: 0 5px;
    background: #2DD488;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.oper-btn-blue {
    height: 28px;
    line-height: 28px;
    color: #fff;
    padding: 0 5px;
    background: #F53938;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

    .sub-btn.default, .get-code.default, .oper-btn-green.default, .oper-btn-blue.default {
        background: #eceef0;
        color: #ccc;
        cursor: default
    }

input.error {
    border: 1px solid #F97373 !important;
    background: #fff2f2 !important;
}

select.error {
    border: 1px solid #F97373 !important;
    background: #fff2f2 !important;
}
/*快速登录*/
.spead-login {
    position: fixed;
    left: 38%;
    top: 22%;
    z-index: 11
}

    .spead-login .login-area {
        margin-top: 0;
        width: 480px
    }

    .spead-login .close-icon {
        position: absolute;
        display: inline-block;
        right: -10px;
        top: -10px;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        z-index: 3;
        background: #fff url("/public/images/sprite_index.png") -270px -89px no-repeat;
        cursor: pointer
    }

        .spead-login .close-icon:hover {
            background-position: -270px -111px
        }

/*注册成交步骤*/
.join-step {
    padding: 30px 0;
    color: #fff;
    background: #0aa8d1;
    background: linear-gradient(to right, #58b4fb 0%, #56eda4 100%);
    background: -webkit-linear-gradient(left, #58b4fb 0%, #56eda4 100%);
    background: -moz-linear-gradient(left, #58b4fb 0%, #56eda4 100%);
    background: -o-linear-gradient(left, #58b4fb 0%, #56eda4 100%);
    background: -ms-linear-gradient(left, #58b4fb 0%, #56eda4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58b4fb', endColorstr='#56eda4',GradientType=1)
}

    .join-step ul {
        white-space: nowrap;
        text-align: center
    }

    .join-step li {
        display: inline-block;
        height: 98px;
        position: relative;
        vertical-align: middle
    }

        .join-step li:nth-last-child(1) {
            margin: 0
        }

        .join-step li.txt {
            text-align: center
        }

        .join-step li i {
            display: block;
            width: 72px;
            height: 72px;
            margin: 0 auto;
            background: url("/public/images/sprite-card-step.png") no-repeat
        }

        .join-step li .s1 {
            background-position: 0 0
        }

        .join-step li .s2 {
            background-position: 0 -144px
        }

        .join-step li .s3 {
            background-position: 0 -72px
        }

        .join-step li .s4 {
            background-position: 0 -216px
        }

        .join-step li .s5 {
            background-position: 0 -288px
        }

        .join-step li .s6 {
            background-position: 0 -360px
        }

        .join-step li b {
            font-size: 16px
        }

        .join-step li em {
            display: block;
            width: 5px;
            height: 5px;
            font-size: 0;
            position: absolute;
            right: 0;
            top: 45%;
            background: #FFF;
            border-radius: 50%;
            -webkit-border-radius: 50%
        }

        .join-step li .line {
            width: 136px;
            margin-top: 24px;
            position: relative;
            white-space: nowrap;
            overflow: hidden
        }

            .join-step li .line:before, .join-step li .line:after {
                content: "";
                width: 20px;
                height: 0;
                position: absolute;
                top: 50%;
                border-top: 1px dashed #FFF
            }

            .join-step li .line:before {
                left: 0
            }

            .join-step li .line:after {
                right: 3px
            }

        .join-step li.last {
            margin: 0
        }

@media (max-width:1440px) {
}

/*可销卡的分类Swiper*/
.swiper-category {
    padding-top: 50px;
    background: #EFF3F9
}

    .swiper-category .w1400 {
        margin: 0 auto
    }

    .swiper-category .tab-title {
        padding: 70px 0 0 40px
    }

        .swiper-category .tab-title li {
            float: left;
            width: 120px;
            text-align: center;
            padding: 10px 34px;
            position: relative;
            border-right: 1px solid #ddd
        }

            .swiper-category .tab-title li:nth-last-child(1) {
                border-right: none
            }

            .swiper-category .tab-title li a {
                display: block;
                float: left;
                font-size: 16px;
                line-height: 20px;
                white-space: nowrap
            }

            .swiper-category .tab-title li i {
                display: inline-block;
                width: 25px;
                height: 22px;
                vertical-align: middle;
                margin-right: 5px;
                background: url("/public/images/sprite_index.png") no-repeat
            }

            .swiper-category .tab-title li .s1 {
                background-position: -42px -25px
            }

            .swiper-category .tab-title li .s2 {
                background-position: 9px -25px
            }

            .swiper-category .tab-title li .s3 {
                background-position: -127px -25px
            }

            .swiper-category .tab-title li .s4 {
                background-position: -15px -25px
            }

            .swiper-category .tab-title li .s5 {
                background-position: -66px -24px;
                vertical-align: -5px
            }

            .swiper-category .tab-title li .s6 {
                background-position: -97px -25px
            }

            .swiper-category .tab-title li .s7 {
                background-position: -286px -54px
            }

            .swiper-category .tab-title li .cover {
                position: absolute;
                top: -12px;
                cursor: pointer;
                left: 25px;
                transform: scale(0,0);
                -webkit-transform: scale(0,0);
                opacity: 0;
                filter: alpha(opacity=0);
                visibility: hidden;
                transition: 0.3s
            }

                .swiper-category .tab-title li .cover img {
                    width: 140px;
                    height: 70px
                }

            .swiper-category .tab-title li:hover .cover, .swiper-category .tab-title li.hover .cover {
                opacity: 1;
                filter: alpha(opacity=100);
                visibility: visible;
                transform: scale(1,1);
                -webkit-transform: scale(1,1)
            }

@media (max-width:1440px) {
    .swiper-category .tab-title li {
        padding: 10px 22px
    }

    .swiper-category .tab-title li .cover {
        left: 12px
    }
}

.swiper-category .swiper-container {
    margin: 30px 0 0 0;
    width: 100%;
    height: 360px
}

.swiper-category .swiper-container .pagination {
    width: 100%;
    height: 6px;
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 18px;
    text-align: center
}

.swiper-category .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d3ddeb;
    margin-right: 5px;
    cursor: pointer
}

.swiper-visible-switch { /*background:#06f*/
}

.swiper-category .swiper-container .swiper-active-switch {
    background: #40c4ff
}

.swiper-category .swiper-container .arrow-left, .swiper-category .swiper-container .arrow-right {
    width: 17px;
    height: 30px;
    position: absolute;
    top: 42%;
    transition: 0.3s;
    background: url("/public/images/arrows.png") 0 0 no-repeat
}

.swiper-category .swiper-container .arrow-left {
    left: 3px;
    background-position: -17px 0;
    z-index: 100
}

.swiper-category .swiper-container .arrow-right {
    right: 3px;
    background-position: -17px -30px;
    z-index: 100
}

.swiper-category .swiper-container .arrow-left:hover, .swiper-category .swiper-container .arrow-right:hover {
    transform: scale(1.25,1.25)
}

.swiper-category .swiper-slide-inner {

    display: inline-block;
    margin: 20px 1.3%;
    padding: 20px 1.8%;
    background: #fff;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 0 6px 4px rgba(238, 238, 238, 0.9);
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.swiper-category .swiper-slide-inner:hover {
    transform: scale(1.1,1.1)
}

.swiper-category .swiper-slide-inner .img {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.swiper-category .swiper-slide-inner .img img {
    margin: 47px auto;
    height: 36px;
    max-width: 108px
}

.swiper-category .swiper-slide-inner p {
    padding-top: 15px
}

.swiper-category .swiper-slide-inner strong {
    display: block;
    max-width: 130px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.swiper-category .swiper-slide-inner .txt {
    padding-top: 0;
    color: #FF5C38;
    white-space: nowrap
}

.swiper-category .swiper-slide-inner .btn {
    display: block;
    width: 120px;
    margin: 20px auto 0 auto;
    color: #888;
    line-height: 240%;
    border: 1px solid #ddd;
    border-radius: 16px;
    -webkit-border-radius: 16px
}

.swiper-category .swiper-slide-inner .btn:hover {
    background: #F53938;
    color: #fff
}

@media (max-width:1440px) {
    .swiper-category .swiper-container {
        height: 330px
    }

    .swiper-category .swiper-slide-inner .img {
        width: 118px;
        height: 118px
    }

    .swiper-category .swiper-slide-inner .img img {
        margin: 41px auto
    }

    .swiper-category .swiper-slide-inner p {
        padding-top: 8px
    }

    .swiper-category .swiper-slide-inner .btn {
        margin-top: 10px
    }
}
/*页面底部回收常见问题*/
.foot-faq {
    background: #fff
}

    .foot-faq .w1400 {
        margin: 0 auto;
        padding-bottom: 60px
    }

    .foot-faq .title {
        padding-top: 74px;
        text-align: center
    }

        .foot-faq .title h3 {
            font-size: 30px;
            line-height: 160%;
            letter-spacing: 2px;
            background: url("/img/www/img9.png") center no-repeat
        }

        .foot-faq .title b {
            color: #F53938
        }

    .foot-faq .tab-links {
        text-align: center;
        margin: 30px 0;
        color: #bbb;
        white-space: nowrap
    }

        .foot-faq .tab-links a {
            display: inline-block;
            padding: 2px 8px 4px 8px;
            margin: 0 15px
        }

        .foot-faq .tab-links i {
            display: inline-block;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            margin-right: 3px;
            background: url("/public/images/sprite_index.png") no-repeat
        }

        .foot-faq .tab-links a:hover {
            background: #666;
            border-radius: 16px;
            color: #fff
        }

        .foot-faq .tab-links .s1 {
            background-position: -19px 0
        }

        .foot-faq .tab-links .s2 {
            background-position: -43px -1px
        }

        .foot-faq .tab-links .s3 {
            background-position: -68px 0
        }

        .foot-faq .tab-links .s4 {
            background-position: -90px 0
        }

        .foot-faq .tab-links .s5 {
            background-position: -112px 0
        }

        .foot-faq .tab-links .s6 {
            background-position: -138px 0
        }

    .foot-faq .item {
        float: left;
        width: 40%;
        padding: 0 5%;
        margin: 2.5% 0
    }

        .foot-faq .item h5 {
            font-size: 16px;
            margin-bottom: 20px;
            white-space: nowrap
        }

.wxtxt {
    text-indent: 13px
}

.gzh-img {
    margin-top: -5px;
    width: 170px;
    height: 170px
}

.zxkf-mag {
    margin-left: 4%
}
/*协议*/
.treaty-div {
    line-height: 28px;
    color: #333;
    font-size: 18px;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .treaty-div p {
        padding: 0;
        vertical-align: baseline;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }

    .treaty-div span.tr_ju {
        padding-right: 10px;
    }

    .treaty-div span.tr_ju0 {
        padding-right: 10px;
        font-weight: bold;
    }

    .treaty-div span.tr_ju2 {
        font-weight: bold;
    }

    .treaty-div span.tr_ju3 {
        font-weight: bold;
        text-decoration: underline;
    }

    .treaty-div span.tr_ju4 {
        font-weight: bold;
        text-decoration: underline;
        color: #FF5C38
    }

    .treaty-div div .indent {
        text-indent: 44px
    }

    .treaty-div div .indent2 {
        text-indent: 88px
    }

    .treaty-div b.treatr_b {
        color: #008400;
        font-weight: 400
    }

    .treaty-div b.treatr_b2 {
        text-decoration: underline
    }

    .treaty-div .under {
        text-decoration: underline
    }

/*绑定手机*/
.telent_div {
    text-align: center;
    padding: 15px
}

    .telent_div img {
        width: 50%
    }

    .telent_div h2 {
        color: #333;
        font-size: 24px;
        margin: 15px 0px
    }

    .telent_div .bind-tel-area {
        text-align: left;
        padding: 20px 76px 10px 76px
    }

        .telent_div .bind-tel-area .input {
            border: 1px solid #dee3e8;
            width: 96%;
            height: 40px;
            vertical-align: middle;
            padding: 0 2%;
            font-size: 16px;
            line-height: 40px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
            -webkit-background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
            transition: box-shadow 0.3s
        }

            .telent_div .bind-tel-area .input:focus {
                box-shadow: 0 0 4px 2px #F53938
            }

        .telent_div .bind-tel-area .get-code {
            margin-left: 8px
        }

        .telent_div .bind-tel-area .sub-btn {
            width: 100%
        }

/*实名认证*/
.authent_div {
    text-align: center;
    padding: 20px;
    /*display: none*/
}

    .authent_div h2 {
        color: #333;
        font-size: 24px;
        margin: 15px 0px
    }

    .authent_div div {
        color: #6e768e;
        font-size: 16px
    }

        .authent_div div p.last {
            text-indent: -152px
        }

    .authent_div a {
        background: #F53938;
        border-radius: 6px;
        width: 160px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        margin: 20px 10px 0 10px;
        display: inline-block;
        font-weight: bold
    }

    .authent_div .authbefore .tips {
        font-size: 12px;
        margin-top: 12px
    }

    .authent_div .authbefore .indent1 {
        text-indent: -70px
    }

    .authent_div .authbefore .indent2 {
        text-indent: -10px
    }

    .authent_div .authbefore input {
        width: 75%;
        padding: 5px;
        border: 1px solid #ddd;
        margin: 5px 0
    }

        .authent_div .authbefore input:focus {
            border-color: #F53938
        }

    .authent_div .authSuced {
        width: 90%;
        margin: 18px auto;
        padding: 10px 0;
        text-align: left;
        border: 1px dashed #adceff;
        background: #f5f9ff;
        border-radius: 6px;
        line-height: 30px
    }

        .authent_div .authSuced .label {
            display: inline-block;
            width: 40%;
            text-align: right;
            padding-right: 5px;
            color: #999
        }

.member-details-AuthWindow {
    border-radius: 10px !important
}

    .member-details-AuthWindow .layui-layer-title {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

.xlink {
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 800px;
    display: inline-block;
    height: 20px;
}

/*支付宝认证弹层*/
.zfbcard {
    margin: 0 auto;
    text-align: center
}

    .zfbcard .zfb-h {
        margin: 15px 0;
        font-size: 16px
    }

        .zfbcard .zfb-h strong:last-child {
            margin-left: 5px
        }

    .zfbcard .colorf97373 .cont {
        padding: 6px 10px;
        border: 1px solid #FDD5D5;
        background: #FEF1F1;
        margin: 15px 0 15px 0
    }

    .zfbcard .zfb-mg {
        margin-top: 5px
    }

        .zfbcard .zfb-mg div:first-child {
            float: left;
            background: url(/img/www/card-sl.png) 0 -870px no-repeat;
            width: 200px;
            height: 170px;
            margin-left: 45px
        }

        .zfbcard .zfb-mg div:last-child {
            float: left;
            margin-top: 9px
        }

    .zfbcard .zfb-fh {
        font-size: 14px;
        margin: 20px 0
    }

        .zfbcard .zfb-fh i {
            background: url(/img/www/card-sl.png) -50px -1050px no-repeat;
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin-top: -3px
        }

        .zfbcard .zfb-fh strong {
            margin-left: 10px
        }

/*卖卡提交成功确认弹窗*/
.sbalert div {
    padding: 5px 10px;
    margin: 5px 0;
    font-size: 16px;
    background: #f3f5f9
}

.sbalert p {
    padding-bottom: 10px
}

    .sbalert p span:first-child {
        margin-left: 20px;
        float: left
    }

    .sbalert p span:last-child {
        float: left;
        margin-right: 20px;
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navbar>ul>li{
    position:relative;
}

.navbar>ul>li .sec_nav{
    position: absolute;
    top:40px;
    left:-30px;
    width:120px;
    background: #FFFFFF;
    z-index:999;
    padding:10px;
    display:none;
}
.navbar>ul>li:hover .sec_nav{
    display: block;
}

.sec_nav>ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.sec_nav>ul>li {
    float:left;
    width:100%;
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-align:center;
}
.sec_nav>ul>li>div {
    font-size:16px;
    text-align: center;
}