/******** 拼团小程序模块 start ********/

.pinBanner {  }
.pinBanner li { height: 350px; }
.pinBanner .wxappImg { position: absolute; right: -40px; top: 0; }
.pinBanner .pb-1 { position: absolute; top: 90px; left: 0; }
.pinBanner .pb-2 { position: absolute; top: 180px; }
.pinBanner .pb-1 { -webkit-animation: bounceInLeft 1.5s 0s ease both;-moz-animation: bounceInLeft 1.5s 0s ease both;animation: bounceInLeft 1.5s 0s ease both; }
.pinBanner .pb-2 { -webkit-animation: bounceInLeft 1.5s 0s ease both;-moz-animation: bounceInLeft 1.5s 0s ease both;animation: bounceInLeft 1.5s 0s ease both; }
.pinBanner .wxappImg { -webkit-animation: bounceInRight 1.5s .5s ease both;-moz-animation: bounceInRight 1.5s .5s ease both;animation: bounceInRight 1.5s .5s ease both; }

.page-pinWxapp {  }
.page-pinWxapp .wxappMod {  }
.wxappMod .subHd { text-align: center; padding: 50px 0; }
.wxappMod .subHd h2 { font-size: 48px; color: #4f5b6c; font-weight: normal; border-bottom: 1px solid #d5dfe7; padding: 15px 0; position: relative; }
.wxappMod .subHd h2:after { content:' '; width: 160px; height: 4px; background-color: #409dfc; position: absolute; bottom: 0; left: 50%; margin-left: -80px; }
.wxappMod .subHd p { padding: 15px 0 10px; color: #666666; font-size: 22px; }
.wxappMod .moduleCon {  }

.page-pinWxapp .module1 {  }
.page-pinWxapp .module1 i.wxapp-ico { width: 112px; height: 29px; background: url(../tuan_static/icons.png) no-repeat; background-position: -600px -3500px; display: block; position: absolute; left: 50%; bottom: 30px; margin-left: 120px; }
.wxappMod.module1 .moduleCon ul li { width: 25%; float: left; }
.wxappMod.module1 .moduleCon ul li i { width: 120px; height: 120px; margin: 30px 80px; background: url("../tuan_static/icons.png") no-repeat; display: block; }
.wxappMod.module1 ul li.i1 i { background-position: 0 -3380px; }
.wxappMod.module1 ul li.i2 i { background-position: -120px -3380px; }
.wxappMod.module1 ul li.i3 i { background-position: -240px -3380px; }
.wxappMod.module1 ul li.i4 i { background-position: -360px -3380px; }
.wxappMod.module1 .moduleCon { padding-bottom: 100px; }
.wxappMod.module1 .moduleCon ul li h3 { text-align: center; font-size: 24px; font-weight: normal; color: #333; }
.wxappMod.module1 .moduleCon ul li p { text-align: center; font-size: 14px; color: #666; padding: 10px 10px; }

.page-pinWxapp .module2 {  }
.wxappMod.module2 .moduleCon { padding-top: 60px; padding-bottom: 20px; }
.wxappMod.module2 .moduleCon ul li { width: 33.3%; height: 140px; padding: 30px 0 20px; margin: 20px 0; float: left; position: relative; }
.wxappMod.module2 .moduleCon ul li i { width: 100px; height: 100px; margin: 0 0 0 10px; background: url("../tuan_static/icons.png") no-repeat; display: block; position: absolute; left: 0; top: 30px; }
.wxappMod.module2 ul li.i1 i { background-position: -480px -3380px; }
.wxappMod.module2 ul li.i2 i { background-position: -580px -3380px; }
.wxappMod.module2 ul li.i3 i { background-position: -680px -3380px; }
.wxappMod.module2 ul li.i4 i { background-position: -780px -3380px; }
.wxappMod.module2 ul li.i5 i { background-position: -880px -3380px; }
.wxappMod.module2 ul li.i6 i { background-position: -980px -3380px; }
.wxappMod.module2 ul li.i7 i { background-position: -1080px -3380px; }
.wxappMod.module2 ul li.i8 i { background-position: -980px -3180px; }
.wxappMod.module2 ul li.i9 i { background-position: -1080px -3180px; }
.wxappMod.module2 .moduleCon ul li h3 { margin-left: 120px; margin-right: 40px; padding-bottom: 10px; color: #333; font-size: 24px; font-weight: normal; }
.wxappMod.module2 .moduleCon ul li p { margin-left: 120px; margin-right: 40px; line-height: 26px; color: #999; }
.wxappMod.module2 .moduleCon ul li:hover { background-color: #409dfc; }
.wxappMod.module2 .moduleCon ul li:hover a, .wxappMod.module2 .moduleCon ul li:hover p, .wxappMod.module2 .moduleCon ul li:hover h3 { color: #fff; }
.wxappMod.module2 .moduleCon ul li.i1:hover i { background-position: -480px -3280px; }
.wxappMod.module2 .moduleCon ul li.i2:hover i { background-position: -580px -3280px; }
.wxappMod.module2 .moduleCon ul li.i3:hover i { background-position: -680px -3280px; }
.wxappMod.module2 .moduleCon ul li.i4:hover i { background-position: -780px -3280px; }
.wxappMod.module2 .moduleCon ul li.i5:hover i { background-position: -880px -3280px; }
.wxappMod.module2 .moduleCon ul li.i6:hover i { background-position: -980px -3280px; }
.wxappMod.module2 .moduleCon ul li.i7:hover i { background-position: -1080px -3280px; }
.wxappMod.module2 .moduleCon ul li.i8:hover i { background-position: -980px -3080px; }
.wxappMod.module2 .moduleCon ul li.i9:hover i { background-position: -1080px -3080px; }
.wxappMod.module2 .moduleCon ul li:hover i { -webkit-animation:tada 1s 0s ease both;-moz-animation:tada 1s 0s ease both;animation:tada 1s 0s ease both; }

.page-pinWxapp .module3 {  }
.wxappMod.module3 .moduleCon { padding-top: 40px; padding-bottom: 80px; }
.wxappMod.module3 .moduleCon ul li { width: 33.3%; padding-bottom: 40px; float: left; position: relative; }
.wxappMod.module3 .moduleCon ul li i { width: 91px; height: 91px; margin: 0 0 0 5px; background: url("../tuan_static/icons.png") no-repeat; display: block; position: absolute; top: -24px; z-index: 3; }

.wxappMod.module3 ul li.i1 i { left: -50px; background-position: 0 -3500px; }
.wxappMod.module3 ul li.i2 i { left: -14px; background-position: -100px -3500px; }
.wxappMod.module3 ul li.i3 i { left: 22px; background-position: -200px -3500px; }
.wxappMod.module3 ul li.i4 i { left: -50px; background-position: -300px -3500px; }
.wxappMod.module3 ul li.i5 i { left: -14px; background-position: -400px -3500px; }
.wxappMod.module3 ul li.i6 i { left: 22px; background-position: -500px -3500px; }
.wxappMod.module3 ul li.i2 img { padding: 0 36px; }
.wxappMod.module3 ul li.i3 img { padding: 0 0 0 72px; }
.wxappMod.module3 ul li.i5 img { padding: 0 36px; }
.wxappMod.module3 ul li.i6 img { padding: 0 0 0 72px; }
.wxappMod.module3 ul li p { height: 40px; padding-top: 38px; }
.wxappMod.module3 ul li p a { width: 140px; height: 40px; border-radius: 20px; font-size: 24px; line-height: 40px; color: #666; display: block; text-align: center; }
.wxappMod.module3 ul li p a:hover { color: #fff; background-color: #409dfc; }
.wxappMod.module3 ul li.i1 p a { margin: 0 153px 0 80px; }
.wxappMod.module3 ul li.i2 p a { margin: 0 auto; }
.wxappMod.module3 ul li.i3 p a { margin: 0 80px 0 153px; }
.wxappMod.module3 ul li.i4 p a { margin: 0 153px 0 80px; }
.wxappMod.module3 ul li.i5 p a { margin: 0 auto; }
.wxappMod.module3 ul li.i6 p a { margin: 0 80px 0 153px; }

/******** 拼团小程序模块 end ********/