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