/* 通用样式 */
* {
    margin: 0;
    padding: 0;
}

body {
    background: #F7F8FA !important;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.imgwidth {
    width: 100% !important;
}

.text-center {
    text-align: center !important;
}

.itemTitle {
    font-size: .3rem;

    font-weight: 500;

}

/* 1.0什么是社区团购 */
.isWhan {
    padding-bottom: .4rem;
    width: 94.66%;
    margin: 0 auto;
}

.isWhan > h6 {
    margin: .33rem 0 .26rem 0;
    font-size: .30rem;
    font-weight: 500;

}

.isWhan > h6 + div {
    margin-bottom: .29rem;
    padding: 0 .21rem;
    width: 7.10rem;
    height: 1.47rem;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #e1e1e1;
}

.isWhan > h6 + div > p {
    margin-top: .13rem;
    margin-bottom: 0;
    text-align: center;
    font-size: .1rem;
    font-weight: 500;
    color: #6d6d6d;
    line-height: .38rem;
}

.isWhan > h6 + div > p > span {
    color: #333333
}

.isWhan_ul {

    display: flex;
    justify-content: space-between;
}

.isWhan_ul li {
    display: flex;
    width: 3.35rem;
    height: 1.57rem;
    background: rgba(255, 255, 255, 1);
    border: .02rem solid #e1e1e1;
}

.isWhan_ul li > div > img {
    margin-right: .21rem;
    margin-left: .20rem;
    margin-top: .44rem;
    width: .82rem;
}

.isWhan_ul li > div > p {
    margin-top: .2rem;
    margin-bottom: .14rem;
    font-size: .26rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: .26rem;
}

.isWhan_ul li > div > span {
    display: inline-block;
    width: 1.83rem;
    font-size: .20rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .28rem;
}

.isWhan_ul + div {
    width: 68.13%;
    margin: .3rem auto 0;
    justify-content: space-between;


}

.isWhan_ul + div > a {
    display: inline-block;
    width: 1.94rem;
    height: .5rem;
    background: rgba(255, 141, 0, 1);
    font-size: .24rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: .5rem;
    text-align: center;
}

/* 2.0社区团购系统有哪些优势 */
.advantage {
    background: #fff;
    padding-bottom: .4rem;
}

.advantage > ul {
    width: 94.66%;
    margin: 0 auto;
}

.advantage > ul > li {
    margin-top: .36rem;
    display: flex;
    justify-content: space-between;
}

.advantage > ul > li > div:last-child {
    width: 5.67rem;
    border-bottom: .01rem solid rgba(238, 238, 238, 1);
}

.advantage > ul > li > div > img {
    width: 1.12rem;
}

.advantage > ul > li > div > p {
    margin-bottom: 0;
    font-size: .24rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: .24rem;
}

.advantage > ul > li > div > span {
    margin-top: .21rem;
    margin-bottom: .32rem;
    display: inline-block;
    font-size: .20rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: .30rem;
}

.advantage > ul + div {
    margin: .40rem 0 0 0;
}

.advantage > ul + div > a {
    display: inline-block;
    width: 1.98rem;
    height: .50rem;
    background: rgba(255, 141, 0, 1);
    font-size: .24rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: .5rem;
    text-align: center;
}

/* 2.1解决传统拼团痛点 */
.Solve {
    background: #fff;
}

.SolveItem {
    width: 94.66%;
    margin: 0 auto;
    background: #337FFD;
    height: 3rem;
}

.SolveItem > h6 {
    font-weight: 500;
    color: #fff;
    font-size: .3rem;
    margin-top: 0;
    padding-top: .31rem;
    margin-bottom: .49rem;
}

.SolveItem > ul {
    width: 78.66%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.SolveItem > ul > li {
    width: 2.39rem;
    margin-bottom: .25rem;
}

.SolveItem > ul > li > div {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background: rgba(255, 219, 152, 1);
    border-radius: 50%;
    margin-bottom: .05rem
}

.SolveItem > ul > li > p {
    margin-bottom: 0;
    margin-left: .15rem;
    display: inline-block;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: .3rem;
}

/* 3.0社群新零售解决方案 */
.Social_contact {
    background: #fff;
}

.Social_contact_item {
    padding-bottom: .4rem;
}

.Social_contact_item > h6 + ul {
    width: 94.8%;
    margin: .4rem auto 0;
    display: inline-block;
    justify-content: space-between;
    display: flex;
}

.Social_contact_item > h6 {
    padding-top: .4rem;
    margin: 0;
    font-size: .30rem;
    font-weight: 500;

    /* line-height:42px; */
}

.Social_contact_item > h6 + ul > li {
    position: relative;
    text-align: center;
    width: 2.20rem;
    height: 2.42rem;
    background: rgba(247, 248, 250, 1);
    border-radius: .08rem;
}

.Social_contact_item > h6 + ul > li > img {
    width: 2.2rem;
}

.Social_contact_item > h6 + ul > li > span {
    display: block;
    width: 100%;
    position: absolute;
    top: 1.83rem;
    right: 50%;
    transform: translate(50%, 0);
    display: inline-block;
    font-size: .20rem;
    font-weight: 400;
    color: #8f8f94;
}

.Social_contact_item > ul + ul {
    display: flex;
    justify-content: center;
    margin-top: .4rem;
}

.Social_contact_item > ul + ul > li {
    position: relative;
    text-align: center;
    width: 2.20rem;
    height: 2.42rem;
    background: rgba(247, 248, 250, 1);
    border-radius: .08rem;
    margin: 0 .13rem;
}

.Social_contact_item > ul + ul > li > img {
    width: 2.2rem;
}

.Social_contact_item > ul + ul > li > span {
    display: block;
    width: 100%;
    position: absolute;
    top: 1.83rem;
    right: 50%;
    transform: translate(50%, 0);
    display: inline-block;
    font-size: .20rem;
    font-weight: 400;
    color: #8f8f94;
}

.common-btn {
    display: block;
    width: 1.98rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: rgba(255, 141, 0, 1);
    font-size: .24rem;
    font-weight: 500;
    color:#fff;
    margin: .4rem auto 0;
}

/*社区团购角色功能*/
.social-role {
    background: #F7F8FA;
    padding-bottom: .48rem;
}

.social-role .title {
    font-size: .3rem;
    text-align: center;
    font-weight: 500;
    color: #8f8f94;
    padding: .4rem 0 .45rem;
}

.social-role .menu-title {
    display: flex;
    align-items: center;
}

.social-role .menu-title .line {
    width: .04rem;
    height: .27rem;
    background: rgba(51, 127, 253, 1);
    margin-right: .15rem;
}

.social-role .menu-title .cont {
    font-size: .26rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-right: .16rem;
}

.social-role .menu-title .cont-en {
    font-size: .26rem;
    font-weight: 300;
    color: rgba(51, 127, 253, 1);
}

.social-role .content-wrap {
    margin: 0 .2rem;
}

.social-role .menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: .28rem;
    margin-top: .17rem;
    margin-bottom: .17rem;
}

.social-role .menu-list .item img {
    width: .62rem;
    height: .62rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.social-role .menu-list .item {
    position: relative;
    display: flex;
    width: 3.1rem;
    height: .98rem;
    background: rgba(255, 255, 255, 1);
    border: .04rem solid rgba(244, 244, 244, 1);
    font-size: .24rem;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    padding: .32rem 0 0 .5rem;
    margin: .16rem 0;
}

.social-role .menu-list .item:nth-child(2n-1) {
}

.social-role .cont2 .line {
    background: #F2A625;
}

.social-role .cont2 .cont-en {
    color: #F2A625;
}

.social-role .role-btn {
    background: #5BA7F6;
    color: #fff;
}

.sale-tools {
    background: #337FFD;
}

.sale-tools .title {
    color: #fff;
}

.sale-tools .tools-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.sale-tools .tools-list .item {
    width: 1.54rem;
    height: 1.78rem;
    /*background:rgba(255,255,255,1);*/
    margin: .18rem .43rem;
    position: relative;
}

.sale-tools .tools-list .item img {
    width: 100%;
    height: 100%;
}

.sale-tools .tools-list .item .txt {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: .42rem;
    text-align: center;
    font-size: .24rem;
    font-weight: 500;
    color: rgba(67, 67, 67, 1);
}

.bestus {

}

.bestus .title {
    color: #8f8f94;
}

.bestus .part1 {
    text-align: center;
}

.bestus .part1 img {
    width: 3.5rem;
    height: 2.6rem;
    margin: 0 auto;
}

.bestus .part2 {
    display: flex;
    padding:0 .2rem;
}

.bestus .part2 .item {
    display: flex;
    flex-direction: column;

}
.bestus .part2 .item .best-title{
    font-size:.3rem;
    font-weight:500;
    color:rgba(0,155,255,1);
    /*padding:0 .25rem;*/
    text-align:center;
}
.bestus .part2 .item .line{
    height:.02rem;
    background:rgba(0,152,255,1);
    position:relative;
    margin:.25rem 0 .27rem;
}
.bestus .part2 .item .line .circle{
    width:.12rem;
    height:.12rem;
    background:rgba(255,141,0,1);
    border-radius:50%;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.bestus .part2 .item .desc {
    font-size: .2rem;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    width:80%;
    margin:0 auto;
}