/*外层大容器*/
.body-wrapper{
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    height: auto;
    /*border: 1px solid green;*/
}
/*banner图*/
/*.banner-micro{*/
    /*width: 100%;*/
    /*min-width: 1200px;*/
    /*max-width: 1920px;*/
   /*height: 524px;*/
    /*background: url("../img/B-C-微商城.png") no-repeat;*/
    /*background-position: center center;*/
    /*background-size: 100% 100%;*/

/*}*/
.banner-micro{width:100%;height:500px;background: url(https://www.xunyou021.com/public/static/index/img/micro-business/8-B-C-微商城.jpg) center center no-repeat;}
/*系统优势*/

ol,
        ul,
        li {
            list-style: none;
            margin: 0px;
            padding: 0px
        }


        .item_list {
            margin:0 auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            align-self: auto;
         
        }

        .item_list_box {
            width: 33.33%;
            /* border-radius: 4rpx; */
            /* border: 2px solid #fff; */
            box-sizing: border-box;
            text-align: center;
            margin-bottom: 20px;
        }

        .item_list_img {
            width: 100px;
            /* height:43px; */
            /* border-radius: 50%; */
            overflow: hidden;
            /* margin: 10px 0; */
            /* border:1px solid #4a71ea; */
            /* padding:25px; */
            margin:27px;
        }

        .item_list_text {
            display: block;
            font-size: 18px;
            color:#5c5c5c;
            margin:10px 0;
            font-weight:bold;
        }
        .item_list_box span{
            display: block;
            font-size: 14px;
            color:#8b8b8b;
            margin:10px auto;
            width: 225px;
        }
.img_box{
    border:1px solid #184ffd;
    border-radius: 50%;
    width:100px;
    height: 100px;
    margin:auto;
}
        .wxsc-two ul li img{
            margin:2px;
            flex-wrap: wrap;
            /* width:270px; */
            height: 237px;
            float: left;
            display: block;
        }
        .wx_msg_item{
            margin :50px 0 150px 0;
        }
        .clearfix::before,
        .clearfix::after{
            content: "";
            display: block;
            /* height: 0; */
            line-height: 0px;
            clear: both;
            visibility: hidden;
        }
        .wxsc-center{
            width:100%;
            position: relative;
        }
        .wxsc-left, .wxsc-right{
            display: inline-block;
            width: 50%;
        }
         .wxsc-left{
            width:295px;
            text-align: left;
        }
        .wxsc-left img{
            margin:70px 0 0 140px;
        }
        .wxsc-right{
            width:295px;
            text-align: right;
        }
        .wxsc-right img{
            margin:70px 140px 0 0;
        }
        .wx_msg_box p{
            margin-top:-120px;
            font-size: 18px;
            color:white;
            text-align: center;
            line-height: 18px;
            margin-bottom:5px;
        }
        .wx_msg_box span{
            margin-top:12px;
            font-size: 14px;
            color:white;
            text-align: center;
            line-height: 18px;
            display: inline-block;
            width:196px;
        }

.system-advantage{
    width: 1100px;
    /* height: 766px; */
    margin: 0 auto;
    /*border: 1px solid red;*/
}
.system-advantage-top{
    width: 100%;
    /* height: 147px; */
    /*border: 1px solid blue;*/
    display: flex;
    justify-content: center;
    /* margin-top: 80px; */
    /*align-items: center;*/
}
.system-advantage-top div{
    text-align: center;
    font-size: 16px;
    color:#707070;
    position: relative;
}
.system-advantage-top div h4{
    font-size: 24px;
    color:#3d3d3d;
    margin-top: 74px;
    margin-bottom: 20px;
}
.circle-advantage{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FDEDFF;
    position: absolute;
    bottom: 23px;
    left: -110px;
}
.system-advantage-bottom{
    width: 100%;
    /* height: 618px; */
    /*border: 1px solid red;*/
}

.wxsc-one{
    width: 100%;
    /* height: 550px; */
    /* background:wheat; */
    margin-top: 70px;
}


.system-advantage-bottom-l,.system-advantage-bottom-m,.system-advantage-bottom-r{
    float: left;
    width: 30%;
    height: 618px;
    /*border: 1px solid blue;*/
}
.system-advantage-bottom-l{
}
.overall-page{
    width: 271px;
    height: 127px;
    /*border: 1px solid red;*/
    padding-right: 23px;
    box-sizing: border-box;
    border-right: 1.5px dashed #518FF5;
    text-align: right;
    margin-top: 40px;
    position: relative;
}
.circle-wrapper{
    position: absolute;
    top: -17px;
    right: -9px;
    width: 15px;
    height: 15px;
    border: 1px solid #518FF5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.circle-wrapper-r{
    position: absolute;
    top: -17px;
    left: -9px;
    width: 15px;
    height: 15px;
    border: 1px solid #518FF5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.circle-inner{
    width: 11px;
    height: 11px;
    background: #518FF5;
    border-radius: 50%;
}
.overall-page-top{
    width: 100%;
    height: 27px;
    line-height: 27px;
    /*border: 1px solid red;*/
    font-size: 20px;
    margin-bottom: 22px;
}
.overall-page-top b{
    font-size: 24px;
    color: #518FF5;
}
.overall-page-bottom{
    width: 100%;
    height: 72px;
    /*border: 1px solid red;*/
    font-size: 14px;
}
.shopping-experience{
    margin-top: 103px;
    margin-left: 30px;
}
.system-advantage-bottom-m{
    width: 501px;
    height: 480px;
    /*border: 1px solid red;*/
    position: relative;
    z-index: -1;
}
.circle-advantage-pic{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #D1F1FE;
    position: absolute;
    top: 35px;
    left: 15px;
}
.circle-advantage-pictwo{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FADAFF;
    position: absolute;
    top: 0px;
    right: 6px;
}
.circle-advantage-picthr{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #D1F1FE;
    position: absolute;
    top: 35px;
    right: -205px;
}
.circle-advantage-picfour{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #D1F1FE;
    position: absolute;
    top: 315px;
    right: -85px;
}
.system-advantage-bottom-r{
    width: 261px;
    height: 480px;
    /*border: 1px solid red;*/
}
.personalized-management{
    margin-left: -30px;
    margin-top: 105px;
    text-align: left;
    padding: 0 0 0 23px;
    border: none;
    border-left: 1.5px dashed #518FF5;
}
/*特性介绍*/
.feature-introduction{
    width: 1100px;
    height: 715px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.introduction-top{
    width: 100%;
    height: 109px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #BFBFBF;
    text-align: center;
}
.introduction-top div h4{
    margin-bottom: 20px;
    font-size: 24px;
    color: black;
}
.introduction-bottom{
    width: 100%;
    height: 605px;
    /*border: 1px solid red;*/
    display: flex;

}
.shared-database{
    width: 253px;
    height: 481px;
    /*border: 1px solid red;*/
    margin-right: 30px;
    /*background: #A0C6FA;*/
    /*背景颜色渐变*/
    background: -webkit-linear-gradient(left top, #C5E0FD , #629BF6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #C5E0FD , #629BF6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #C5E0FD , #629BF6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #C5E0FD , #629BF6); /* 标准的语法（必须放在最后）*/
}
.shared-database-top{
    width: 100%;
    height: 164px;
    /*border: 1px solid red;*/
    border-bottom: 1px dashed white;
    display: flex;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 22px;
}
.shared-database-top div img{
    margin-top: 50px;
    margin-bottom: 20px;
}
.shared-database-bottom{
    width: 100%;
    height: 317px;
    /*border: 1px solid blue;*/
    padding: 34px;
    box-sizing: border-box;
    color: white;
    font-size: 16px;
}
.management-function{
    margin-right: 0;
}
/*数据分析*/
.data-analysis{
    width: 1100px;
    height: 521px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.analysis-top{
    width: 100%;
    height: 126px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #BFBFBF;
}
.analysis-top div h4{
    margin-bottom: 20px;
    font-size: 24px;
    color: black;
}
.analysis-bottom{
    display: flex;
    /*flex-wrap: wrap;*/
}
.analysis-bottom img{
    flex: 1;
    margin-right: 69px;
    margin-bottom: 60px;
}
.show-case{
    width: 1100px;
    height: 702px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.show-case-top{
    width: 100%;
    height: 102px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    text-align: center;
    font-size: 16px;
    color: #BFBFBF;
}
.show-case-top div h4{
    margin-bottom: 20px;
    font-size: 24px;
    color: black;
}
.show-case-bottom{
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
.case-bottom-inner{
    /* width: 826px;
    height: 438px; */
    /*border: 1px solid red;*/
    display: flex;
}
.show-case-bottom img{
    flex: 1;
    /* margin-right: 71px; */
    /*border: 1px solid red;*/
}
/* 底部信息展示 */
.wxsc-two1{
    width: 100%;
}
.wx_msg_item{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-self: auto;

}
.wx_msg_box{
    width: 24%;
    height: 237px;
    margin: 0 0.5% 10px 0.5%; 
    text-align: center;
}
.wx_msg_box img{
    width: 100%;
    height: 100%;
}
.wx_msg_img2{
    display: none;
}
/* 微商城界面展示效果 */
.wxsc-center1{
    font-size: 0;
    position: relative;
    margin-top:30px;
}
.wxsc-left1,.wxsc-right1{
    display: inline-block;
    width:50%;
    vertical-align: top;
}
.wxsc_left_box1{
    margin-left:105px;
}
.wxsc_left_box img,.wxsc_left_box1 img{
 
margin: 70px 0 0 140px;
}
.wxsc_left_box img:last-child,.wxsc_left_box1 img:last-child{
    display: none;
}
.wxsc-call1{
    position: absolute;
    top: 0px;
    left: 36%;
    z-index: 9;
    top:6%;
}
.wxsc_call_img{
    display: none;
}
.wxsc_call_box_l>.wxsc_call_img:first-child{
    display: block;
}