.fun{height:auto;overflow:hidden}
.fun .f{padding:50px 0;height:300px}
.fun .txt{float:left;width:50%;padding-top:30px}
.fun .img { float: right; width: 310px; background: url(/images/pinche/icon_1.png) no-repeat; height: 100px; background-size: 100% auto; height: 350px }
.fun h1{font-size:28px;font-weight:500;color:#333;height:70px}
.fun .f p{color:#999;line-height:40px;font-size:18px}
.fun .f:nth-child(2n) { background: #eff4f7 }

.fun .img2 { background: url(/images/pinche/icon_2.png) no-repeat; background-size: 100% auto; }
.fun .img3 { background: url(/images/pinche/icon_3.png) no-repeat; background-size: 100% auto; }
.fun .img4 { background: url(/images/pinche/icon_4.png) no-repeat; background-size: 100% auto; }

.f.l .txt { float: right }
.f.l .img { float: left }


.cn{padding:120px 0 90px;height:580px}
.cn .h { text-align: center; font-size: 32px; color: #000;height:100px }
.cn .h em{color:red}
.cn .c { width: 370px; background: #fff; box-shadow: 0px 0px 20px 5px #eff4fd; height: 420px; border-radius: 10px;text-align:center;padding-top:50px;position:relative;overflow:hidden;float:left;margin-right:45px}
.cn .c:last-child{margin:0}
.cn .c .icon { background: url(/images/pinche/icon_11.png) no-repeat; height: 120px; background-size: 100% auto; width: 120px; margin: 0px auto 30px auto }
.cn .c h3{font-size:26px;margin-bottom:20px;position:relative;color:#333;font-weight:500}
.cn .c h3::after { content: ' '; border-bottom: 4px solid #77b6ff ;width:90px;left:50%;bottom:0;margin-left:-45px;position:absolute}
.cn .c p { color: #999; font-size: 16px; padding: 0 25px; box-sizing: border-box;line-height:28px }
.cn .c-b { background: url(/images/pinche/bg_1.jpg) no-repeat; background-size: 100% auto; height: 90px; line-height: 90px; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 22px; width: 100% }
.cn .c .icon2 { background: url(/images/pinche/icon_12.png) no-repeat; background-size: 100% auto; }
.cn .c .icon3 { background: url(/images/pinche/icon_13.png) no-repeat; background-size: 100% auto; }

.de{height:500px}
.de>div{width:950px;margin:0 auto}
.de .h { text-align: center; font-size: 32px; color: #000; height: 100px }
.de .d{width:250px;float:left;margin-right:100px;text-align:center}
.de .d:last-child{margin:0}
.de .qr { width: 220px; height: 220px; margin: 0 auto 20px auto; border: 2px dashed #05cd8c;padding:10px;box-sizing:border-box;border-radius:5px }
.de .qr img{width:100%}
.de .d:last-child { margin: 0 }
.de p{font-size:22px;}

.jt { text-align: center; height: 100%; overflow: hidden; display: flex; justify-content: space-between; margin-bottom:30px;padding-bottom:40px}
.jt div { width: 19%; margin-right:1%; float:left; border: 8px solid #bfeeff ;border-radius:15px;overflow:hidden}
.jt div:last-child{margin:0}
.jt div img { width: 100% }