@charset "utf-8";
/* CSS Document */
.fr { float: right !important;}
/*banner*/
.main-img { width: 100%; height: 400px; color: #fff; background: #5045ff; background: linear-gradient(to right, #5045ff,#a066ff);}
.main-img .title { padding-top: 75px; font-size: 50px; font-weight: 400; color: #fff;}
.main-img .desc { height: 120px; margin-top: 10px; font-size: 18px; line-height: 1.8; color: #fff;}
.main-img .desc span { color: #23ffe8;}
.main-img .btn { display: inline-block; width: 130px; height: 40px; padding: 0; font-size: 18px; line-height: 40px; color: #fff; text-align: center; background: #1dd9f3; border-radius: 6px;}
.main-img .btn:hover { background: #7ecdfd;}
.main-img img { margin-top: 25px;}

/*内容模块*/
.container-wrap { min-width: 1210px;}
.container { min-width: 1100px; padding: 75px 0 80px; margin: 0 auto;}
.container .content { padding-top: 65px;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .title span { padding-left: 15px; color: #ff5339;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 16px; line-height: 1.8; color: #666; text-align: center;}
.container ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container li { float: left; line-height: 24px; text-align: center;}
.container li h3 { font-size: 16px; color: #333;}
.container li p { padding-top: 10px; font-size: 14px; color: #666;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px;}
.container .float-text .title { font-size: 24px; color: #39baff; text-align: left;}
.container .float-text .desc { width: 100%; padding-bottom: 20px; font-size: 18px; text-align: left;}

/*什么是社区团*/
.module1 { padding: 65px 0 15px;}
.module1 .float-text { width: 480px; padding: 110px 0 0 15px;}
.module1 .float-text .title { font-size: 30px; color: #333;}
.module1 li { margin-bottom: 12px; font-size: 14px; color: #666; text-align: left;}
.module1 li span { font-weight: 700;}

/*原始社区团购存在哪些痛点*/
.module2 li { position: relative; width: 350px; height: 270px; margin-left: 25px; overflow: hidden;}
.module2 .module2-1 { background: url(../images/module2-1.jpg) no-repeat center center;}
.module2 .module2-2 { background: url(../images/module2-2.jpg) no-repeat center center;}
.module2 .module2-3 { background: url(../images/module2-3.jpg) no-repeat center center;}
.module2 .text { position: absolute; top: 0; bottom: 0; width: 290px; padding: 70px 30px 0; text-align: left; transition: all .3s;}
.module2 .text h3 { padding-top: 140px; padding-bottom: 20px; font-size: 20px; color: #fff; transition: all .3s;}
.module2 .text p { position: relative; padding: 0 0 0 6px; font-size: 14px; color: #fff; display: none;}
.module2 .text p:before { content: ''; position: absolute; top: 11px; left: 0; display: block; width: 2px; height: 2px; background: #fff;}
.module2 li:hover .text { background: #1d2b34; background: rgba(29,43,52,.5);}
.module2 li:hover .text h3 { padding-top: 0;}
.module2 li:hover .text p { display: block;}

/*商之翼·社区团有哪些优势？*/
.module4 { padding-bottom: 20px; background: #f2faff;}
.module4-content { position: relative; padding: 50px 0 90px;}
.module4-content img { position: absolute; top: 115px; left: 50%; z-index: 1; margin-left: -267px;}
.module4-content li { position: relative; z-index: 2; width: 310px; padding: 15px; font-size: 16px; line-height: 24px; color: #fff; text-align: left; background: #5fa7ff; border-radius: 6px;}
.module4-content li span { font-weight: bold;}

/*解决不同角色的实际需求*/
.module5{ padding-bottom: 40px;}
.module5 .float-text { width: 500px; padding: 0 0 0 40px;}
.module5 .float-text ul li, .module6 .float-text ul li { position: relative; margin-bottom: 12px; font-size: 14px; line-height: 21px; text-align: left;}
.module5 .float-text ul li i, .module6 .float-text ul li i { position: absolute; top: 7px; left: -14px; display: block; width: 7px; height: 7px; background: #3895ff; border-radius: 50%;}

/*商之翼·社区团有哪些优势？*/
.module6 .module6-info{ padding: 50px 0;}
.module6 .module6-info .float-text { width: 400px; padding: 150px 0 0 0;}
.module6 .module6-1 .float-text{ padding-top: 100px}
.module6 .module6-4 .float-text{ width: 415px;}
.module6 .module6-info .float-text .title { color: #333;}
.module6 .module6-info .float-text .desc{ font-size: 14px;}

/*更多核心功能*/
.module7{ padding-top: 0;}
.module7 ul li { width: 16.66%; padding-top: 60px;}
.module7 ul li .iconfont { display: block; width: 70px; height: 70px; margin: 0 auto; font-size: 32px; line-height: 70px; color: #fff; border-radius: 50%;}
.module7 ul li:nth-child(1) .iconfont,.module7 ul li:nth-child(10) .iconfont{ background: #43b669; background: -webkit-linear-gradient(left, #41ba69, #43b669 80%); background: -o-linear-gradient(bottom, #41ba69, #43b669 80%); background: -moz-linear-gradient(bottom, #41ba69, #43b669 80%); background: linear-gradient(to bottom, #41ba69, #43b669 80%);}
.module7 ul li:nth-child(2) .iconfont,.module7 ul li:nth-child(12) .iconfont { background: #4d81ff; background: -webkit-linear-gradient(left, #4379fe, #4d81ff 80%); background: -o-linear-gradient(bottom, #4379fe, #4d81ff 80%); background: -moz-linear-gradient(bottom, #4379fe, #4d81ff 80%); background: linear-gradient(to bottom, #4379fe, #4d81ff 80%);}
.module7 ul li:nth-child(3) .iconfont,.module7 ul li:nth-child(11) .iconfont { background: #e452eb; background: -webkit-linear-gradient(left, #e36fe9, #e452eb 80%); background: -o-linear-gradient(bottom, #e36fe9, #e452eb 80%); background: -moz-linear-gradient(bottom, #e36fe9, #e452eb 80%); background: linear-gradient(to bottom, #e36fe9, #e452eb 80%);}
.module7 ul li:nth-child(4) .iconfont,.module7 ul li:nth-child(7) .iconfont{ background: #f25a6f; background: -webkit-linear-gradient(left, #f57789, #f25a6f 80%); background: -o-linear-gradient(bottom, #f57789, #f25a6f 80%); background: -moz-linear-gradient(bottom, #f57789, #f25a6f 80%); background: linear-gradient(to bottom, #f57789, #f25a6f 80%);}
.module7 ul li:nth-child(5) .iconfont,.module7 ul li:nth-child(8) .iconfont { background: #f3b34d; background: -webkit-linear-gradient(left, #f6c67a, #f3b34d 80%); background: -o-linear-gradient(bottom, #f6c67a, #f3b34d 80%); background: -moz-linear-gradient(bottom, #f6c67a, #f3b34d 80%); background: linear-gradient(to bottom, #f6c67a, #f3b34d 80%);}
.module7 ul li:nth-child(6) .iconfont { background: #ff43a0; background: -webkit-linear-gradient(left, #fb6cb3, #ff43a0 80%); background: -o-linear-gradient(bottom, #fb6cb3, #ff43a0 80%); background: -moz-linear-gradient(bottom, #fb6cb3, #ff43a0 80%); background: linear-gradient(to bottom, #fb6cb3, #ff43a0 80%);}
.module7 ul li:nth-child(9) .iconfont { background: #4da1ff; background: -webkit-linear-gradient(left, #75b4fb, #4da1ff 80%); background: -o-linear-gradient(bottom, #75b4fb, #4da1ff 80%); background: -moz-linear-gradient(bottom, #75b4fb, #4da1ff 80%); background: linear-gradient(to bottom, #75b4fb, #4da1ff 80%);}

/*注册提醒*/
.register-tip { width: 100%; padding: 100px 0 85px; color: #d81313; text-align: center; background: url(/templets/shequtuangou/images/register-bg.jpg) no-repeat center center;}
.register-tip .title { margin-bottom: 10px;}
.register-tip .desc { padding-bottom: 25px; font-size: 14px;}
.register-tip .btn { width: 195px; height: 50px; padding: 0; margin: 20px 13px 0; font-size: 20px; line-height: 50px; color: #fff; background: #8dd2fd; border: none; border-radius: 8px;}
.register-tip .btn:hover { background: #7ecdfd;}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .module2 .module2-1 { background: url(../images/module2-1@2x.jpg) no-repeat center center; background-size: auto 100%;}
    .module2 .module2-2 { background: url(../images/module2-2@2x.jpg) no-repeat center center; background-size: auto 100%;}
    .module2 .module2-3 { background: url(../images/module2-3@2x.jpg) no-repeat center center; background-size: auto 100%;}
}