@charset "utf-8";



/* 字体颜色 */
.white {
    color: #fff !important;
}

.red {
    color: #ff4c4c !important;
}

.green {
    color: #01b28e !important;
}

.blue {
    color: #3e8ff2 !important;
}

.yell {
    color: #ffff52 !important;
}

.org {
    color: #f9951c !important;
}

.cyan {
    color: #16c2c2 !important;
}

.gray {
    color: #666 !important;
}

.gray1 {
    color: #888 !important;
}

.gray2 {
    color: #8c91a5 !important;
}

.gray3 {
    color: #afb2be !important;
}

.gray4 {
    color: #c3ccd8 !important;
}

.dblue {
    color: #d7d8de !important;
}

/* 字体大小 */
.fs_xx {
    font-size: 0.3rem !important;
}

.fs_sss {
    font-size: 0.32rem !important;
}

.fs_xs {
    font-size: 0.34rem !important;
}

.fs_ss {
    font-size: 0.36rem !important;
}

.fs_s {
    font-size: 0.4rem !important;
}

.fs_sm {
    font-size: 0.42rem !important;
}

.fs_m {
    font-size: 0.45rem !important;
}

.fs_ml {
    font-size: 0.48rem !important;
}

.fs_l {
    font-size: 0.5rem !important;
}

.fs_xl {
    font-size: 0.6rem !important;
}

.fs_xxl {
    font-size: 0.7rem !important;
}

.tex_left {
    text-align: left !important;
}

.tex_right {
    text-align: right !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

/* 边界 */
.mar_f1 {
    margin-left: 0.134rem !important;
}

.mar_f2 {
    margin-left: 0.267rem !important;
}

.mar_f3 {
    margin-left: 0.4rem !important;
}

.mar_f4 {
    margin-left: 0.534rem !important;
}

.mar_r1 {
    margin-right: 0.134rem !important;
}

.mar_r2 {
    margin-right: 0.267rem !important;
}

.mar_r3 {
    margin-right: 0.4rem !important;
}

.mar_r4 {
    margin-right: 0.534rem !important;
}
/* 填充 */
.pad_tb1 {
    padding: 0.134rem 0 !important;
}

.pad_tb2 {
    padding: 0.267rem 0 !important;
}

.pad_tb3 {
    padding: 0.4rem 0 !important;
}

.pad_fr1 {
    padding: 0 0.135rem !important;
}

.pad_fr2 {
    padding: 0 0.267rem !important;
}

.pad_fr3 {
    padding: 0 0.4rem !important;
}

.bold {
    font-weight: 600 !important;
}

img {
    width: 100%;
    vertical-align: middle;
}

/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}
/* end */

div, .box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/* 去色 */
.bleed {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/***** swiper翻滚样式 *****/
.swiper-pagination {
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

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

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}
/***** 弹框遮罩层 *****/
.modal_mask, .modal-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 101;
}

/* 更多 */
.fl_note {
    text-align: center;
    line-height: 0.667rem;
    cursor: pointer;
    cursor: pointer;
    color: #aaa;
    font-size: 0.34rem;
    padding-bottom: 0.267rem;
    text-shadow: 0px 0px 10px #fff;
}

/* 块显示/隐藏 */
.con, .cons, .hides {
    display: none;
}

.reveal, .reveals {
    display: block;
}

.prohibit {
    background-image: none !important;
    background: #d2d2d2 !important;
}
/*按钮禁用状态*/

body{
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto !important;
    background:#000;
}

.blue_shadow {
    background: #3573fa;
    background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#54d3dc), to(#3573fa));
    background-image: -webkit-linear-gradient(to right, #54d3dc, #3573fa);
    background-image: -moz-linear-gradient(to right, #54d3dc, #3573fa);
    background-image: -o-linear-gradient(to right, #54d3dc, #3573fa);
    background-image: linear-gradient(to right, #54d3dc, #3573fa);
}

.red_shadow {
    background: #ff365a;
    background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#fe6134), to(#ff365a));
    background-image: -webkit-linear-gradient(to right, #fe6134, #ff365a);
    background-image: -moz-linear-gradient(to right, #fe6134, #ff365a);
    background-image: -o-linear-gradient(to right, #fe6134, #ff365a);
    background-image: linear-gradient(to right, #fe6134, #ff365a);
}

.cyan_shadow {
    background: #bd9623;
    background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#bd9623), to(#b7901c));
    background-image: -webkit-linear-gradient(to right, #bd9623, #b7901c);
    background-image: -moz-linear-gradient(to right, #bd9623, #b7901c);
    background-image: -o-linear-gradient(to right, #bd9623, #b7901c);
    background-image: linear-gradient(to right, #bd9623, #b7901c);
}

.grn_shadow {
    background: #4daa90;
    background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#4daa90), to(#5cb4a0));
    background-image: -webkit-linear-gradient(to right, #4daa90, #5cb4a0);
    background-image: -moz-linear-gradient(to right, #4daa90, #5cb4a0);
    background-image: -o-linear-gradient(to right, #4daa90, #5cb4a0);
    background-image: linear-gradient(to right, #4daa90, #5cb4a0);
}

/***************************** 底部导航 *****************************/
.basenav {
    width: 100%;
    height: 1.227rem;
  
}

footer .foot_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    z-index: 99;
    filter: Alpha(opacity=95);
    background: #333;
    box-shadow: 0 -1px 0.134rem rgba(0,0,0,.13);
}

.foot_nav .foot_navlist {
    padding: 0.107rem 0 0.054rem;
}

.foot_nav li {
    display: table-cell;
    width: 1%;
    text-align: center;
    position: relative;
}

.foot_navlist p {
    line-height: 0.667rem;
    color: #969bb1;
}

    .foot_navlist p i {
        font-size: 0.6rem;
        vertical-align: middle;
        position: relative;
        color: #c7d0e0;
    }

    .foot_navlist p:nth-of-type(2) {
        line-height: 0.4rem;
        font-size: 0.27rem;
    }

.infot_cur a p {
    color: #627eea;
}

    .infot_cur a p i {
        color: #627eea;
    }

@media only screen and (min-width: 750px) {
    footer .foot_nav {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/***** 弹框公共样式   *****/
.dialog_container {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.65);
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 105;
}

    .dialog_container:after {
        display: inline-block;
        content: '';
        width: 0;
        height: 100%;
        vertical-align: middle;
    }

.dialog_box {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
    width: 90%;
}

.dialog_body {
    background-color: #fff;
    padding: 0.267rem;
    border-radius: 0.267rem;
    box-sizing: border-box;
}

.dialog_box .dialog_close {
    position: absolute;
    left: 50%;
    bottom: -1.6rem;
    width: 1.6rem;
    line-height: 1.067rem;
    padding: 0 0.267rem;
    margin-left: -0.8rem;
    text-align: center;
    cursor: pointer;
    opacity: 0.85;
    word-break: break-all;
}

.dialog_close i {
    font-size: 0.95rem;
    color: #fff;
    vertical-align: middle;
}

/* 成功提示  */
.succeed {
    position: fixed;
    width: 70%;
    overflow: hidden;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: -0.6rem;
}

    .succeed .scd_cont {
        text-align: center;
        color: #fff;
        border-radius: 0.134rem;
        background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0 !important;
        filter: Alpha(opacity=55);
        background: #000;
        padding: 0.267rem 0.4rem;
    }

.bom_content p {
    line-height: 0.667rem;
}

@media only screen and (min-width: 640px) {
    .dialog_box {
        width: 65% !important;
    }

    .succeed {
        width: 50%;
        margin-left: -25%;
    }
}

@media only screen and (min-width: 1024px) {
    .dialog_box {
        width: 50% !important;
    }

    .succeed {
        width: 40%;
        margin-left: -20%;
    }
}

@media only screen and (min-width: 1300px) {
    .dialog_box {
        width: 40% !important;
    }
}

@media only screen and (min-width: 1600px) {
    .dialog_box {
        width: 35% !important;
    }

    .succeed {
        width: 30%;
        margin-left: -15%;
    }
}


/* 顶部菜单  */
.header_block {
    width: 100%;
    height: 1.094rem;
}

.header {
    position: fixed;
    display: flex;
    box-sizing: border-box;
    padding: 10px 10px;
    width: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    line-height: 0.8rem;
    text-align: center;
    background: #000;
    border-bottom: solid 1px #666;
    color: white;
}

    .header h2 {
        line-height: 0.8rem;
        text-align: center;
        width: 100%;
        font-size: 0.42rem;
    }

        .header h2 span {
            font-size: 0.36rem;
            color: #a1acbe;
            margin-left: 0.1rem;
        }

    .header .return {
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 10;
        padding: 0rem 0.267rem;
    }

.return i {
    font-size: 0.48rem;
    vertical-align: bottom;
}

.header .scans, .header .sous {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 0.134rem 0.35rem 0.134rem 0.267rem;
}

.scans i, .sous i {
    font-size: 0.48rem;
    color: #37416b;
}

@media only screen and (min-width: 750px) {
    .header {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}
/* end */

/***************************** recharge.html 充值 *****************************/
.charge_nav {
    padding: 0.4rem 0.267rem 0.267rem;
}

    .charge_nav .swiper-slide {
        width: auto;
        line-height: 0.667rem;
        padding: 0.08rem 0.33rem;
        text-align: center;
        margin: 0 0.134rem;
        background: #fff;
        cursor: pointer;
        color: #aebed9;
        border-radius: 0.134rem;
        box-shadow: 0 0 1px #aaa inset;
    }

.swiper_cnav .nvcur {
    color: #627eea;
    background: #fafbff;
    font-weight: 600;
    box-shadow: 0 0 1px #3573fa inset;
}

.charge_main {
    background: #fff;
    padding: 0.267rem;
    margin: 0.134rem 0.267rem;
    box-shadow: 0 0 0.2rem rgba(0,0,0,.1);
    border-radius: 0.134rem;
}

    .charge_main .cge_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.32rem;
    }

.cge_head dl {
    display: flex;
    align-items: center;
}

    .cge_head dl dd {
        line-height: 0.667rem;
        margin: 0 0.134rem;
    }

        .cge_head dl dd.cgcur {
            color: #7380ed;
        }

.cge_head .cge_can {
    line-height: 0.667rem;
    color: #8c91a5;
}

.cge_can span {
    margin: 0 0.08rem;
    color: #ff4c4c;
}

.charge_main .cge_value {
    margin-top: 0.2rem;
    position: relative;
}

.cge_value input {
    height: 1.067rem;
    padding: 0.134rem 0.267rem;
    background: #fafafa;
    border-radius: 0.1rem;
    box-shadow: 0 0 1px #666;
}

.cge_value span {
    position: absolute;
    top: 0;
    right: 0.267rem;
    display: block;
    color: #54d3dc;
    font-size: 0.45rem;
    line-height: 1.067rem;
    font-weight: 600;
}

.charge_main .cge_defray {
    margin-top: 0.267rem;
}

.cge_defray h3 {
    line-height: 0.667rem;
    font-weight: 600;
}

.cge_defray ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0;
}

    .cge_defray ul li {
        width: 31.33%;
        margin: 0.1rem 1%;
        text-align: center;
        line-height: 0.8rem;
        background: #f6f6f6;
        padding: 0.08rem 0;
        color: #9dadc6;
        border-radius: 0.08rem;
        border: solid 1px #f1f1f1;
        cursor: pointer;
        box-sizing: border-box;
        font-size: 0.33rem;
    }

.cge_defray li i {
    font-size: 0.4rem;
    margin-right: 0.08rem;
    vertical-align: middle;
}

.cge_defray li.paycur {
    color: #627eea;
    background: url(../images/icon-gou2.png) no-repeat scroll right bottom;
    background-size: 0.45rem 0.45rem;
    border: solid 1px #627eea;
}

.charge_main .cge_note {
    margin-top: 0.267rem;
}

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

    .cge_note li div {
        line-height: 0.8rem;
        font-size: 0.35rem;
        color: #697190;
    }

    .cge_note li span {
        margin-right: 0.08rem;
    }

    .cge_note li img {
        width: 0.42rem;
        height: 0.42rem;
        overflow: hidden;
        margin-right: 0.134rem;
    }

.stroll_btn {
    width: 85%;
    margin: 0.4rem auto;
    line-height: 1.067rem;
    text-align: center;
    color: #fff;
    font-size: 0.42rem;
    font-weight: 600;
    border-radius: 0.8rem;
    background: #c79403;
}

/***************************** grab.html 自选买卖 *****************************/
.fixed_nav {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #f3f3f3;
    padding: 0.267rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .fixed_nav .charge_nav {
        flex: 1;
        padding: 0;
    }

    .fixed_nav .cge_screen {
        width: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        cursor: pointer;
        margin-left: 0.134rem;
    }

.cge_screen i {
    font-size: 0.52rem;
    vertical-align: middle;
    color: #98aad2;
}

.header .hed_btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    line-height: 0.8rem;
    padding: 0.134rem 0.267rem;
    cursor: pointer;
}

.hed_btn i {
    font-size: 0.43rem;
}

.fre_block {
    width: 100%;
    height: 3.653rem;
}

.free_top {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
}

@media only screen and (min-width: 750px) {
    .free_top {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.free_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
}

    .free_head .fre_ul {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0.267rem 0;
    }

.fre_ul li {
    font-size: 0.4rem;
    padding: 0 0.134rem;
    line-height: 0.8rem;
    font-weight: 600;
    color: #8f9eab;
    margin: 0 0.267rem;
    cursor: pointer;
}

    .fre_ul li.fecur {
        color: #273e57;
        font-size: 0.46rem;
    }

.free_head .fre_screen {
    padding-right: 0.4rem;
    color: #7b8eb6;
    cursor: pointer;
    line-height: 0.8rem;
}

.fre_screen i {
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.free_menu {
    box-sizing: border-box;
}

    .free_menu .fre_nav {
        border-bottom: solid 1px #f3f3f3;
    }

    .free_menu .fre_nav1 {
        padding: 0.2rem 0;
        background: #fff;
    }

.fre_nav1 .swiper-slide {
    width: auto;
    padding: 0 0.4rem;
    line-height: 0.8rem;
    margin: 0 0.134rem;
    background: #f1f1f1;
    cursor: pointer;
    color: #8f9eab;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #aaa inset;
}

.free_menu .fre_nav2 {
    background: #fff;
    padding: 0.267rem 0;
}

.fre_nav2 .swiper-slide {
    width: auto;
    padding: 0 0.4rem;
    line-height: 0.534rem;
    border-left: solid 1px #f1f1f1;
    cursor: pointer;
    color: #aebed9;
}

    .fre_nav2 .swiper-slide:first-of-type {
        border-left: none;
    }

.fre_nav .frcur {
    color: #273e57;
    font-weight: 600;
}

.fre_nav1 .frcur {
    background: #273e57;
    color: #fff;
}

.grab_list {
    margin: 0rem 0 0.267rem;
    box-shadow: 0 0 0.08rem rgba(0,0,0,0.05);
}

    .grab_list li {
        background: #fff;
        padding: 0.267rem;
        position: relative;
        border-bottom: dotted 1px #d9dee3;
    }

        .grab_list li:last-of-type {
            border-bottom: none;
        }

    .grab_list .gab_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.667rem;
        position: relative;
    }

.gab_top h2 {
    font-weight: 600;
    color: #5e6377;
}

.gab_top span {
    font-size: 0.35rem;
    color: #8f9eab;
}

.grab_list .gab_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
}

.gab_center .gab_number {
    color: #697190;
    font-size: 0.36rem;
}

.gab_number span {
    margin: 0 0.08rem;
}

.gab_center .gab_price {
    font-size: 0.45rem;
    font-weight: 600;
}

.gab_price span {
    margin-right: 0.08rem;
    font-weight: 600;
}

.grab_list .gab_down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
    margin-top: 0.134rem;
}

.gab_down dl {
    display: flex;
    align-items: center;
}

    .gab_down dl dd {
        line-height: 0.48rem;
        width: 0.48rem;
        margin-right: 0.134rem;
        font-size: 0.3rem;
        color: #fff;
        text-align: center;
    }

.gab_down dd.yhk {
    background: #e5bd83;
}

.gab_down dd.zfb {
    background: #5c99d7;
}

.gab_down dd.wx {
    background: #61baa5;
}

.gab_down dd.ysf {
    background: #F7261F;
}

.gab_down .gab_btn {
    line-height: 0.8rem;
    width: 2rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0.08rem;
}

.gab_down .sell_btn {
    line-height: 0.8rem;
    width: 2rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0.08rem;
}

/***** 暂无数据 *****/
.no_data {
    padding: 3rem 0 0;
    box-sizing: border-box;
    text-align: center;
    color: #aaa;
    text-shadow: 1px 1px 1px #fff;
}

    .no_data h5 {
        line-height: 2.3rem;
    }

        .no_data h5 i {
            font-size: 2rem;
            vertical-align: middle;
        }

    .no_data p {
        line-height: 0.8rem;
        margin-top: 0.134rem;
        font-size: 0.4rem;
    }

/********* 抢单弹框  ***********/
.knock_box {
    position: fixed;
    left:0;
    bottom: 0;
    width:100%;
    z-index: 105;
    background: #fff;
}

    .knock_box .knk_head {
        padding: 0.4rem 0.4rem 0.267rem;
    }

.knk_head h2 {
    line-height: 0.667rem;
    font-size: 0.48rem;
    font-weight: 600;
}

.knk_head h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.08rem;
}

    .knk_head h3 p {
        line-height: 0.667rem;
    }

    .knk_head h3 span {
        margin-left: 0.134rem;
        font-weight: 600;
        color: #4e81e4;
    }

.knk_number {
    padding: 0 0.4rem;
    margin-bottom: 0.267rem;
}

    .knk_number .nbr_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.8rem;
    }

.nbr_top h2 {
    font-weight: 600;
}

.nbr_top .nbr_whole {
    color: #7380ed;
    cursor: pointer;
}

.knk_number .nbr_opt {
    position: relative;
    margin-top: 0.08rem;
}

.nbr_opt input {
    height: 1.067rem;
    padding: 0.134rem 0.267rem;
    background: #fafafa;
    border-radius: 0.1rem;
    box-shadow: 0 0 1px #999;
}

.nbr_opt span {
    position: absolute;
    top: 0;
    right: 0.267rem;
    display: block;
    color: #F2564E;
    font-size: 0.45rem;
    line-height: 1.067rem;
    font-weight: 600;
}

.knk_bank {
    padding: 0 0.4rem;
    margin-bottom: 0.267rem;
}

    .knk_bank h2 {
        line-height: 0.8rem;
        font-weight: 600;
    }

    .knk_bank dl {
        display: flex;
        align-items: center;
        margin-top: 0.08rem;
    }

        .knk_bank dl dd {
            flex: 1;
            line-height: 0.934rem;
            background: #f7f7fa;
            color: #929eaa;
            margin: 0 0.134rem;
            text-align: center;
            font-weight: 600;
            border: solid 1px #f7f7fa;
            border-radius: 0.08rem;
            cursor: pointer;
        }

    .knk_bank dd.bncur {
        background: #fff;
        color: #3d80cd;
        border-color: #3d80cd;
    }

.knk_few {
    line-height: 0.667rem;
    font-size: 0.35rem;
    text-align: right;
    color: #697190;
    padding: 0 0.4rem;
}

    .knk_few span {
        margin: 0 0.08rem;
    }

.knk_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.4rem;
    line-height: 0.667rem;
    margin-bottom: 0.267rem;
}

    .knk_total h3 {
        color: #697190;
    }

    .knk_total span {
        font-size: 0.45rem;
        font-weight: 600;
    }

.knk_btns {
    display: flex;
    align-items: center;
    padding: 0.267rem 0.4rem 0.4rem;
}

    .knk_btns a {
        flex: 1;
        line-height: 1.067rem;
        text-align: center;
        font-size: 0.42rem;
        color: #fff;
        border-radius: 0.08rem;
    }

    .knk_btns .kn_cancel {
        background: #9dadc6;
        margin-right: 0.267rem;
    }

.knk_bank .knk_sel {
    line-height: 0.8rem;
    background: #fafafa;
    border-radius: 0.1rem;
    box-shadow: 0 0 1px #999;
    padding: 0.134rem 0.267rem;
    position: relative;
}

    .knk_bank .knk_sel:after {
        content: "";
        display: inline-block;
        width: 0.2rem;
        height: 0.2rem;
        position: absolute;
        right: 0;
        top: 50%;
        font-weight: normal;
        margin-top: -0.18rem;
        margin-right: 0.4rem;
        border: 2px solid #bbb;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(135deg);
    }

/********* 筛选弹框  ***********/
.grab_box {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 105;
    background: #fff;
    padding: 0.267rem 0.4rem;
    width: 100%;
    transition: all 1s cubic-bezier(0, 1, 0.3, 1);
    transform: translateY(0%);
}

.slide_up {
    transform: translateY(-150%);
}

.grab_box .gbox_tle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
}

.gbox_tle h2 {
    font-size: 0.52rem;
    font-weight: 600;
}

.gbox_tle .g_esc {
    color: #9dadc6;
}

.grab_box .grab_main {
    margin: 0.267rem 0;
}

.grab_main li {
    margin-bottom: 0.4rem;
}

    .grab_main li h2 {
        line-height: 0.8rem;
        font-size: 0.35rem;
        color: #5e6377;
        padding: 0 0.134rem;
    }

.grab_main .g_opt {
    line-height: 0.934rem;
    background: #f4f3f6;
    border-radius: 0.08rem;
    position: relative;
    box-shadow: 0 0 1px #bbb inset;
}

.g_opt input, .g_opt select {
    height: 0.934rem;
    padding: 0 0.267rem;
}

.grab_main .g_set:after {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: normal;
    margin-top: -0.18rem;
    margin-right: 0.4rem;
    border: 1px solid #9dadc6;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
}

.grab_box .grab_btn {
    width: 100%;
    line-height: 1.067rem;
    margin: 0.667rem auto 0.267rem;
    text-align: center;
    color: #fff;
    font-size: 0.42rem;
    border-radius: 0.8rem;
    cursor: pointer;
}

@media only screen and (min-width: 750px) {
    .knock_box, .fixed_nav, .grab_box {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}


/***************************** grab.html 抢单 - 付款 *****************************/
.form_head {
    padding: 0.4rem;
    text-align: center;
}

    .form_head h2 {
        line-height: 0.534rem;
        font-size: 0.33rem;
        color: #8c91a5;
    }

    .form_head h3 {
        line-height: 0.8rem;
        font-size: 0.6rem;
        font-weight: 600;
    }

        .form_head h3 span {
            margin-right: 0.08rem;
            font-weight: 600;
        }

    .form_head h4 {
        line-height: 0.4rem;
        font-size: 0.36rem;
    }

.form_cont {
    margin: 0.2rem 0.267rem;
}

    .form_cont h2 {
        line-height: 0.8rem;
        font-size: 0.35rem;
        text-align: center;
        color: #98aad2;
        margin-bottom: 0.134rem;
    }

.form_list {
    background: #fff;
    padding: 0.267rem 0.4rem;
    border-radius: 0.134rem;
    box-shadow: 0 0 0.134rem rgba(0,0,0,.1);
}

    .form_list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.667rem;
        padding: 0.2rem 0;
        font-size: 0.36rem;
    }

        .form_list li .fm_name {
            color: #697190;
            width: 2rem;
        }

        .form_list li .fm_data {
            flex: 1;
            text-align: right;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .form_list li .fm_copy, .form_list li .fm_ewm {
            padding-left: 0.267rem;
            cursor: pointer;
        }

.fm_copy i, .fm_ewm i {
    font-size: 0.35rem;
    color: #3573fa;
}

.form_note {
    padding: 0.267rem 0.4rem 0.267rem;
    border-bottom: dotted 1px #cbd9e3;
    margin-bottom: 0.4rem;
}

    .form_note li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.8rem;
        color: #5e6377;
    }

        .form_note li span {
            margin-right: 0.08rem;
            color: #40475a;
        }

.form_state {
    margin: 0.4rem;
    box-sizing: border-box;
}

    .form_state h3 {
        line-height: 0.667rem;
        font-weight: 600;
        color: #8f9eab;
    }

    .form_state p {
        line-height: 0.6rem;
        margin-top: 0.134rem;
        color: #8f9eab;
    }

.form_fot_block {
    width: 100%;
    height: 1.227rem;
}

.form_fot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
}

    .form_fot div, .form_fot a {
        height: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: 0.4rem;
        cursor: pointer;
    }

    .form_fot .fm_cancel {
        width: 2.4rem;
        color: #fff;
        background: #abb9cf;
    }

    .form_fot .fm_define {
        flex: 1;
        color: #fff;
    }

.fm_define span {
    font-size: 0.36rem;
    margin-left: 0.134rem;
    opacity: 0.8;
}

.form_fot .fm_talk {
    width: 1.65rem;
    display: none;
}

.fm_talk i {
    font-size: 0.7rem;
    color: #3573fa;
}

.form_list p {
    margin: 0.4rem 0;
    text-align: center;
    color: #8c91a5;
    font-size: 0.4rem;
}

    .form_list p i {
        font-size: 0.45rem;
        margin-right: 0.134rem;
        vertical-align: middle;
    }

.fm_remove {
    flex: 1;
    background: #abb9cf;
    color: #fff;
}

    .fm_remove i {
        font-size: 0.55rem;
        margin-right: 0.134rem;
        vertical-align: middle;
    }

.fm_fulfil {
    flex: 1;
    background: #2fb583;
    color: #fff;
}

    .fm_fulfil i {
        font-size: 0.55rem;
        margin-right: 0.134rem;
        vertical-align: middle;
    }

.fm_letsb {
    flex: 1;
    background: #f9951c;
    color: #fff;
}

@media only screen and (min-width: 750px) {
    .form_fot {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/******* 资金密码弹框 *******/
.cipher_code {
    padding: 0.4rem;
    box-sizing: border-box;
}

    .cipher_code h2 {
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.46rem;
        font-weight: 600;
        margin-bottom: 0.134rem;
    }

.cg_value {
    margin: 0.4rem 0rem;
}

    .cg_value input {
        height: 1.067rem;
        padding: 0.134rem 0.267rem;
        background: #efeef3;
        border-radius: 0.1rem;
        box-shadow: 0 0 1px #999;
    }

.change_confirm {
    display: flex;
    align-items: center;
    padding: 0 0.134rem 0.4rem;
    box-sizing: border-box;
}

    .change_confirm a {
        flex: 1;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        font-size: 0.42rem;
        margin: 0 0.267rem;
        border-radius: 0.134rem;
    }

    .change_confirm .cg_cancel {
        background: #a3b4d8;
    }

/***** 支付宝二维码 弹框 *****/
.dialog_body .payment_main {
    padding: 0.267rem;
}

.payment_main h2 {
    line-height: 0.667rem;
    text-align: center;
    font-size: 0.48rem;
    color: #616161;
    font-weight: 600;
}

.payment_main p {
    line-height: 0.667rem;
    text-align: center;
    font-size: 0.4rem;
    color: #a5a5a5;
}

.payment_main .pay_ewm {
    width: 6.4rem;
    margin: 0.4rem auto;
}

.pay_ewm canvas {
    width: 100%;
}

/***** 提示弹框  *****/
.bomb_tips {
    padding: 0.267rem;
    box-sizing: border-box;
}

    .bomb_tips h2 {
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.43rem;
        font-weight: 600;
        margin-bottom: 0.134rem;
    }

    .bomb_tips p {
        line-height: 0.8rem;
        color: #5e6377;
        text-align: center;
        font-size: 0.38rem;
    }

.change_confirm {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0.134rem 0.534rem 0.267rem;
    box-sizing: border-box;
}

    .change_confirm a {
        flex: 1;
        width: 100%;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        font-size: 0.42rem;
        margin: 0 0.267rem;
        border-radius: 0.134rem;
    }

    .change_confirm .cg_cancel {
        background: #b7a161;
    }

    .change_confirm .cg_goon {
        background: #c79403;
        margin-top: 0.267rem;
    }

/***************************** accept.html 转让/承兑 - 放行 *****************************/
.fm_data span {
    margin-right: 0.08rem;
}

.form_fot .fm_pass {
    flex: 1;
    color: #fff;
    background: #9dadc6;
}

.fm_pass span {
    font-size: 0.36rem;
    margin-left: 0.134rem;
    opacity: 0.8;
}

.form_fot .fm_appeal {
    width: 2.4rem;
    background: #627eea;
    color: #fff;
}

.form_fot .fm_agree {
    flex: 1;
    color: #fff;
}

/***** 申诉弹框  *****/
.appeal_cont {
    padding: 0 0.267rem 0.267rem;
}

    .appeal_cont h2 {
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.43rem;
        font-weight: 600;
        margin-bottom: 0.134rem;
    }

    .appeal_cont h3 {
        line-height: 0.534rem;
        padding: 0.134rem;
        font-size: 0.35rem;
    }

    .appeal_cont h4 {
        line-height: 0.667rem;
        margin-bottom: 0.134rem;
        font-weight: 600;
    }

    .appeal_cont textarea {
        width: 100%;
        background: #f9f9f9;
        padding: 0.267rem;
        line-height: 0.534rem;
        border-radius: 0.1rem;
        box-shadow: 0 0 1px #555;
    }

/***************************** publish.html 发布广告 *****************************/
.advert_block {
    width: 100%;
    height: 2.667rem;
}

.advert_top {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
}

@media only screen and (min-width: 750px) {
    .advert_top {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.aet_head {
    background: #f3f3f3;
    padding: 0.267rem 0;
}

    .aet_head .aet_ul {
        display: flex;
        align-items: center;
    }

.aet_ul li {
    font-size: 0.4rem;
    padding: 0 0.134rem;
    line-height: 0.8rem;
    font-weight: 600;
    color: #8f9eab;
    margin: 0 0.267rem;
    cursor: pointer;
}

    .aet_ul li.atcur {
        color: #273e57;
        font-size: 0.46rem;
    }

.aet_menu {
    background: #e9e9e9;
    padding: 0.267rem 0.134rem;
}

.aet_nav .swiper-slide {
    width: auto;
    line-height: 0.8rem;
    padding: 0 0.33rem;
    text-align: center;
    margin: 0 0.134rem;
    background: #fff;
    cursor: pointer;
    color: #aebed9;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #aaa inset;
}

.aet_nav .aecur {
    color: #fff;
    background: #273e57;
    font-weight: 600;
    box-shadow: 0 0 1px #273e57 inset;
}

.turn_main {
    box-sizing: border-box;
    background: #fff;
    padding: 0.267rem;
}

    .turn_main .tn_form {
        display: flex;
        align-items: center;
        padding: 0.134rem 0;
    }

.tn_form dd {
    line-height: 0.667rem;
    margin-right: 0.3rem;
    border-radius: 0.8rem;
    font-size: 0.33rem;
    padding: 0 0.267rem;
    color: #bbb;
    border: solid 1px #ddd;
    cursor: pointer;
}

    .tn_form dd.fmcur {
        color: #007AFF;
        border: solid 1px #007AFF;
    }

.turn_main .form_wrap {
    margin-bottom: 0.267rem;
}

.form_wrap .fm_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    line-height: 0.934rem;
}

.fm_top h3 {
    font-weight: 600;
}

.fm_top h4 {
    color: #8c91a5;
    font-size: 0.34rem;
}

    .fm_top h4 span {
        margin: 0 0.08rem;
        font-weight: 600
    }

.form_wrap .fm_opt {
    position: relative;
}

.fm_opt input {
    height: 1.067rem;
    background: #f9f9f9;
    padding: 0.134rem 0.267rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 1px #666;
}

.fm_opt span {
    position: absolute;
    top: 0;
    right: 0.3rem;
    display: block;
    color: #627eea;
    font-size: 0.45rem;
    line-height: 1.067rem;
    font-weight: 600;
}

.form_wrap .fm_scaler {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    line-height: 1.067rem;
    margin-top: 0.267rem;
    box-shadow: 0 0 1px #666;
    padding: 0 0.267rem;
    border-radius: 0.1rem;
}

.fm_scaler h5 {
    font-size: 0.42rem;
}

.fm_scaler input {
    flex: 1;
    line-height: 1.067rem;
    margin: 0 0.267rem;
    font-size: 0.42rem;
}

.fm_scaler span {
    color: #999;
}

.turn_main .tn_other {
    margin-bottom: 0.267rem;
}

.tn_other h3 {
    line-height: 0.934rem;
    font-weight: 600;
}

.tn_other .tn_opt {
    position: relative;
}

    .tn_other .tn_opt input, .tn_other .tn_opt select {
        height: 1.067rem;
        background: #f9f9f9;
        padding: 0.134rem 0.267rem;
        border-radius: 0.1rem;
        box-shadow: 0 0 1px #666;
    }

.tn_other .tn_sel:after {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: normal;
    margin-top: -0.2rem;
    margin-right: 0.4rem;
    border: 2px solid #ccc;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
}

.tn_note {
    margin-top: 0.267rem;
}

    .tn_note dd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        line-height: 0.85rem;
    }

        .tn_note dd b {
            margin-right: 0.08rem;
            font-weight: normal;
        }

        .tn_note dd span {
            font-size: 0.36rem;
        }

            .tn_note dd span:first-of-type {
                color: #697190;
                font-size: 0.35rem;
            }

        .tn_note dd img {
            width: 0.42rem;
            height: 0.42rem;
            overflow: hidden;
            margin-right: 0.134rem;
        }

/*********** 帮助提示  **************/
.bomb_issue {
    margin: 0.134rem;
    max-height: 8rem;
    overflow-y: auto;
}

    .bomb_issue h3 {
        line-height: 0.8rem;
        font-weight: 600;
        font-size: 0.4rem;
    }

    .bomb_issue p {
        line-height: 0.667rem;
        text-align: left;
    }

/************************* data.html 提现成功  ********************************/
.cart_empty {
    padding: 1.6rem 0 0.667rem;
    text-align: center;
}

    .cart_empty p {
        line-height: 1.867rem;
        margin-bottom: 0.267rem;
    }

        .cart_empty p i {
            font-size: 2rem;
            color: #7ccc53;
            vertical-align: middle;
        }

    .cart_empty h3 {
        line-height: 0.667rem;
        color: #aaa;
    }

    .cart_empty .empty_btns {
        line-height: 1.1rem;
        color: #fff;
        font-size: 0.42rem;
        width: 80%;
        margin: 0.934rem auto 0;
        border-radius: 0.8rem;
    }

/***************************** accept.html 转让/承兑 记录 *****************************/
.accept_head {
    padding: 0.267rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .accept_head a {
        width: 1.6rem;
        line-height: 0.8rem;
        background: #fff;
        color: #aebed9;
        border: solid 1px #ccd2d9;
        margin: 0 0.08rem;
        text-align: center;
        position: relative;
    }

/***************************** order.html 我的订单 *****************************/
.odr_block {
    width: 100%;
    height: 1.334rem;
}

.order_head {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
}

    .order_head .odr_ul {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0.267rem 0;
    }

.odr_ul li {
    position: relative;
    font-size: 0.4rem;
    padding: 0 0.134rem;
    line-height: 0.8rem;
    font-weight: 600;
    color: #8f9eab;
    margin: 0 0.267rem;
    cursor: pointer;
}

    .odr_ul li.odcur {
        color: #273e57;
        font-size: 0.46rem;
    }

.order_head .fre_screen {
    padding-right: 0.4rem;
    color: #7b8eb6;
    cursor: pointer;
    line-height: 0.8rem;
}

.fre_screen i {
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.mnu_block {
    width: 100%;
    height: 1.067rem;
}

.order_menu {
    position: fixed;
    top: 2.427rem;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    padding: 0.134rem 0;
}

.odr_nav .swiper-slide {
    width: auto;
    padding: 0 0.4rem;
    line-height: 0.8rem;
    cursor: pointer;
    color: #aebed9;
    position: relative;
}

.odr_nav .orcur {
    color: #273e57;
    font-weight: 600;
}

    .odr_nav .orcur:after {
        content: "";
        display: inline-block;
        width: 30%;
        height: 0.06rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        background: #273e57;
        margin-left: -15%;
        border-radius: 0.4rem;
    }

/*我买的*/
.take_list {
    margin: 0.134rem 0 0.267rem;
    background: #fff;
}

    .take_list a {
        padding: 0.134rem 0.534rem 0.134rem 0.267rem;
        border-bottom: dotted 1px #ddd;
        position: relative;
    }

        .take_list a:last-of-type {
            border-bottom: none;
        }

        .take_list a:after {
            content: "";
            display: inline-block;
            width: 0.2rem;
            height: 0.2rem;
            position: absolute;
            right: 0;
            top: 50%;
            font-weight: normal;
            margin-top: -0.2rem;
            margin-right: 0.2rem;
            border: 1px solid #b6c6e1;
            border-width: 1px 1px 0 0;
            -webkit-transform: rotate(45deg);
        }

    .take_list .tae_tle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.8rem;
    }

.tae_tle h2 {
    font-weight: 600;
}

    .tae_tle h2 code {
        background: #627eea;
        color: #fff;
        margin-right: 0.08rem;
        font-size: 0.35rem;
        padding: 0.05rem 0.08rem 0;
        line-height: 0.4rem;
        display: inline-block;
        vertical-align: middle;
        border-radius: 0.05rem;
    }

.tae_tle span {
    font-size: 0.34rem;
    color: #9dadc6;
}

.tae_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.667rem;
}

    .tae_center span {
        margin: 0 0.08rem;
    }

.take_list .tae_foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
}

.tae_foot .cr_price {
    font-size: 0.45rem;
    font-weight: 600;
}

.cr_price span {
    margin-right: 0.08rem;
    font-weight: 600;
}

.tae_foot .tae_remain {
    display: flex;
    align-items: center;
}

.tae_remain .tea_state {
    font-weight: 600;
}

.tae_remain .ft_state {
    font-size: 0.43rem;
}

.tae_remain .tea_time {
    margin-right: 0.2rem;
    font-size: 0.35rem;
    color: #8a9aa7;
}

.tea_time i {
    font-size: 0.32rem;
    margin-right: 0.08rem;
    color: #9eb1cf;
}

/*我卖的*/
.accept_list {
    background: #fff;
    margin: 0.134rem 0 0.267rem;
}

    .accept_list a {
        background: var(--MylistCardBg);
        box-sizing: border-box;
        padding: 0.134rem 0.267rem;
        /*border-bottom: dotted 1px #ddd;*/
    }

        .accept_list a:last-of-type {
            border-bottom: none;
        }

    .accept_list .take_top {
        line-height: 0.8rem;
        font-weight: 600;
        color: #40475a;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.take_top h3 {
    color: #627eea;
}

    .take_top h3 span {
        margin-left: 0.08rem;
        font-weight: 600;
        color: #333;
    }

.take_top h4 {
    color: #6980b3;
}

.accept_list .take_tle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    line-height: 0.667rem;
    font-size: 0.36rem;
}

.take_tle h2 {
    color: #475266;
}

    .take_tle h2 span {
        margin-left: 0.08rem;
    }

.take_tle p {
    font-size: 0.34rem;
}

.accept_list .take_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
}

.take_center span {
    margin: 0 0.08rem;
}

.te_price span {
    font-size: 0.43rem;
    font-weight: 600;
}

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

.take_foot p {
    font-size: 0.36rem;
}

    .take_foot p span {
        color: #8c91a5;
        margin-left: 0.08rem;
    }

.take_foot .tke_btn {
    line-height: 0.667rem;
    padding: 0 0.267rem;
    border-radius: 0.08rem;
    font-size: 0.34rem;
    font-weight: 600;
}

.take_foot .te_handle {
    color: #fff;
    background: #ff365a;
    background-image: linear-gradient(to right, #fe6134, #ff365a)
}

.take_foot .te_fulfil {
    color: #2fb583;
    background: #e2fdf3;
}

.take_foot .te_cancel {
    color: #9dadc6;
    background: #e5ecf7;
}

.accept_list .take_pay {
    line-height: 0.667rem;
    padding-bottom: 0.134rem;
    font-size: 0.36rem;
}

.take_pay i {
    font-size: 0.45rem;
    vertical-align: middle;
    margin: 0 0.08rem 0 0.134rem;
}

.take_pay span {
    margin-left: 0.08rem;
}

.take_pay .icon-yhk {
    color: #e5bd83;
}

.take_pay .icon-zfb {
    color: #5c99d7;
}

.take_pay .icon-wx {
    color: #61baa5;
}

@media only screen and (min-width: 750px) {
    .order_menu, .order_head {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}
/*** 筛选弹框  ***/
.filter_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 103;
    transition: all .5s cubic-bezier(0, 1, 0.3, 1);
    transform: translateY(0%);
}

.slide_up {
    transform: translateY(-100%);
}

.filter_box .filt_tle {
    position: relative;
    line-height: 0.8rem;
    text-align: center;
    padding: 0.134rem 0;
}

.filt_tle .packup {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    padding: 0.134rem 0.4rem;
    font-size: 0.34rem;
    cursor: pointer;
}

.filter_box ul {
    padding: 0.134rem 0.267rem;
}

.filter_box li {
    float: left;
    /*  width: 19%;*/
    min-width: 20% ;
    padding: 0 0.1rem;
    text-align: center;
    line-height: 0.8rem;
    margin: 0.134rem 0.5%;
    box-sizing: border-box;
    border: solid 1px #e9e9e9;
    border-radius: 0.08rem;
    cursor: pointer;
    font-size: 0.31rem;
}

    .filter_box li.filcur {
        color: #fe9c0c;
        font-weight: 400;
        border-color: #fe9c0c;
    }

.filter_box .ft_tiltle {
    line-height: 0.8rem;
    padding: 0 0.267rem;
    font-weight: 600;
}

.filt_date {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.267rem;
}

    .filt_date .filt_ipt {
        flex: 1;
        background: #fff;
        box-shadow: 0 0 1px #777 inset;
        border-radius: 0.134rem;
        position: relative;
    }

    .filt_date input {
        height: 0.9rem;
        line-height: 0.9rem;
        text-align: center;
        padding: 0 0.267rem;
        font-size: 0.35rem;
        color: #666;
        background: #faf9fb;
        box-shadow: 0 0 1px #999 inset;
        border-radius: 0.134rem;
    }

    .filt_date .filt_wire {
        margin: 0 0.4rem;
        font-size: 0.5rem;
        font-weight: 600;
    }

    .filt_date .filt_ipt:after {
        content: "";
        display: inline-block;
        width: 0.15rem;
        height: 0.15rem;
        position: absolute;
        right: 0.267rem;
        top: 50%;
        margin-top: -0.15rem;
        border: 2px solid #999;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(135deg);
    }

.filter_box .ft_sel {
    line-height: 0.934rem;
    border-radius: 0.1rem;
    position: relative;
    position: relative;
    padding: 0.267rem;
}

.ft_sel select {
    height: 0.934rem;
    line-height: 0.934rem;
    text-align: center;
    padding: 0 0.4rem;
    font-size: 0.35rem;
    color: #666;
    border-radius: 0.134rem;
    background: #faf9fb;
    box-shadow: 0 0 1px #999 inset;
}

.filter_box .ft_sel:after {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: normal;
    margin-top: -0.18rem;
    margin-right: 0.667rem;
    border: 1px solid #9dadc6;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
}

.filter_box .filter_btn {
    padding: 0.4rem 0 0.534rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.filter_btn div {
    line-height: 0.9rem;
    margin: 0 0.267rem;
    width: 28%;
    text-align: center;
    border-radius: 0.08rem;
    color: #fff;
    cursor: pointer;
}

.filter_btn .fr_cancel {
    background: #d9d9d9;
}

.filter_btn .fr_confirm {
    background: #627eea;
}

@media only screen and (min-width: 750px) {
    .stream_top, .filter_box {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/***************************** accept.html - 承兑转让记录  *****************************/
.record_nav {
    position: fixed;
    left: 0;
    top: 2.456rem;
    z-index: 99;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #f1f1f1;
}

    .record_nav ul {
        display: flex;
        align-items: center;
    }

    .record_nav li {
        padding: 0 0.267rem;
        margin: 0 0.134rem;
        line-height: 0.934rem;
        color: #8c91a5;
        position: relative;
        cursor: pointer;
    }

        .record_nav li.rdcur {
            color: #627eea;
        }

            .record_nav li.rdcur:after {
                content: "";
                display: inline-block;
                width: 0.5rem;
                height: 0.06rem;
                position: absolute;
                left: 50%;
                bottom: 1px;
                margin-left: -0.25rem;
                background: #627eea;
            }

.accept_main {
    margin: 0.134rem 0 0.267rem;
}

    .accept_main li {
        margin-bottom: 0.4rem;
    }

        .accept_main li:last-of-type {
            border-bottom: none;
        }

    .accept_main .take_upper {
        padding: 0.134rem 0;
        background: #fafcff;
        cursor: pointer;
        border-bottom: solid 1px #f1f1f1;
    }

.take_upper .upr_tle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.8rem;
    padding: 0 0.267rem;
    position: relative;
    cursor: pointer;
}

.upr_tle h2 {
    font-weight: 600;
}

    .upr_tle h2 span {
        margin-left: 0.134rem;
        font-weight: 600;
    }

.upr_tle .upr_btn {
    color: #98aad2;
    font-size: 0.32rem;
    margin-right: 0.4rem;
}

.upr_zhank {
    position: absolute;
    top: 50%;
    right: 0.2rem;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/icon-jt.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-top: -0.22rem;
}

.take_upper .upr_cancel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.08rem 0.267rem;
}

.upr_cancel h3 {
    font-size: 0.35rem;
    color: #8b9abc;
}

.upr_cancel span {
    line-height: 0.667rem;
    padding: 0 0.4rem;
    background: #627eea;
    color: #fff;
    border-radius: 0.08rem;
    cursor: pointer;
}

.unfold .upr_cancel span {
    color: #627eea;
    background: #fff;
}

.unfold .upr_cancel h3 {
    color: #dce3fa;
}

.take_upper .upr_news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.134rem;
    cursor: pointer;
}

.take_upper .upr_dl {
    flex: 1;
    padding: 0 0.134rem;
}

.upr_dl dd {
    line-height: 0.6rem;
    font-size: 0.34rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    color: #475266;
}

    .upr_dl dd .ur_state {
        color: #ff4c4c;
    }

.unfold .take_upper {
    background: #498edb;
    background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#498edb), to(#3573fa));
    background-image: -webkit-linear-gradient(to right, #498edb, #3573fa);
    background-image: -moz-linear-gradient(to right, #498edb, #3573fa);
    background-image: -o-linear-gradient(to right, #498edb, #3573fa);
    background-image: linear-gradient(to right, #498edb, #627eea);
}

    .unfold .take_upper .upr_tle h2 {
        color: #fff;
    }

    .unfold .take_upper .upr_btn {
        color: #dce3fa;
    }

    .unfold .take_upper .upr_dl dd {
        color: #fff;
    }

        .unfold .take_upper .upr_dl dd .ur_state {
            color: #fff45c;
        }

    .unfold .take_upper .upr_zhank {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

@media only screen and (min-width: 750px) {
    .record_nav {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/***************************** order.html - 发布记录  *****************************/
.issue_block {
    width: 100%;
    height: 2.4rem;
}

.issue_head {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
}

.issue_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
}

    .issue_nav .ise_ul {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 0.267rem 0;
    }

.ise_ul li {
    font-size: 0.4rem;
    padding: 0 0.134rem;
    line-height: 0.8rem;
    font-weight: 600;
    color: #8f9eab;
    margin: 0 0.267rem;
    cursor: pointer;
}

    .ise_ul li.iecur {
        color: #273e57;
        font-size: 0.46rem;
    }

.issue_nav .fre_screen {
    padding-right: 0.4rem;
    color: #7b8eb6;
    cursor: pointer;
    line-height: 0.8rem;
}

.fre_screen i {
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.issue_dl {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0.134rem 0;
}

    .issue_dl dd {
        padding: 0 0.4rem;
        line-height: 0.8rem;
        cursor: pointer;
        color: #aebed9;
        position: relative;
    }

        .issue_dl dd.iucur {
            color: #273e57;
            font-weight: 600;
        }

            .issue_dl dd.iucur:after {
                content: "";
                display: inline-block;
                width: 30%;
                height: 0.06rem;
                position: absolute;
                left: 50%;
                bottom: 0;
                background: #273e57;
                margin-left: -15%;
                border-radius: 0.4rem;
            }

@media only screen and (min-width: 750px) {
    .issue_head {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.swivel_main .accept_list {
    display: none;
}

/***************************** currency.html - 资金密码  *****************************/
.gather_tle {
    line-height: 0.8rem;
    padding: 0.2rem 0.267rem;
    font-weight: 600;
    color: #475266;
    font-size: 0.42rem;
}

    .gather_tle span {
        margin-left: 0.134rem;
        font-size: 0.33rem;
        color: #ff4c4c;
    }

.pass_main {
    background: #fff;
    padding: 0.8rem 0.4rem;
    margin-bottom: 0.8rem;
}

    .pass_main li {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0.267rem 0.4rem;
    }

        .pass_main li span {
            width: 1.9rem;
            /*line-height: 1.067rem;*/
        }

        .pass_main li .form_control {
            flex: 1;
            height: 1.067rem;
            padding: 0.134rem 0.267rem;
            background: #f9f9f9;
            box-shadow: 0 0 1px #666;
            border-radius: 0.1rem;
        }

        .pass_main li .pass_yzm {
            color: #627eea;
            background: #eef1ff;
            border-radius: 0.134rem;
            padding: 0.267rem;
            font-size: 0.34rem;
            margin-left: 0.267rem;
            cursor: pointer;
        }

            .pass_main li .pass_yzm.await {
                color: #fff;
                background: #d1d1d1;
            }

/***************************** currency.html - 收款方式  *****************************/
.collect_main {
    box-sizing: border-box;
    padding: 0.267rem;
}

    .collect_main li {
        background: #fff;
        margin-bottom: 0.267rem;
        padding: 0.267rem 0.267rem 0.9rem;
        box-sizing: border-box;
        border-radius: 0.134rem;
        box-shadow: 0 0 1px #999 inset;
        position: relative;
    }

    .collect_main .bak_name {
        box-sizing: border-box;
    }

.bak_name h3 {
    line-height: 0.8rem;
    font-weight: 600;
    font-size: 0.42rem;
}

    .bak_name h3 i {
        margin-right: 0.134rem;
        font-weight: normal;
        font-size: 0.5rem;
    }

    .bak_name h3 span {
        margin-left: 0.134rem;
    }

.bak_name .icon-yhk {
    color: #e5bd83;
}

.bak_name .icon-zfb {
    color: #5c99d7;
}

.bak_name .icon-wx {
    color: #61baa5;
}

.bak_name p {
    line-height: 0.6rem;
}

    .bak_name p span {
        margin-right: 0.267rem;
        word-break: break-all;
    }

.bak_name h4 {
    line-height: 0.6rem;
    color: #ec6941;
}

.gather_add {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0.267rem 0.134rem;
}

    .gather_add a {
        line-height: 0.934rem;
        background: #627eea;
        text-align: center;
        border-radius: 0.08rem;
        color: #fff;
        width: 3rem;
    }

.collect_main .bak_handle {
    position: absolute;
    right: 0.267rem;
    bottom: 0.267rem;
    z-index: 10;
    display: flex;
    align-items: center;
}

.bak_handle a {
    display: inline-block;
    margin: 0 0.134rem;
    line-height: 0.534rem;
    padding: 0 0.134rem;
    font-size: 0.4rem;
    color: #8d90b5;
}

.bak_handle .bak_add {
    color: #ff4e48;
}

/*禁用/启用 按钮*/
.collect_main .bak_need {
    position: absolute;
    top: 0.267rem;
    right: 0.267rem;
    z-index: 10;
    display: flex;
    align-items: center;
}

.bak_need span {
    line-height: 0.8rem;
    margin-right: 0.134rem;
    font-size: 0.35rem;
    color: #a0a5bb;
}

.bak_need .need_btn {
    box-sizing: border-box;
}

.need_btn .mui-switch {
    width: 1.067rem;
    height: 0.534rem;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 0.8rem;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    box-sizing: border-box;
}

.mui-switch:before {
    content: '';
    width: 0.48rem;
    height: 0.48rem;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.mui-switch:checked {
    border-color: #c79403;
    box-shadow: #c79403 0 0 0 5px inset;
    background-color: #c79403;
}

    .mui-switch:checked:before {
        left: 0.534rem;
    }

/*过度效果*/
.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s;
}

    .mui-switch.mui-switch-animbg:before {
        transition: left 0.3s;
    }

    .mui-switch.mui-switch-animbg:checked {
        box-shadow: #c79403 0 0 0 0 inset;
        background-color: #c79403;
        transition: border-color 0.4s, background-color ease 0.4s;
    }

li.banned .bak_name h3 {
    color: #bbb;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

li.banned .bak_name p {
    color: #bbb;
}

li.banned .bak_name h4 {
    color: #bbb !important;
}

/***************************** currency.html - 添加收款方式列表  *****************************/
.fund_lump {
    margin: 0.4rem 0;
}

    .fund_lump a {
        background: #fff;
        line-height: 0.9rem;
        padding: 0.267rem;
        position: relative;
        border-bottom: dotted 1px #ddd;
        font-size: 0.4rem;
        color: #333;
        font-weight: 600;
    }

        .fund_lump a:last-of-type {
            border-bottom: none;
        }

        .fund_lump a:after {
            content: "";
            display: inline-block;
            width: 0.22rem;
            height: 0.22rem;
            position: absolute;
            right: 0;
            top: 50%;
            font-weight: normal;
            margin-top: -0.12rem;
            margin-right: 0.267rem;
            border: 1px solid #bbb;
            border-width: 1px 1px 0 0;
            -webkit-transform: rotate(45deg);
        }

        .fund_lump a span {
            margin-left: 0.134rem;
            font-weight: normal;
            color: #666;
        }

        .fund_lump a i {
            margin-right: 0.134rem;
            font-weight: normal;
            font-size: 0.5rem;
            vertical-align: middle;
        }

    .fund_lump .icon-yhk {
        color: #e5bd83;
    }

    .fund_lump .icon-zfb {
        color: #5c99d7;
    }

    .fund_lump .icon-wx {
        color: #61baa5;
    }

    .fund_lump .icon-ysf {
        color: #f2564e;
    }


/***************************** currency.html - 添加/修改 收款方式  *****************************/
.gather_nav {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.267rem;
    background: #fff;
    margin: 0 0.267rem;
    border-radius: 0.134rem;
    box-shadow: 0 0 0.08rem rgba(0,0,0,.15);
}

    .gather_nav span {
        line-height: 1.067rem;
        color: #444455;
        margin-right: 0.134rem;
    }

    .gather_nav .form_control {
        flex: 1;
        height: 1.067rem;
        padding: 0 0.4rem;
        background: #f9f9f9 url(../images/ico-jt.png) no-repeat scroll 92% center;
        background-size: 0.187rem 0.134rem;
        color: #444455;
        box-shadow: 0 0 1px #666;
        border-radius: 0.134rem;
    }

.gather_main {
    background: #fff;
    margin: 0.267rem 0;
    padding: 0.267rem 0.4rem;
    margin: 0.267rem;
    border-radius: 0.134rem;
    box-shadow: 0 0 0.08rem rgba(0,0,0,.15);
}

    .gather_main .gat_group {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0.267rem 0;
    }

.gat_group span {
    width: 2.667rem;
    text-align: justify;
    margin-right: 0.267rem;
    line-height: 1.067rem;
    height: 1.067rem;
    font-size: 0.36rem;
}

    .gat_group span:after {
        content: " ";
        display: inline-block;
        width: 100%;
    }

.gat_group .form_control {
    flex: 1;
    height: 1.067rem;
    padding: 0.134rem 0.4rem;
    background: #f9f9f9;
    box-shadow: 0 0 1px #666;
    border-radius: 0.08rem;
}

.gat_group_img .pap_photo {
    flex: 1;
    box-sizing: border-box;
}

.pap_photo dd {
    width: 100%;
    height: 3rem;
    background: #fff;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #d4d4d4;
    border-radius: 0.134rem;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .pap_photo dd input {
        background: #f1f4ff;
        border: none;
        width: 85%;
        height: 1.067rem;
        color: #627eea;
        border-radius: 0.08rem;
        font-size: 0.33rem;
    }

    .pap_photo dd .upfile {
        display: none;
    }

    .pap_photo dd code {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        line-height: 1.6rem;
        cursor: pointer;
        background: #fff;
        color: #ff4e48;
        padding: 0;
        margin: -0.8rem 0 0 -50%;
        border-radius: 0;
        opacity: 0.85;
    }

        .pap_photo dd code i {
            margin-right: 0.08rem;
            font-size: 0.36rem;
        }

    .pap_photo dd img {
        vertical-align: middle;
        width: 50%;
    }

.gar_foot_block {
    width: 100%;
    height: 1.6rem;
}

.gather_foot {
    position: fixed;
    left: 0;
    bottom: 1.227rem;
    z-index: 99;
    width: 100%;
    background: #f3f3f3;
    padding: 0.267rem;
}

    .gather_foot .chairs_btn {
        line-height: 1.067rem;
        text-align: center;
        color: #fff;
        font-size: 0.4rem;
        border-radius: 0.8rem;
    }

@media only screen and (min-width: 750px) {
    .gather_foot {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/************************************** user - 账户流水.html **************************************/
.stream_tle {
    position: fixed;
    top: 2.453rem;
    left: 0;
    z-index: 90;
    width: 100%;
}

    .stream_tle dl {
        display: flex;
        align-items: center;
        background: #edebec;
        box-sizing: border-box;
    }

        .stream_tle dl dd {
            line-height: 1.067rem;
            text-align: center;
            font-size: 0.35rem;
            color: #3963ad;
        }

            .stream_tle dl dd:nth-child(1) {
                width: 36%;
                text-align: left;
                margin-left: 0.134rem;
            }

            .stream_tle dl dd:nth-child(2) {
                width: 32%;
            }

            .stream_tle dl dd:nth-child(3) {
                width: 32%;
                text-align: right;
                margin-right: 0.134rem;
            }

@media only screen and (min-width: 750px) {
    .stream_tle {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.stream_main {
    background: #fff;
    margin: 2.6rem 0 0.267rem;
}

    .stream_main li {
        display: flex;
        align-items: center;
        padding: 0.267rem 0;
        border-bottom: dotted 1px #ddd;
    }

        .stream_main li:last-of-type {
            border-bottom: none;
        }

    .stream_main .sitme {
        text-align: center;
        font-size: 0.33rem;
        line-height: 0.45rem;
        word-break: break-all;
    }

        .stream_main .sitme:nth-child(1) {
            width: 36%;
            text-align: left;
            margin-left: 0.134rem;
        }

        .stream_main .sitme:nth-child(2) {
            width: 32%;
        }

        .stream_main .sitme:nth-child(3) {
            width: 32%;
            text-align: right;
            margin-right: 0.134rem;
        }

/***************************** user.html - 我的资产  *****************************/
.asset_main {
    box-sizing: border-box;
    margin: 0.267rem 0;
}

    .asset_main li {
        background: #fff;
        margin-bottom: 0.134rem;
        padding: 0.267rem;
    }

    .asset_main .ass_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.134rem 0;
        line-height: 0.8rem;
    }

.ass_top .saa_coin {
    display: flex;
    align-items: center;
}

.saa_coin .ass_icon {
    width: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
}

.ass_icon img {
    vertical-align: bottom;
}

.saa_coin .ass_name {
    font-size: 0.45rem;
    font-weight: 600;
    margin-left: 0.134rem;
}

.ass_top .ass_sum {
    font-size: 0.45rem;
}

.ass_sum span {
    margin-right: 0.134rem;
    font-weight: 600;
}

.asset_main .ass_content {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    box-sizing: border-box;
}

.ass_content dd {
    width: 50%;
    line-height: 0.667rem;
    font-size: 0.34rem;
}

    .ass_content dd span {
        margin: 0 0.08rem;
    }

.asset_main .ass_foot {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-top: 0.134rem;
}

.ass_foot a {
    line-height: 0.667rem;
    color: #fff;
    padding: 0 0.4rem;
    margin: 0 0.134rem;
    border-radius: 0.08rem;
}

/***************************** UserCenter.html - 个人中心  *****************************/
.user_lump {
    width: 100%;
    margin-top: 0.4rem;
}

    .user_lump .capital_nav {
        padding-bottom: 0.267rem;
    }

.capital_nav .cap_cont {
    box-sizing: border-box;
    width: 100%;
}

.cap_cont .cap_block {
    padding: 0.134rem 0.2rem;
    box-shadow: 0 0 0.2rem rgba(0,0,0,.18);
    border-radius: 0.134rem;
    background: #fff;
}

.cap_block .cap_tle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.134rem;
    line-height: 0.667rem;
}

.cap_tle h2 {
    font-size: 0.4rem;
    font-weight: 600;
}

.cap_tle p span {
    margin-right: 0.08rem;
}

.cap_block .cap_note {
    padding: 0.134rem 0;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    box-sizing: border-box;
}

.cap_note dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    line-height: 0.667rem;
    font-size: 0.34rem;
    padding: 0 0.134rem;
    box-sizing: border-box;
    color: #5e6377;
}

.cap_block .cap_btns {
    display: flex;
    align-items: center;
    padding: 0.134rem 0.4rem 0.267rem;
}

.cap_btns a {
    flex: 1;
    line-height: 0.8rem;
    color: #fff;
    font-size: 0.36rem;
    border-radius: 0.08rem;
    text-align: center;
    margin: 0 0.267rem;
}

.cap_btns .full {
    background-image: linear-gradient(to right, #f73152, #fc8445);
}

.cap_btns .turn {
    background-image: linear-gradient(to right, #01bdfa, #507ef6);
}

.nav_change {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .nav_change .swiper-pagination-bullet {
        width: 0.4rem;
        height: 0.08rem;
        display: inline-block;
        border-radius: 0.4rem;
        background: #000;
        opacity: 0.15;
        margin: 0 0.134rem;
    }

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

.user_list {
    background: #fff;
    padding: 0.267rem 0 0.4rem;
    margin-bottom: 0.267rem;
}

    .user_list h2 {
        line-height: 0.934rem;
        padding: 0.134rem 0.4rem;
        font-size: 0.42rem;
        font-weight: 600;
    }

    .user_list .lt_itme {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

.lt_itme a {
    width: 25%;
    text-align: center;
    padding: 0.2rem;
    box-sizing: border-box;
}

.lt_itme p {
    line-height: 0.8rem;
    vertical-align: middle;
}

    .lt_itme p i {
        font-size: 0.75rem;
        vertical-align: middle;
    }

.lt_itme h3 {
    line-height: 0.667rem;
    font-size: 0.34rem;
}

/***************************** login.html 登录/注册/忘记密码 *****************************/
.log_main {
    padding: 0.667rem 0.3rem 0.4rem;
    background: url(../images/head-bg1.png) no-repeat scroll 0 0;
    background-size: 100% 100%;
    position: relative;
}

    .log_main h2 {
        width: 100%;
        line-height: 0.934rem;
        text-align: center;
        font-size: 0.48rem;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0.2rem;
    }

.log_cont {
    background: #fff;
    padding: 0.667rem 0.4rem 0.8rem;
    border-radius: 0.134rem;
    background: #fff url() no-repeat center bottom;
    background-size: 100% 3.5rem;
    box-shadow: 0 0 2px #ccc;
}

    .log_cont li {
        display: flex;
        align-items: center;
        padding: 0.134rem 0.4rem;
        margin-bottom: 0.4rem;
        font-size: 0.41rem;
        box-sizing: border-box;
        position: relative;
    }

    .log_cont .log_name {
        width: 0.934rem;
        line-height: 0.934rem;
        margin-right: 0.267rem;
        text-align: center;
    }

.log_name i {
    font-size: 0.6rem;
    vertical-align: middle;
    color: #627eea;
}

.log_cont .log_ipt, .log_container .log_sele {
    flex: 1;
    position: relative;
    border-bottom: solid 1px #e5e5e5;
}

.log_ipt input, .log_ipt select {
    height: 0.934rem;
    padding: 0.134rem 0.4rem;
    font-weight: 400;
}

.log_cont .log_yzm {
    position: absolute;
    top: 0.134rem;
    right: 0.4rem;
    z-index: 10;
    line-height: 0.934rem;
    padding: 0 0.134rem;
    font-size: 0.36rem;
    color: #f7931a;
    cursor: pointer;
}

    .log_cont .log_yzm.await {
        color: #c3badd;
    }

.log_cont .log_validate {
    position: absolute;
    top: 0.18rem;
    right: 0.4rem;
    z-index: 10;
    width: 1.867rem;
    height: 0.8rem;
    cursor: pointer;
}

.log_btn {
    width: 88%;
    margin: 0.4rem auto 0.267rem;
    line-height: 1.1rem;
    text-align: center;
    color: #fff;
    font-size: 0.45rem;
    font-weight: 600;
    border-radius: 0.8rem;
}

.log_note {
    padding: 0.134rem 0.667rem 0.267rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .log_note a {
        line-height: 0.8rem;
        padding: 0 0.4rem;
        color: #fd6915;
        text-decoration: underline;
    }

        .log_note a:last-of-type {
            color: #aaa;
            text-decoration: none;
        }

/***************************** user.html 实名认证 *****************************/
.gather_tips {
    padding: 0 0.267rem;
}

    .gather_tips p {
        line-height: 0.667rem;
        text-align: center;
        color: #ff4c4c;
    }

/***************************** user.html 申请承兑商 *****************************/
.apply_main {
    padding: 0.4rem 0.267rem;
    margin-bottom: 0;
}

.apply_photo {
    margin: 0.267rem 0;
}

    .apply_photo .apply_imgs {
        padding: 0.267rem;
    }

.apply_imgs .apl_chart {
    line-height: 0.934rem;
    font-weight: 600;
    position: relative;
}

.apl_chart code {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0.267rem;
    cursor: pointer;
    color: #627eea;
}

    .apl_chart code i {
        font-size: 0.38rem;
    }

.apply_imgs .apl_plan {
    margin: 0.134rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.apl_plan dd {
    background: #fff;
    width: 5.334rem;
    height: 3.2rem;
    border-radius: 0.134rem;
    box-shadow: 0px 0px 2px #bbb;
    overflow: hidden;
}

.apl_plan .upload_add {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    cursor: pointer;
    width: 0.8rem;
    line-height: 0.8rem;
    display: block;
    text-align: center;
    margin-top: -0.334rem;
    margin-left: -0.4rem;
}

.upload_add i {
    font-size: 0.6rem;
    text-shadow: 0 0 1px #fff;
    color: #54d3dc;
    vertical-align: middle;
}

.apl_plan .upload_del {
    position: absolute;
    top: 50%;
    right: 0.667rem;
    z-index: 10;
    cursor: pointer;
    width: 0.8rem;
    line-height: 0.8rem;
    display: block;
    text-align: center;
    margin-top: -0.4rem;
}

.upload_del i {
    font-size: 0.6rem;
    text-shadow: 0 0 1px #fff;
    color: #f85155;
    vertical-align: middle;
}

/***** 证件照实例 弹框 *****/
.dialog_body .case_main {
    padding: 0.267rem;
}

.case_main h2 {
    line-height: 0.667rem;
    text-align: center;
    font-size: 0.48rem;
    color: #616161;
    font-weight: 600;
}

.case_main p {
    line-height: 0.667rem;
    text-align: center;
    font-size: 0.4rem;
    color: #a5a5a5;
}

.case_main .case_img {
    width: 6.4rem;
    margin: 0.4rem auto;
}


/***************************** message.html 在线留言 *****************************/
.header .speak {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    line-height: 0.667rem;
    padding: 0.2rem 0.3rem;
    color: #d4cdef;
}

.speak i {
    font-size: 0.53rem;
    vertical-align: middle;
}

.remain_cont {
    margin: 0.4rem;
}
    .remain_cont ul{
        width:90%;
        margin:0 auto
    }
    .remain_cont li {
        display: flex;
        background: #fff;
        border-radius: 0.08rem;
        margin-bottom: 0.267rem;
    }

        .remain_cont li .mge_name {
            line-height: 0.934rem;
            padding: 0.134rem 0;
            width: 1.2rem;
            height: 1.2rem;
            text-align: center;
            border-radius: 10px 0 0 10px;
            background: rgba(48, 79, 255, 0.2);
            
        }
        .remain_cont li .mge_name2 {
            line-height: 0.934rem;
            padding: 0.134rem 0;
            width: 1.2rem;
            height: 1.2rem;
            text-align: center;
            border-radius: 10px 0 0 10px;
            background: rgba(255, 150, 0, 0.2);
        }
.mge_name i {
    font-size: 0.6rem;
    vertical-align: middle;
    color: #40475a;
}

.remain_cont li .mge_value {
    line-height: 0.934rem;
    padding: 0.134rem 0;
    flex: 1;
}

.mge_value input {
    height: 0.934rem;
    padding: 0.134rem 0.267rem;
    font-size: 0.4rem;
}

.remain_cont .mge_selct {
    position: relative;
}

    .remain_cont .mge_selct:after {
        content: "";
        display: inline-block;
        width: 0.2rem;
        height: 0.2rem;
        position: absolute;
        right: 0;
        top: 50%;
        font-weight: normal;
        margin-top: -0.18rem;
        margin-right: 0.5rem;
        border: 2px solid #ccc;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(135deg);
        border-radius: 8px;
        background: rgba(255, 150, 0, 0.2);
    }

.mge_value select {
    height: 0.934rem;
    padding: 0 0.267rem;
}
.mge_text{
    width:90%;
    margin:0 auto;
}
.mge_text h2 {
    line-height: 0.934rem;
    width: 1.6rem;
    text-align: center;
    color: #333;
    font-size: 0.4rem;
    font-weight: 700;
}

.mge_text textarea {
    width: 100%;
    margin:0 auto;
    background: #CECFD5;
    padding: 0.267rem;
    line-height: 0.534rem;
    border-radius: 0.3rem;
    box-shadow: 0 0 1px #bbb;
}

/***************************** message.html 留言列表 *****************************/
.mge_nlist {
    margin: 0 auto;
    width:90%;
    margin-top:0.5rem;

}

    .mge_nlist a {
        display: block;
        box-sizing: border-box;
        padding: 0.134rem 0.267rem;
        background: #fff;
        position: relative;
        border-radius: 10px;
        border:0.5px solid #ddd;
        margin-top:2vh;
    }

        .mge_nlist a:last-of-type {
            /*border-bottom: none;*/
        }

        .mge_nlist a h2 {
            font-size: 0.42rem;
            font-weight: 600;
            line-height: 0.534rem;
            word-break: break-all;
            padding: 0.08rem 0;
            color:#000000;
        }

            .mge_nlist a h2 span {
                margin-left: 0.134rem;
                font-weight: 600;
            }

        .mge_nlist a h3 {
            line-height: 0.534rem;
            color: #aaa;
        }

        .mge_nlist a p {
          /*  line-height: 0.667rem;*/
        }

            .mge_nlist a p span {
                margin-left: 0.134rem
            }

        .mge_nlist a :after {
            content: "";
            display: inline-block;
            width: 0.2rem;
            height: 0.2rem;
            position: absolute;
            right: 0;
            top: 50%;
            font-weight: normal;
            margin-top: -0.18rem;
            margin-right: 0.5rem;
            border: 2px solid #ddd;
            border-width: 2px 2px 0 0;
            -webkit-transform: rotate(45deg);
        }

        .mge_nlist a.expire {
            color: #aaa;
        }
 
/***************************** message.html 留言详情 *****************************/
.mge_title {
    padding: 0.267rem;
    background: #fff;
}

    .mge_title h2 {
        line-height: 0.667rem;
        font-size: 0.48rem;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mge_title dl {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 0.134rem;
    }

        .mge_title dl dd {
            line-height: 0.667rem;
            color: #999;
        }

    .mge_title dd span {
        margin-left: 0.134rem;
        font-weight: 800;
        color: #3573fa !important
    }

.mge_main {
    margin-top: 0.4rem;
}

    .mge_main .sent_lump {
        margin: 0.267rem 0.267rem 0.4rem;
    }

.sent_lump .mge_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.267rem;
}

.mge_top .mge_top_fl {
    display: flex;
    align-items: center;
    flex: 1;
}

.mge_top_fl .tp_img {
    width: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
    border-radius: 0.08rem;
}

.mge_top_fl h3 {
    line-height: 0.8rem;
    margin-left: 0.134rem;
    font-size: 0.42rem;
}

.mge_top .mge_top_fr {
    line-height: 0.8rem;
    color: #aaa;
}

.sent_lump .mge_cont {
    padding: 0.267rem;
    background: #fff;
    position: relative;
    margin-top: 0.3rem;
    border-radius: 0.08rem;
}

.mge_cont p {
    line-height: 0.534rem;
    word-break:
}

.sent_lump .mge_cont:after {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #fff;
    position: absolute;
    top: 35%;
    right: -0.1rem;
    -webkit-transform: rotate(45deg);
}

.quiz .mge_cont {
    background: #2c90ff;
    color: #fff;
}

    .quiz .mge_cont:after {
        background-color: #2c90ff;
    }

.answer_cont {
    /*background: #fff;*/
    padding: 0.267rem;
}

    .answer_cont .answer_tle {
        line-height: 0.8rem;
        font-size: 0.4rem;
    }

.answer_tle span {
    background: #ccc;
    color: #fff;
    margin: 0 0.134rem;
    padding: 0.134rem;
    border-radius: 0.08rem;
    cursor: pointer;
    font-size: 0.33rem;
}

.answer_tle .settled {
    background: #ff4d63;
}

.answer_cont h3 {
    line-height: 0.8rem;
    color: #999;
}

.answer_cont .answer_nr {
    margin-top: 0.134rem;
    display: flex;
}

.answer_nr .nr_name {
    width: 1.2rem;
    line-height: 0.8rem;
}

.answer_nr .nr_worinput {
    flex: 1;
}

.nr_worinput textarea {
    width: 100%;
    background: #f7f7f7;
    padding: 0.134rem;
    line-height: 0.534rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 1px #bbb;
}

.answer_cont .submit_btn {
    line-height: 1.067rem;
    color: #fff;
    text-align: center;
    font-size: 0.42rem;
    margin: 0.4rem 0 0.267rem 1.2rem;
    border-radius: 0.8rem;
}

/*************************************  help - 帮助中心.html***************************************/
.help_main {
    box-sizing: border-box;
    margin: 0.267rem 0;
}

    .help_main li {
        box-sizing: border-box;
        border-bottom: dotted 1px #e1e1e1;
    }

    .help_main .aid_upper {
        background: #fff;
        line-height: 1.334rem;
        position: relative;
        cursor: pointer;
        padding: 0 0.4rem;
    }

.aid_upper .ico_zhank {
    position: absolute;
    top: 0;
    right: 0.4rem;
}

.ico_zhank i {
    font-size: 0.4rem;
    color: #c5c5c5;
}

.unfold .aid_upper .ico_zhank {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.help_main .aid_down {
    padding: 0.267rem 0.4rem;
    background: #f0f0f0;
    border-top: solid 1px #e4e4e4;
    display: none;
}

.aid_down a {
    background: url(../images/ico-dian.png) no-repeat left center;
    background-size: 0.1rem 0.1rem;
    line-height: 0.534rem;
    word-break: break-all;
    font-size: 0.34rem;
    color: #4e81e4;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: underline;
    padding-left: 0.4rem;
    margin-bottom: 0.3rem;
}

    .aid_down a:last-of-type {
        margin-bottom: 0;
    }

/*************************************  help - 帮助详情.html***************************************/
.help_detail {
    margin: 0.267rem 0.4rem;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px #fff;
}

    .help_detail h3 {
        line-height: 0.667rem;
        padding: 0.134rem 0;
        border-bottom: solid 1px #e1e1e1;
        font-size: 0.36rem;
        font-weight: 600;
    }

        .help_detail h3 i {
            font-size: 0.5rem;
            margin-right: 0.134rem;
            color: #aaa;
            vertical-align: middle;
        }

    .help_detail .deta_cont {
        margin-top: 0.4rem;
    }

.deta_cont p {
    line-height: 0.534rem;
    font-size: 0.34rem;
    margin-top: 0.267rem;
}

.deta_cont img {
    width: 100%;
    vertical-align: middle;
}


/***************************** adjust.html 订单调整 *****************************/
.form_fot .fm_trim {
    width: 2.1rem;
    color: #fff;
    background: #f8a949;
}

.trim_main {
    padding: 0.4rem;
    margin: 0.667rem 0.267rem 0.4rem;
}

    .trim_main .tn_note {
        margin-top: 0.8rem;
    }

        .trim_main .tn_note dd {
            line-height: 0.9rem;
        }

.trim_foot {
    padding: 0.267rem;
    display: flex;
    align-items: center;
}

    .trim_foot a {
        flex: 1;
        line-height: 1.067rem;
        margin: 0 0.2rem;
        color: #fff;
        text-align: center;
        border-radius: 0.134rem;
    }

.trim_main li {
    margin-bottom: 0.267rem;
}

    .trim_main li:last-of-type {
        margin-bottom: 0;
    }

    .trim_main li .tn_top {
        line-height: 0.667rem;
    }

.turn_main .tn_opt {
    position: relative;
}

.tn_top h3 {
    line-height: 0.8rem;
    margin-bottom: 0.08rem;
}

.tn_opt input {
    height: 0.934rem;
    line-height: 0.934rem;
    padding: 0 0.267rem;
    color: #666;
    box-shadow: 0 0 1px #666;
    border-radius: 0.08rem;
    background: #fafafa;
}

.tn_opt span {
    position: absolute;
    top: 0;
    right: 0.267rem;
    z-index: 10;
    line-height: 0.9rem;
}

/***************************** payment.html 付款 *****************************/
.header .go_pos {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 0.134rem 0.267rem;
    font-size: 0.35rem;
    color: #697190;
}

.payment_head {
    padding: 0 0.267rem 0.267rem;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

    .payment_head h3 {
        line-height: 0.534rem;
        margin-top: 0.267rem;
        font-size: 0.4rem;
    }

    .payment_head .pmt_img {
        width: 4.8rem;
        margin: 0.2rem auto;
    }

    .payment_head .pmt_sum {
        line-height: 0.667rem;
        font-size: 0.42rem;
    }

.pmt_sum span {
    font-weight: 600;
    font-size: 0.43rem;
    margin: 0 0.08rem;
    color: #ff4c4c;
}

.payment_head .pmt_note {
    line-height: 0.667rem;
    color: #98aad2;
}

.pmt_note span {
    margin-left: 0.08rem;
}

.payment_head .pmt_tips {
    line-height: 0.534rem;
    padding: 0.08rem 0.4rem;
    color: #ff4c4c;
}

.payment_head .pmt_btn {
    width: 60%;
    line-height: 0.934rem;
    margin: 0.267rem auto;
    color: #fff;
    border-radius: 0.8rem;
    font-size: 0.4rem;
    cursor: pointer;
    display: block;
}

.payment_head .pmt_feel {
    line-height: 0.3rem;
    font-size: 0.35rem;
    position: relative;
    color: #697190;
}

.pmt_feel span {
    margin-left: 0.134rem;
    font-size: 0.36rem;
}

.pmt_feel .pmt_copy {
    position: absolute;
    bottom: -0.1rem;
    right: 0;
    z-index: 10;
    line-height: 0.534rem;
    color: #627eea;
    cursor: pointer;
}

.payment_show {
    padding: 0.4rem 0.3rem 0.267rem;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
}

    .payment_show p {
        line-height: 0.58rem;
        margin-top: 0.134rem;
        word-break: break-all;
    }

        .payment_show p span {
            margin: 0 0.08rem;
        }

.payment_bank {
    background: #fff;
    padding: 0.267rem 0.4rem;
    border-radius: 0.134rem;
    box-shadow: 0 0 0.134rem rgba(0,0,0,.1);
    margin: 0.4rem;
}

    .payment_bank li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.534rem;
        padding: 0.267rem 0;
        position: relative;
    }

    .payment_bank .bk_name {
        width: 2rem;
    }

    .payment_bank .bk_data {
        flex: 1;
        text-align: right;
        word-break: break-all;
        margin-right: 10px;
    }

    .payment_bank .bk_copy {
        /* position: absolute;
        top: 0.267rem;
        right: -0.134rem; */
        z-index: 10;
        cursor: pointer;
        font-size: 0.32rem;
        background-color: #627eea;
        color: #fff;
        padding: 2px 5px;
        border-radius: 5px;
        
    }

/*交易关闭*/
.form_shut {
    background: #fff;
    padding: 0.667rem 0.267rem;
    border-radius: 0.134rem;
    box-shadow: 0 0 0.134rem rgba(0,0,0,.1);
    margin: 0.4rem;
    color: #8c91a5;
    font-size: 0.4rem;
    text-align: center;
}

    .form_shut i {
        font-size: 0.45rem;
        margin-right: 0.134rem;
        vertical-align: middle;
    }


/***************************** lead.html 操作指引页 *****************************/
.guide_main {
    width: 100%;
}

.guide_slide img {
    width: 100%;
}

.guide_slide .get_game {
    position: absolute;
    left: 50%;
    bottom: 2.6rem;
    width: 2.667rem;
    line-height: 0.934rem;
    border: solid 1px #fdd73f;
    border-radius: 0.134rem;
    margin-left: -1.334rem;
}

.get_game a {
    color: #fdd73f;
    font-weight: 600;
    font-size: 0.4rem;
    text-align: center;
}

/* swiper 分页  */
.circle_page {
    position: fixed;
    background: transparent;
    bottom: 1rem;
    left: 0;
    width: 100%;
    z-index: 99;
}

    .circle_page .swiper-pagination-bullet {
        width: 0.4rem;
        height: 0.4rem;
        line-height: 0.4rem;
        display: inline-block;
        border-radius: 100%;
        background: #fff;
        opacity: 0.5;
        margin: 0 0.134rem;
        font-size: 0.28rem;
        text-align: center;
        color: #333;
        cursor: pointer;
    }

    .circle_page .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fdd73f;
        color: #333;
    }

.vault {
    position: fixed;
    left: 0;
    bottom: 0.2rem;
    z-index: 99;
    width: 100%;
    line-height: 0.534rem;
    text-align: center;
    font-size: 0.3rem;
}

    .vault a {
        display: block;
        width: 3rem;
        color: #fffad5;
        margin: 0 auto;
    }

    .vault i {
        font-size: 0.3rem;
        vertical-align: bottom;
        margin: 0 0.134rem;
    }

    .vault a .animations1 {
        -webkit-animation: animations1 1.5s ease-out infinite;
    }

    .vault a .animations2 {
        -webkit-animation: animations2 1.5s ease-out infinite;
    }

@-webkit-keyframes animations1 {
    0% {
        opacity: .3;
    }

    20% {
        opacity: .4;
    }

    40% {
        opacity: .5;
    }

    60% {
        opacity: .6;
    }

    80% {
        opacity: .7;
    }

    100% {
        opacity: .8;
    }
}

@-webkit-keyframes animations2 {
    0% {
        opacity: .8;
    }

    20% {
        opacity: .7;
    }

    40% {
        opacity: .6;
    }

    60% {
        opacity: .5;
    }

    80% {
        opacity: .4;
    }

    100% {
        opacity: .3;
    }
}

/***************************** extension.html 我的推广 *****************************/
.extend_top {
    width: 100%;
    display: table;
    background-color: #2e3137;
    padding: 0.4rem 0;
}

    .extend_top li {
        display: table-cell;
        width: 1%;
        text-align: center;
        box-sizing: border-box;
        line-height: 0.534rem;
        border-left: solid 1px #d6d6d6;
    }

        .extend_top li:nth-of-type(1) {
            border-left: none;
        }

        .extend_top li a {
            color: #d6d6d6;
            display: block;
        }

    .extend_top .ext_cur a {
        color: #f9c201;
    }

.extend {
    margin-bottom: 0.667rem;
}

    .extend .ext_wrap {
        padding: 0.93rem 0.267rem 0.8rem;
        border-bottom: dashed 1px #eee;
    }

.ext_wrap p {
    line-height: 0.8rem;
    text-align: center;
}

.ext_wrap .extend_btn {
    width: 45%;
    line-height: 0.934rem;
    margin: 0.534rem auto 0;
    text-align: center;
    border: solid 1px #ff8079;
    cursor: pointer;
    border-radius: 0.8rem;
    color: #ff8079;
    position: relative;
    z-index: 10;
}

.extend .ermimg {
    width: 5.5rem;
    padding: 0.27rem;
    overflow: hidden;
    margin: 0rem auto 0;
    border: solid 1px #d1d1d1;
    border-radius: 0.134rem;
}

.extend .dbimg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.directly {
    padding: 0.534rem 0;
}

    .directly .dir_top {
        text-align: center;
    }

.dir_top p {
    line-height: 0.8rem;
}

.directly .dir_list {
    margin-top: 0.4rem;
    background-color: #fff;
}

.dir_list .dir_title {
    background: #ddd;
    padding: 0.134rem 0.4rem;
    box-sizing: border-box;
}

.dir_title div {
    float: left;
    box-sizing: border-box;
    color: #777;
    line-height: 0.8rem;
    width: 50%;
}

.dir_list .dir_ul {
    padding: 0 0.4rem;
    box-sizing: border-box;
}

.dir_ul li {
    line-height: 1.197rem;
    border-bottom: dashed 1px #e0e0e0;
    position: relative;
}

    .dir_ul li:last-of-type {
        border-bottom: none;
    }

    .dir_ul li span {
        display: inline-block;
        width: 6.35rem;
    }

        .dir_ul li span:nth-of-type(2) {
            text-align: right;
        }

.dir_list .dir_ul_dl {
    padding: 0 0.667rem 0 0.4rem;
}

.dir_ul li a {
    color: #888;
}

    .dir_ul li a:after {
        content: "";
        display: inline-block;
        width: 0.214rem;
        height: 0.214rem;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -0.1rem -0.4rem;
        border: 1px solid #aaa;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(45deg);
    }

.share {
    position: fixed;
    width: 90%;
    top: 8%;
    display: none;
    z-index: 102;
    left: 50%;
    margin-left: -45%;
}

    .share i {
        font-size: 0.5rem;
        cursor: pointer;
        color: #fff;
    }

.CopyLink {
    text-align: center;
}

    .CopyLink .pr_link .sharinput {
        width: 60%;
    }

    .CopyLink .ermimg_btn {
        background: #f4a946;
        width: 30%;
        margin: 0.125rem auto;
        border-radius: 10px;
        padding: 0.1rem;
        color: #222;
        border: 1px solid;
    }

.b_sharecode {
    color: #f83c05;
}

.rad {
    background: #f42118;
    margin-left: 0.134rem;
    border-radius: 0.08rem;
    width: 0.4rem;
    line-height: 0.38rem;
    display: inline-block;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    padding: 0 0.08rem 0 0;
}

.RedPoint {
    background: #f42118;
    border-radius: 0.08rem;
    line-height: 0.534rem;
    display: block;
    position: absolute;
    right: 0.8rem;
    top: 0.134rem;
    color: #fff;
    padding: 0 0.134rem;
    font-size: 0.32rem;
    margin-top: 0.08rem;
}

/***************************** notice.html 公告列表 *****************************/
.notice_nav {
    background: #2e3137;
    padding: 0.267rem;
    background: #333 url(../images/head-bg.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%;
}

    .notice_nav .notice_ul {
        border: solid 1px #fff;
        border-radius: 0.18rem;
        display: table;
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
    }

.notice_ul li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 0.934rem;
    box-sizing: border-box;
    border-left: solid 1px #fff;
    cursor: pointer;
}

    .notice_ul li:first-of-type {
        border-left: none;
    }

.notice_ul .note_cur {
    background: #fff;
    color: #2e3137;
}

.notice_cont .sorts_bar {
    background: #404252;
}

.sorts_bar dd {
    float: left;
    width: 33.33%;
    text-align: center;
    line-height: 1.12rem;
    cursor: pointer;
}

.sorts_bar .sor_cur {
    color: #f9c201;
}

.notice_cont .notice_list {
    margin: 0.267rem 0;
}

.notice_list li {
    box-sizing: border-box;
    padding: 0.134rem 0.267rem 0;
    margin-bottom: 0.267rem;
    background: #fff;
    border-top: solid 1px #e1e1e1;
    position: relative;
}

.notice_list h3 {
    line-height: 0.934rem;
    color: #333;
    font-size: 0.46rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.notice_list .fb_time {
    line-height: 0.4rem;
    font-size: 0.36rem;
    color: #999;
    padding-bottom: 0.187rem;
}

.notice_list .abstract {
    line-height: 0.534rem;
    color: #666;
    font-size: 0.4rem;
    word-break: break-all;
}

.notice_list .gg_detail {
    line-height: 0.8rem;
    border-top: solid 1px #e1e1e1;
    margin-top: 0.214rem;
    font-size: 0.36rem;
    color: #999;
}

    .notice_list .gg_detail:after {
        content: "";
        display: inline-block;
        width: 0.214rem;
        height: 0.214rem;
        position: absolute;
        right: 0.3rem;
        bottom: 0.256rem;
        border: 1px solid #bbb;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(45deg);
    }

.notice_list .read_con {
    background: #fff url(../images/ico-yyd.png) no-repeat scroll;
    background-size: 2.67rem 2.67rem;
    background-position: 95% center;
}

.read_con h3, .read_con div {
    color: #b1b1b1 !important;
}

.conceal {
    display: none;
}

.absence_con {
    text-align: center;
    margin: 0.934rem 0 0.267rem;
}

    .absence_con p {
        line-height: 1.067rem;
    }

        .absence_con p i {
            font-size: 0.8rem;
            vertical-align: middle;
        }

/***************************** notice.html 公告详情 *****************************/
.notice_xq .not_title {
    text-align: center;
    background: #fff;
    padding: 0.4rem 0.267rem 0.267rem;
   
}

.not_title h2 {
    line-height: 0.534rem;
    font-size: 0.45rem;
}

.not_title h5 {
    line-height: 0.8rem;
}

.notice_xq .not_content {
    padding: 0.267rem;
}

.not_content h3 {
    line-height: 0.8rem;
    font-size: 0.43rem;
    color: #555;
    word-break: break-all;
}

.not_content p {
    line-height: 0.667rem;
    word-break: break-all;
    color: #777;
}

.not_content img {
    width: 100%;
    margin: 0.267rem 0;
}

.notice_xq .penster {
    margin: 0.134rem 0.4rem 0.267rem 0.267rem;
    text-align: right;
}

.penster p {
    line-height: 0.534rem;
}

/************* 公告弹框 ************/
.notice_box .nce_main {
    padding: 0.267rem;
}

.nce_main h2 {
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.46rem;
    font-weight: 600;
    margin-bottom: 0.134rem;
}

.nce_main .nce_cont {
    margin: 0.3rem 0;
    min-height: 2.667rem;
    max-height: 6.667rem;
    overflow-y: auto;
}

.nce_cont h3 {
    line-height: 0.8rem;
    font-size: 0.4rem;
    font-weight: 600;
    word-break: break-all;
}

.nce_cont p {
    line-height: 0.667rem;
    color: #555;
    word-break: break-all;
}

.nce_cont img {
    width: 100%;
    vertical-align: middle;
}

.nce_main .nce_btn {
    margin-top: 0.534rem;
    display: flex;
    align-items: center;
    text-align: center;
}

.nce_btn a {
    flex: 1;
    line-height: 0.934rem;
    margin: 0 0.267rem;
    color: #fff;
    border-radius: 0.134rem;
    font-size: 0.42rem;
}

.nce_btn .nce_cancel {
    background: #d1d1d1;
}

/*系统设置*/
.layui-main {
    width: 100%;
}

.layui-form-label {
    width: 3.5rem;
    text-align: left;
}

.layui-form-switch {
    margin-left: 3rem;
}

/***************************** extend.html 佣金查询 *****************************/
.extend_nav {
    background: #fff;
    margin: 0.4rem 0.267rem;
    border-radius: 0.8rem;
    box-shadow: 0 0 1px #ddd;
}

    .extend_nav ul {
        display: flex;
        align-items: center;
    }

        .extend_nav ul li {
            flex: 1;
            line-height: 1.067rem;
            text-align: center;
            border-left: solid 1px #eee;
            position: relative;
            color: #969bb1;
            cursor: pointer;
        }

    .extend_nav li:first-of-type {
        border-left: none;
    }

    .extend_nav li.dacur {
        color: #627eea;
        font-weight: 600;
    }

        .extend_nav li.dacur:after {
            content: "";
            display: inline-block;
            width: 18%;
            height: 0.08rem;
            position: absolute;
            left: 50%;
            bottom: 0.0267rem;
            background: #627eea;
            margin-left: -9%;
            border-radius: 0.134rem;
        }

.extend_gold {
    padding: 0.267rem 0.134rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

    .extend_gold .gold_itme {
        box-sizing: border-box;
        margin-right: 0.4rem;
    }

.gold_itme dd {
    flex: 1;
    text-align: center;
    margin-top: 0.4rem;
}

    .gold_itme dd h3 {
        line-height: 0.534rem;
        color: #888;
        font-size: 0.36rem;
    }

    .gold_itme dd p {
        display: block;
        line-height: 0.534rem;
        height: 0.534rem;
        font-size: 0.48rem;
        margin: 0.134rem 0;
        font-weight: 600;
    }

        .gold_itme dd p i {
            font-size: 0.32rem;
            vertical-align: text-top;
            margin-right: 0.005rem;
        }

.extend_gold .gold_itme1 {
    box-sizing: border-box;
}

.gold_itme1 dd {
    flex: 1;
    text-align: center;
    margin-top: 0.534rem;
}

    .gold_itme1 dd h3 {
        line-height: 0.4rem;
        color: #888;
        font-size: 0.34rem;
    }

    .gold_itme1 dd p {
        display: block;
        line-height: 0.534rem;
        height: 0.534rem;
        font-size: 0.4rem;
        margin: 0.134rem 0;
        font-weight: 400;
    }

        .gold_itme1 dd p i {
            font-size: 0.28rem;
            vertical-align: text-top;
            margin-right: 0.05rem;
        }

.extend_list {
    padding: 0.134rem 0.267rem;
    background: #fff;
    margin: 0.267rem 0;
}

    .extend_list .lst_tle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.267rem;
        border-bottom: solid 1px #f1f1f1;
    }

.lst_tle h2 {
    line-height: 0.4rem;
    font-weight: 600;
    border-left: solid 3px #627eea;
    padding-left: 0.2rem;
}

.lst_tle .screen {
    font-size: 0.36rem;
    color: #508aeb;
    cursor: pointer;
}

.extend_list .lst__head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: #e7f0fa;
    margin: 0.4rem 0;
    border-radius: 0.08rem;
}

.lst__head dd {
    flex: 1;
    line-height: 0.8rem;
    text-align: center;
    color: #333;
    border-left: solid 1px #d3e2f4;
}

    .lst__head dd:first-of-type {
        border-left: none;
    }

.extend_list .lst_list {
    box-sizing: border-box;
}

.lst_list li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.134rem 0;
}

    .lst_list li div {
        flex: 1;
        line-height: 0.8rem;
        text-align: center;
    }

.extend_agent {
    padding: 0.267rem;
    background: #fff;
}

    .extend_agent .agt_tle {
        text-align: center;
    }

.agt_tle h2 {
    line-height: 0.667rem;
    color: #888;
    font-size: 0.36rem;
}

.agt_tle .agt_sum {
    line-height: 0.667rem;
    font-size: 0.55rem;
    margin: 0.134rem 0;
    font-weight: 600;
}

.agt_sum i {
    font-size: 0.33rem;
    margin-right: 0.08rem;
    vertical-align: middle;
    font-weight: normal;
}

.extend_agent .agt__dl {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.agt__dl dd {
    flex: 1;
    text-align: center;
    border-left: solid 1px #f1f1f1;
    box-sizing: border-box;
}

    .agt__dl dd:first-of-type {
        border-left: none;
    }

    .agt__dl dd h3 {
        line-height: 0.534rem;
        color: #888;
        font-size: 0.36rem;
    }

    .agt__dl dd p {
        line-height: 0.534rem;
        font-size: 0.45rem;
        margin-top: 0.08rem;
    }

        .agt__dl dd p i {
            font-size: 0.28rem;
            margin-right: 0.05rem;
        }
/***************************** currency.html - 添加  收款方式  *****************************/
.ioe_block {
    width: 100%;
    height: 1.787rem;
}

.income_nav {
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 0.4rem 0.267rem;
    background: #f3f3f3;
}

    .income_nav ul {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 0.8rem;
        box-shadow: 0 0 1px #ddd;
        overflow: hidden;
    }

        .income_nav ul li {
            flex: 1;
            line-height: 1rem;
            text-align: center;
            border-left: solid 1px #eee;
            position: relative;
            color: #a8b9d5;
            cursor: pointer;
        }

            .income_nav ul li:first-of-type {
                border-left: none;
            }

            .income_nav ul li.iecur {
                color: #fff;
                background: #507ce1;
                border-left: solid 1px #507ce1;
            }

@media only screen and (min-width: 750px) {
    .income_nav {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.income_main {
    padding: 0.267rem 0.3rem;
}

.ioe_ul li {
    padding: 0.134rem 0rem;
    position: relative;
}

    .ioe_ul li h3 {
        line-height: 0.667rem;
        margin: 0 0 0.08rem 0.134rem;
    }

    .ioe_ul li .form_control {
        flex: 1;
        height: 1.067rem;
        padding: 0.134rem 0.4rem;
        background: #fbfbfb;
        box-shadow: 0 0 1px #595959;
        border-radius: 0.08rem;
    }

.ioe_stack {
    margin-top: 0.267rem;
}

    .ioe_stack .stack_tle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.134rem;
        line-height: 0.8rem;
    }

    .ioe_stack h3 {
        font-weight: 600;
    }

    .ioe_stack .stk_help {
        padding-left: 0.134rem;
        color: #969bb1;
        cursor: pointer;
    }

.stack_code {
    display: flex;
    flex-wrap: wrap;
    margin: 0.267rem 0 0.134rem 0.4rem;
    position: relative;
}

    .stack_code dd {
        width: 25%;
        padding: 0.534rem 0 0.134rem;
        position: relative;
    }

    .stack_code .stk_img {
        background: #fafafa;
        width: 1.8rem;
        height: 1.8rem;
        margin: 0 auto;
        text-align: center;
        box-shadow: 0px 0px 1px #888 inset;
        border-radius: 0.1rem;
        cursor: pointer;
        padding: 0.134rem;
    }

.stk_img img {
    border-radius: 0.08rem;
    overflow: hidden;
}

.stack_code h2 {
    line-height: 0.4rem;
    font-size: 0.33rem;
    text-align: center;
    color: #333;
    margin-top: 0.134rem;
}

.stack_code .stk_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 0px 1px #888 inset;
    border-radius: 0.1rem;
    cursor: pointer;
    position: relative;
}

.stk_btn .upload {
    width: 1.55rem;
    line-height: 0.534rem;
    background: #f5f5f5;
    color: #ff664c;
    border-radius: 0.1rem;
    font-size: 0.33rem;
    padding: 0.24rem 0;
    box-shadow: 0 0 1px #ddd;
}

.stk_btn .upfile {
    display: none;
}

.stack_code .stk_x {
    position: absolute;
    top: -0.05rem;
    right: 0;
    z-index: 10;
    padding: 0 0.2rem;
    cursor: pointer;
}

.stk_x i {
    font-size: 0.42rem;
    vertical-align: middle;
}

.stack_code .stk_add {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 0px 1px #aaa inset;
    border-radius: 0.1rem;
    cursor: pointer;
}

.stk_add i {
    font-size: 0.5rem;
    color: #627eea;
}

.ioe_stack .stack_add {
    width: 4rem;
    line-height: 0.934rem;
    text-align: center;
    background: #F19149;
    color: #fff;
    border-radius: 0.1rem;
    cursor: pointer;
    margin: 0.267rem 0 0.267rem 0.134rem;
}

.stack_code .delete {
    position: absolute;
    left: -0.57rem;
    top: 50%;
    z-index: 10;
    padding: 0.08rem;
    margin-top: -0.32rem;
    cursor: pointer;
}

.delete i {
    font-size: 0.5rem;
    color: #ff664c;
}

.bazaar {
    margin: 0.267rem;
}

    .bazaar h3 {
        line-height: 0.667rem;
        font-weight: 600;
        margin-bottom: 0.134rem;
    }

    .bazaar .bar_dl {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

.bar_dl dd {
    width: 23%;
    line-height: 0.934rem;
    background: #fff url(../images/icon-check.png) no-repeat scroll 0.3rem center;
    background-size: 0.3rem 0.3rem;
    margin: 0.134rem 1%;
    border-radius: 0.134rem;
    color: #aebed9;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #aaa inset;
    padding-left: 0.8rem;
    box-sizing: border-box;
}

    .bar_dl dd.brcur {
        background: #fff url(../images/icon-check1.png) no-repeat scroll 0.3rem center;
        background-size: 0.3rem 0.3rem;
        color: #5873dd;
    }

.learn_imte {
    line-height: 0.667rem;
    font-size: 0.4rem;
    color: #666;
    padding: 0.267rem 0.5rem;
}

    .learn_imte label {
        color: #666;
    }

        .learn_imte label span {
            margin: 0 0.08rem;
            color: #333;
        }

    .learn_imte input {
        -webkit-appearance: checkbox;
        width: auto;
        background: transparent;
    }

        .learn_imte input[type="checkbox"] + label::before {
            content: "\a0"; /*不换行空格*/
            display: inline-block;
            vertical-align: 0rem;
            width: 0.45rem;
            height: 0.45rem;
            margin-right: 0.134rem;
            border-radius: 0.08rem;
            background-color: #e1e1e1;
            box-shadow: 0 0 1px #999;
            text-indent: 0rem;
            line-height: 0.48rem; /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
            color: #fff;
            text-align: center;
        }

        .learn_imte input[type="checkbox"]:checked + label::before {
            content: "\2713";
            background-color: #c79403;
            box-shadow: 0 0 1px #c79403;
        }

    .learn_imte input {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }

.income_btn {
    line-height: 1.067rem;
    background: #f2564e;
    color: #fff;
    text-align: center;
    margin: 0.267rem 0.3rem;
    border-radius: 0.134rem;
    font-size: 0.42rem;
    cursor: pointer;
}

.income_ctp {
    line-height: 1.067rem;
    background: #5c99d7;
    color: #fff;
    text-align: center;
    margin: 0.4rem 0.3rem;
    border-radius: 0.134rem;
    font-size: 0.42rem;
    cursor: pointer;
}

/********* 二维码 弹框  *******/
.income_ewm {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 103;
    margin-left: -4.4rem;
    margin-top: -6.374rem;
    background: #019fe8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 8.8rem;
}

    .income_ewm .ewm_tle {
        background: #fff;
        line-height: 1.334rem;
        text-align: center;
        font-size: 0.47rem;
        font-weight: 600;
        color: #333;
        width: 100%;
    }

    .income_ewm .ewm_wrap {
        background: #fff;
        padding: 0.667rem 0.534rem 0.267rem;
        width: 7.2rem;
        margin: 0.7rem 0 0.4rem;
    }

.ewm_wrap .wap_img {
    box-sizing: border-box;
    width: 6.134rem;
    height: 6.134rem;
    overflow: hidden;
}

.ewm_wrap .wap_name {
    text-align: center;
    color: #333;
    margin-top: 0.2rem
}

.wap_name p {
    line-height: 0.667rem;
    font-size: 0.4rem;
}

    .wap_name p span {
        margin-left: 0.134rem;
    }

.ewm_fot {
    font-size: 0.45rem;
    text-align: center;
    color: #fff;
    line-height: 0.667rem;
    padding-bottom: 0.4rem;
}

.ewm_close {
    position: absolute;
    bottom: -1.3rem;
    left: 50%;
    z-index: 10;
    line-height: 1.067rem;
    padding: 0 0.2rem;
    margin-left: -0.694rem;
    cursor: pointer;
}

    .ewm_close i {
        font-size: 1rem;
        color: #fff;
        vertical-align: middle;
    }

/*****  固定金额 弹框   *****/
.bomb_tle {
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.45rem;
    font-weight: 600;
}

.fasten_box .fn_bomb {
    margin: 0.267rem;
}

.fn_bomb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

    .fn_bomb ul li {
        width: 30.33%;
        line-height: 0.934rem;
        text-align: center;
        background: #f6f6f6;
        margin: 0.2rem 1.5%;
        border-radius: 0.1rem;
        font-size: 0.34rem;
        box-shadow: 0 0 1px #888 inset;
        cursor: pointer;
    }

        .fn_bomb ul li.fncur {
            background: #f8a949;
            color: #fff;
            box-shadow: 0 0 1px #dd8a25 inset;
        }

.confirm_btn {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.267rem 0.267rem;
    box-sizing: border-box;
}

    .confirm_btn a {
        flex: 1;
        text-align: center;
        line-height: 1rem;
        color: #fff;
        font-size: 0.42rem;
        margin: 0 0.134rem;
        border-radius: 0.134rem;
    }

    .confirm_btn .cg_cancel {
        background: #d5d5d5;
    }

    .confirm_btn .cg_sure {
        background: #c79403;
    }

/***** 帮助提示 *****/
.help_box .hlp_bomb {
    padding: 0.267rem;
}

.hlp_bomb h3 {
    line-height: 0.8rem;
    font-size: 0.4rem;
    color: #333;
}

.hlp_bomb p {
    line-height: 0.6rem;
    margin-top: 0.08rem;
    font-size: 0.36rem;
    color: #666;
}

/**** 图片预览  弹框  ****/
.dialog-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.60);
    text-align: center;
}

    .dialog-container:after {
        display: inline-block;
        content: '';
        width: 0;
        height: 100%;
        vertical-align: middle;
    }

.dialog-box {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

.demo-image {
    max-width: 90vw;
    max-height: 90vh;
}
/*** 云闪付 ***/
.cloud {
    padding: 0 0.267rem 0.267rem 0.134rem;
}

    .cloud .cod_wrap {
        display: flex;
        align-items: center;
    }

.cod_wrap h3 {
    line-height: 0.8rem;
    font-weight: 600;
}

.cod_wrap .cod_dl {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.cod_dl dd {
    line-height: 0.7rem;
    padding: 0 0.267rem;
    background: #c7d0e0;
    color: #fff;
    margin: 0 0.134rem;
    border-radius: 0.1rem;
    cursor: pointer;
    font-size: 0.35rem;
}

    .cod_dl dd.cdcur {
        background: #F19149;
        color: #fff;
    }

.cloud .cod_tips {
    padding-top: 0.5rem;
    font-size: 0.35rem;
    color: #FF3E4B;
    line-height: 0.534rem;
    word-break: break-all;
}

.bak_name h3 code {
    background: #f99057;
    color: #fff;
    font-size: 0.3rem;
    padding: 0.05rem 0.2rem;
    margin-left: 0.134rem;
    border-radius: 0.08rem;
    vertical-align: bottom;
}


/***************************** index.html *****************************/
.coin_top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem 0.134rem;
    background: #f3f3f3;
    width: 100%;
}

@media only screen and (min-width: 750px) {
    .coin_top {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

.coin_top .cin_left {
    display: flex;
    align-items: center;
    flex: 1;
}

.cin_left .cin_img {
    width: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
    border-radius: 0.134rem;
}

.cin_left .cin_name {
    width: 2.134rem;
    line-height: 0.8rem;
    margin-left: 0.134rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coin_top .chd_online {
    display: flex;
    align-items: center;
}

.chd_online dd {
    line-height: 0.8rem;
    background: #fcfcfc url(../images/choice-1.png) no-repeat 0.12rem center;
    background-size: 0.3rem 0.3rem;
    padding: 0 0.2rem 0 0.46rem;
    font-size: 0.33rem;
    cursor: pointer;
    color: #bbb;
    border-radius: 0.08rem;
    margin-left: 0.134rem;
    box-shadow: 0 0 1px #ddd;
}

    .chd_online dd:first-of-type {
        margin-left: 0;
    }

.chd_online .service {
    background-image: none;
    padding: 0 0.2rem;
}

.chd_online dd.cdcur {
    background: #fff url(../images/choice-3.png) no-repeat 0.12rem center;
    background-size: 0.3rem 0.3rem;
    color: #f5d14c;
    font-weight: 600;
}

.chd_online .service.cdcur {
    background-image: none;
}

.coin_head {
    background: #5873dd;
    padding: 0.4rem 0.267rem;
    margin: 1.2rem 0.134rem 0.134rem;
    border-radius: 0.134rem;
}

    .coin_head .cin_slide {
        margin-bottom: 0.4rem;
    }

.cin_nav .swiper-slide {
    width: auto;
    padding: 0 0.267rem;
    line-height: 0.7rem;
    background: #3953b9;
    color: #fff;
    margin: 0 0.1rem;
    border-radius: 0.08rem;
    opacity: 0.6;
    font-size: 0.35rem;
}

    .cin_nav .swiper-slide:first-of-type {
        margin-left: 0;
    }

.cin_nav .cicur {
    opacity: 1;
    color: #fff476;
}

.coin_head .cin_means {
    display: flex;
    align-items: center;
}

.cin_means h2 {
    color: #fff;
}

    .cin_means h2 span {
        font-weight: 600;
        margin: 0 0.134rem;
        font-size: 0.45rem;
    }

.cin_means h3 {
    color: #fff;
    opacity: 0.75;
}

.coin_head .cin_dl {
    display: flex;
    justify-content: space-between;
    margin-top: 0.4rem;
}

    .coin_head .cin_dl dd {
        color: #fff;
    }

.cin_dl dd h3 {
    line-height: 0.534rem;
    font-size: 0.32rem;
}

.cin_dl dd h4 {
    line-height: 0.534rem;
    font-size: 0.33rem;
    font-weight: 600;
    margin-bottom: 0.08rem;
}

.cin_dl dd h5 {
    line-height: 0.45rem;
    opacity: 0.75;
    font-size: 0.3rem;
}


.module_main {
    display: flex;
    margin: 0.267rem 0.134rem;
}

    .module_main .mde_fast {
        flex: 35;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 0.134rem;
        background: #fff;
        padding: 0.6rem 0.4rem;
        box-shadow: 0 0 1px #ddd;
        border-radius: 0.08rem;
    }

.mde_fast h3 {
    font-size: 0.43rem;
    font-weight: 600;
    line-height: 1.067rem;
}

.mde_fast img {
    width: 1.067rem;
    height: 1.067rem;
    overflow: hidden;
}

.module_main .mde_other {
    flex: 65;
}

.mde_other .otr_menu {
    display: flex;
    align-items: center;
    text-align: center;
}

.otr_menu a {
    flex: 1;
    line-height: 1.067rem;
    background: #fff;
    box-shadow: 0 0 1px #ddd;
    border-radius: 0.08rem;
    margin-left: 0.134rem;
}

    .otr_menu a:first-of-type {
        margin-left: 0;
    }

.mde_other .otr_help {
    line-height: 1.067rem;
    background: #fff;
    margin-top: 0.134rem;
    text-align: center;
    box-shadow: 0 0 1px #ddd;
    border-radius: 0.08rem;
    background: #debe8a;
    color: #fff;
}

.module_main i {
    font-size: 0.42rem;
    margin-right: 0.134rem;
    vertical-align: middle;
}

.mde_other .otr_game {
    display: flex;
    align-items: center;
    margin-top: 0.134rem;
}

.otr_game a {
    flex: 1;
    line-height: 1.067rem;
    background: #fff;
    text-align: center;
    border-radius: 0.08rem;
    color: #fff;
    margin-left: 0.08rem;
}

    .otr_game a:nth-child(1) {
        margin-left: 0;
        background: #8094e5;
    }

    .otr_game a:nth-child(2) {
        background: #8094e5;
    }

    .otr_game a:nth-child(3) {
        background: #debe8a;
    }

.deal_main {
    margin: 0.267rem 0;
}

    .deal_main .deal_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        border-bottom: solid 1px #f1f1f1;
    }

.deal_top .deal_ul {
    flex: 1;
    display: flex;
    align-items: center;
}

.deal_ul li {
    font-size: 0.4rem;
    padding: 0 0.134rem;
    line-height: 1.2rem;
    font-weight: 600;
    color: #8f9eab;
    margin: 0 0.267rem;
}

    .deal_ul li.dlcur {
        color: #273e57;
        font-size: 0.45rem;
    }

.deal_top .deal_menu {
    display: flex;
    align-items: center;
}

.deal_menu a {
    line-height: 0.8rem;
    margin: 0 0.2rem;
    font-size: 0.35rem;
}

.deal_menu i {
    font-size: 0.3rem;
    margin-right: 0.05rem;
}

.deal_menu .dal_more {
    color: #9eb1cf;
}

.deal_nav .coin_nav {
    border-bottom: solid 1px #f2f2f2;
}

.deal_main .coin_nav1 {
    padding: 0.2rem 0;
    background: #fff;
}

.coin_nav1 .swiper-slide {
    width: auto;
    padding: 0 0.4rem;
    line-height: 0.8rem;
    margin: 0 0.134rem;
    background: #eee;
    cursor: pointer;
    color: #8f9eab;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #aaa inset;
}

.deal_main .coin_nav2 {
    background: #fff;
    padding: 0.267rem 0;
}

.coin_nav2 .swiper-slide {
    width: auto;
    padding: 0 0.4rem;
    line-height: 0.534rem;
    border-left: solid 1px #f1f1f1;
    cursor: pointer;
    color: #aebed9;
}

    .coin_nav2 .swiper-slide:first-of-type {
        border-left: none;
    }

.coin_nav .cocur {
    color: #273e57;
    font-weight: 600;
}

.coin_nav1 .cocur {
    background: #273e57;
    color: #fff;
}

.deal_wrap {
    box-sizing: border-box;
}

    .deal_wrap .deal_tips {
        padding: 0.267rem;
        background: #fff;
        border-bottom: solid 1px #f2f2f2;
    }

.deal_tips .dl_tips1 {
    line-height: 0.534rem;
    color: #999;
    font-size: 0.3rem;
}

.deal_tips .dl_tips2 {
    color: #ff4c4c;
    font-size: 0.3rem;
    height: 0.534rem;
    line-height: 0.534rem;
}

.dl_tips2 img {
    width: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
    margin: 0 0.08rem;
    vertical-align: sub;
}

.deal_wrap .deal_list {
    margin: 0;
    box-shadow: 0 1px 2px #eee;
}

.gab_top .reward {
    position: absolute;
    top: 0.0534rem;
    right: 0.934rem;
    z-index: 10;
    width: 0.534rem;
    height: 0.534rem;
    background: url(../images/1.png) no-repeat 0 0;
    background-size: 100% 100%;
}

/********************* activate - 激活  **************************/
.fire {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 0.9rem;
    color: #fff;
    margin: 0.134rem;
    padding: 0 0.267rem;
    border-radius: 0.08rem;
    background: rgba(242,86,78,0.85) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=95);
    background: #f2564e;
}

    .fire i {
        font-size: 0.5rem;
    }

.fire_main {
    margin: 0.4rem 0.267rem;
}

    .fire_main h2 {
        line-height: 0.8rem;
        font-size: 0.4rem;
        font-weight: 600;
    }

    .fire_main ul {
        margin-top: 0.267rem;
        background: #fff;
        border-radius: 0.134rem;
    }

    .fire_main li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 1.067rem;
        padding: 0.267rem 0.267rem;
        border-bottom: solid 1px #f3f3f3;
    }

        .fire_main li:last-of-type {
            border-bottom: none;
        }

    .fire_main .fie_name {
        padding-left: 0.8rem;
        color: #999;
        background: url(../images/choice-1.png) no-repeat 0.134rem center;
        background-size: 0.4rem 0.4rem;
    }

    .fire_main li a {
        color: #F2564E;
        padding: 0 0.267rem;
    }

        .fire_main li a i {
            margin-right: 0.267rem;
            font-size: 0.5rem;
        }

    .fire_main .already .fie_name {
        color: #333;
        background: url(../images/choice-2.png) no-repeat 0.134rem center;
        background-size: 0.4rem 0.4rem;
    }

    .fire_main .already a {
        color: #498edb;
    }

/********************* 红点 **************************/
.nums {
    position: absolute;
    top: 0px;
    right: 18px;
    color: #ffffff;
    background-color: #FF5E7F;
    border: 1px solid #FF5E7F;
    border-radius: 50%;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.3rem !important;
    text-align: center;
}

.infot_cur .nums {
    right: 14px;
}

.odr_ul li .nums {
    right: -10px;
}

/***************************** data.html 提款 *****************************/
.header .hd_filter {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 0.134rem 0.267rem;
    font-size: 0.36rem;
    color: #7b8eb6;
    cursor: pointer;
}

.addsite_list {
    margin: 0.4rem 0 0.667rem;
}

    .addsite_list li {
        display: flex;
        padding: 0.267rem 0.3rem;
        background: #fff;
        border-radius: 0.08rem;
        margin: 0.267rem;
        box-shadow: 0 0 1px #bbb;
    }

        .addsite_list li div {
            height: 0.8rem;
            line-height: 0.8rem;
            box-sizing: border-box;
        }

    .addsite_list .dre_name {
        width: 4rem;
        color: #454545;
        text-align: justify;
        font-size: 0.36rem;
        margin-right: 0.267rem;
    }

        .addsite_list .dre_name:after {
            content: " ";
            display: inline-block;
            width: 100%;
        }

    .addsite_list .dre_ipt, .addsite_list .dre_sele {
        flex: 1;
        position: relative;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.dre_ipt input, .dre_ipt select {
    height: 0.8rem;
    line-height: 0.8rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addsite_list .dre_sele:after {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: normal;
    margin-top: -0.11rem;
    margin-right: 0.267rem;
    border: 1px solid #bbb;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
}

.addsite_list .dre_unit {
    padding: 0 0.267rem;
}

.addsite_list .dre_coin {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
}

.dre_coin dd {
    margin: 0.134rem;
    background: #eee;
    line-height: 0.667rem;
    font-size: 0.33rem;
    color: #8f9eab;
    padding: 0 0.2rem;
    box-shadow: 0 0 1px #aaa inset;
    border-radius: 0.08rem;
    cursor: pointer;
}

    .dre_coin dd.decur {
        background: #ff4c4c;
        color: #fff;
        box-shadow: 0 0 1px #ff4c4c inset;
    }

.full_note {
    margin: 0.4rem 0.267rem;
}

    .full_note p {
        line-height: 0.66rem;
        color: #8c91a5;
        font-size: 0.36rem;
    }

/*提款弹框*/
.draw_main h2 {
    line-height: 0.8rem;
    font-size: 0.45rem;
    text-align: center;
    font-weight: 600;
}

.draw_box .draw_mcont {
    padding: 0 0.4rem;
    margin: 0.267rem 0 0.4rem;
    box-sizing: border-box;
    word-break: break-all;
    max-height: 6.667rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.draw_mcont h3 {
    line-height: 0.8rem;
    font-size: 0.38rem;
}

.draw_mcont p {
    line-height: 0.667rem;
    font-size: 0.34rem;
    color: #777;
}

.gold_main {
    margin: 0.267rem 0;
    background: #fff;
}

    .gold_main li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 0.934rem;
        padding: 0.134rem 0.267rem;
        box-sizing: border-box;
        border-bottom: dotted 1px #ddd;
    }

        .gold_main li:last-of-type {
            border-bottom: none;
        }

/***************************** drawing.html 充值提款记录 *****************************/
.writ_block {
    width: 100%;
    height: 1.6rem;
}

.writ_nav {
    padding: 0.4rem 0.267rem;
    position: fixed;
    top: 1.094rem;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #f3f3f3;
}

    .writ_nav ul {
        display: flex;
        align-items: center;
    }

    .writ_nav li {
        padding: 0 0.4rem;
        line-height: 0.8rem;
        margin: 0 0.134rem;
        background: #eee;
        cursor: pointer;
        color: #8f9eab;
        border-radius: 0.134rem;
        box-shadow: 0 0 1px #aaa inset;
    }

        .writ_nav li.wtcur {
            background: #273e57;
            color: #fff;
        }

    .writ_nav .wit_screen {
        position: absolute;
        right: 0.267rem;
        top: 0.4rem;
        z-index: 10;
        line-height: 0.8rem;
        padding: 0 0.267rem;
        cursor: pointer;
    }

.wit_screen i {
    font-size: 0.38rem;
    margin-right: 0.08rem;
}

.writ_list {
    background: #fff;
}

    .writ_list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.267rem 0;
        border-bottom: solid 1px #f2f2f2;
    }

        .writ_list li:last-of-type {
            border-bottom: none;
        }

        .writ_list li .wt_left {
            padding-left: 0.267rem;
        }

.wt_left .wt_top {
    display: flex;
    align-items: center;
    line-height: 0.667rem;
}

.wt_top span {
    color: #fff;
    margin-left: 0.134rem;
    line-height: 0.534rem;
    font-size: 0.33rem;
    padding: 0 0.134rem;
    border-radius: 0.085rem;
}

.wt_top .code_cz {
    background: #f26d66;
}

.wt_top .code_tx {
    background: #01b28e;
}

.wt_left p {
    line-height: 0.534rem;
    font-size: 0.34rem;
    color: #999;
}

.writ_list .wt_right {
    line-height: 0.8rem;
    margin-right: 0.267rem;
    font-size: 0.4rem;
}

/*********** 聊天 遮罩 *********/
iframe {
    position: fixed;
    top: 1.2rem;
    left: 0;
    z-index: 110;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.7) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=70);
    background: #fff;
    overflow-y: auto;
    box-shadow: 0 0 2px #000;
    padding: 0.134rem;
    box-sizing: border-box;
    height: 82%;
    height: -moz-calc(100% - 1.2rem - 1.227rem);
    height: -webkit-calc(100% - 1.2rem - 1.227rem);
    height: calc(100% - 1.2rem - 1.227rem);
    /***** 挡住底部导航 *****/
    /*height: 82%; 
	height: -moz-calc(100% - 1.2rem); 
	height: -webkit-calc(100% - 1.2rem); 
	height: calc(100% - 1.2rem);	*/
}

@media only screen and (min-width: 750px) {
    iframe {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}

/*********** 密码强度检测 *********/
.pass_progress {
    height: 0.1rem;
}

.error {
    background-color: #ff3300;
}

.middle {
    background-color: gold;
}

.strong {
    background-color: green;
}


/*********************************************** security - 安全中心.html *********************************/
.safe_hd_block {
    width: 100%;
    height: 1.2rem;
}

.safe_head {
    position: fixed;
    display: flex;
    box-sizing: border-box;
    padding: 0.134rem 0.267rem;
    width: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    line-height: 0.934rem;
    text-align: center;
    background: #4963f5;
    color: #fff;
}

    .safe_head h2 {
        line-height: 0.934rem;
        text-align: center;
        width: 100%;
        font-size: 0.42rem;
    }

    .safe_head .return {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        padding: 0.134rem 0.267rem;
    }

    .safe_head .return i {
            font-size: 0.48rem;
            vertical-align: bottom;
            color: #fff;
        }

@media only screen and (min-width: 750px) {
    .safe_head {
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
}
/* end */
.safe_top {
    background: #4963f5;
    padding: 0.4rem 0.8rem;
}

    .safe_top .safe_icon {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0 auto;
    }

    .safe_top h3 {
        background: #637af6;
        color: #fff;
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.35rem;
        margin: 0.2rem 0 0.134rem;
        border-radius: 0.05rem;
    }

.safe_tips {
    line-height: 0.8rem;
    padding: 0.134rem 0.3rem;
    background: #f3f3f3;
    font-size: 0.35rem;
    color: #666;
}

.safety_list {
    margin-bottom: 0.267rem;
}

    .safety_list li {
        display: flex;
        align-items: center;
        background: #fff;
        padding-left: 0.134rem;
    }

        .safety_list li .sty_img {
            width: 1rem;
            height: 1rem;
            overflow: hidden;
        }

        .safety_list li .sty_name {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: solid 1px #f1f1f1;
            padding: 0.4rem 0.134rem;
            height: 85%;
            height: -moz-calc(100% - 1rem);
            height: -webkit-calc(100% - 1rem);
            height: calc(100% - 1rem);
        }

        .safety_list li:last-of-type .sty_name {
            border-bottom: none;
        }

.sty_name .sty_tle {
    box-sizing: border-box;
}

.sty_tle .tle_fame {
    display: flex;
    align-items: center;
}

.tle_fame h3 {
    line-height: 0.534rem;
    font-size: 0.42rem;
    color: #1e1e1e;
}

.tle_fame .safe_alter {
    font-size: 0.33rem;
    color: #4963f5;
    line-height: 0.534rem;
    padding-left: 0.267rem;
}

.sty_tle p {
    line-height: 0.534rem;
    font-size: 0.35rem;
    color: #999;
}

    .sty_tle p span {
        margin-left: 0.08rem;
    }

.sty_name .sty_bind {
    line-height: 1.067rem;
    color: #ed7a35;
    padding: 0 0.4rem;
    position: relative;
}

    .sty_name .sty_bind:after {
        content: "";
        display: inline-block;
        width: 0.2rem;
        height: 0.2rem;
        position: absolute;
        right: 0;
        top: 50%;
        font-weight: normal;
        margin-top: -0.11rem;
        margin-right: 0.134rem;
        border: 1px solid #b1b1b1;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(45deg);
    }

.safety_list li.did_not {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

li.did_not .tle_fame h3, li.did_not .sty_name p, li.did_not .sty_name .sty_bind {
    color: #aaa;
}

.sty_handle {
    display: flex;
    align-items: center;
}

    .sty_handle .safe_derail {
        line-height: 0.667rem;
        margin-right: 0.1rem;
        font-size: 0.32rem;
        color: #bbb;
    }

    .sty_handle .start_btn {
        box-sizing: border-box;
    }

.start_btn .mui-switch {
    width: 1.2rem;
    height: 0.667rem;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 0.8rem;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    box-sizing: border-box;
}

    .start_btn .mui-switch:before {
        content: '';
        width: 0.613rem;
        height: 0.613rem;
        position: absolute;
        top: 0px;
        left: 0;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }

    .start_btn .mui-switch:checked {
        border-color: #fc7e32;
        box-shadow: #fc7e32 0 0 0 5px inset;
        background-color: #fc7e32;
    }

        .start_btn .mui-switch:checked:before {
            left: 0.534rem;
        }
    /*过度效果*/
    .start_btn .mui-switch.mui-switch-animbg {
        transition: background-color ease 0.4s;
    }

        .start_btn .mui-switch.mui-switch-animbg:before {
            transition: left 0.3s;
        }

        .start_btn .mui-switch.mui-switch-animbg:checked {
            box-shadow: #fc7e32 0 0 0 0 inset;
            background-color: #fc7e32;
            transition: border-color 0.4s, background-color ease 0.4s;
        }

/*** 保护设置  ***/
.safety_setup {box-sizing: border-box;margin-bottom: 0.267rem;}
.safety_setup h2 {line-height: 0.534rem;font-size: 0.4rem;font-weight: 600;padding: 0.134rem 0.267rem;}
.safety_setup .set_tips {line-height: 0.4rem;color: #999;font-size: 0.34rem;padding: 0 0.267rem;margin-bottom: 0.237rem;}
.safety_setup li {display: flex;align-items: center;justify-content: space-between;padding: 0.4rem 0.267rem;background: #fff;border-bottom: solid 1px #f1f1f1;}
.safety_setup .set_name {line-height: 0.667rem;font-size: 0.41rem;}

/*********************************************** security - 安全中心 - 绑定安全邮箱.html *********************************/
.prohibit {
    background-image: none !important;
    background: #d2d2d2 !important;
}
/*按钮禁用状态*/
.safe_main {
    padding: 0 0.534rem;
}

    .safe_main li {
        position: relative;
        padding: 0.134rem 0;
    }

    .safe_main h3 {
        line-height: 0.8rem;
        font-size: 0.42rem;
        color: #333;
        padding: 0 0.267rem;
        box-sizing: border-box;
        margin-bottom: 0.134rem;
    }

        .safe_main h3 span {
            font-size: 0.33rem;
            color: #999;
            margin-left: 0.134rem;
        }

    .safe_main li .sfe_ipt {
        line-height: 1.067rem;
    }

.sfe_ipt input {
    height: 1.067rem;
    padding: 0.134rem 0.267rem;
    font-size: 0.43rem;
    background: #fff;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #ddd;
}

.safe_main li .sfe_sel {
    line-height: 1.067rem;
    position: relative;
}

.sfe_sel select {
    line-height: 1.067rem;
    padding: 0.134rem 0.267rem;
    font-size: 0.43rem;
    background: #fff;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #ddd;
}

.safe_main .sfe_sel:after {
    content: "";
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    margin-top: -0.16rem;
    border: 2px solid #bbb;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
}

.safe_button {
    width: 88%;
    margin: 0.667rem auto 0.4rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.45rem;
    font-weight: 600;
    border-radius: 0.134rem;
    background: #4963f5;
}

.nots_button {
    width: 88%;
    margin: 0.667rem auto 0.4rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.45rem;
    font-weight: 600;
    border-radius: 0.134rem;
    background: #ec584f;
}
/*********************************************** security - 安全中心 - 绑定口令卡.html *********************************/
.otp_card {
    padding: 0.4rem 0.534rem;
}

    .otp_card h3 {
        line-height: 0.8rem;
        font-size: 0.42rem;
        color: #333;
        padding: 0 0.267rem;
        box-sizing: border-box;
        margin-bottom: 0.267rem;
        text-align: center;
    }

    .otp_card .otp_name {
        line-height: 0.934rem;
        padding: 0.134rem 0.267rem;
        font-size: 0.43rem;
        background: #fff;
        border-radius: 0.134rem;
        box-shadow: 0 0 1px #ddd;
        text-align: center;
    }

    .otp_card .otp_code {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.otp_code span {
    line-height: 0.934rem;
    width: 0.934rem;
    background: #fff;
    border-radius: 0.08rem;
    box-shadow: 0 0 1px #ddd;
    margin: 0 0.134rem;
    text-align: center;
    font-size: 0.45rem;
    font-weight: 600;
}

.otp_card .otp_tip {
    line-height: 0.667rem;
    color: #FF4C4C;
    padding: 0 0.267rem;
    text-align: center;
    margin-top: 0.4rem;
}

.otp_card .otp_ipt {
    line-height: 1.067rem;
}

.otp_ipt input {
    height: 1.067rem;
    padding: 0.134rem 0.267rem;
    font-size: 0.43rem;
    background: #fff;
    border-radius: 0.134rem;
    box-shadow: 0 0 1px #ddd;
}

.safe_down {
    padding: 0.667rem 0.267rem 0.267rem;
}

    .safe_down h3 {
        line-height: 0.8rem;
    }

    .safe_down a {
        line-height: 0.534rem;
        color: #637af6;
    }

.otp_copy {
    line-height: 0.8rem;
    text-align: center;
    color: #4963f5;
    cursor: pointer;
}

.ioe_ul .ioe_yzm {
    position: absolute;
    top: 1rem;
    right: 0.134rem;
    z-index: 10;
    line-height: 0.8rem;
    padding: 0 0.134rem;
    font-size: 0.36rem;
    color: #fff;
    cursor: pointer;
    background: #f99057;
    border-radius: 0.1rem;
}

    .ioe_ul .ioe_yzm.await {
        color: #999;
        background: #eee;
    }
    #iconimg{
        width:30% !important;
    }
/********** 上传凭证  ***********/
.proof_wrap {
    padding: 0.45rem 0.4rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.proof_wrap h3 { font-weight: 600;line-height: 0.667rem;font-size: 0.4rem;}

.proof_code {display: flex; flex-wrap: wrap;position: relative;margin-left: 0.267rem;}
.proof_code dd {width: 2rem; height: 2rem;position: relative;margin: 0 0.134rem;}
.proof_code .proof_img { background: #fafafa;width: 2rem; height: 2rem;margin: 0 auto; text-align: center; box-shadow: 0px 0px 1px #888 inset; border-radius: 0.1rem; cursor: pointer; display: flex;align-items: center;justify-content: center;overflow: hidden; }
.proof_img img { border-radius: 0.08rem; overflow: hidden; }

.proof_code .proof_x { position: absolute; top: -0.5rem; right: -0.4rem; z-index: 10; padding: 0 0.2rem; cursor: pointer; }
.proof_x i { font-size: 0.42rem; vertical-align: middle;color: #ff664c;}

.proof_code .proof_btn { display: flex; align-items: center; justify-content: center; background: #fafafa; width: 2rem; height: 2rem; margin: 0 auto; text-align: center; box-shadow: 0px 0px 1px #888 inset; border-radius: 0.1rem; cursor: pointer; position: relative; }
.proof_btn .upload { width: 1.7rem; line-height: 0.6rem; background: #f5f5f5; color: #ff664c; border-radius: 0.1rem; font-size: 0.35rem; padding: 0.24rem 0; box-shadow: 0 0 1px #ddd; }
.proof_btn .upfile { display: none; }
/****************************/
.list_box {
    display: flex !important;
}