@charset "utf-8";
html,body{
    scroll-behavior: smooth;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-family: Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\5b8b\4f53,sans-serif;
}
.text-center{
    text-align: center;
}
.link-style{
    color: #fff;
}
.link-style:hover{
    text-decoration:underline;
    color: #fff;
}
.index-link{
    color: #709dca;
}
.index-link:hover{
    color: #709dca;
    text-decoration: underline;
}
img {
    vertical-align: middle;
    border: 0 none;
    max-width: 100% /* ie8 */;
}
.postion {
    position: relative;
}
em,i{
    font-style: normal!important;
}

/* 导航 */
.navbar{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 70px;
    z-index: 999;
}
.navbar .navbar-logo{
    position: absolute;
    /* width: 240px; */
    height: 70px;
    line-height: 70px;
}
.navbar-pcac{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 16px;
    background-image: linear-gradient(135deg, #E64242 0%, #CC1C1C 100%);
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px;
    height: 29px;
    margin-top: 16px;
    position: relative;
}
.pcac-main{
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    width: 560px;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
}
.pcac-main img{
    width: 100%;
}
.navbar .layui-nav .layui-nav-item a{
    color: #777;
}
.navbar .layui-bg-gray{
    background-color: #fff!important;
}
.navbar .navbar-menu{
    position: absolute;
    left: 240px;
    top: 0;
}
.navbar .navbar-right{
    position: absolute;
    right: 16px;
    top: 0;
}
.navbar .navbar-right a.reg-btn{
    color: #ffbb42;
}
.step-box{
    text-align: center;
    padding-bottom: 60px;
}
.step-box img{
    margin-bottom: 50px;
}
.step-box h3{
    color: #394b50;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.layui-nav .layui-this:after, .layui-nav-bar{
    background-color: #028efc;
}
.shrink-right{
    display: none;
    position: absolute;
    right: 20px;
    height: 60px;
    line-height: 60px;
}
.navbar-collapse{
    height: 0;
    margin-top: 70px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
    overflow: hidden;
    transition: all 0.6s ease;
}
.open-this.navbar-collapse{
    height: 273px;
    transition: all 0.6s ease;
}
.navbar-collapse li a{
    display: block;
    padding: 10px 15px;
}
.navbar-tree{
    position: fixed;
    left: -100%;
    top: 0;
    height: 100vh;
    padding-bottom: 0.3rem;
    padding-top: 1.8rem;
    transition: all 0.3s;
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 60%);
}

.navbar-tree.open-this{
    left: 0;
    transition: all 0.6s ease;
}
.navbar-tree .layui-nav{
    background-color: transparent;
}
.navbar-tree ul li{
    border-bottom: 1px solid #E6E6E6;
}
.navbar-tree .layui-nav-itemed>a{
    color: #0277f3!important;
}
.navbar-close{
    position: absolute;
    right: 1.0rem;
    top: 1.0rem;
    font-weight: bold;
}
.navbar-tree .layui-nav-itemed>.layui-nav-child{
    background-color: transparent!important;
}
.navbar-tree .layui-nav-itemed>.layui-nav-child dd{
    padding-left: 0.5rem;
}
.navbar-login{
    text-align: center;
    margin-top: 1rem;
}
.navbar-login a{
    border-radius: 1.8rem;
}
.navbar-tree .layui-nav-tree .layui-nav-bar{
    display: none;
}
.navbar .layui-nav .layui-nav-item a:active{
    background-color: transparent;
}
.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this>a{
    background-color: transparent;
    color: #fff;
}
.layui-nav-tree .layui-nav-item{
    background-color: transparent!important;
}
.layui-nav-tree .layui-nav-child dd{
    background-color: transparent!important;
}
@media screen and (max-width: 767px){
    .navbar-pcac{
        display: none;
    }
    .navbar-menu{
        display: none;
    }
    .navbar-right{
        display: none;
    }
    .shrink-right{
        display: block;
    }
    .login-img{
        display: none;
    }
    .login-form{
        padding-top: 0;
    }
}
.btn-deaful{
    background-color: #028efc;
}
.layui-input-wrap{
    position: relative;
    line-height: 38px;
}
.layui-input-prefix{
    position: absolute;
    top: 0;
    padding: 0 10px;
    width: 35px;
    height: 100%;
    text-align: center;
    transition: all .3s;
    box-sizing: border-box;
    left: 0;
    border-radius: 2px 0 0 2px;
}
.layui-input-prefix .layui-icon{
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
}
.layui-input-wrap .layui-input {
    padding-right: 35px;
    padding-left: 35px;
}
.layui-input:focus, .layui-textarea:focus{
    border-color: #028efc!important;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #028efc!important;
    background-color: #028efc;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #028efc;
    color: #fff;
}
.reg-form .layui-form-item .layui-form-checkbox[lay-skin=primary]{
    margin-top: -1px;
}
.accept-item{
    color: #a6aeb3;
    font-size: 13px;
}
/* 新首页 */
.layui-header.navbar{
    background-color: transparent;
}
.navbar .index-nav{
    background-color: transparent;
}
.navbar .index-nav .layui-nav-item{
	line-height: 70px;
}
.navbar .index-nav .layui-nav-item a{
    color: #fff;
	font-size:16px;
}
.navbar.scroll{
    background-color: #fff;
}
.navbar.scroll .index-nav .layui-nav-item a{
    color: #777;
}
.navbar .index-nav .layui-nav-item dl a{
    color: #777;
}
.banner{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto; */
    background-image: url(../img/banner-index.jpg);
    /* height: calc(100vh - 30px); */
    height: 900px;
}

.index-btn{
    color: #196bff;
    font-size: 16px;
    padding: 12px 60px;
    border-radius: 4px;
}
.banner .banner-btn a{
    border: 1px solid #2271ff;
    background-color: #276CFF;
    color: #fff;
}
.banner .banner-btn a:hover{
    opacity: .9;
    color: #fff;
}
.banner .banner-title{
    color: #ffffff;
    text-align: left;
    padding-top: 28%;
    position: relative;
    opacity: 0.95;
}
.banner .banner-title p{
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 2px;
    text-shadow: -5px -2px 10px rgba(255,255,255,0);
    font-size: 56px;
    color: #272A44;
    letter-spacing: 0;
    font-weight: 600;
}
.banner .banner-title .desc{
    margin-top: 40px;
    margin-bottom: 60px;
    letter-spacing: 1px;
    color: #555;
}
.banner .banner-title .desc span{
    display: block;
    line-height: 33px;
    font-size: 22px;
}
@media screen and (max-width: 767px){
    .banner{
        height: 550px;
    }
    .navbar .shrink-right{
        color: #fff;
    }
    .navbar.scroll .shrink-right{
        color: #777;
    }
    .banner .banner-title p{
        font-size: 36px;
    }
}
/* 首页模块 */
#contact .box-body{
    padding: 48px 0;
}
.model-box{
    /* padding: 2% 0 3% 0; */
    padding: 100px 0;
}
.box-head{
    text-align: center;
    margin-bottom: 60px;
}
.index-mod1 .box-head h1{
    /* margin: 60px 0 80px 0; */
    color: #333;
    font-weight: 600;
    line-height: 1.2em;
}
.model-box h1{
    font-size: 32px;
    font-weight: bold;
    color: #333;
}
.box-head p{
    color: #5c5d5f!important;
    font-size: 16px;
    line-height: 2em;
    letter-spacing: 0px;
    margin-top: 10px;
}
.index-mod1{
    padding-bottom: 100px;
}
.index-mod1 dl {
    position: relative;
    background: #f1f5fe;
    border-radius: 10px;
    padding: 30px 38px;
}
.index-mod1 dl img{
    width: 126px;
}
.index-mod1 dl dt {
    position: absolute;
    top: 0px;
    right: 20px;
}
.index-mod1 dl dd {
    padding-left: 30px;
}
.index-mod1 dl dd h2{
    font-size: 28px;
    color: #2d70f5;
    font-weight: bold;
    margin-top: -30px;
    margin-bottom: 25px;
}

.model-box h2,.coop-mod3 dl dt h2{
    font-size: 28px;
    font-weight: bold;
}
.index-mod2 h2{
    font-weight: bold;
    color: #333;
}
.index-mod1 p{
    color: #1f1c1c;
    padding-right: 25px;
}
.index-mod1 p,.index-mod2 p,.index-mod3 p,.index-mod4 p,.index-mod5 p,.add-banner dd p,.juhe-mod1 dd p,.juhe-mod3 p,.juhe-mod4 dd p,.fenzhang-mod1 p,.fenzhang-mod2 p
,.fenzhang-mod3 p,.fenzhang-mod4 p,.wallet-mod1 p,.wallet-mod2 p,.qyfk-mod3 p,.wallet-mod3 p,.qyfk-mod1 p,.qyfk-mod2 p,.help1 dd p,.help3 p,.coop-model1 dl dd p
,.coop-mod2 dt p,.coop-mod3 dt p,.coop-mod4 dd p,.add-banner p,.index-mod7 p,.fenzhang-mod3 p{
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}
.index-mod2 p,.index-mod4 p,.juhe-mod3 p,.fenzhang-mod1 p,.qyfk-mod1 p,.qyfk-mod2 p,.index-mod3 p,.fenzhang-mod3 p{
    margin: 15px 0 30px 0;
}
.index-mod2 a,.contact p{
    font-size: 16px;
    line-height: 2.85;
}

.index-mod3 dl{
    box-shadow: 0 4px 10px 0 #dfe2f6;
    border-radius: 10px;
    background: url(../img/index-img4.png) 50% no-repeat;
    background-size: 100% 100%;
    height: 414px;
}
.index-mod3 dl dd{
    padding: 30px 16px 30px 16px;
}
.index-mod3 dl dd h4{
    font-size: 17px;
    color: #333;
    letter-spacing: 0;
    /* font-weight: 600; */
    margin-bottom: 10px;
}
.index-mod3 dl dd p{
    font-size: 14px;
    color: #666;
    margin-top: 10px!important;
}
.index-mod3 dl dt{
    padding: 29px 0;
    text-align: center;
}
.index-mod3 dl dt span{
    display: inline-block;
    width: 28px;
    text-align: center;
    line-height: 28px;
    margin-right: 9px;
    font-size: 20px;
    background-color: rgba(223,226,246,.21);
    color: #fff;
    border-radius: 50%;
}
.index-mod3 dl dt b{
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}
.index-mod3 .circular{
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #7c8cb4;
    border-radius: 50%;
    margin-right: 8px;
}
.index-mod3 li h4{
    display: flex;
    align-items: center;
}
.index-mod3 li a{
    color: #2271ff;
    display: flex;
    align-items: center;
}
.index-mod3 li .btn-to{
    display: inline-block;
    background: url(../img/to.png) no-repeat;
    background-size: 13px 12px;
    width: 23px;
    height: 22px;
    background-position: center;
}

.model-box .btn-img{
    display: block;
    width: 160px;
    line-height: 46px;
    text-align: center;
    color: #2271ff;
    border-radius: 6px;
    border: 1px solid #2271ff;
}
.model-box .btn-img img{
    margin-left: 7px;
    transition: all 0.3s ease;
}
.model-box .btn-img:hover img{
    margin-left: 13px;
    transition: all 0.3s ease;

}
.index-mod2,.fenzhang-mod1,.wallet-mod2{
    padding-top: 100px;
    padding-bottom: 100px;
}
.model-box .index_btn{
    background-color: #0071ef;
    color: #fff;
    padding: 10px 25px;
    border-radius: 2px;
    font-size: 14px;
}
.model-box .index_btn.btn-blue-primary{
    background-color: rgba(0,113,239,.1);
    color: #0071ef;
}

.index-mod4 .item1{
    background: url(../img/expert1.80b94441.png) no-repeat;
}
.index-mod4 .item2{
    background: url(../img/expert2.54dba3bf.png) no-repeat;
}
.index-mod4 .item3{
    background: url(../img/expert3.508c35ac.png) no-repeat;
}
.index-mod4 .item4{
    background: url(../img/expert4.842d0433.png) no-repeat;
}
.index-mod4 .item5{
    background: url(../img/expert5.ae2196e2.png) no-repeat;
}
.index-mod4 .item6{
    background: url(../img/expert6.604a025f.png) no-repeat;
}
.index-mod5,.fenzhang-mod4,.wallet-mod1,.wallet-mod2,.index-mod3{
    padding-top: 80px;
}
.index-mod4 .index-mod4-item {
    color: #fff;
    padding: 36px 20px;
    background-size: 100% 100%;
    border-radius: 10px;
}
.index-mod4 .index-mod4-item h2{
    margin-bottom: 20px;
}
.index-mod4 .btn-img{
    margin: 30px auto 0 auto;
}
.index-mod5 dl{
    background: #fff;
    box-shadow: 0 5px 20px 3px rgb(212 224 243);
    display: flex;
    padding: 28px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 18px;
}
.index-mod5 dl dt{
    width: 70%;
}
.index-mod5 dl h3{
    margin-bottom: 10px;
}
.index-mod7 .box{
    background: #fff;
    box-shadow: 0 0 14px 0 rgb(199 212 240 / 50%);
    border-radius: 6px;
    padding: 30px 26px 30px 34px;
    position: relative;
    /* height: 468px; */
    box-sizing: border-box;
}
.index-mod7 .box h4{
    margin-top: 59px;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    font-weight: 600;
}
.index-mod7 .box p{
    color: #666;
    margin-top: 30px;
}
.index-mod7 .btn-img{
    line-height: 38px;
}
.model-box h3{
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.index-mod7 .box ul{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.index-mod7 .box ul li{
    color: #333;
}
.index-mod7 .box span{
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #2271ff;
    border-radius: 50%;
    margin-right: 6px;
}
.partners-item{
    cursor: pointer;
    height: 200px;
    text-align: center;
    transition: all .5s ease;
}
.partners-item img{
    margin-top: 32px;
}
.partners-item h3{
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
}

.contact{
    background: url(../img/footer-banner.png) no-repeat;
    background-size: 100% 100%;
    height: auto;
    padding: 25px 0 15px 0;
    color: #fff;
}
.contact .contact-btn{
    padding: 0 18px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    border: 0.11vw #fff solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 26px;
}
.contact .contact-btn:hover {
    background: #fff;
    color: #33AAFF;
}
.contact .title-h2{
    font-size: 2.125rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin-bottom: 0.625rem;
    letter-spacing: 1px;
}
.contact .title-p{
    letter-spacing: 1px;
}
.weixin {
    display: flex;
}
.weixin .we-customer {
    margin-right: 1.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.we-customer-qr {
    display: block;
    left: -2.1875rem;
    top: 0;
    width: 7.375rem;
    height: 9.875rem;
    background-color: white;
    box-shadow: 0px 1px 3px 0px rgb(194 203 212 / 50%);
    border-radius: 4px 4px 4px 0px;
    color: #202020;
}
.we-customer-qr .we-customer-qr-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.we-customer-qr .we-customer-qr-div .we-customer-qr-span1 {
    font-size: 0.75rem;
    font-weight: 500;
    color: #202020;
    margin-top: 0.3125rem;
}
.we-customer-qr .we-customer-qr-div .we-customer-qr-span2 {
    font-size: 0.75rem;
    color: #9b9b9b;
}
.we-customer-qr .we-customer-qr-div img {
    width: 7rem;
    height: 7rem;
}
.weixin .we-public {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.foot dt {
    padding-bottom: 20px;
}
.foot dt h2{
    font-size: 18px;
}
.foot dd a {
    display: block;
    color: #281d1d;
    line-height: 2;
    font-size: 14px;
}
.foot dl{
    min-height: 200px;
}
.copyright span{
    margin-right: 10px;
}
.copyright {
    margin: 0 auto;
    color: #606060;
    font-size: 0.75rem;
    padding: 20px 0;
    background: #f7f8fa;
}
@media (max-width: 992px){
    .contact {
        background: url(../img/bg_5.png) no-repeat;
        background-size: 100%;
        height: auto;
        padding: 0.6rem 0.3rem;
        text-align: center;
    }
    .weixin .phone-hide{
        display: none;
    }
    .copyright p > span{
        display: block;
        line-height: 1.41rem;
        font-size: 0.85rem;
        font-weight: 400;
        color: #202020;
    }
    .model-box .btn-img{
        display: inline-block;
    }
    .btn-center{
        text-align: center;
    }
    #contact .box-body{
        padding: 18px 0;
    }
}
/* 聚合支付 */
.add-banner dt img.pc-show {
    width: 100%;
    display: block;
    height: auto;
    object-fit: cover;
}
.juhe-mod1,.juhe-mod2,.juhe-mod3,.juhe-mod4{
    padding-top: 4%;
}

.add-banner dd{
    margin-top: -19%;
}
.add-banner h5 {
    color: #0277f3;
    font-size: 36px;
    padding: 50px 0 0px 0;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 22%;
}
.phone-show{
    display: none;
}
.juhe-mod1 dl{
    height: 250px;
    text-align: center;
}
.juhe-mod1 dd{
    margin-top: 20px;
}
.juhe-mod1 dl,.coop-model1 dl{
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 20px;
    padding: 15px 25px;
}
.wallet-mod2 dt,.qyfk-mod3 dt,.coop-model1 dl dt {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.juhe-mod1 dt h2,.fenzhang-mod4 dt h2,.wallet-mod2 dd h2,.qyfk-mod3 dd h2,.help1 h2,.coop-model1 dl h2,.coop-mod2 dt h2{
    margin-left: 16px;
    font-size: 20px;
}
.juhe-mod4 dl{
    padding: 30px 25px;
    text-align: center;
}
.juhe-mod4 dl h2{
    font-size: 28px;
    padding: 40px 0 0 0;
    position: relative;
}
.juhe-mod4 dl h2 b{
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 0;
    left: 0;
    color: #EAF6FF;
    font-size: 54px;
}
.juhe-mod4 dl h2 span{
    display: block;
    position: relative;
    z-index: 2;
    font-size: 20px;
}
.juhe-mod4 dd p{
    margin-top: 15px;
}
.juhe-mod4 img{
    width: 72px;
}

/* 智能分账 */

.fenzhang_banner{
    background: url(../img/fenzhang-banner.jpg) no-repeat;

}
.wallet_banner{
    background: url(../img/wallet-banner.jpg) no-repeat;
}
.qyfk_banner{
    background: url(../img/qyfk-banner.jpg) no-repeat;
}
.solu_banner{
    background: url(../img/solu01.jpg) no-repeat;
}
.coop_banner{
    background: url(../img/coop-banner.jpg) no-repeat;
}
.tag{
    margin-top: 25px;
    line-height: 25px;
}
.tag span{
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}
.tag .tag-label{
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin-right: 20px;
    font-size: 17px;
}
.tag i{
    display: inline-block;
    width: 4px;
    height: 12px;
    background: #2271ff;
    margin-right: 6px;
}
.fenzhang-mod3 h2{
    color: #333;
}
.fenzhang-mod4 dl{
    padding: 151px 38px 24px 38px;
    background: #f1f5fe;
    border-radius: 10px;
    text-align: center;
    position: relative;
}
.fenzhang-mod4 dl dt img{
    position: absolute;
    right: calc(50% - 73px);
    top: -35px;
    width: 146px;
}
.fenzhang-mod4 h1{
    padding-bottom: 20px;
}
.fenzhang-mod4 h2{
    margin-bottom: 20px;
}
.fenzhang-mod4 p{
    font-size: 14px;
    color: #636b90;
    letter-spacing: 0;
    line-height: 26px;
}
.text-middle{
    margin-top: 15%;
}
/* 账户钱包 */
.wallet-mod1 p{
    background: #fff;
    box-shadow: 0 5px 20px 3px rgb(212 224 243);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 20px;
    padding: 65px 0 65px 30px;
    padding-right: 35%;
}
.wallet-mod1 .p-right{
    padding-left: 35%;
    padding-right: 30px;
}
.wallet-img{
    position: absolute;
    top: 7%;
    left: 32%;
}
.wallet-mod2 dl,.qyfk-mod3 dl {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 30px 25px;
    position: relative;
    box-shadow: 0 2px 9px 3px rgb(233 240 255);
    background: #fff;
}
.wallet-mod2 dd h2,.qyfk-mod3 dd h2{
    margin-left: 0;
    margin-bottom: 20px;
}
.wallet-mod2 dt,.qyfk-mod3 dt{
    position: absolute;
    top: -25px;
    right: 25px;
}
.wallet-mod1,.wallet-mod2{
    padding-top: 4%;
}
.btm-82{
    margin-bottom: 82px;
}

/* 2024.3.1开始 */
.wallet-mod3 .hy-img{
    width: 95px;
    margin-top: 40%;
}
.wallet-mod3 .hy-name{
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
    margin: 12px 0 0;
}
.wallet-mod3 .item{
    height: 272px;
    background: #f2f6ff;
    text-align: center;
    border-right: 1px solid #fff;
}
.wallet-mod3 .item:last-child{
    border-right: none;
}
/* 2024.3.1结束 */
/* 解决方案 */
.qyfk-mod1 .layui-tab-title li{
    font-size: 20px;
    min-width: 20%;
    box-sizing: border-box;
    line-height: 20px;
    height: 41px;
}
.qyfk-mod1 .layui-tab-content{
    padding-top: 30px;
}

.qyfk-mod1 dl{
    background-color: #fafafa;
    border-radius: 8px;
    padding: 36px 30px 10px 30px;
    box-sizing: border-box;
    display: flex;
}
.qyfk-mod1 dl dt{
    padding-right: 30px;
}
.qyfk-mod1 dl h2{
    font-size: 22px;
}
.tab-content-title{
    display: flex;
    align-items: center;
}
.tab-content-title img{
    width: 52px;
}
.tab-content-title h4{
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.qyfk-mod1 .layui-tab-brief>.layui-tab-title .layui-this{
    color: #0277f3;
}
.qyfk-mod1 .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #0277f3;
}



.qyfk-mod2 dl,.solution1-mod1 dl{
    background: -webkit-linear-gradient(left, #ffffff, #e9f3ff);
    background: -o-linear-gradient(bottom, #ffffff, #e9f3ff);
    background: -moz-linear-gradient(bottom, #ffffff, #e9f3ff);
    background: linear-gradient(to bottom, #ffffff, #e9f3ff);
    box-shadow: 0 2px 9px 3px rgba(209, 228, 250);
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 30px;
    height: 400px;
    position: relative;
}
.qyfk-mod2 dl h2,.solution1-mod1 dl h2{
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}
.qyfk-mod2 dl span {
    display: block;
    margin: 10px 0 30px 0;
    font-size: 15px;
}
.qyfk-mod2 dl p {
    line-height: 0.55;
    font-size: 14px;
    color: #787878;
    background: url(../img/dian.png) no-repeat 0 2px;
    padding-left: 16px;
}
.qyfk-mod2 dl dd a {
    display: flex;
    margin-top: 40px;
    color: #0478ff;
    font-size: 16px;
    position: absolute;
    bottom: 30px;
}
.qyfk-mod2 dl dd i{
    display: block;
    background: url(../img/to.png) no-repeat;
    background-size: 13px 12px;
    width: 23px;
    height: 22px;
    background-position: center;
}
.qyfk-mod2 dt{
    width: 80px;
}
.banner3{
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 560px;
}
.juhe-banner{
    background: url(../img/fenzhang-banner.png) no-repeat;
}
/* .fenzhang_banner{
    background: url(../img/fenzhang-banner.png) no-repeat;

} */
/* .solu-banner{
    background: url(../img/solu01.png) no-repeat;
} */
/* 解决方案：数娱平台 */
.solution1-mod1 dl{
    height: 185px;
}
.solution1-mod1 dl dt{
    height: 126px;
}
/* 行业资讯 */
.banner1{
    height: 320px;
    text-align: center;
}
.banner1 dd h3{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.banner1 dd{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 38%;
}
.banner1 dt img.pc-show{
    height: 320px;
}
.news{
    padding: 60px 15px;
}
.news h2 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .news-list{
    padding: 0 20px;
}
.news .news-list p {
    font-size: 14px;
    line-height: 1.25;
}
.news .news-list li,.hot-news li{
    border-bottom: 1px #f2f2f2 solid;
    padding: 25px 0;
}
.news .news-list p {
    color: #787878;
    margin: 10px 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .news-list i {
    color: #33aaff;
    font-size: 12px;
    font-style: normal;
}
.news .news-list li a:hover h2{
    color: #33AAFF;
    text-decoration: underline;
}
.page {
    margin: 40px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.page a {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    color: #333333;
    border-radius: 50px;
    border: 1px solid #E6E6E6;
    margin: 4px;
    transition: all .1s;
}
.page a:hover{
    background: #33AAFF;
    color: #fff;
    border: 1px solid #33AAFF;
}
.page a.active{
    background: #33AAFF;
    color: #fff;
    border: 1px solid #33AAFF;
}
.input-group-icon input{
    padding: 30px 45px 30px 15px;
    border: 0;
    background: #33aaff;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
}
.input-group-icon input::placeholder {
    color: rgba(255, 255, 255, .5);
 }
.input-group-icon i{
    position: absolute;
    right: 15px;
    top: 18px;
    z-index: 99;
    cursor: pointer;
    font-size: 22px;
    color: rgba(255, 255, 255, .5);
}
.input-group-icon i:hover{
    color: #fff;
}
.hot-news{
    background: #ffffff;
    border: 1px solid #e5e7eb;
    padding: 0 20px;
    margin-top: 25px;
}
.hot-news .tit h2 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    display: flex;
    padding: 30px 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot-news .tit h2 i {
    display: block;
    width: 6px;
    height: 18px;
    background: #33aaff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    align-self: center;
    margin-right: 10px;
}
.hot-news ul li h2{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial;
}
.hot-news ul{
    height: auto;
    max-height: 560px;
    overflow: hidden;
}
.hot-news ul li i{
    color: #999999;
    font-size: 12px;
}
.hot-news li:last-child{
    border-bottom: none;
}
.content{
    padding: 0 10px;
}
.content .title{
    border-bottom: 1px solid #e6e5e5;
}
.content .title h1 {
    font-weight: bold;
    font-size: 36px;
    color: #222d39;
}
.content .title p {
    font-size: 14px;
    color: #8b8b8b;
    padding: 15px 0;
}
.content .cont {
    padding-top: 30px;
}
.content .cont p {
    font-size: 16px;
    line-height: 1.95;
    letter-spacing: 1px;
    text-indent: 2em;
    margin-bottom: 5px;
}
.tag span p{
    padding: 6px 0px;
    color: #808082;
    border-radius: 4px;
    margin: 5px 0px;
    font-size: 14px;
}
/* 帮助中心 */
#helpBg{
    background-image: url(../img/helpBg.png);
    background: url(../img/helpBg.png) top center no-repeat;
    background-size: cover;
}
.help-banner {
    height: 375px;
    overflow: hidden;
}
.input-group-banner{
    display: flex;
    justify-content: space-between;
    width: 66%;
    background: #fff;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 0 auto;
    padding-left: 50px;
    height: 62px;
}
.input-group-banner input{
    border: none;
    line-height: 62px;
    height: 62px;
    font-size: 16px;
}
.input-group-banner i{
    position: absolute;
    left: 20px;
    top: 18px;
    font-size: 26px;
    color: #028efc;
}
.input-group-banner span{
    display: block;
    width: 140px;
    text-align: center;
    color: #fff;
    background: #7ca8fa;
    cursor: pointer;
    height: 52px;
    line-height: 52px;
    align-self: center;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin-right: 5px;
    font-size: 16px;
}
.help1{
    padding: 30px 30px 45px 30px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.help1 dl {
    margin-top: 15px;
}
.help1 dl a{
    display: flex;
}
.help1 dl a:hover h2{
    color: #333;
}
.help1 dl a p{
    margin-top: 15px;
    margin-left: 16px;
    color: #1f1c1c;
}
.help2 .help2-item{
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    min-height: 320px;
    padding: 25px;
    box-shadow: 0 2px 9px 3px rgba(233, 240, 255, .3);
    border: none;
}
.help2 .help2-item h2{
    padding: 0;
}
.help2 .help2-item li{
    border-bottom: none;
    padding: 5px 0;
}
.help2 .help2-item ul{
    padding-top: 15px;
}
.help2 .help2-item li a {
    display: block;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../img/dian.png) no-repeat 0 16px;
    padding-left: 15px;
    font-size: 18px;
}
.help2 .help2-item li a:hover{
    color: #3c7cf7;
}
.help2 .help2-item .tit{
    border-bottom: 1px #efefef solid;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.help2 .help2-item .tit a{
    color: #3c7cf7;
    font-size: 16px;
}
.help2 .help2-item li h2{
    margin-bottom: 0;
}
.help3{
    margin-bottom: 50px;
    background: #3275ff;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding-left: 60px;
    color: #fff;
}
.help3 h2{
    font-size: 36px;
    font-weight: bold;
    margin-top: 40px;
}
.help3 i{
    display: block;
    width: 80px;
    height: 6px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 25px 0;
}
.help3 p{
    color: #fff;
}
.help3 a{
    display: block;
    width: 146px;
    text-align: center;
    line-height: 50px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #3c7cf7;
    font-size: 20px;
    margin-top: 45px;
}
/* 联系我们 */
.cont-model{
    padding: 60px 15px;
}
.cont-model h2 {
    color: #2969e5;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.cont-model ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.cont-model ul li{
    width: 50%;
    font-size: 18px;
    line-height: 2.65;
    background: url(../img/tion_icon.png) no-repeat 0 15px;
    color: #787878;
    padding-left: 35px;
    box-sizing: border-box;
}
.cont-model h3{
    font-size: 28px;
    margin-bottom: 35px;
}
.cont-model h3 i {
    font-size: 14px;
    color: #787878;
    margin-left: 25px;
}
.cont-model .layui-input-block{
    margin-left: 0;
}
.cont-model .layui-input-block input{
    height: 52px;
    line-height: 52px;
    border-radius: 8px;
    padding-left: 35px;
    position: relative;
}
.cont-model .layui-input-block .layui-btn{
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 16px;
}
.cont-model .layui-input-block i {
    color: #f00;
    position: absolute;
    left: 15px;
    top: 13px;
    z-index: 99;
    font-size: 18px;
    font-weight: bold;
}
.cont-btn{
    background-color: #3476f6;
}

/* 2024.2.28 */
.card-tel{
    background-color: #f7f8fb;
    padding: 34px 75px 34px 40px;
}
.card-tel h2{
    font-size: 30px;
    color: #4285f4;
    margin-top: 20px;
}
.card-tel p{
    font-size: 16px;
    color: #737c8b;
    margin-top: 20px;
}
.card-qr{
    display: flex;
    justify-content: space-around;
}
.card-qr p{
    font-size: 26px;
    color: #20242b;
    font-weight: 700;
    line-height: 37px;
    margin-top: 53px;
}
.card-qr {
    padding: 34px 0px 34px 40px;
}
.card-qr span{
    display: inline-block;
    font-size: 16px;
    color: #737c8b;
    line-height: 22px;
    margin-top: 14px;
    padding-left: 4px;
}
.card-qr .chatTxt img{
    width: 170px;
}
.card-qr .chatTxt h6{
    font-size: 10px;
}

/* 登录 */

.login-wrap{
    margin: 0 auto;
}
.wrapper{
    padding-top: 23%;
}
.login-bg .navbar{
    box-shadow: none;
}
.login-main{
    background-color: #fff;
    border-radius: 8px;
    padding: 45px 45px 15px 45px;
    box-sizing: border-box;
    box-shadow: 0 0 24px 0 rgb(22 129 255 / 12%);
    min-height: 500px;
}
.login-bg{
    width: 100%;
    height: 100vh;
    background: url(https://so.xindukj.com/assets/img/bing.php) no-repeat;
    background-size: cover;
}
.login-main .login-title{
    font-size: 20px;
    color: #000;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}
.login-main .layui-input-prefix{
    color: #3af;
}
.login-main .login-form input{
    border-radius: 6px;
    height: 42px;
    line-height: 42px;
}
.login-main .layui-tab-brief>.layui-tab-title{
    margin-bottom: 10px;
}
.login-main .layui-tab-brief>.layui-tab-title li{
    font-weight: bold;
    width: 50%;
    box-sizing: border-box;
}
.login-main .layui-tab-brief>.layui-tab-title .layui-this{
    color: #028efc;
}
.login-main .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #028efc;
}
.login-main .login-form .login-qrcode {
    display: flex;
    justify-content: center;
    position: relative;
}
.login-main .login-form .login-qrcode .qrcode-img {
    width: 226px;
    height: 226px;
}
.login-main .login-form .login-qrcode .qrcode-img img {
    width: 100%;
    box-shadow: 0 5px 12px 0 #c7c9dd;
}
.lg-wx{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
}
.lg-wx img{
    width: 17px;
    height: 17px;
    margin-right: 10px;
}
.login-main .login-form .qrcode-content{
    z-index: 1;
    position: absolute;
    width: 226px;
    height: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
}
.login-main .login-form .qrcode-content span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.login-main .login-form .layui-form-checkbox{
    margin-top: 0;
    padding-left: 22px;
}
@media screen and (min-width: 1200px){
    .login-wrap {
        width: 900px;
    }
}
@media screen and (min-width: 992px) and (max-width:1199px){
    .login-wrap {
        width: 700px;
    }
    .banner2{
        height: 500px;
    }
}
@media screen and (min-width: 768px) and (max-width:992px){
    .login-wrap {
        width: 400px;
    }
}

/* 商务合作 */
.banner2{
    height: 668px;
}
.coop-model1 dl{
    background: linear-gradient(225deg,#f9fbff,#eff5ff);
    border-radius: 8px;
}
.coop-mod2 dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coop-mod2 dt h2{
    margin: 30px 0 15px 0;
}
.coop-mod2 dd{
    margin-left: 30px;
}
.coop-mod3 dl{
    background: #fcfeff;
    border: 1px #f3f3f3 solid;
    padding: 30px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.coop-mod3 dt p{
    color: #787878;
    margin: 10px 0 20px 0;
}
.coop-mod3 dd{
    display: flex;

}
.coop-mod3 dd span {
    margin-right: 15px;
}
.coop-mod3 dd span em{
    display: block;
    text-align: center;
    color: #787878;
    margin-top: 8px;
}
.coop-mod3 .coop-item-tag{
    position: absolute;
    top: 45px;
    right: 45px;
    width: 180px;
    text-align: center;
    line-height: 38px;
    background: #3976fd;
    color: #fff;
    -moz-border-radius: 800px;
    -webkit-border-radius: 800px;
    border-radius: 800px;
    font-size: 16px;
    line-height: 2.85;
}
.coop-mod4 h2{
    position: relative;
    padding: 60px 0 20px 0!important;
}
.coop-mod4 h2 b{
    display: block;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 28px;
    font-size: 64px;
    z-index: 1;
    color: #EAF6FF;
}
.coop-mod4 h2 span{
    position: relative;
    z-index: 3;
    font-size: 20px;
}
.agree-main{
    padding: 45px 15px;
}
.agree-main p{
    font-size: 16px;
    line-height: 2;
}
.agree-main h3{
    font-weight: bold;
    line-height: 2;
    font-size: 18px;
}


/* 支付测试 */
.pcOne dl h2{
    font-size: 20px;
    font-weight: bold;
}
.pcOne dl h3{
    font-size: 20px;
    margin: 25px 0;
    font-weight: normal;
}
.pcOne dl p{
    color: #787878;
    font-size: 16px;
    line-height: 2.85;
}
.pcOne dl p:last-child {
    color: #ff8e0e;
}
.pcOne .pay{
    text-align: right;
}
.pcOne .pay h2 {
    color: #787878;
    font-size: 28px;
}
.pcOne .pay h2 i {
    color: #127dff;
    font-size: 38px;
    font-weight: bold;
}
.pcOne .pay p {
    text-align: right;
    color: #127dff;
    line-height: 2.8;
}
.pcTwo .tit{
    font-size: 20px;
    border-bottom: #f1f1f1 1px solid;
    padding: 25px 0;
}
.pcTwo .dl_dl dl {
    line-height: 39px;
    background: #fff;
    border: #dde0e5 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding-left: 40px;
    margin-top: 45px;
    font-size: 20px;
    cursor: pointer;
    box-sizing: border-box;
}

.pcTwo .dl_dl dt img {
    margin-right: 10px;
    width: 30px;
}

.pcTwo .dl_dl dl.cur {
    border: #24b1f0 1px solid;
}
.pcTwo .pays {
    background: #127dff;
    width: 300px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 70px auto;
    cursor: pointer;
    border-radius: 8px;
}


@media (max-width: 992px){
    .add-banner h5{
        font-size: 26px;
        padding-top: 42%;
    }
    .add-banner{
        height: 380px;
    }
    .model-box h2{
        font-size: 20px;
    }
    .model-box h1{
        font-size: 20px;
        padding-top: 0;
        padding-bottom: 30px;
    }
    .text-middle{
        margin-top: 0;
    }
    .tag .tag-label{
        display: block;
        margin-bottom: 10px;
    }
    .box-head{
        margin-bottom: 0;
    }
    .wallet-img{
        display: none;
    }
    .wallet-mod1 p{
        padding-right: 30px;
    }
    .wallet-mod1 .p-right{
        padding-left: 30px;
    }
    .solution1-mod1 dl dt{
        height: 8.8rem;
        overflow: hidden;
    }
    .solution1-mod1{
        margin-top: 5rem;
    }
    .news{
        padding: 0 15px 60px 15px;
    }
    .input-group-banner{
        width: 80%;
    }
    .help-banner{
        height: 17rem;
    }
    .help-banner dd{
        bottom: 38%;
    }
    .login-left-img{
        display: none;
    }
    .login-bg{
        background-image: none;
        background-color: #FAFAFA;
    }
    .login-main{
        box-shadow: none;
    }
    .wrapper{
        margin-top: 20%;
    }
    .login-main .login-form .layui-form-checkbox{
        margin-right: 0;
        margin-bottom: 0;
    }
    .index-mod1 ,.index-mod4,.index-mod5{
        padding-bottom: 45px;
    }
    .index-mod1 .box-head h1{
        margin-bottom: 10px;
    }
   

    .index-mod3 .box-head h1,.index-mod6 .box-head h1{
        padding-bottom: 0;
        /* padding-top: 30px; */
    }
    .index-mod2{
        margin-top: 0;
        padding-bottom: 58px;
    }
    .banner1{
        height: 320px;
    }
    .coop-mod4 dl{
        text-align: center;
    }
    .index-mod5,.index-mod2,.fenzhang-mod4,.wallet-mod1,.wallet-mod2,.index-mod3{
        padding-top: 30px;
    }
    .banner .banner-title{
        padding-top: 50%;
        text-align: center;
    }
    .banner-btn{
        text-align: center;
    }
    .model-box{
        padding: 30px 0;
    }
    .fenzhang-mod4 .fenzhang-mod4-item{
        margin-top: 30px;
    }
    .index-mod7 .box h4{
        margin-top: 0;
    }
	
    /* 2024.3.1开始 */
    .wallet-mod3 .hy-img{
        margin-top: 15%;
    }
    /* 2024.3.1结束 */
}

@media screen and (max-width: 767px){
        .card-qr p{
            margin-top: 0;
        }
    }