@charset "utf-8";


/* ===== */
.bannerbg {
    position: relative;
}

    .bannerbg::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/home_bg.png) no-repeat;
        background-size: 100% 100%;
    }

.index-top {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 10px;
    box-sizing: border-box;
}

    .index-top .link_a {
        padding-right: 15px;
    }

    .index-top .icon_img {
        width: 30px;
        height: 30px;
    }

    .index-top .index_search {
        font-size: 14px;
        background-color: rgba(229, 229, 229, 0.3);
        background-image: url(../images/icon/searchshop.png);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        background-position: 5px 3px;
        color: #fff;
        border: 1px solid rgba(238, 238, 238, 0.2);
        border-radius: 30px;
        padding: 0 10px;
        box-sizing: border-box;
    }


        .index-top .index_search .search-ipt {
            width: 100%;
            height: 35px;
            line-height: 35px;
            background: transparent;
            color: #fff;
            padding: 0 30px;
        }

            .index-top .index_search .search-ipt::-webkit-input-placeholder {
                color: #fff;
            }

            .index-top .index_search .search-ipt::-webkit-input-placeholder {
                color: #fff;
            }

            .index-top .index_search .search-ipt::-moz-placeholder {
                color: #fff;
            }

            .index-top .index_search .search-ipt:-moz-placeholder {
                color: #fff;
            }

/*  */
.banner {
    /*padding: 10px 20px;*/
    padding-bottom: 5px;
    position: relative;
    z-index: 9;
}


    .banner .swiper-slide .img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

@media only screen and (min-width:800px) {
    .banner .swiper-slide .img {
        max-height: 460px;
    }
}

/*  */
.scroll_news {
    background: #fff;
    margin: 5px;
    font-size: 14px;
    border-radius: 6px;
    position: relative;
    height: 40px;
}

    .scroll_news .news-tit {
        position: absolute;
        top: 10px;
        left: 10px;
        display: block;
    }

        .scroll_news .news-tit .news-icon {
            width: 42px;
            height: 14px;
            border: none;
        }

    .scroll_news .news_list_wrapper {
        width: 100%;
        box-sizing: border-box;
        padding-right: 50px;
        padding-left: 50px;
        overflow: hidden;
    }

        .scroll_news .news_list_wrapper .sroll_list {
            font-size: 14px;
            height: 40px;
            line-height: 40px;
        }

            .scroll_news .news_list_wrapper .sroll_list .link_a {
                font-size: 12px;
                color: #000;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: block;
                line-height: 40px;
                margin-left: 10px;
            }

    .scroll_news .news_more {
        color: #000;
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 12px;
        line-height: 40px;
    }

    .scroll_news .line {
        background: #000;
        width: 1px;
        height: 10px;
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
        vertical-align: middle;
    }

/**/


.homenav {
    background: #fff;
    border-radius: 12px;
    margin: 5px;
    overflow: hidden;
}

    .homenav .nav_a {
        float: left;
        display: block;
        text-decoration: none;
        width: 25%;
        text-align: center;
        padding: 10px 0;
        box-sizing: border-box;
    }

        .homenav .nav_a .tagicon {
            width: 30px;
            height: 30px;
            box-sizing: border-box;
        }

        .homenav .nav_a .tag {
            font-size: 12px;
            color: #000;
            margin-top: 3px;
        }

/*二段*/
.homenav12 {
    background: #fff;
    border-radius: 6px;
    margin: 5px;
    overflow: hidden;
}

    .homenav12 .nav_a {
        float: left;
        display: block;
        text-decoration: none;
        width: 50%;
        text-align: center;
        padding: 10px 0;
        box-sizing: border-box;
    }

        .homenav12 .nav_a .tagicon {
            width: 36px;
            height: 36px;
            box-sizing: border-box;
        }

        .homenav12 .nav_a .tag {
            font-size: 12px;
            color: #000;
            margin-top: 3px;
        }



.category {
    background: linear-gradient(-90deg, #bc073c 0%, #90191c 100%);
    margin: 10px;
}

    .category nav {
        overflow: hidden;
    }

        .category nav a {
            display: block;
            float: left;
            width: 33.3%;
            text-align: center;
            margin: 10px 0
        }

            .category nav a span {
                vertical-align: sub;
                font-size: 14px;
                position: relative;
                top: 5px;
                left: 0;
                bottom: 0;
                right: 0
            }

            .category nav a img {
                width: 25px;
                height: 25px;
            }

        .category nav .tagicon {
            width: 50px;
            height: 50px;
        }

        .category nav a p {
            font-size: .55rem;
            margin-top: .5rem;
        }

.category-icon {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    color: #fff;
    font-size: 20px;
    border-radius: 2rem;
    box-shadow: 0 0 1px #b0b0b0 inset; /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;*/
}

.category nav a em {
    background: #fff;
    border: 1px solid #ff5500;
    color: #ff5500;
    /*position: absolute;*/
    top: 10px;
    right: 20%;
    min-width: 18px;
    height: 18px;
    vertical-align: middle;
    line-height: 16px;
    border-radius: 50%;
    font-size: 12px;
}

.foblique {
    font-style: oblique;
}

.category-name {
    color: #fff;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    margin-top: 5px;
}

.category-icon.bg1 {
    background: #65b4ff;
}

.category-icon.bg2 {
    background: #f9608c;
}

.category-icon.bg3 {
    background: #87d237;
}

.category-icon.bg4 {
    background: #766cf3;
}

.category-icon.bg5 {
    background: #ff8b64;
}

.category-icon.bg6 {
    background: #837aed;
}

.category-icon.bg7 {
    background: #f5ae36;
}

.category-icon.bg8 {
    background: #ff6160;
}

.category-icon.bg9 {
    background: #3ac37f;
}

.category-icon.bg10 {
    background: #38cfee;
}

.category-icon.bg11 {
    background: #43b748;
}

.category-icon.bg12 {
    background: #31ccfc;
}

.category-icon.bg13 {
    background: #993302;
}

.category-icon.bg14 {
    background: #f74c32;
}

.category-icon.bg15 {
    background: #fff;
}
/*菜单结束*/


/*  */
.homead {
    margin: 0 auto;
}

    .homead img {
        width: 100%;
    }

/* ======== */

.share {
    min-height:calc(100vh - 44px);
    background: #194538 url(../images/user/sharebg.jpg) no-repeat;
    background-size:100% 100%;
}

.share_ad {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .share_ad img {
        width: 100%;
    }

.share .share_box {
    position: relative;
    width: 75%;
    top: -200px;
    margin: 0 auto;
    margin-bottom: -160px;
    z-index: 332;
    padding-bottom: 10px;
    background: #ffffff9e;
    border-radius: 10px;
}

    .share .share_box .qr-tit {
        position: relative;
        width: 180px;
        margin: 0 auto;
        top: -20px;
        /*height: 50px;*/
        padding: 5px;
        line-height: 20px;
        font-size: 18px;
        background: linear-gradient(35deg, #e5e687, #f3d728);
        border-radius: 10px;
        margin-bottom: -20px;
    }

    .share .share_box .qr-tit {
        color: #fff;
        font-size: 14px;
    }

        .share .share_box .qr-tit:before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -5px;
            left: 5px;
            height: 10px;
            width: 10px;
            background: #fff;
            border-radius: 50%;
        }

        .share .share_box .qr-tit:after {
            content: "";
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -5px;
            height: 10px;
            width: 10px;
            background: #fff;
            border-radius: 50%;
        }

    .share .share_box .qr_box {
        width: 120px;
        margin: 0 auto;
    }

        .share .share_box .qr_box .qrimg {
            width: 120px;
            height: 120px;
            margin: 0 auto;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .share .share_box .yqm {
        font-size: 14px;
        color: #333333;
        background: rgba(255, 255, 255, 0);
        text-align: center;
        width: 100%;
        border: none;
        margin: 0 auto;
        margin-bottom: 10px;
        outline: none;
        display: none;
    }

.share .bctp_btn {
    width: 160px;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 35px;
    display: block;
    text-align: center;
    background: linear-gradient(to top, #e5e687, #f3d728);
    color: #fff;
}

/* ====== */

.map .map-box {
    background: #FFFFFF;
    padding: 20px 10px;
    display: flex;
}

    .map .map-box .map-left {
        width: 50px;
        margin-right: 10px;
    }

        .map .map-box .map-left img {
            width: 50px;
            height: 50px;
            border: 2px dotted #e2e2e2;
            border-radius: 50%;
        }

    .map .map-box .map-right {
        width: 100%;
    }

        .map .map-box .map-right div {
            width: 25%;
            float: left;
            text-align: center;
        }

        .map .map-box .map-right img {
            width: 50px;
            height: 50px;
            margin: 2px;
            border: 2px dotted #e2e2e2;
            border-radius: 50%;
        }

/* ===== */

.team {
    background: #fff;
    border-radius: 5px;
    margin: 5px 10px;
    padding: 10px 5px;
}

    .team .team_item {
        width: 100%;
        color: #000;
        font-size: 13px;
        -webkit-align-self: baseline;
        align-self: baseline;
    }

    .team.w3 .team_item {
        width: 33.333333333%;
    }

    .team.w2 .team_item {
        width: 50%;
    }

    .team .team_item .div_p {
        word-break: break-all;
        margin-top: 5px;
        font-size: 13px;
        color: #000;
    }




.myteam {
    margin: 0 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .myteam .div_li {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

        .myteam .div_li .team-left {
            width: 70px;
        }

            .myteam .div_li .team-left .user-left-img {
                width: 50px;
                height: 50px;
                box-sizing: border-box;
                border: 2px solid rgb(243 244 246);
                border-radius: 50%;
            }

                .myteam .div_li .team-left .user-left-img .img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }

.user-left-name {
    font-size: 12px;
    width: 60px;
}

.myteam .div_li .team-right {
    width: 100%;
}

.myteam .div_li .team-right-text {
    font-size: 13px;
    line-height: 20px;
}

.myteam .div_li .team-right-text-left {
    font-size: 13px;
    color: #000;
}

.myteam .div_li .team-btn {
    padding: 0 5px;
    font-size: 12px;
    color: #6d4e02;
    background: linear-gradient(45deg, #f0c255, #f6d074, #fee3a4, #f4cc6d, #f0c255);
    border-radius: 2px;
}

.myteam .div_li .div_l {
    border-left: 1px solid #eee;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
}

    .myteam .div_li .div_l:first-child {
        border: none;
    }

/* ===== */
.my_top {
    margin: 10px;
    padding: 15px;
    position: relative;
}
.my_top::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    border-radius: 5px;
     background:url('../images/user/mybg.jpg') no-repeat bottom;
    background-size:cover;
}
.my_top_photo {
    float: left;
    width: 70px;
    height: 70px;
    /*border-radius: 100%;*/
    overflow: hidden;
    box-sizing: border-box;
}

    .my_top_photo .img {
        width: 100%;
        height: 100%;
        background-color: #fff;
         border-radius: 50%;
    }

.my_top_data {
    margin-left: 10px;
    line-height: 20px;
}

    .my_top_data .item {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }

.fred {
    color: red;
}

.red {
    background-color: red;
}

.huang {
    background-color: #ebda12;
}

.lv {
    background-color: #3cb55c;
}

.hui {
    background-color: #999;
}

.my_top_data .level {
}

    .my_top_data .level span {
        color: #6d4e02;
        padding: 2px 5px;
        background: linear-gradient(45deg, #f0c255, #f6d074, #fee3a4, #f4cc6d, #f0c255);
        font-size: 12px;
        border-radius: 2px;
        font-weight: bold;
    }

/*  */
.tools {
    position: relative;
    z-index: 2;
    margin: 5px 10px;
    border-radius: 6px;
    padding-top: 5px;
    background: #fff;
}

.bar-title {
    font-size: 14px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #000;
    box-sizing: border-box;
    border-bottom: 1px solid #f6f6f6;
}

    .bar-title .icon-img {
        width: 18px;
        margin-right: 6px;
    }

    .bar-title .link-a {
        font-size: 12px;
        float: right;
        color: #999;
        position: relative;
        text-decoration: none;
        padding: 0 10px;
    }


        .bar-title .link-a:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: #999;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: relative;
            top: 50%;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 3%;
        }


.tools_link {
    position: relative;
    box-sizing: border-box;
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 0 10px 10px;
}

.tools div em {
    background: #fff;
    border: 1px solid #ff8e22;
    color: #ff8e22;
    position: absolute;
    top: -5px;
    right: 20%;
    min-width: 18px;
    height: 18px;
    vertical-align: middle;
    line-height: 16px;
    border-radius: 50%;
    font-size: 12px;
    font-style: normal;
}


.tools_link .link_a {
    display: block;
    width: 25%;
    text-align: center;
    margin: 5px 0;
    position: relative;
}

    .tools_link .link_a .icon-order {
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
        background: linear-gradient(35deg, #93bff4, #73a9e6);
        padding: 8px;
        border-radius: 10px;
    }
    .tools_link .link_a .icon-order1 {
        width: 45px;
        height: 45px;
        margin-bottom: 4px;
        
        padding: 8px;
        border-radius: 10px;
    }
    .tools_link .link_a .icon-img {
        width: 35px;
        height: 35px;
    }

    .tools_link .link_a .link_name {
        font-size: 13px;
        color: #000;
    }

.introductioninfo nav {
    overflow: hidden;
    height: 100%;
}

    .introductioninfo nav a {
        display: block;
        float: left;
        width: 100%;
    }

        .introductioninfo nav a span {
            vertical-align: sub;
            font-size: 12px;
            color: #6f6161;
            top: 5px;
            left: 0;
            bottom: 0;
            right: 0
        }



/*菜单*/
.navbar {
    position: relative;
}

    .navbar .item {
        margin: 5px 10px;
        position: relative;
        padding: 12px 10px;
        font-size: 14px;
        border-radius: 5px;
        background: #FFFFFF;
    }

        .navbar .item .link_a {
            width: 100%;
            font-size: 13px;
            line-height: 20px;
            position: relative;
            /* 	display: flex;
	align-items: center; */
            color: #000000;
        }

        .navbar .item:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1px 1px 0 0;
            border-color: #858ea1;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: relative;
            top: -.2rem;
            position: absolute;
            top: 50%;
            margin-top: -.2rem;
            right: 3%;
        }

        .navbar .item.nojt:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 0;
            border-color: #bbbbbb;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: relative;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 10px;
        }

        .navbar .item .link_a .icon-img {
            color: #8f8f8f;
            font-size: 20px;
            width: 18px;
            margin-right: 6px;
            vertical-align: middle;
        }

        .navbar .item .link_a span {
            color: #afafaf;
            float: right;
        }

/* ===== */
.news-list {
    padding: 5px 0;
}

    .news-list .news-item {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        background: #fff;
    }

    .news-list .news-item-con {
        padding: 10px;
        position: relative;
    }

        .news-list .news-item-con .news-item-dot {
            position: relative;
            margin-bottom: 5px;
            color: #000;
            padding-left: 15px;
            font-size: 13px;
        }

            .news-list .news-item-con .news-item-dot::before {
                content: " ";
                position: absolute;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                box-sizing: border-box;
                background: #01a588;
                left: 0;
                top: 50%;
                margin-top: -4px;
            }

        .news-list .news-item-con .title {
            display: block;
            font-size: 14px;
            color: #000;
            margin-bottom: 5px;
        }

        .news-list .news-item-con .con {
            font-size: 12px;
            color: #999;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;
            margin-bottom: 3px;
        }

/* ===== */

.notice-detail {
    padding: 15px;
    background: #fff;
}

    .notice-detail .tit {
        font-size: 16px;
        color: #000;
        text-align: center;
    }

    .notice-detail .time {
        display: block;
        color: #999;
        text-align: center;
        font-size: 12px;
        padding-bottom: 5px;
    }

    .notice-detail .notice-con {
        color: #555;
        font-size: 14px;
    }

        .notice-detail .notice-con img {
            max-width: 100%;
        }

.navbar .item .link_a i {
    font-size: 20px;
    width: 18px;
    margin-right: 6px;
    vertical-align: middle;
}

.zi2 {
    color: #e8e85c;
}

.fred {
    color: red;
}
/* ===== */

.allwallet {
    padding: 15px;
    background: url(../images/user/mybg.jpg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
}

    .allwallet .credit-row {
        display: flex;
        align-items: center;
    }

        .allwallet .credit-row .data-num {
            font-size: 24px;
            margin: 5px;
            line-height: 30px;
            height: 30px;
        }

.adimg img {
    width: 30px;
}

.allwallet .bottom-nav {
    width: 100%;
}

    .allwallet .bottom-nav .button {
        width: 60px;
        margin-right: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 28px;
        background: linear-gradient(45deg, #f0c255, #f6d074, #fee3a4, #f4cc6d, #f0c255);
        color: #000;
        border: 1px solid #fad376;
    }

/*  */
.record {
    box-sizing: border-box;
}
.tishibox{padding:10px;font-size: 15px;}
    .record .record_li {
        background: #fff;
        padding: 10px;
        position: relative;
        margin-bottom: 5px;
    }

        .record .record_li.ch_detail:after {
            content: " ";
            display: inline-block;
            height: 8px;
            width: 8px;
            border-width: 1px 1px 0 0;
            border-color: #858EA1;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right: 10px;
        }

        .record .record_li .record_item {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
        }

            .record .record_li .record_item .div_name {
                color: #000;
                font-size: 14px;
            }

            .record .record_li .record_item .div_time {
                color: #999;
                font-size: 12px;
            }

            .record .record_li .record_item .div_span {
                color: #000;
                font-size: 13px;
            }

            .record .record_li .record_item .div_text {
                color: #000;
                word-break: break-all;
            }

            .record .record_li .record_item .link_a_btn {
                display: block;
                color: #4677d7;
                font-size: 12px;
                padding: 0 10px;
                border-radius: 2px;
                border: 1px solid #4677d7;
            }

/* ======== */
.email-box {
    padding: 15px;
    background: #fff;
    margin-bottom: 20px !important;
}

.email-con {
    font-size: 14px;
    color: #555;
}

    .email-con .shijiain {
        float: right;
        color: #a5a3a3;
    }

    .email-con .fjr {
        padding-bottom: 10px;
    }

    .email-con .emailbox {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
    }

        .email-con .emailbox li {
            line-height: 25px;
        }

            .email-con .emailbox li .p_con {
                text-indent: 2em;
            }

    .email-con .huifubox {
        background: #f3f4f6;
        padding: 10px;
        line-height: 25px;
    }

    .email-con .no_huify {
        color: #f00;
    }

    .email-con .huify {
        color: #555;
    }

    .email-con .huifubox i {
        margin-right: 5px;
    }

/* ======= */
.myset {
}

.set-header {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #f6f7f9;
    border-bottom: 1px solid #f6f7f9;
}

    .set-header .set-info {
        background: #fff;
        padding: 10px;
    }

        .set-header .set-info:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 1.2px 1.2px 0 0;
            border-color: #999;
            border-style: solid;
            -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
            transform: matrix(.71, .71, -.71, .71, 0, 0);
            position: relative;
            top: -.2rem;
            position: absolute;
            top: 50%;
            margin-top: -.2rem;
            right: 15px;
        }

        .set-header .set-info .use_img {
            background: #f3f4f9;
            border-radius: 60px;
            border: 1px solid #f6f7f9;
            width: 50px;
            height: 50px;
        }

        .set-header .set-info .img {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            border: 1px solid #ddd;
        }

        .set-header .set-info .xinxi {
            margin-right: 20px;
            color: #999;
            font-size: 14px;
        }

/**/
.navbar .item.setitem {
    margin: 0 auto;
    position: relative;
    padding: 13px 10px;
    font-size: 14px;
    border-radius: 5px;
    background: #FFFFFF;
}

.rz-img {
    width: 120px;
}

/* ====== */
.bank_list {
    margin: 10px;
}

.addbox {
    border-radius: 6px;
    padding: 8px;
    background: #fff;
    background-size: 200%;
    margin-bottom: 10px;
}

    .addbox.alipay {
        background: -webkit-linear-gradient(to right, #72f0fd, #0f7eb3);
        background: linear-gradient(to right, #72f0fd, #0f7eb3);
        background-size: 200%;
    }

    .addbox.wechat {
        background: -webkit-linear-gradient(to right, #63dd33, #25cc30);
        background: linear-gradient(to right, #98ff70, #25cc30);
        background-size: 200%;
    }

    .addbox .img {
        display: block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .addbox .bank_info {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 50px;
        color: #fff;
        position: relative;
    }

        .addbox .bank_info .div_h3 {
            font-size: 14px;
            line-height: 20px;
            color: #000;
        }

        .addbox .bank_info .div_p {
            font-size: 13px;
            color: #666;
            line-height: 20px;
        }

        .addbox .bank_info .div_h3.updata {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .addbox .bank_info .div_h3.updata.bl {
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

        .addbox .bank_info .link_a {
            color: #000;
            font-size: 12px;
            padding: 10px 5px;
        }

.alert-qr {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 80%;
    margin-top: -10px;
}

.addway {
    text-align: center;
}

    .addway .link_a {
        display: block;
        width: 200px;
        margin: 30px auto;
        font-size: 14px;
        color: #fff;
    }

    .addway .img {
        width: 50px;
        height: 50px;
        margin: 10px auto;
        display: block;
    }

/* 弹窗 */
.a_mask {
    display: none;
    position: fixed;
    z-index: 9;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .a_mask .a_box {
        width: 276px;
        overflow: hidden;
        background-color: #fff;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .a_mask .a_box .alert_img {
            width: 100%;
            height: 100%;
        }

        .a_mask .a_box .result_img {
            width: 120px;
        }

        .a_mask .a_box .a_head {
            text-align: center;
            font-size: 16px;
            min-height: 40px;
        }

        .a_mask .a_box .a_tips {
            text-align: center;
            font-size: 14px;
            line-height: 48px;
        }

        .a_mask .a_box .a_head {
            text-align: center;
            font-size: 16px;
            line-height: 48px;
        }

        .a_mask .a_box .a_input {
            margin: 10px;
            padding: 0 10px;
            font-size: 11px;
            border: 1px solid #eee;
            border-radius: 6px;
        }

        .a_mask .a_box .a_ipt {
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 11px;
        }

        .a_mask .a_box .a_input .yy_picker {
            width: 100%;
            padding: 10px 0;
            text-align: center;
        }

        .a_mask .a_box .a_input .div_jt {
            width: 0px;
            height: 0px;
            font-size: 0;
            line-height: 0;
            display: inline-block;
            margin-left: 5px;
            border-style: solid;
            border-color: #999 transparent transparent transparent;
            border-width: 6px 4px 6px;
            position: relative;
            top: 5px;
            right: 0px;
        }

.a_btn_box {
    text-align: center;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

.a_btn {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    border-radius: 0px;
    padding: 0;
}

.a_mask .a_box .a_btn_box .a_btn:first-child {
    border-right: 1px solid #f5f5f5;
    color: #000;
    box-sizing: border-box;
}

/* ======= */


.num-box {
    position: relative;
    z-index: 2;
    padding: 10px 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #f5dbbe;
    margin-bottom: 3px;
}

    .num-box.bg-light {
        background: #fbf0c4;
    }

    .num-box .link-a {
        width: 100%;
        margin: 5px;
        text-align: center;
    }


        .num-box .link-a .num {
            font-size: 16px;
            color: #f00;
        }

        .num-box .link-a .mz {
            font-size: 14px;
            color: #000;
        }

.order-xinxi {
    padding: 5px 0;
    background: #f8f8f8;
}

    .order-xinxi ul {
        background: #fff;
        padding: 10px 15px;
    }

        .order-xinxi ul li {
            font-size: 14px;
            padding: 3px 0;
            color: #666;
        }

/**/

.Tab_box {
    font-size: 14px;
}

.Tab {
    width: 70%;
    margin: 10px auto;
    border: 1px solid #ddd;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
}

    .Tab li {
        float: left;
        width: 50%;
        text-align: center;
        color: #64e3d7;
    }

        .Tab li a {
            display: block;
            font-size: 14px;
            line-height: 35px;
            position: relative;
            cursor: pointer;
            text-align: center;
            color: #64e3d7;
        }

    .Tab .on {
        color: #fff !important;
        background: #64e3d7;
    }

.trade_tab {
    background: #fff;
    position: relative;
    width: 100%;
}

    .trade_tab ul {
        height: 43px;
        line-height: 45px;
        font-size: 14px;
        text-align: center;
    }

        .trade_tab ul li {
            float: left;
            width: 33.3%;
            border-bottom: 2px solid #f4f4f4;
        }

            .trade_tab ul li a {
                color: #999;
                display: block;
                height: 45px;
            }

                .trade_tab ul li a i {
                    color: #fff;
                }

    .trade_tab .active {
        color: #64e3d7;
        border-bottom: 2px solid #64e3d7;
    }

        .trade_tab .active a {
            color: #64e3d7;
        }

    .trade_tab ul li a.active i {
        color: #999;
    }


.xuan {
    border: 2px solid #f0f0f0;
    border-color: #ebc96a;
    background-color: #fcf7e6;
}
/**/
.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.over-statue {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #fff;
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    text-align: right;
    background: rgba(0, 0, 0, 0.2);
}

    .over-statue .overimg {
        width: 120px;
        position: absolute;
        bottom: 0;
        right: 0;
    }


/*购物车*/

.detailfooter {
    height: 55px;
}

.xqfooter {
    height: 50px;
    width: 100%;
    position: fixed;
    background: #f8f8f8;
    bottom: 55px;
    z-index: 1002;
    display: flex;
    align-items: center;
}

    .xqfooter .btn-a {
        float: left;
        width: 40%;
        margin-right: 10px
    }
    .xqfooter .allxuanzhe .che{
    display:  flex;
    align-items: center;
    margin-top: 0px !important;
}

.scang {
    float: left;
    width: 20%;
    margin-right: 10px;
    font-size: 16px;
    padding-top: 20px;
    padding-left: 10px;
}

.xqfooter .btn-a a {
    font-size: 14px;
    border-radius: 0;
    border: none;
    line-height: 50px;
}

.xqfooter .fl {
    background: #fff;
    
}

    .xqfooter .fl a {
        background: #fff;
        height: 45px;
        display: block;
        color: #555;
        /* padding: 8px 0; */
        text-align: center;
    }
 .xqfooter #priceNum{color: #ff8e22;font-size: 16px;}
.xqfooter .fr a {
    border-radius: 0px;
    border: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    height: 55px;
    line-height: 55px;
    display: block;
}

/**/
.allpinnum {
    background-color: #fff;
    height: 48px;
    margin-top: 8px;
}

.allpinnum_img {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.spellBnt {
    font-size: 13px;
    color: #fff;
    width: 77px;
    height: 27px;
    border-radius: 27px;
    background-image: linear-gradient(90deg,#ff2358 0,red);
    text-align: center;
    line-height: 27px;
    margin-left: 16px;
}

.pin_info {
    opacity: 1;
    font-size: 12px;
    font-family: PingFang SC,PingFang SC-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: #e51c23;
    border: 0.5px solid #e51c23;
    border-radius: 11px;
    padding: 0 4px;
    margin: 0 8px 0 13px;
}

.pin_info1 {
    font-size: 12px;
    font-family: PingFang SC,PingFang SC-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: #e51c23;
}

.wpin {
    float: right;
}

.fred {
    color: red;
}
/**/

    /**/
    .sc_list {
    margin-top: 5px;
    padding: 10px;
    padding-top: 0;
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8
}

    .sc_list .shopimg {
        float: left;
    }

        .sc_list .shopimg img {
            width: 60px;
            height: 60px;
            margin-right: 10px;
        }

    .sc_list .deleshow {
        overflow: hidden;
        font-size: 16px;
    }

        .sc_list .deleshow .product-name {
            float: left;
            width: 140px;
            color: #000;
            white-space: normal;
            word-break: break-all;
        }

    .sc_list .prices {
        float: right;
        color: #ff8e22;
        font-size: 16px;
    }

.get_mp {
    float: right;
    text-align: right;
    margin-top: 5px;
}

    .get_mp span.disable {
        cursor: default;
        color: #e9e9e9;
    }

.plus span {
    width: 30px;
    font-size: 14px;
    display: block;
    float: left;
    border: 1px solid #ddd;
    margin-left: -1px;
    text-align: center;
    color: #686868;
    cursor: pointer
}

    .plus span input {
        font-size: 14px;
        outline: none;
        border: 0;
        color: #686868;
        width: 100%;
        text-align: center
    }

.del {
    font-size: 20px;
    color: #ccc;
    padding: 8px 0;
    width: 30px;
    text-align: right;
}

/**/

.mycart {
    background: #fff;
}

.nonenothing {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

    .nonenothing img {
        width: 80px;
    }

    .nonenothing p {
        font-size: 16px;
        color: #9b9b9b;
        padding: 10px 0
    }

    .nonenothing a {
        width: 200px;
        margin: 0 auto;
        border-radius: 4px;
        display: block;
        font-size: 16px;
        padding: 10px 20px;
        color: #fff;
        background: linear-gradient(35deg, #e5e687, #f3d728);
    }

/**/

.orderlistshpop {
    background: #fff;
    overflow: hidden;
}

    .orderlistshpop ul {
        border-top: 1px solid #f8f8f8;
    }

    .orderlistshpop span {
        display: inline-block;
        padding: 4px 0;
    }

        .orderlistshpop span.ShopTotal {
            display: none;
        }

.cartradio {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #ffffff;
    border: solid 1px #dddddd !important;
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    margin: 0 5px;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

.xuanzhe {
    overflow: hidden;
}

    .xuanzhe span.check_t .cartradio {
        background: url(../images/icon_check_white.png) #ff8e22 no-repeat center;
        background-size: 10px auto;
        border: none;
        text-align: center;
        background-clip: padding-box;
    }

.allradio {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #ffffff;
    border: solid 1px #dddddd !important;
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    margin: 0 5px;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

.allxuanzhe span.check_t .allradio {
    background: url(../images/icon_check_white.png) #ff8e22 no-repeat center;
    background-size: 10px auto;
    border: none;
    text-align: center;
    background-clip: padding-box;
}
.fr {
    float: right;
}
.btn {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    border-radius: 5px;
    overflow: hidden;
    outline: none;
}
.jiesuan {
    height: 45px;
    display: block;
    color: #262626;
    line-height: 45px;
    text-align: center;
    border-radius: 0;
}
.btnbackground {
    background: linear-gradient(35deg, #e5e687, #f3d728);
}
/*分页*/

.core_page {
	margin: 0px auto;
	white-space: nowrap;
	clear: both;
	overflow: hidden;
	text-align: center;

}
.core_page  .num{font-size:12px; margin-top:10px;}
.core_page .pagination{height:auto;margin:5px 0;}
.core_page .pagination .disabled {
	display: inline;
	font-size: 14px;
	line-height: 30px;
}

.core_page .pagination .disabled a {
	display: inline;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #F7F7F7;
	border-radius: 2px;
}
.core_page .pagination .active {
	display: inline;
	font-size: 14px;
	line-height: 30px;
}
.core_page .pagination .active a {
	display: inline;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
	color: #fff;
	    background-color: #1d493c;
    border-color: #1c483b;
	border-radius: 2px;
}


.page-select {
	display: inline;
	font-size: 12px;
	padding: 5px 0;
	margin: 0 5px;
	vertical-align: middle;
	color: #333;
	background: #FFFFFF;
	border-radius: 2px;
}

.set-back {
    position: absolute;
    left: 10px;
    top: 10px;
    float: right;
    z-index: 99999;
}

    .set-back .set-icon {
        background: rgba(0, 0, 0, 0.39);
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 50%;
    }



/*  */
.touzi-list {
    margin: 10px;
}

    /*  */
    .touzi-list .rowbox {
        background: #FFFFFF;
        color: #000000;
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

        .touzi-list .rowbox .border-t {
            border-top: 1px solid #eee;
            padding-top: 5px;
        }

        /*  */
        .touzi-list .rowbox .tit {
            font-size: 18px;
            padding-bottom: 5px;
        }

            .touzi-list .rowbox .tit span {
                font-size: 14px;
                color: #ff8e22;
                margin-left: 5px;
            }

        .touzi-list .rowbox .item {
            font-size: 14px;
            position: relative;
        }

            .touzi-list .rowbox .item.txtyellow {
                color: #ff8e22;
            }

            .touzi-list .rowbox .item .btn-submit {
                background: #6ab445;
                display: flex;
                align-items: center;
                padding: 0 10px;
                line-height: 28px;
                font-size: 13px;
                color: #fff;
                border-radius: 28px;
                margin-top: 5px;
            }

                .touzi-list .rowbox .item .btn-submit.btn-ljyy {
                    background: linear-gradient(to right, #ff8f13, #fbb41f);
                    color: #FFFFFF;
                }
                .touzi-list .rowbox .item .btn-submit.btn-ljre {
                    background: linear-gradient(to right, #d11010, red);
                    color: #FFFFFF;
                }
                .touzi-list .rowbox .item .btn-submit.btn-over {
                    background: #909399;
                    color: #FFFFFF;
                }

            .touzi-list .rowbox .item .txt-name {
                font-size: 14px;
                color: #000;
            }

            .touzi-list .rowbox .item .txt-state {
                font-size: 16px;
                color: #333;
            }

            .touzi-list .rowbox .item .txt-num {
                font-size: 14px;
                color: #ff8e22;
            }

            .touzi-list .rowbox .item .txt-money {
                font-size: 14px;
                color: #19be6b;
            }

                .touzi-list .rowbox .item .txt-money span {
                    font-size: 14px;
                    color: #333;
                }

            .touzi-list .rowbox .item .txt-time {
                color: #999;
                font-size: 14px;
            }

/*进度条*/
.progress-bar {
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: #f1f2f6;
    overflow: hidden;
}

    .progress-bar .progress {
        display: block;
        height: 8px;
        background: linear-gradient(to right, #ff8f13, #fbb41f);
        font-size: 12px;
        line-height: 8px;
        color: #333;
        text-align: right;
    }


/* =====================资产========================== */
.topwallet {
    background: #FFFFFF;
}

    .topwallet .top-card {
        margin: 10px;
        padding: 30px 15px;
        border-radius: 10px;
        color: #ffffff;
        position: relative;
        overflow: hidden;
        background: url(../images/walletbg.png) no-repeat;
        background-size: 100% 100%;
    }



        .topwallet .top-card .credit-row {
            margin: 5px 0;
        }

            .topwallet .top-card .credit-row .data-num {
                font-size: 24px;
                font-weight: bold;
                line-height: 30px;
                height: 30px;
            }

/* 金刚区 */
.top-button {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px;
}


    .top-button .nav_a {
        position: relative;
        float: left;
        padding: 1px;
        width: 25%;
        box-sizing: border-box;
        margin: 5px 0;
        text-align: center;
    }

        .top-button .nav_a .tagicon {
            width: 35px;
            height: 35px;
            margin: 0 auto;
        }

        .top-button .nav_a .tag {
            font-size: 13px;
            color: #333;
            margin-top: 3px;
        }

/*  */
.wallet {
    display: block;
    padding-bottom: 10px;
    background: #fff;
    margin-top: 10px;
}

    .wallet .icon-name {
        padding: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #f2f2f3;
    }

        /*  */


        .wallet .icon-name .bizhong-name {
            color: #000;
            font-size: 15px;
        }

.arrow {
    position: relative;
    margin-left: 5px;
}

    .arrow:after {
        content: " ";
        display: inline-block;
        height: 8px;
        width: 8px;
        border-width: 0 0 1px 1px;
        border-color: #a9a5a5;
        border-style: solid;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 0px;
    }

.wallet .wallet-money {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

    .wallet .wallet-money .item {
        color: #000;
        width: 100%;
        text-align: center;
        border-right: 1px solid #EEEEEE;
    }

        .wallet .wallet-money .item:last-child {
            border: none;
        }


        .wallet .wallet-money .item .tit {
            font-size: 13px;
            color: #999999;
            margin-bottom: 10px;
            margin-top: 5px;
        }

        .wallet .wallet-money .item .num {
            color: #000;
            font-size: 16px;
        }

.top-nav-tab {
    position: relative;
    display: table;
    overflow: hidden;
    table-layout: fixed;
    z-index: 8;
    height: 37px;
    background: #FFFFFF;
}

    .top-nav-tab.bg-green {
        background: linear-gradient(to right, #e5e687, #f3d728);
        
    }

    .top-nav-tab .tabs-item {
        width: 1%;
        font-size: 14px;
        color: #999999;
        line-height: 35px;
        text-align: center;
        display: table-cell;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
    }

    .top-nav-tab.bg-green .tabs-item {
        color: #FFFFFF;
    }

    .top-nav-tab .tabs-item.tab-active {
        color: #ff8e22;
        font-weight: bold;
        font-size: 14px;
    }


.tab-con {
    display: none;
}

.no-content {
    position: absolute;
    width: 140px;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    overflow: hidden;
    padding: 70px 0;
    text-align: center;
}


    .no-content .text-p {
        font-size: 14px;
        line-height: 40px;
        color: #999;
        text-align: center;
    }

.bar-data {
    color: #fff;
    font-size: 14px;
    background: #1e4a3d;
    padding: 10px;
}

.record {
    box-sizing: border-box;
    margin-top: 7px;
}

    .record .record-groud {
        position: relative;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        background: #FFFFFF;
    }

        .record .record-groud:last-child {
            border-bottom: none;
        }


        .record .record-groud .record_item {
            font-size: 14px;
            line-height: 1.6;
            position: relative;
        }

            .record .record-groud .record_item.jt {
                padding-right: 10px;
            }

                .record .record-groud .record_item.jt:after {
                    content: " ";
                    display: inline-block;
                    height: 8px;
                    width: 8px;
                    border-width: 0 0 1px 1px;
                    border-color: #a9a5a5;
                    border-style: solid;
                    -webkit-transform: rotate(225deg);
                    transform: rotate(225deg);
                    position: absolute;
                    top: 50%;
                    margin-top: -5px;
                    right: 0px;
                }


            .record .record-groud .record_item .head-portrait {
                width: 35px;
            }


                .record .record-groud .record_item .head-portrait img {
                    width: 26px;
                    height: 26px;
                }

            .record .record-groud .record_item .txt-name {
                font-size: 14px;
                color: #000;
            }

            .record .record-groud .record_item .txt-state {
                font-size: 16px;
                color: #333;
            }

            .record .record-groud .record_item .txt-time {
                color: #999;
                font-size: 12px;
            }

            .record .record-groud .record_item .txt-num {
                font-weight: 600;
                font-size: 14px;
                color: #ff8e22;
            }



            .record .record-groud .record_item .txt-breakall {
                color: #CCCCCC;
                word-break: break-all;
            }

            .record .record-groud .record_item .link_a_btn {
                width: 60px;
                display: inline-block;
                color: #fff;
                font-size: 12px;
                border-radius: 3px;
                background: linear-gradient(to top, #2C9368, #2C9368);
                text-align: center;
            }

/*  */

/*  */
.stock-list {
    margin: 10px;
}

    .stock-list .stock {
        background-color: #FFFFFF;
        display: flex;
        margin-bottom: 10px;
    }

        .stock-list .stock .picture {
            height: 100px;
            padding: 10px;
        }

        .stock-list .stock .stock-info {
            padding: 10px;
            padding-left: 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .stock-list .stock .stock-info .tit {
                font-size: 15px;
                font-weight: bold;
                color: #000;
            }

            .stock-list .stock .stock-info .price {
                font-size: 14px;
                color: #000;
            }

                .stock-list .stock .stock-info .price span {
                    color: #F0250F;
                    font-size: 20px;
                }

            .stock-list .stock .stock-info .oldprice {
                font-size: 14px;
                color: #000;
            }

.ad {
    width: 100%;
}

    .ad img {
        width: 100%;
    }

/*  */
.bantong-data {
    margin: 15px;
    color: #000;
}

    .bantong-data .item-data {
        width: 100%;
        font-size: 14px;
    }

        .bantong-data .item-data .tit {
            font-size: 18px;
        }

            .bantong-data .item-data .tit span {
                font-size: 15px;
                background: #00cb9e;
                color: #FFFFFF;
                padding: 2px 8px;
                margin-right: 5px;
            }

        .bantong-data .item-data .text-green {
            color: #00cb9e;
        }

        .bantong-data .item-data .num {
            font-size: 30px;
            color: #F0250F;
        }

            .bantong-data .item-data .num em {
                font-size: 24px;
            }

        .bantong-data .item-data .mz {
            font-size: 14px;
            margin-top: 5px;
        }

        .bantong-data .item-data .txt {
            font-size: 14px;
            flex: 1;
            margin-top: 5px;
        }

.kbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .kbar .curtit {
        height: 41px;
        line-height: 41px;
        font-size: 15px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto;
        font-weight: bold;
        color: #FE5542;
        position: relative;
    }

        .kbar .curtit::after {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 20px;
            height: 2px;
            border-radius: 2px;
            background-color: #FE5542;
        }

    .kbar .openxuanze {
        width: 80px;
        display: flex;
        align-items: center;
    }

        .kbar .openxuanze .xianshi {
            width: 65px;
        }

        .kbar .openxuanze .jiantou {
            position: relative;
            margin-left: 5px;
        }

            .kbar .openxuanze .jiantou.upjt:after {
                content: " ";
                display: inline-block;
                width: 0px;
                height: 0px;
                border-bottom: 8px solid rgba(51, 51, 51, 0.4);
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid transparent;
                position: absolute;
                top: 50%;
                margin-top: -8px;
                right: 0px;
            }

            .kbar .openxuanze .jiantou.downjt:after {
                content: " ";
                display: inline-block;
                width: 0px;
                height: 0px;
                border-top: 8px solid rgba(51, 51, 51, 0.4);
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid transparent;
                position: absolute;
                top: 50%;
                margin-top: -3px;
                right: 0px;
            }


    .kbar .xuanzhe .xianshi {
    }

.KlineBD {
    padding: 0 10px;
    background: #FFFFFF;
    color: #333;
    box-sizing: border-box;
}


    .KlineBD .kxd {
        width: 100%;
        min-height: 240px;
        background: #fff;
        box-sizing: border-box;
    }

/*  */
.footerH {
    position: relative;
    height: 55px;
}

.bfooter {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 55px;
    padding: 0 10px;
    background-color: #fff;
    z-index: 2;
    border-top: 1px solid #F5F5F5;
    box-sizing: border-box;
}

    .bfooter .item {
        text-align: center;
    }

        .bfooter .item .tit {
            font-size: 14px;
            color: #666666;
        }

        .bfooter .item .num {
            font-size: 14px;
        }

            .bfooter .item .num.text-green {
                color: #238F62;
            }

    .bfooter .btn {
        overflow: hidden;
        text-align: center;
        border-radius: 30px;
        height: 40px;
        line-height: 40px;
        padding: 0 45px;
        color: #fff;
        font-size: 15px;
        background: #238F62;
    }
/*  */
.choiceboxmask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: fixed;
    z-index: 102;
    left: 0;
    top: 0;
    display: none;
}

.choicebox {
    display: none;
}

    .choicebox .box {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 999;
    }

        .choicebox .box .div_ul {
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
        }

            .choicebox .box .div_ul .div_li {
                line-height: 45px;
                overflow: hidden;
                font-size: 14px;
                background: #fff;
                width: 100%;
                text-align: center;
                color: #000;
                display: block;
                border-bottom: 1px solid #e4e7ed;
            }


                .choicebox .box .div_ul .div_li.geli {
                    border-top: 8px solid #e4e7ed;
                }
.colorbai {
color:#fff;
}
.colorred {
    color: red;
}

/*账单*/
.zhangdan {
    padding: 30px;
    text-align: center;
}

    .zhangdan img {
        width: 60px;
        height: 60px;
        border-radius: 100%;
    }

    .zhangdan .tit {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .zhangdan .num {
        font-size: 31px;
    }

.record.detailrecord .record-groud::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}
.record.detailrecord::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #efefef;
}
.pl10 {
    padding-left: 10px;
}
/* 支付方式 */

.payway {
    background: #FFFFFE;
    margin: 10px;
    font-size: 14px;
    border-radius: 10px;
}

    .payway.tixian {
        margin: 0 auto;
        font-size: 14px;
        border-radius: 0;
    }

        .payway.tixian .type-item {
            padding: 15px 0;
        }

    .payway .type-item {
        position: relative;
        padding: 15px;
    }

        .payway .type-item .link_a {
            font-size: 13px;
            color: #333;
        }

            .payway .type-item .link_a .tit {
                font-size: 15px;
                color: #333;
            }

            .payway .type-item .link_a .icon_img {
                width: 24px;
                height: 24px;
                border-radius: 50%;
                vertical-align: middle;
            }
/* 单选按钮 */


input.check {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #fff;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

    input.check::after {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 18px;
        border: solid 1px #ddd;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    input.check:checked {
        background: #d22715 url(../images/check.png) no-repeat center;
        background-size: 10px auto;
        text-align: center;
        background-clip: padding-box;
    }

input.check:checked {
    background: #1d493c url(../images/check.png) no-repeat center;
    background-size: 10px auto;
    text-align: center;
    background-clip: padding-box;
}

.checked {
    background: #1d493c url(../images/check.png) no-repeat center;
    background-size: 10px auto;
    text-align: center;
    background-clip: padding-box;
}


.radio {
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #ccc;
    font-size: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

    .radio::after {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 18px;
        border: solid 1px #ddd;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

.che.check-t .radio {
    background: #1d493c url(../images/check.png) no-repeat center;
    background-size: 10px auto;
    text-align: center;
    background-clip: padding-box;
}

    .che.check-t .radio::after {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 18px;
        border: solid 1px#d22715;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
    }
/* ====确认支付====== */
/* ====确认支付====== */
.payprice-box {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #606266;
    background: #FFFFFF;
}

    .payprice-box .icon {
        width: 60px;
    }

    .payprice-box .discount-price {
        color: #262626;
        font-weight: 500;
    }

        .payprice-box .discount-price .unit {
            color: #262626;
            font-size: 13px;
        }

        .payprice-box .discount-price .price {
            font-size: 30px;
        }

.infobox {
    padding: 0 10px;
}

    .infobox .item {
        line-height: 22px;
        padding: 10px 0;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* border-bottom: 0.5px solid #ECECEC; */
    }

        .infobox .item .tit {
            color: #666;
        }

        .infobox .item .con {
            color: #262626;
        }

        .infobox .item .bz-ipt {
            width: 100%;
            color: #333;
            font-size: 14px;
            background: transparent;
        }

        .infobox .item .link_copy {
            width: 14px;
        }


/* ==========订单类型列表============ */
.taborder {
    background: #FFFFFF;
    padding: 10px;
}

    .taborder .item {
        width: 25%;
        padding: 0 2px;
    }

        .taborder .item .link-a {
            font-size: 14px;
            height: 30px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #eee;
            color: #999;
        }

        .taborder .item.active .link-a {
            background: linear-gradient(to top, #c90e21 0%, #e12750 100%);
            color: #FFFFFF;
            font-weight: bold;
        }