.lawsuit-service-img-wrap {
position:relative;margin-top:20px}
.lawsuit-service-img-bg {
    border-radius: 4px;
    width: 100%;
}
.lawsuit-service-img-qrcode-wrap {
    width: 260px;
    text-align: center;
    margin-left: 38px;
}
.lawsuit-service-img-qrcode {
    width: 260px;
    height: 260px;
}
.pay-coupon-guide {
    padding: 0px;
    position: relative;
    width: 420px;
    height: 500px;
    overflow: hidden
}
.pay-coupon-guide .row{padding: 12px;background-color: #f8f8f8;color:#fff;font-size: 14px;border-radius:12px;
	background:#4CBDFE;
	background:-webkit-linear-gradient(left,#4CBDFE 0%,#548CFD 80%,#548CFD 100%);
	background:linear-gradient(to right,#4CBDFE 0%,#548CFD 80%,#548CFD 100%);
}
.pay-coupon-guide .row + .row{margin-top: 4px;}
.pay-coupon-guide .row-l{padding: 0 12px;}
.pay-coupon-guide .row-r{padding: 0 12px;line-height: 28px;}
.pay-coupon-guide .row-r .title{line-height: 32px;}
.pay-coupon-guide .row .num{border-radius: 100%;background-color: #FFf;color: #548CFD;text-align: center;height: 32px;width: 32px;line-height: 32px;margin-top: 8px;font-size: 14px;}
.pay-coupon-guide .img-wechat{background-image: url(https://api.51qiantiao.com/Resource/images/wechat-mp-so-01.png);width:400px;height: 140px;background-repeat: no-repeat;background-size: cover;}
    .pay-coupon-guide .img-wechat2 {
        background-image: url(https://api.51qiantiao.com/Resource/images/wechat-mp-so-02.png);
        width: 320px;
        height: 42px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pay-coupon-guide .img-wechat-qrcode {
        background-image: url(/UI/images/qrcode_mp_collect_www.jpg?v=210518);
        width: 160px;
        height: 160px;
        border-radius: 8px;
        background-repeat: no-repeat;
        background-size: cover;
    }

.nav-contain {
    border-top: 1px solid #fff
}

.am-tabs-default .am-tabs-nav {
    border: 0
}

.index-tab a {
    border-right-color: #f1f1f1
}

.index-page {
    border-bottom-color: #fff
}

.contact_card, .index-container .service_item {
    border-color: #f1f1f1
}

.index-page .index-banner {
    background-image: url('/UI/images/slide_simple_bg_240527.jpg?v=240527');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.promo_banner-container {
    background-image: url('/UI/images/promo_banner_bg_210421.jpg?v=211011')
}
.go-use-pc {
    display: none;
    padding: 12px;
    position: fixed;
    right: 20px;
    bottom: 138px;
    z-index: 9000;
    /*background-color: rgba(0,0,0,.3);*/
    border-radius: 8px;
    background-color: #eee;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}
.go-use-pc.show {
    display: block;
}
.go-use-pc .img {
    width: 371px;
    height: 431px;
    background-image: url('/UI/images/go-use-pc.jpg?v=1');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:4px;
}
.section-frame {
    margin-top:8px;
    width: 100%;
    padding: 0 3.2%;
    position: relative;
    height: 680px;
    display: flex;
}
.section-frame-l {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    text-align: center;
    padding-right: 16px;
}
.section-frame-r {
    width: 438px;
    padding: 0 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.section-frame-img {
    height:auto;
    width:100%;
    border-radius:2px;
}

.frame-wrap{flex:1;width:100%;margin:0 auto;border-radius: 8px;box-shadow: 0 8px 12px #ebedf0;overflow:hidden;}
.frame-wrap .frame{position:relative;height:100%;width:100%;margin:0;padding:0}
.am-btn.go-use {
    padding: 0;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 1000;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}
.am-btn.go-use.kf {
    bottom: 180px;
}

@media only screen and (min-width:641px) {
  [class*="am-u-"] {
    padding-left: .6rem;
    padding-right: .6rem;
  }
}
.index-banner-qrcode {
    position: absolute;
    z-index: 10;
    bottom:40px;
    right:80px;
    display:flex
}
.index-banner-qrcode .qr {
display:inline-block}
.index-banner-qrcode .qr + .qr {
    margin-left:10px
}
.we-pro-img-wrap, .we-mp-img-wrap {
    width: 184px;
    height: 184px;
    padding: 2px;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}
.we-pro-img {
    width: 140px;
    height: 140px;
    border-radius:0;
    background-size:cover;
}
.we-pro-img-wrap.s:after {
    content: "扫码使用";
    position: absolute;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    left: 0;
    bottom: 0px;
    z-index: 1
}
.we-mp-img-wrap.s:after {
    content: "扫码关注";
    position: absolute;
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    left: 0;
    bottom: 0px;
    z-index: 1
}
.we-mp-img {
    width: 140px;
    height: 140px
}
@media only screen and (max-width: 640px) {
    .lawsuit-service-img-wrap {
        flex-direction:column
    }
    .lawsuit-service-img-qrcode-wrap {
        width: 100%;
        margin-top: 16px;
        margin-left: 0;
    }
    .we-pro-img-wrap, .we-mp-img-wrap {
        width: 80px;
        height: 80px
    }
    .we-pro-img-wrap.s:after, .we-mp-img-wrap.s:after {
        content:''
    }
    .we-pro-img{width:60px;height:60px}
    .we-mp-img {
        width: 60px;
        height: 60px
    }
    .index-mask{padding:50px 0 !important}
    .index-banner-qrcode {
        bottom: 4px;
        right: 4px;
    }
    .index-container .am-u-md-4 {
        margin-bottom: 2.2rem
    }
    .section-frame {
        height: 540px
    }
    .section-frame-l {
        display:none
    }
    .section-frame-r {
        padding:0
    }
    .index-page .am-tabs-nav {
        display: none
    }
    .promo_detailed--cta {
        height: 250px!important;
    }
    .am-btn.go-use {
        height: 50px;
        width: 50px;
        right: 10px;
        bottom: 50px;
        font-size: 12px;
    }
    .am-btn.go-use.kf {
        bottom: 180px;
    }

    .contact-form-ext {
        padding: 6px 10px!important;
    }
}

@media screen and (max-width:640px) {
    /*.m-header .am-offcanvas-bar{width:320px;background:#FED210}*/
    
}


::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar{width: 16px;height: 16px;}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner{background: transparent;}

table {border-spacing: 0;border-collapse: collapse}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px;line-height: 1.42857143;vertical-align: top;}
.table-wrap{padding:4px;box-sizing:border-box}
.table{width:100%;max-width:100%}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #f4f4f4}
.table>thead>tr>th{border-bottom:2px solid #f4f4f4}
.table-bordered{border:1px solid #f4f4f4}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #f4f4f4}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}
.table.no-border,.table.no-border td,.table.no-border th{border:0}
table.text-center,table.text-center td,table.text-center th{text-align:center}
.table.align th{text-align:left}
.table.align td{text-align:right}
.table-border-b{border-bottom:2px solid #2D96FF}

.border-t,.border-b,.border-l{position:relative;box-sizing:border-box;border:0 solid #DCDFE6}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}

.d-flex{display: flex!important}
.d-i-block{display:inline-block!important}
.d-b{display:block!important}
.d-flex-c{display: flex;justify-content:center;align-items: center}
.d-flex-lc{display: flex;justify-content:flex-start;align-items: center}
.flex1{flex:1}
.m-t4{margin-top:4px}
.m-t8{margin-top:8px}
.m-t12{margin-top:12px}
.m-r4{margin-right:4px}
.m-r8{margin-right:8px}
.m-r12{margin-right:12px}
.c-3{color:#333}
.c-4{color:#444}
.c-5{color:#555}
.c-6{color:#666}
.c-7{color:#777}
.c-8{color:#888}
.c-9{color:#999}
.c-green{color:#07c160}

.f-w-b {font-weight:bold}
.w-s-n{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.t-d-u{text-decoration:underline}
.t-d-l{text-decoration:line-through}

.f-r{float: right}
.f-l{float:left}
.t-a-l{text-align: left}
.t-a-r{text-align:right}
.t-a-c{text-align: center}

.f-s12{font-size: 12px}
.f-s13{font-size: 13px}
.f-s14{font-size: 14px}
.f-s15{font-size: 15px}
.f-s16{font-size: 16px}
.f-s17{font-size: 17px}
.f-s18{font-size: 18px}
.f-s19{font-size: 19px}
.f-s20{font-size: 20px}