.fun { height: auto; overflow: hidden; min-width: 1200px }
.fun .f{padding:40px 0;height:300px}
.fun .txt{float:left;width:50%;padding-top:30px}
.fun .img { float: right; width: 310px; background: url(/images/bbs/t1.jpg) no-repeat; height: 100px; background-size: 100% auto; height: 350px }
.fun h1{font-size:30px;font-weight:800;color:#333;height:70px}
.fun .f p{color:#999;line-height:40px;font-size:18px}


.fun .img2 { background: url(/images/bbs/t2.jpg) no-repeat; background-size: 100% auto; }
.fun .img3 { background: url(/images/bbs/t3.jpg) no-repeat; background-size: 100% auto; }
.fun .img4 { background: url(/images/bbs/t4.jpg) no-repeat; background-size: 100% auto; }
.fun .img5 { background: url(/images/bbs/t5.jpg) no-repeat; background-size: 100% auto; }

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



.tt { background: url(/images/bbs/tt1.png) no-repeat center; background-size: 140px auto; height: 50px; margin-bottom: 20px; width: 100% }

.de{height:500px}
.de .d{width:250px;text-align:center;margin:0 auto}
.de .qr { width: 220px; height: 220px; margin: 0 auto 20px auto; border: 2px dashed #8271ff; padding: 10px; box-sizing: border-box; border-radius: 5px }
.de .qr img{width:100%}
.de p{font-size:22px;}
.de .tt { background: url(/images/bbs/tt4.png) no-repeat center; background-size: 140px auto; margin-bottom: 40px }

.jt{padding:50px 0 20px 0}
.jt .kk{ text-align: center; height: 100%; overflow: hidden; display: flex; justify-content: space-between; margin-bottom:30px;padding-bottom:40px}
.jt .c { width: 19%; margin-right: 1%; float: left; border: 8px solid #e2e3ff; border-radius: 15px; overflow: hidden }
.jt .c:last-child { margin: 0 }
.jt .c img { width: 100% }
.jt .tt { background: url(/images/bbs/tt2.png) no-repeat center; background-size: 140px auto; margin-bottom:70px }

.ts .kk{height:400px;margin-top:50px}
.ts .kk > div { width: 11%; text-align: center; margin:20px 1.5% 20px 0; box-shadow: #d8ddff 0px 4px 11px 1px; float: left; color: #222;border-radius:15px ;padding:15px 0 15px 0;font-size:15px}
.ts .kk p { background: url(/images/bbs/ts1.png) no-repeat 0 0; background-size: auto 100%; width: 90px; height: 90px;margin:0 auto 10px auto }
.ts .kk > div:nth-child(8n){margin-right:0}
.ts .kk > div:nth-child(2) p { background-position-x:-132px ;  }
.ts .kk > div:nth-child(3) p { background-position-x: -265px; }
.ts .kk > div:nth-child(4) p { background-position-x: -398px; }
.ts .kk > div:nth-child(5) p { background-position-x: -530px; }
.ts .kk > div:nth-child(6) p { background-position-x: -662.5px; }
.ts .kk > div:nth-child(7) p { background-position-x: -795px; }
.ts .kk > div:nth-child(8) p { background-position-x: -927.5px;}
.ts .kk > div:nth-child(n+9) p { background: url(/images/bbs/ts2.png) no-repeat 0 0; background-size: auto 100%; }
.ts .kk > div:nth-child(10) p { background-position-x: -132px; }
.ts .kk > div:nth-child(11) p { background-position-x: -265px; }
.ts .kk > div:nth-child(12) p { background-position-x: -398px; }
.ts .kk > div:nth-child(13) p { background-position-x: -530px; }
.ts .kk > div:nth-child(14) p { background-position-x: -662.5px; }
.ts .kk > div:nth-child(15) p { background-position-x: -795px; }
.ts .kk > div:nth-child(16) p { background-position-x: -927.5px; }


.cj .tt { background: url(/images/bbs/tt3.png) no-repeat center; background-size: 140px auto; margin-bottom: 40px }
.cj .kk { height: 400px; margin-top: 50px }
.cj .kk > div { width: 18.4%; margin: 20px 2% 20px 0; box-shadow: #d8ddff 0px 4px 11px 1px; float: left; color: #222; border-radius: 15px; padding: 30px 0 25px 30px;box-sizing:border-box; font-size: 22px;font-weight:800 }
.cj .kk p { background: url(/images/bbs/cj1.png) no-repeat 0 0; background-size: auto 100%; width: 32px; height: 40px; float:left;margin-right:9px}
.cj .kk > div:nth-child(5n) { margin-right: 0 }
.cj .kk > div:nth-child(2) p { background-position-x: -228px; }
.cj .kk > div:nth-child(3) p { background-position-x: -458px; }
.cj .kk > div:nth-child(4) p { background-position-x: -688px; }
.cj .kk > div:nth-child(5) p { background-position-x: -917px; }
.cj .kk > div:nth-child(n+6) p { background: url(/images/bbs/cj2.png) no-repeat 0 0; background-size: auto 100%; }
.cj .kk > div:nth-child(7) p { background-position-x: -228px; }
.cj .kk > div:nth-child(8) p { background-position-x: -458px; }
.cj .kk > div:nth-child(9) p { background-position-x: -688px; }
.cj .kk > div:nth-child(10) p { background-position-x: -917px; }

.dd { background: url(/images/bbs/bb_1.png) no-repeat center; background-size: auto 100%;height:368px;min-width:1200px}
.dd a{display:block;height:100%}