* {padding: 0;margin: 0;text-decoration: none;list-style: none;}
.act_wrap {overflow: hidden;padding-bottom: 80px;}
.act_wrap img {display: block;border-radius: 20px;width: 100%;}
.act_wrap .img-pc {display: block;}
.act_wrap .img-iphone {display: none;}
.act_content {width: calc(100% - 40px);max-width: 1600px;margin-left: auto;margin-right: auto;}
.banner_seat {height: 0;padding-bottom: 23.75%;}
.act_title {text-align: center;text-transform: uppercase;}
.swiper-pagination{display: none;}

.content_1 {margin: 0 auto 100px;}
.content_1 img{width: calc(50% - 20px);border-radius: 20px 0 0 20px;}
.content_1 .text-span {display: block;font-size: 20px;line-height: 175%;font-weight: 500;}
.content_1 .act_text_5{display: block;width: 80%;margin: auto;text-align: center;}
.content_1 .act_text_1{font-size: 28px;margin-bottom: 10px;}

.content_2 {position: relative;border: 5px solid #cfd0f1;border-radius: 20px;padding: 40px 50px 50px;background-color: #fff;}
.content_2 .act_title {width: 46.8%;font-size: 28px;color: #fff;margin: 0 auto 15px;padding: 35px 0 65px;position: absolute;top: -85px;left: 50%;transform: translateX(-50%);background: url(https://img.aosomcdn.com/upload/activity/uk/images/2022/05Jubilee23.png) no-repeat center;background-size: contain;}
.content_2 .content_2_inner {width: calc(100% - 20px);box-shadow: 0 5px 10px rgba(0,0,0,.1);position: relative;background-color: #fff;z-index: 3;padding: 40px 80px;}
.content_2 .text-div{display: flex;flex-direction: column;justify-content: center;height: calc(100% - 30px);background-color: #ffe7ea;padding: 30px 35px;border-radius: 20px;width: 45.94%;position: absolute;bottom: 0;right: 0;}
.content_2 .text-span{font-size: 16px;color: #5f5f5f;margin: 0;display: block;}
.content_2 .inner_flex {display: flex;position: relative;z-index: 3;padding: 0 0 50px;margin: 0 auto 55px;}
.content_2 .inner_flex.inner_flex_reverse, .content_4 .inner_flex.inner_flex_reverse {flex-direction: row-reverse;}
.content_2 .img-span {width: 57.43%;display: block;}
.content_2 .bottom-text{margin: 0 auto 40px;}
.content_2 .act_tit1 {width: 80%;display: block;color: #5f5f5f;text-align: center;margin: 20px auto 0;font-size: 16px;line-height: 180%;}
.content_2 .act_tit2{font-size: 20px;display: block;text-align: center;font-weight: 500;}
.content_2 .act_tit3{font-size: 22px;line-height: 130%;font-weight: 600;display: block;margin: 0 0 5px;position: relative;}
.content_2 .text-div:after{content: attr(data-num);position: absolute;right: 40px;top: 30px;font-size: 45px;font-weight: 600;}
.content_2 strong{display: flex;font-size: 18px;font-weight: 500;line-height: 140%;margin: 0 auto 10px;}
.content_2 .inner_flex_reverse .text-div{right: auto;left: 0;}
.content_2 .inner_flex:last-child{margin: 0;}
.content_2 strong span{display: block;margin-right: 30px;}
.content_2 .act_swiper{display: flex;flex-direction: column;}
.content_2 .act_more{display: none;}

.content_3 {background-color: #cfd0f1;border-radius: 20px;padding: 20px 30px;margin: 0 auto 120px;}
.content_3 .content_3_inner {max-width: 1600px;margin: auto;justify-content: space-between;flex-wrap: wrap;}
.content_3 a {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: calc(16.666% - 30px);}
.content_3 .act_text_1{font-size: 28px;line-height: 130%;}
.content_3 .img-span {display: block;background-color: #fff;padding: 0;border-radius: 50%;}
.content_3 .text-span {font-size: 24px;color: #363636;font-weight: 500;padding: 10px 0 0;text-align: center;}
.content_3 a:hover .text-span {text-decoration: underline;font-weight: 600;}

.content_4 {background-color: #fff;padding: 50px 25px 40px;position: relative;}
.content_4 .content_4_img{width: auto;position: absolute;bottom: 0;right: 0;}
.content_4 .text-div {width: 57.75%;display: flex;flex-direction: column;justify-content: center;padding: 0 90px;}
.content_4 .text-span {font-size: 18px;line-height: 150%;margin-bottom: 30px}
.content_4 .content_4_inner {border-radius: 20px;border: 5px solid #ffcacd;position: relative;}
.content_4 .act_title {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);background-color: #fff;padding: 0 60px;white-space: nowrap;}
.content_4 .inner_flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.content_4 .inner_flex:nth-child(-n+2) {margin-bottom: 40px;}
.content_4 .img-span {width: calc(55.86% - 20px);}
.content_4 .text-div {width: calc(44.14% - 20px);padding: 0;}
.content_4 .inner_title {font-size: 24px;margin: 0 0 10px;font-weight: 700;}
.content_4 .button_container {flex-wrap: wrap;}
.content_4 .link-button {width: 280px;height: 55px;margin-right: 15px;border-radius: 30px;background-color: #ffa7ab;color: #fff;transition: all 100ms ease-in;display: flex;align-items: center;justify-content: center;font-size: 20px;}
.content_4 .link-button:hover {background-color: #ff7b82;}
.content_4 .link-button:nth-child(-n+2) {margin-bottom: 15px;}
.content_4 .act_text_5{font-size: 20px;font-weight: 500;text-align: center;margin: 25px auto 0;}
.content_4 .inner_content{padding: 30px 40px;}


.content_5{background-color: #cfd0f1;padding: 20px;border-radius: 20px;position: relative;}
.content_5_con{background-color: #fff;padding: 30px;border-radius: 20px;position: relative;}
.content_5 .act_text_5{width: 100%;text-align: center;margin: 40px auto 20px;}
.content_5 .content_5_inner {justify-content: space-between;flex-wrap: wrap;}
.content_5 .act_text_1{background: url(https://img.aosomcdn.com/upload/activity/uk/images/2022/05Jubilee23.png) no-repeat center;background-size: contain;width: 46.8%;font-size: 28px;color: #fff;padding: 35px 0 65px;position: absolute;top: -60px;left: 50%;transform: translateX(-50%);margin: auto;z-index: 1;}
.content_5 a {display: flex;flex-direction: column;height: auto;width: calc(33.33% - 26.66px);border-radius: 20px;overflow: hidden;background-color: #f1f1f1;color: #363636;transition: all 100ms ease-in;}
.content_5 a:hover {box-shadow: 0 5px 10px rgb(0 0 0 / 10%);background: linear-gradient(#fff 98%, #6a63d3 2%);}
.content_5 .img-span img {border-radius: 0;}
.content_5 .text-span-content {display: flex;padding: 20px 20px 30px;font-size: 20px;line-height: 150%;height: -webkit-fill-available;}
.icon-arrow-right:before{font-size: 34px;color: #6a63d3;font-weight: 600;}
.content_5 .iconfont{align-self: end;}
.content_5 .text-span{font-size: 24px;font-weight: 500;line-height: 130%;display: block;margin: 0 auto 5px;}
.content_5 .link-span{font-size: 18px;line-height: 130%;}

@media only screen and (max-width: 1600px) {
.content_1 .text-span{width: auto;}

.content_2{overflow: hidden;}
.content_2 .text-div:after{right: 30px;top: 15px;font-size: 35px;}
.content_2 .act_title{position: relative;top: auto;left: auto;transform: none;}
.content_2 .act_swiper {display: flex;flex-wrap: nowrap;flex-direction: row;position: relative;}
.content_2 .inner_flex{display: block;position: relative;margin: auto;flex-direction: column;padding: 0 0 30px;justify-content: space-between;align-items: center;box-shadow: 0 0 10px #00000020;border-radius: 20px;}
.content_2 .img-span{width: auto;}
.content_2 .img-span img{border-radius: 20px 20px 0 0;}
.content_2 .text-div{display: block;overflow: hidden;height: 190px;position: relative;width: auto;border-radius: 0 0 20px 20px;background-color: #fff;}
.content_2 .swiper-pagination{display: block;bottom: 28px;top: auto;width: 80%;left: 50%;transform: translateX(-50%);background-color: #d7d7d7;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #808080;border-radius: 5px;}
.content_2 .act_more{width: 100%;bottom: 0;opacity: 0.95;display: block;position: absolute;font-size: 24px;text-align: center;color: #676767;height: 60px;line-height: 60px;border-radius: 0 0 20px 20px;background: linear-gradient(#fff, #e1e0e0);}
.content_2 .act_more:after{content: ">";transform: rotate(90deg);position: absolute;margin-left: 10px;}
.content_2 .text-span{overflow: hidden;max-height: 130px;}
.content_2 .text-span::-webkit-scrollbar{background-color: #d7d7d7;width: 5px;}
.content_2 .text-span::-webkit-scrollbar-thumb{background-color: #808080;}

.content_5_con{overflow: hidden;}
.content_5 .content_5_inner{flex-wrap: nowrap;}
.content_5 .swiper-pagination{display: block;top: auto;bottom: 10px;width: 80%;left: 50%;transform: translateX(-50%);background-color: #d7d7d7;}

}
@media only screen and (max-width: 1025px) { 
.content_1{margin: 0 auto 40px;}

.content_2 {margin-bottom: 80px;}
.content_2 .act_tit3{font-size: 20px;}
.content_2 .content_2_inner {padding: 40px 20px;}
.content_2 .text-span{font-size: 16px;padding: 0 0 5px;}
.content_2 .bottom-text {margin: 0 auto 20px;font-size: 14px;line-height: 150%;}
.content_2 .act_title{width: 60%;font-size: 20px;padding: 15px 120px 35px;}

.content_3{margin: 0 auto 60px;}
.content_3 a {width: calc(30% - 10px);margin: 0 0 20px;}
.content_3 .img-span {padding: 40px;}
.content_3 .text-span {font-size: 18px;}

.content_4 .link-button {height: 45px;font-size: 16px;}
.content_4 .inner_flex {flex-direction: column;}
.content_4 .inner_flex:nth-child(-n+2) {margin-bottom: 40px;}
.content_4 .img-span {width: 100%;}
.content_4 .text-div {width: 100%;margin-top: 20px;}
.content_4 .text-span {font-size: 16px;}
.content_4 .content_4_img{display: none;}

.content_5 .act_text_5{margin: 0 auto 20px;}
.content_5 .text-span-content {padding: 10px;}
.content_5 .text-span-content .text-span {font-size: 16px;line-height: 130%;margin-bottom: 10px;}
.content_5 .text-span-content .link-span {font-size: 14px;}
.content_5 .act_text_1{width: 60%;font-size: 20px;padding: 15px 120px 35px;position: relative;top: auto;left: auto;transform: translateX(0);}

}
@media only screen and (max-width: 900px){
.content_1 .act_text_1{font-size: 18px;}
.content_1 .text-span{font-size: 14px;}

.content_2{padding: 20px;}
.content_2 .act_title{background: url(https://img.aosomcdn.com/upload/activity/uk/images/2022/05Jubilee_m5.png) no-repeat center;background-size: contain;}
.content_2 .text-div{padding: 10px;height: auto;}
.content_2 .act_tit3{font-size: 16px;}
.content_2 strong{font-size: 12px;color: #000;margin: 0 auto 5px;}
.content_2 .text-div:after{right: 10px;top: 10px;font-size: 20px;}
.content_2 .act_more{font-size: 13px;height: 30px;line-height: 30px;}
.content_2 .inner_flex{padding: 0;}
.content_2 .text-span{font-size: 12px;max-height: 140px;}
.content_2 .text-span::-webkit-scrollbar{width: 3px;}
.content_2 .swiper-pagination{bottom: 5px;}

.content_4 .inner_content{padding: 20px;}

.content_5 .act_text_1{background: url(https://img.aosomcdn.com/upload/activity/uk/images/2022/05Jubilee_m5.png) no-repeat center;background-size: contain;}
}
@media only screen and (max-width: 767px) {
.act_wrap {padding-bottom: 0;}
.act_wrap img {border-radius: 10px;}
.act_wrap .img-pc {display: none;}
.act_wrap .img-iphone {display: block;}
.act_content {width: calc(100% - 30px);}
.banner_content{margin: 0 auto 30px;}
.banner_seat {height: 0;padding-bottom: 49.275%;}

.content_1 {background: #fff;padding: 0;flex-direction: column;border-radius: 10px;margin: 0 auto 70px;}
.content_1 img{width: 100%;border-radius: 10px 10px 0 0;margin: 0 auto 10px;}
.content_1 .act_text_5{width: auto;padding: 10px 25px 10px;text-align: center;}
.content_1 .act_text_1{margin-bottom: 5px;text-align: center;}

.content_2 {width: 100%;padding: 0 15px;border: none;border-radius: 0;background-color: transparent;margin: auto;}
.content_2 .img-span img{border-radius: 10px 10px 0 0;}
.content_2 .text-div{border-radius: 0 0 10px 10px;padding: 10px;}
.content_2 .content_2_inner {width: 100%;padding: 20px 15px;}
.content_2 .act_title {width: calc(100% - 30px); padding: 5px 90px 20px;font-size: 18px;margin: 0 auto 10px;}
.content_2 .act_tit1{width: 90%;display: block;font-size: 14px;color: #363636;margin: 0 auto 5px;line-height: 140%;}
.content_2 .act_tit2{font-size: 14px;color: #000;margin: auto;}
.content_2 .inner_flex {flex-direction: column;margin: 10px auto 15px;box-shadow: 0 0 5px #00000020;}
.content_2 .img-span{width: 100%;padding: 0;}
.content_2 .text-span{font-size: 12px;line-height: 130%;margin: auto;}
.content_2 .bottom-text {width: 100%;margin: 0 auto;font-size: 12px;line-height: 130%;text-align: start;color: #b9b9b9;}
.content_2 .swiper-pagination{bottom: 0;width: 33.33%;}
.content_2 .act_more{border-radius: 0 0 10px 10px;}
.content_2 .inner_flex:last-child{margin: 10px auto 15px;}

.content_3 {width: 100%;background-color: #fff;border-radius: 0;padding: 15px 15px 0;margin: 0 auto 20px;}
.content_3 .act_text_1{font-size: 18px;}
.content_3 a {width: calc(33.333% - 10px);}
.content_3 a:nth-child(-n+2) {margin-bottom: 15px;}
.content_3 .img-span {padding: 0;background-color: #cfd0f1;}
.content_3 .text-span {font-size: 16px;padding: 10px 0 0;}
.content_3 a:hover .text-span {text-decoration: none;}

.content_4{margin: 0 auto 15px;background: transparent;padding: 0;}
.content_4 .content_4_inner {border: none;}
.content_4 .inner_content {padding: 0;}
.content_4 .act_title {padding: 0;margin: 0 auto 5px;position: relative;top: auto;white-space: normal;background-color: transparent;}
.content_4 .inner_flex:nth-child(-n+2) {margin-bottom: 15px;border-bottom: 1px solid #e0e0e0;}
.content_4 .inner_title {font-size: 16px;margin: 0 auto 5px;}
.content_4 .link-button:nth-child(-n+3) {margin-bottom: 15px;}
.content_4 .act_text_5{font-size: 14px;font-weight: 400;margin: 0 auto 10px;}
.content_4 .img-span{margin: 0 auto 10px;}
.content_4 .text-div{margin: 0;}
.content_4 .text-span {font-size: 14px;margin: 0 auto 10px;text-align: center;}
.content_4 .link-button {width: fit-content;font-size: 14px;height: auto;padding: 8px 30px;background-color: #ff7b82;margin: auto;}

.content_5 {width: 100%;padding: 0 0 15px;margin-bottom: 30px;border-radius: 0;background-color: #fff;}
.content_5 a {width: 80%;margin-right: 15px;border-radius: 10px;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}
.content_5 a:last-child {margin-right: 0;}
.content_5 a, .content_5 a:hover {border: none;margin-top: 10px;background: linear-gradient(#fff 98%, #6a63d3 2%);}
.content_5 a:hover .text-span-content .link-span {text-decoration: none;}
.content_5 .text-span-content .text-span {margin-bottom: 5px;color: #000;}
.content_5 .text-span-content {padding: 10px 10px 15px;font-size: 14px;line-height: 130%;background-color: transparent;}
.content_5_con{padding: 0 15px 15px;border-radius: 0;}
.content_5 .act_text_1{width: 90%;font-size: 18px;padding: 15px 70px 30px;position: absolute;top: -55px;left:5%;z-index: 3;}
.content_5 .act_text_5{margin: 35px auto 0;color: #000;}
.content_5 .content_5_inner{flex-direction: row;justify-content: normal;}
.content_5 .swiper-pagination{bottom: 0;}
.icon-arrow-right:before{display: none;}
.content_5 .swiper-pagination{width: 33.333%;border-radius: 5px;}
}