/*案例*/ .case{padding:40px 0} .case h1{text-align:center;font-size:36px} .case h2{padding:12px 0;text-align:center;font-size:16px;color:#575757} .case p{text-align:center} @media screen and (max-width: 768px){ .case{padding:20px 0} .case h1{font-size:20px} .case h2{padding:8px 0} .case p{padding:0 2%} } /*什么是微信公众号 小程序 微信投票*/ .what{padding:40px 0;background:#f9f9f9} .what .img{float: right;} .what .detail{float:left;width:578px} .what .detail h2{height:95px;background:url(../images/gzh1.png) no-repeat left top;text-indent:108px;line-height:95px;font-size:36px;color:#0c8ce6} .what .detail p{padding:36px 0;font-size:18px;line-height:48px;color:#333334} .what ul{overflow:hidden} .what ul #big{margin-right:-157px} .what ul li{float:left;width:88px;margin:0 157px 0 0} .what ul li h3{padding:10px 0;text-align:center;font-size:20px} @media screen and (max-width: 768px){ .what{padding:20px 0} .what .img{float: none; display: block; width: 96%; margin: 0 auto; margin-top: 12px;} .what .detail{float:none;width:96%;padding:0 2%} .what .detail h2{height:39px;background-size:40px 39px;text-indent:40px;line-height:39px;font-size:20px} .what .detail p{padding:18px 0;font-size:16px;line-height:26px} .what ul{overflow:hidden} .what ul #big{margin-right:-3.33333333%} .what ul li{width:30%;float:left;margin:0 3.33333333% 0 0;text-align:center} .what ul li h3{font-size:16px} } /*热门类型*/ .hotype{padding:40px 0} .hotype h2{border-left:5px solid #e40202;text-indent:6px;font-size:36px;color:#010101} .hotype ul{margin-top:22px} .hotype ul li{float:left;width:50%;text-align:center} .hotype ul li h3{padding:10px 0;font-size:20px} @media screen and (max-width: 768px){ .hotype{padding:20px 2%} .hotype h2{font-size:20px} .hotype ul{margin-top:10px} .hotype ul li{float:left;width:50%;text-align:center} .hotype ul li img{width:50%;height:auto} .hotype ul li h3{font-size:16px} } /*开放注册范围*/ .open{padding: 40px 0;} .open h2{border-left:5px solid #e40202;text-indent:6px;font-size:36px;color:#010101} .open ul{margin-top:22px} .open ul li{float:left;width:20%;text-align:center} .open ul li h3{padding:10px 0;font-size:20px} @media screen and (max-width: 768px){ .open{padding: 20px 2%;} .open h2{font-size:20px} .open ul{margin-top:10px} .open ul li{float:left;width:50%;text-align:center} .open ul li img{width:50%;height:auto} .open ul li h3{font-size:16px} } /*接入流程*/ .join{padding: 40px 0; background: #f9f9f9;} .join h2{border-left:5px solid #e40202;text-indent:6px;font-size:36px;color:#010101} .join ul{margin-top:22px} .join ul li{float:left;width:25%;text-align:center} .join ul li h3{padding:10px 0;font-size:20px} @media screen and (max-width: 768px){ .join{padding: 20px 2%;} .join h2{font-size:20px} .join ul{margin-top:10px} .join ul li{float:left;width:50%;text-align:center} .join ul li img{width:50%;height:auto} .join ul li h3{font-size:16px} } /*开发模式*/ .kfms{padding:40px 0;background:#f9f9f9} .kfms h2{border-left:5px solid #e40202;text-indent:6px;font-size:36px;color:#010101} .kfms ul{margin-top:22px} .kfms ul li{float:left;width:50%;text-align:center} .kfms ul li h3{padding:10px 0;font-size:20px} .kfms ul li p{width:60%;margin:0 auto;font-size:16px} @media screen and (max-width: 768px){ .kfms{padding:20px 2%} .kfms h2{font-size:20px} .kfms ul{margin-top:10px} .kfms ul li img{width:60%;height:auto} .kfms ul li h3{font-size:16px} .kfms ul li p{width:90%;font-size:14px} } /*微信投票优势*/ .youshi{padding:40px 0} .youshi h2{border-left:5px solid #e40202;text-indent:6px;font-size:36px;color:#010101} .youshi ul{margin-top:32px;overflow:hidden} .youshi ul #big{margin-right:-210px} .youshi ul li{float:left;width:260px;margin:0 210px 0 0;font-size:20px;line-height:37px} .youshi ul li span{display:block} .youshi ul li img{float:left;margin-right:12px} @media screen and (max-width: 768px){ .youshi{padding:20px 2%} .youshi h2{font-size:20px} .youshi ul{margin-top:16px;overflow:hidden} .youshi ul #big{margin-right:0} .youshi ul li{float:none;width:100%;margin:0 0 12px 0;font-size:16px} .youshi ul li span{display:inline} .youshi ul li img{width:37px;height:auto} }