/*通用标题*/
.title{
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    /*font-size: .185rem;*/
    /*color: #333;*/
    text-align: center;
    padding-top: 0.25rem;
    /*margin: 0 auto;*/
    /*font-weight: 600;*/
    margin: 0;
}
.title-txt{
    font-size:0.1rem;
    color:rgba(153,153,153,1);
    line-height: 0.22rem;
    margin: 0.1rem 0.5rem 0.2rem;
    text-align: center;
}
.white{
    background-color: #fff !important; 
}

/* 美容美业 =================================================================== */
/* 传统行业痛点 */
.haird{
    padding: 0.25rem 0 0.15rem;
}
.hairdli {
    width: 44%;
    padding:0.25rem 0.15rem;
    text-align: center;
    border: 0.01rem solid #EEEEEE;
    margin: 0.2rem 0.1rem;
}
.hairdimg{
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
}
.ord{
    width:0.5rem;
    height:0.01rem;
    background:rgba(238,238,238,1);
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0.1rem;
    
}
/* 美容美业 —— 解决门店所有管理需求 */
.module{
    width: 100%;
    padding: .15rem 0 .15rem .15rem;
    background-color: #f2f2f2;
    /* height: 5.95rem; */
}
.module-list {
    display: flex;
    flex-wrap:wrap ;
    justify-content: start;
}
.module-list li{
    width: 1.09rem;
    background-color: #fff;
    margin:0 .1rem .1rem 0;
    border-radius: 0.08rem;
}
.module-title div{
    font-size: .16rem;
    color: #333;
    margin: .07rem 0;
    text-align: center;

}
.module-title span{
    font-size: .11rem;
    color: #666;
    margin: 0 .15rem;
    text-align: center;
    display: block;
    margin-bottom: .2rem;
    /* overflow: hidden; */
    /* text-overflow: ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:3;  */
  
}
.module-list li img{
    width: .6rem;
    height: .6rem;
    display: block;
    margin: 0 auto;
    margin-top: .15rem;
}
/* 收银记账 */
.account{
    background: #fff;
}
.background{
    background: #F5F5F5;
}
.account img{
    width: 100%;
    height: 100%;
    padding-bottom: 0.2rem;
}
.industry{
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.15rem;
    padding-bottom: 0.1rem;
}
.industry img{
    width:1.2rem;
    height:1.4rem;
    border-radius:0.01rem;
    padding-right: 0.15rem;
}
/* 数字货币 ========================================================= */
.modules{
    width: 100%;
    padding: 0 .15rem;
    background-color: #f2f2f2;
    /* height: 5.95rem; */
}
.modules-list {
 display: flex;
 flex-wrap:wrap ;
 justify-content: space-between;
}
.modules-list li{
    width: 1.65rem;
    /* height: 1.6rem; */
    background-color: #fff;
    margin-bottom: .15rem;
    box-shadow:0 0.03rem 0.08rem 0 rgba(70,112,248,0.23);
}
.modules-title div{
    font-size: .16rem;
    color: #333;
    margin: .07rem 0;
    text-align: center;

}
.modules-title span{
    font-size: .11rem;
    color: #666;
    margin: 0 .15rem;
    text-align: center;
    display: block;
    margin-bottom: .2rem;
    /* overflow: hidden; */
    /* text-overflow: ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:3;  */
  
}
.modules-list li img{
    width: .4rem;
    height: .4rem;
    display: block;
    margin: 0 auto;
    margin-top: .25rem;
    margin-bottom: 0.1rem;
}
.technical img{          
    padding-top: 0.3rem;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}
/*完美适配多种场景 业务发展的得力助手*/
.kaoxuesystem{
    background-color: #fff;
    padding: 0 .15rem;

}
.advlists{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: .2rem;
}
.advlists .item{
    width: 3.45rem;
    margin-bottom: .15rem;
}
.advlists .item img{
    width: 2.5rem;
    margin: 0 auto;
    padding: 0.2rem 0;
}
.advcontent{
    background-color: #fff;
    padding: .125rem .17rem;
    border-radius: 0 0 20px 20px ;
}
.advtitle{
    font-size: .12rem;
    color: #333;
    display: flex;
    align-items: center;

}
.advtitle div{
    font-weight: 800;

}
.advtitle span{
    font-size: .1rem;
    margin-left: .05rem;
}
.advborder{
    display: block;
    margin: .1rem 0;
    width: .18rem;
    height: .02rem;
    background-color: #338afb;
}

.contenttext span{
    display: inline-block;
    border-radius: 100%;
    width: .04rem;
    height: .04rem;
    background-color: #338afb;
    margin-right: .15rem;
}

.contenttext{
    font-size: 0.09rem;
    display: flex;
    align-items: center;
    color: #666666;
}
/* 交易所 ================================================================== */
.system{
    padding: 0.25rem 0 0.15rem 0.1rem;
}
.b-shadow{
    box-shadow:0 0.06rem 0.32rem 0 rgba(96,96,96,0.15);
}
.paad1{
    position: absolute;
    left: 18%;
    top: -4.5%;
}
.paad2{
    position: absolute;
    left: 68%;
    top: -4.5%;
}
.paad3{
    position: absolute;
    left: 18%;
    top: 30%;
}
.paad4{
    position: absolute;
    left: 68%;
    top: 30%;
}
.paad5{
    position: absolute;
    left: 18%;
    top: 69%;
}
.systemimg{
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.01rem 0.08rem 0rem rgba(54, 125, 217, 0.13);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.systemimg1{
    width:0.3rem;
    height:0.3rem;
}
.systemimg2{
    width:0.23rem;
    height:0.27rem;
}
.systemimg3{
    width:0.23rem;
    height:0.27rem;
}
.systemimg4{
    width:0.22rem;
    height:0.27rem;
}
.systemimg5{
    width:0.24rem;
    height:0.27rem;
}
.advlists .item .stemimg {
    width: 3.2rem;
    margin: 0 auto;
    padding: 0;
}
.stemtent{
    padding: .125rem .17rem;
    border-radius: 0 0 20px 20px;
}
.pt30{
    padding-top: 0.3rem;
}
/* 币币交易开发 */
.paymach{
    background-color: #f2f4f7;
    padding-top: .25rem;
}
.swiper-container1,.banner {
    /*margin: 0 auto;*/
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    min-height: 1.63rem;
}

.swiper-container1 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 .35rem .24rem;

}

.swiper-container1 .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    /* display: flex; */
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;

}

.swiper-container1 .swiper-slide .right {
    width: 3rem;
    height: 3rem;
}
.swiper-container1 .swiper-slide .left  img{
    width: 0.3rem;
    height: .3rem;
    /*margin-right: .3rem;*/
    margin-top: .55rem;
}
.left .fs30{
    font-size: .14rem;
    color: #333;
    margin: 0.12rem 0 .1rem;
}
.swiper-container1 .swiper-slide .left{
    width: 85%;
}
.swiper-pagination-bullet{
    flex: 1;
    font-size: .12rem;
    color: #333333;
    background-color: #f2f4f7;
    border-radius: 0.02rem;
    text-align: center;
    margin: 0 0.07rem;
    padding: 0.08rem .05rem;
}
/* 区块链商城 ================================================================= */
.chainimg{
    width:2.02rem;
    height:2.05rem;
    margin: 0 auto;
    position: relative;
    top: -0.18rem;
}
.chainli{
    width: 33%;
    padding: 0.25rem 0 0.2rem;
    text-align: center;
}
.chainimgs{
    height: 0.4rem;
    width: 33%;
    margin: 0 auto;
}
.chain1 {
    margin: 0 auto;
    width: 0.4rem;
    height: 0.33rem;
}
.chain2 {
    margin: 0 auto;
    width: 0.35rem;
    height: 0.33rem;
}
.chain3 {
    margin: 0 auto;
    width: 0.36rem;
    height: 0.33rem;
}
.blockchain{
    padding: 0 0 0.6rem 0.1rem;
}
.chains{
    width: 0.5rem;
}
.mb30{
    margin-bottom: 0.5rem;
}
.p-top1{
    position: absolute;
    top: -0.25rem;
    left: 18%;
}
.p-top2{
    position: absolute;
    top: -0.25rem;
    left: 68%;
}
.p-top3{
    position: absolute;
    top: 1.6rem;
    left: 18%;
}
.p-top4{
    position: absolute;
    top: 1.6rem;
    left: 68%;
}
.p-top5{
    position: absolute;
    top: 3.9rem;
    left: 18%;
}
.p-top6{
    position: absolute;
    top: 3.9rem;
    left: 68%;
}
.p-top7{
    position: absolute;
    top: 6.17rem;
    left: 18%;
}
.p-top8{
    margin: 0 auto;
}
.pt20{
    padding-top: 0.2rem;
}
.blockimg{
    width: 100%;
    height: 100%;
}