.indexdiv{background: #F1F1F1;padding-bottom: 20px;}
.indexdiv .index_banner img{border-radius: 5px;}
.indexdiv .index_txt_fixed{position: fixed;background: #fffffff5;width: 100%;}
.indexdiv .index_txt_fixed .swiper-slide{background: #e5e5e5 !important;margin: 5px 0;}
.indexdiv .index_txt .swiper-slide{width: fit-content;background: #fff;border-radius: 5px;padding: 5px 15px;margin-right: 15px;}
.indexdiv .index_txt .swiper-slide.active{font-weight: bold;filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 2px 4px);}
.indexdiv .index_photo{justify-content: space-between;flex-wrap: wrap;}
.indexdiv .index_photo .index_photo_single{width: 49%;border-radius: 5px;background-color: #fff;min-height: 70vw;}
.indexdiv .index_photo .index_photo_single .topimg{width: 100%;border-radius: 5px 5px 0 0;min-height: 49vw;}
.indexdiv .index_photo .index_photo_single .proimg{width: 80%;margin-left: 10%;min-height: 19.6vw;}
.indexdiv .index_photo .index_photo_single div{font-size: 14px;padding: 8px;}
.imgpopup{background-color: #f1f1f1;filter: blur(30px);--f7-popup-transition-duration: 50ms;}
.imgpopup .topdiv img{width: 100%;}
.imgpopup .topdiv .icon-zoom-out{position: absolute;right: 2%;bottom: 9%;z-index: 1;font-size: 26px;}
.imgpopup .title{font-size: 18px;font-weight: bold;}
.imgpopup .content{margin-top: 10px;}
.imgpopup .bg-color-white .imgdiv{width: 100%;border-radius: 5px;}
.imgpopup .bg-color-white .color1{color:#f10081;}
.imgpopup .bg-color-white .color2{color:#26a44a;}
.imgpopup .bg-color-white .color3{color:#f1cf31;}
.imgpopup .bg-color-white .color4{color:#3cbcf8;}
.imgpopup .bg-color-white .color5{color:#cb2dfb;}

.amplifydiv{background-color:rgba(0, 0, 0, 0.9);}
.amplifydiv .amplify-top{position: relative;z-index: 9;top: 10px}
.amplifydiv .amplify-top .amplify-pagination{color: #fff;padding-top:15px }
.amplifydiv .amplify-top .popup-close{color: #fff;font-size: 0.8rem;position: absolute;right: 10px;top: 0}
.amplifydiv .modal-content{display: flex;align-items: center;height: 100%;margin: 0;position: absolute;top: 0;left: 0;z-index: 11}
.amplifydiv .modal-content .amplify{height: 100vw;background-color: #fff;}
.amplifydiv .modal-content .amplify .swiper-slide{display: flex;align-items: center;}
.amplifydiv .modal-content .amplify .swiper-slide img{width: 100%;}
.amplifydiv .modal-content .amplify.active{height: 100%;}
.amplifydiv .amplify-txt{color: #fff;position: absolute;bottom: 15px;width: 100%;left: 0;text-align: center;}