﻿.slide{margin:0}
.fun { height: auto; overflow: hidden; min-width: 1200px; background: #fff }
.fun .f { padding: 40px 0; height: 550px; background: url(/images/xiaoqu/t1.jpg) no-repeat 0 0; background-size: auto 100% }
.f.r { background: url(/images/xiaoqu/t2.jpg) no-repeat right 0; background-size: auto 100% }

.fun .txt { float: left; width: 40%; padding-top:50px }
.fun h1{font-size:55px;font-weight:800;color:#000;height:110px}
.fun .f p{color:#444;line-height:40px;font-size:21px}
.fun .bo{height:250px}
.fun .bo.r .txt { float: right }

.fun .img2 { background: url(/images/xiaoqu/t2.jpg) no-repeat; background-size: 100% auto; }
.fun .img3 { background: url(/images/xiaoqu/t3.jpg) no-repeat; background-size: 100% auto; }
.fun .img4 { background: url(/images/xiaoqu/t4.jpg) no-repeat; background-size: 100% auto; }
.fun .img5 { background: url(/images/xiaoqu/t5.jpg) no-repeat; background-size: 100% auto; }

.f.l .txt { float: right }
.f.l .img { float: left }



.tt {  height: 50px; margin-bottom: 30px; width: 100%;color:#000;font-size:30px;font-weight:bold;text-align:center }

.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 #feba03; padding: 10px; box-sizing: border-box; border-radius: 5px }
.de .qr img{width:100%}
.de p{font-size:22px;}

.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 #fff4bf; border-radius: 15px; overflow: hidden }
.jt .c:last-child { margin: 0 }
.jt .c img { width: 100% }

.ts { background: url(/images/xiaoqu/bg_1.jpg) no-repeat center 0 #f1f1f1;padding:50px 0}
.ts .kk{height:400px;margin-top:15px}
.ts .kk > div { width: 15%; text-align: center; margin:20px 2% 10px 0; background:#fff;float: left; color: #222;border-radius:15px ;padding:45px 0 37px 0;font-size:19px}
.ts .kk p { background: url(/images/xiaoqu/ts1.png) no-repeat -4px 0; background-size: auto 90%; width: 55px; height: 55px;margin:0 auto 15px auto }
.ts .kk > div:nth-child(6n){margin-right:0}
.ts .kk > div:nth-child(2) p { background-position-x:-193px ;  }
.ts .kk > div:nth-child(3) p { background-position-x: -385px; }
.ts .kk > div:nth-child(4) p { background-position-x: -575px; }
.ts .kk > div:nth-child(5) p { background-position-x: -766px; }
.ts .kk > div:nth-child(6) p { background-position-x: -955px; }
.ts .kk > div:nth-child(n+7) p { background: url(/images/xiaoqu/ts2.png) no-repeat -4px 0; background-size: auto 90%; }
.ts .kk > div:nth-child(8) p { background-position-x: -193px; }
.ts .kk > div:nth-child(9) p { background-position-x: -385px; }
.ts .kk > div:nth-child(10) p { background-position-x: -575px; }
.ts .kk > div:nth-child(11) p { background-position-x: -766px; }
.ts .kk > div:nth-child(12) p { background-position-x: -955px; }

.ts .top{height:320px}
.ts .tk .icon { float: left; width: 46px; height: 46px; background: url(/images/xiaoqu/tt1.png) no-repeat 0 0; background-size: 100% auto; }
.ts .tk .tit { float: left; margin-left: 20px; font-size: 26px; font-weight: 550; line-height: 46px; }
.ts .tk { float: left; width: 49%; height: 100%; border-radius: 15px; background: url(/images/xiaoqu/tt3.jpg) no-repeat 470px 50px #fff; background-size: 70px auto; box-sizing: border-box; padding: 30px 40px }
.ts .tk:first-child{margin-right:2%}
.ts .tk>div{height:85px}
.ts .tk .tags{height:50px;}
.ts .tk .tags label{margin-right:10px;background:#feba03;color:#fff;border-radius:13px;padding:5px 10px}
.ts .tk .txt{font-size:16px;color:#333;line-height:1.6em}
.ts .tk:nth-child(2) .icon { background: url(/images/xiaoqu/tt2.png) no-repeat 0 0; background-size: 100% auto; }


.dd { background: url(/images/xiaoqu/bb_1.png) no-repeat center; background-size: auto 100%; height: 367px; min-width: 1200px }
.dd a{display:block;height:100%}