@charset "utf-8";
/* CSS Document */
body { background: #fff;}
/*banner*/
.main-img { width: 100%; padding: 2.5rem 0 0; color: #fff; text-align: center; overflow: hidden; background: linear-gradient(to right, #299cf8 100%,#40bae7 100%);}
.main-img img { width: 80%; margin-top: 1rem;}
.main-img .title { padding: 1rem 0 .5rem;  font-size: 1.2rem; font-weight: normal; color: #fff;}
.main-img .desc { font-size: .7rem; color: #fff;}

/*内容*/
.container .title { font-weight: normal; color: #333;}
.container .sub-title { padding: .5rem 0; font-size: .8rem; font-weight: normal; color: #333;}
.container .content { padding: 0 .5rem;}
.container .content h3 { font-weight: 300; color: #333;}

/*什么是社区团*/
.module1 ul { width: 85%; margin: 0 auto;}
.module1 ul li { font-size: .65rem; color: #666;}
.module1 ul li span { font-weight: 700;}
.module1 ul li p { padding: .5rem; font-size: .6rem; color: #666;}

/*原始社区团购存在哪些痛点*/
.module2 ul { width: 90%; margin: 0 auto;}
.module2 ul li { float: none; display: -webkit-box; display: box; width: 100%; padding: 0; margin-top: .5rem; text-align: left; overflow: hidden; background: #4794fc;}
.module2 ul li .text { width: 60%; padding: .4rem 0 .4rem .4rem; box-sizing: border-box;}
.module2 ul li .text h3 { margin-bottom: .4rem; font-size: .65rem; font-weight: normal; color: #fff;}
.module2 ul li .text p { padding-top: 0; font-size: .55rem; line-height: 1.6; color: #cdecff;}
.module2 ul li img { width: 40%; margin: 0;}

/*·社区团有哪些优势*/
.module4 { background: #f2faff;}
.module4 ul li { float: none; width: 85%; margin: 0 auto;}
.module4 ul li .iconfont { font-size: 2rem; color: #299cf8;}
.module4 ul li h3 { padding: .5rem 0 0; font-size: .75rem; font-weight: normal;}
.module4 ul li p { font-size: .6rem;}

/*解决不同角色的实际需求*/
.module5 .content { width: 85%; padding: .5rem 0; margin: 0 auto;}
.module5 .content .title, .module5 .content .desc { color: #58c5ff;}
.module5 .content .desc { padding: 0 0 .5rem;}
.module5 .content ul li { position: relative; float: none; padding: 0 0 .3rem .4rem; font-size: .65rem; color: #aca9a9; text-align: left;}
.module5 .content ul li:before { content: ''; position: absolute; left: 0; top: .35rem; width: .2rem; height: .2rem; border-radius: 50%; background: #58c5ff;}
.module5 .content .icon-list { padding-bottom: .3rem;}
.module5 .content .icon-list .icon { float: left; width: 25%; margin: .3rem 0; text-align: center;}
.module5 .content .icon-list .icon .iconfont { display: block; font-size: 1.4rem; color: #97d8ff;}
.module5 .content .icon-list .icon span { display: block; font-size: .6rem; color: #666;}