/* CSS Document */
.fr { float: right !important;}
/*banner*/
.main-img { width: 100%; height: 400px; color: #fff; background: url(../images/main-img-bg.png) repeat-x;}
.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: #23caf2;}
.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: 35px 0;}
.module1 .float-text { width: 480px; padding: 92px 0 0 50px;}
.module1 img { margin-right: 40px;}
.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: 90px 0;}
.module4-content img { position: absolute; top: 100px; left: 50%; z-index: 1; margin-left: -256px;}
.module4-content li { position: relative; z-index: 2; width: 268px; padding-left: 30px; line-height: 24px; text-align: left;}
.module4-content li .iconfont { position: absolute; left: 0; font-size: 28px; color: #79b9ff;}
.module4-content li h3 { font-size: 18px;}
.module4-content li p { font-size: 14px;}

/*解决不同角色的实际需求*/
.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 .float-text { width: 440px;}
.module6 .float-text .title { padding-left: 20px; margin-bottom: 20px; color: #333;}
.module6 .float-text ul li { padding-left: 20px; margin-bottom: 24px;}
.module6 .float-text ul li i { left: 0;}
.module6 .float-text .icon-list { margin-top: 20px;}
.module6 .float-text .icon-list .icon { float: left; width: 16.666%; padding-top: 10px; text-align: center;}
.module6 .float-text .icon-list .icon .iconfont { display: block; font-size: 38px; color: #97d8ff;}
.module6 .float-text .icon-list .icon span { display: block; font-size: 12px; color: #666;}

/*注册提醒*/
.register-tip { width: 100%; padding: 100px 0 85px; color: #d81313; text-align: center; background: url(../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%;}
}