.main-box .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.main-box a{color:#333}.main-box .video-container{cursor:pointer}.main-box .top-box{align-items:flex-start;display:flex;flex-wrap:wrap;margin-top:10px}.main-box .top-box .data-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;width:20%}.main-box .top-box .data-box .data{background-color:#84b356;border-radius:5px;margin-bottom:7px;padding:10px 20px 55px}.main-box .top-box .data-box .data:first-child{background-color:#30b34c}.main-box .top-box .data-box .data:nth-child(2),.main-box .top-box .data-box .data:nth-child(3),.main-box .top-box .data-box .data:nth-child(4){background-color:#1270a2}.main-box .top-box .data-box .data:nth-child(5){background-color:#8a12a2}.main-box .top-box .data-box .data:nth-child(6){background-color:#f89c32}.main-box .top-box .data-box .data img{display:inline-block;height:25px;vertical-align:middle}.main-box .top-box .data-box .data .num{color:#fff;display:inline-block;float:right;font-size:25px;font-weight:700;letter-spacing:1.5px;line-height:1.2;margin:-1px 0 5px;padding:0}.main-box .top-box .data-box .data .title{color:#fff;display:block;float:right;font-size:14px;letter-spacing:1.2px;margin-bottom:0;text-align:right;width:100%}#mainSwiper{display:inline-block;margin:initial;padding-left:10px;width:79.5%}#mainSwiper img{border-style:none;vertical-align:middle}#mainSwiper .swiper-pagination-bullets{bottom:10px;left:0;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding-left:0;position:absolute;right:0;z-index:15}#mainSwiper .swiper-pagination-bullet{background-color:#fff;border-radius:50%;height:12px;margin-left:8px;width:12px}#mainSwiper .swiper-button-next,#mainSwiper .swiper-button-prev{height:100%;margin-top:0;top:0;width:15%}#mainSwiper .swiper-button-next:after,#mainSwiper .swiper-button-prev:after{content:""}#mainSwiper .swiper-button-next .icon,#mainSwiper .swiper-button-prev .icon{color:#fff;opacity:.5}#mainSwiper .swiper-button-next:hover .icon,#mainSwiper .swiper-button-prev:hover .icon{opacity:1}.main-box .bottom-box{margin-top:10px;padding-left:25px;padding-right:25px}.main-box .bottom-box .row{display:flex;flex-wrap:wrap}.main-box .bottom-box .row,.main-box .bottom-box>div{margin-left:-15px;margin-right:-15px}.main-box .bottom-box .btn-box{display:flex;justify-content:space-between;margin-bottom:10px}.main-box .bottom-box .btn-box button{border:0;border-radius:8px;cursor:pointer;height:50px;width:100%}#map{border-radius:10px}.main-box .activity,.main-box .picture{margin-left:10px}.main-box .information,.main-box .map,.main-box .place{height:380px;padding:0 5px;width:100%}.main-box .acti-cont,.main-box .intr-cont,.main-box .new-cont,.main-box .pic-cont{border-radius:10px;height:320px;overflow:hidden}.main-box .intr-cont,.main-box .pic-cont{border:2px solid #84b356;padding:15px 20px 0}.main-box .acti-cont,.main-box .new-cont{border:2px solid #ed8278;padding-top:15px;position:relative}.main-box a.lookmore{border:0;border-radius:0;bottom:0;color:#fff;display:block;height:50px;left:0;line-height:50px;position:absolute;text-align:center;width:100%}.main-box .information .lookmore{background-color:#ed8278}.main-box .friend .lookmore{background-color:#f0cc7a;position:static}.main-box .place .btn-box button{background-color:#edf2e7;color:#78ac43;transition:.3s}.main-box .place .btn-box button:hover,.main-box .place button.active{background-color:#84b356;color:#fff;transition:.3s}#img{background-position:50%;background-repeat:no-repeat;background-size:contain}.main-box .place .intr-cont{font-size:18px;font-weight:500}.main-box .place .intr-cont .name{font-size:20px;margin-bottom:20px}.main-box .place .intr-cont .title{color:#84b356}.main-box .accumulation,.main-box .address,.main-box .transcation{margin-bottom:5px}.main-box .remain span{color:#f7ac75!important}.main-box .pic-cont{display:none}.main-box .information .btn-box button{background-color:#fff0ef;color:#ed8278}.main-box .information .btn-box button:hover,.main-box .information button.active{background-color:#ed8278;color:#fff;transition:.3s}.main-box .information .ic{display:flex;margin-bottom:15px;padding:0 20px}.main-box .information .ic:hover p{color:#ed8278}.main-box .information p{margin:0;padding:0;transition:.3s}.main-box .information .date{font-size:14px;width:30%}.main-box .information .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:16px;height:auto;overflow:hidden;width:70%}.main-box .acti-cont{display:none}.main-box .friend{margin-top:10px}.main-box .friend h4{font-size:1.5rem}.main-box .friend-box{border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.16);height:100%;overflow:hidden;padding:0;width:100%}.main-box .friend .bg-border{background-color:#f0cc7a;height:8px;width:100%}.main-box .friend .title{color:#f0cc7a;margin-left:13px;margin-top:10px}.main-box .f-cont{grid-gap:.7142857143em;align-items:center;display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(5,1fr);justify-items:center;padding:.7142857143em}.main-box .f-cont img{width:100%}#videoContainer .content{display:block;height:0;margin:150px auto;padding-bottom:33.75%;position:relative;width:60%}#videoContainer .close{cursor:pointer;font-size:1.5rem;position:absolute;right:-30px;top:-30px}#videoContainer .content iframe{height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:576px){.main-box .bottom-box,.main-box .top-box{max-width:540px!important}}@media (min-width:768px){.main-box .top-box .data-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.main-box .bottom-box,.main-box .top-box{max-width:720px!important}.main-box .top-box{display:block}.main-box .top-box .data-box .data{margin-bottom:8px;padding:15px 20px;width:49%}#mainSwiper{margin-top:10px;padding:0;width:100%}.main-box .bottom-box .row .map,.main-box .bottom-box .row .place{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.main-box .bottom-box,.main-box .top-box{max-width:960px!important}.main-box .bottom-box .row .information,.main-box .bottom-box .row .map,.main-box .bottom-box .row .place{flex:0 0 33.333333%;max-width:33.333333%}.main-box .bottom-box .row .information{margin-top:0}}@media (max-width:1024px){.main-box .f-cont{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.main-box .top-box{display:flex}.main-box .top-box .data-box{display:inline-block;width:18%}#mainSwiper{margin-top:0;padding-left:10px;width:81.5%}.main-box .top-box .data-box .data{margin-bottom:6px;padding:8px 12px 33px;width:100%}.main-box .top-box .data-box .data .num{font-size:20px;margin-bottom:3px;margin-top:3px}.main-box .top-box .data-box .data img{height:20px}.main-box .friend{margin-top:10px}#videoContainer .content{margin:150px auto;padding-bottom:30.75%;width:60%}}@media screen and (min-width:1200px){.main-box .bottom-box,.main-box .top-box{max-width:1140px!important}.main-box .top-box .data-box{width:20%}#mainSwiper{width:79.5%}.main-box .top-box .data-box .data{margin-bottom:7px;padding:10px 20px 40px}.main-box .top-box .data-box .data img{height:25px}.main-box .top-box .data-box .data .num{font-size:25px;margin-bottom:5px;margin-top:-1px}}@media screen and (max-width:768px){.main-box .top-box .data-box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.main-box .top-box .data-box .data{margin-bottom:8px;padding:15px 10px;width:49%}#mainSwiper{margin-top:10px;padding:0;width:100%}.main-box .acti-cont,.main-box .information,.main-box .new-cont{height:auto}.main-box .bottom-box .place{margin-top:0}.main-box a.lookmore{position:static!important}#videoContainer .content{padding-bottom:42%;width:80%}}@media screen and (max-width:767px){.main-box .bottom-box .friend,.main-box .bottom-box .information,.main-box .bottom-box .place{margin-top:10px}}@media screen and (max-width:435px){.main-box .top-box .data-box .data{width:48.5%}}@media screen and (max-width:375px){.main-box .f-cont{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:576px){.main-box .top-box .data-box .data{display:inline-block}.main-box .top-box .data-box .data img{display:none}#videoContainer .content{padding-bottom:46.625%!important;width:90%}}@media screen and (max-width:1023px){.main-box .bottom-box .information{margin-top:10px}}