#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.index-wrap{width:100%;height:900px;min-height:100vh;background:url(https://like.xlczg.com/upload/IMP/bg.png) no-repeat 50%;background-size:cover;position:relative;overflow:hidden}.index-wrap .title{width:428px;height:56px;display:block;margin:120px auto 0 auto}.index-wrap .content{width:100%;height:610px;background:rgba(56,93,147,.8);position:absolute;bottom:0;left:0}.index-wrap .content .tabs{width:1180px;display:flex;margin:0 auto;position:absolute;top:-56px;left:50%;margin-left:-590px}.index-wrap .content .tabs .tab{margin-right:50px;position:relative;height:56px;font-size:30px;font-weight:400;color:#6e82a8;line-height:42px;cursor:pointer}.index-wrap .content .tabs .tab span{display:block;width:100%;height:4px;background:#fff;position:absolute;left:0;bottom:0;display:none}.index-wrap .content .tabs .activity{color:#fff;font-weight:600}.index-wrap .content .tabs .activity span{display:block}.index-wrap .content .content-inner{width:1180px;margin:0 auto;padding-top:40px;position:relative;box-sizing:border-box}.index-wrap .content .content-inner .item-content{overflow:hidden;height:520px;width:1180px;display:flex;flex-wrap:wrap}.index-wrap .content .content-inner .item-content .item{width:280px;height:212px;background:#fff;border-radius:4px;overflow:hidden;margin:0 20px 20px 0;cursor:pointer;position:relative;transition:top .3s;top:0}.index-wrap .content .content-inner .item-content .item img{width:100%;height:120px}.index-wrap .content .content-inner .item-content .item .item-title{font-size:18px;font-weight:500;color:#222;text-align:center;margin-top:12px}.index-wrap .content .content-inner .item-content .item .item-title span{color:#eb0505}.index-wrap .content .content-inner .item-content .item .tips{font-size:14px;font-weight:400;color:#6d6d6d;text-align:center;margin-top:6px;width:100%;box-sizing:border-box;padding:0 20px}.index-wrap .content .content-inner .item-content .item .tips span{color:#eb0505;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.index-wrap .content .content-inner .item-content .margin-right-0{margin-right:0}.index-wrap .content .content-inner .item-content .position-top{top:-232px}.index-wrap .content .content-inner .dot-content{position:absolute;right:-45px;bottom:80px}.index-wrap .content .content-inner .dot-content img{width:30px;height:30px;display:block;margin-bottom:10px;cursor:pointer}.index-wrap .content .content-inner .opacity-5{opacity:.5}.index-wrap .content .info{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.4);width:100%;text-align:center;position:absolute;bottom:30px}@media screen and (max-width:1300px){.index-wrap{width:100%;height:720px;min-height:100vh;background:url(https://like.xlczg.com/upload/IMP/bg.png) no-repeat 50%;background-size:cover;position:relative}.index-wrap .title{width:342px;height:45px;margin:96px auto 0 auto}.index-wrap .content{height:528px}.index-wrap .content .tabs{width:944px;top:-45px;left:50%;margin-left:-472px}.index-wrap .content .tabs .tab{margin-right:40px;height:44px;font-size:24px;line-height:36px}.index-wrap .content .tabs .tab span{height:3px}.index-wrap .content .content-inner{width:944px;padding-top:32px}.index-wrap .content .content-inner .item-content{height:410px;width:944px}.index-wrap .content .content-inner .item-content .item{width:220px;height:170px;border-radius:4px;margin:0 16px 16px 0}.index-wrap .content .content-inner .item-content .item img{width:100%;height:96px}.index-wrap .content .content-inner .item-content .item .item-title{margin-top:5;font-size:16px}.index-wrap .content .content-inner .item-content .item .tips{padding:0 10px;margin-top:0;line-height:18px}.index-wrap .content .content-inner .item-content .position-top{top:-186px}.index-wrap .content .content-inner .dot-content{right:-30px}}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.position-center-center{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto auto}*{font-family:PingFangSC-Regular,PingFang SC;margin:0;padding:0}