@import url(loaders.min.css);

.app-bar2 { position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .8); color: #FFF; z-index: 10001; font-size: 12px; max-width: 480px; margin: 0 auto; left: 0; right: 0; }
.app-bar2 .app-logo{ float: left; width: 32px; height: 32px; margin: 8px 0 0 6px; }
.app-bar2 .app-txt{ float: left; margin: 7px 0 0 8px; }
.app-bar2 .app-txt h2{ font-weight: normal; font-size: 15px; margin: 0; }
.app-bar2 .app-txt p{ font-size: 12px; margin: 0; }
.app-bar2 .app-close {float: right; font-size: 22px; line-height: 1; margin: -11px 5px 0 0; background: rgba(0, 0, 0, 0.8);  border-radius: 50px;width: 26px; height: 26px; text-align: center;    padding: 2px 2px 1px 2px;}
.app-bar2 .app-btn { float: right; background-color: #4998E7; border-radius: 3px; margin:0.3rem 4% 0; color: #FFF; width: 12%; text-align: center; height: 35px; line-height: 35px;text-decoration:none}

/* 2025-9-2 lzf 隐藏评论按钮 */
.app-bar3 .app-bar-left{display:none;}


.swiper-container { width: 76%; float: left; margin: 2% 0 1% 4%;display: inline-block;}
.swiper-slide { text-align: center;   font-size: 18px;  /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content:
        center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;    margin-bottom: 3%; }

.cove100{width:100%;height:100%;overflow:hidden;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0);z-index:20;    height: 4.5rem;}
/* loading */
.boxside{width: 125px; height: 125px; background: rgba(0,0,0,0.5); border-radius: 2px; position: relative;}
.loading-word{position:relative;top:3%;color:#fff;font:normal normal 0.5rem Microsoft Yahei;}
.f{display:flex;}
.ac{align-items:center;}
.jc{justify-content:center;}
.vertical{flex-flow:column wrap;}
.hidden{display: none;}

.ball-spin-fade-loader { position: absolute; top:40%; left: 45%; right: 50%; margin: 0 auto; }

/* .swiper-slide{cursor: pointer;} */
.swiper-slide .ss-left{width: 20%;display: inline-block;vertical-align: middle; height: 46px;/*overflow: hidden;*/ resize: both;}
.swiper-slide .ss-left>img{width: 100%; height: 100%;object-fit: contain;}
.swiper-slide .ss-right{width: 76%; display: inline-block; margin: 0 0 0 4%; text-align: left; font-size: 0.38rem; vertical-align: middle; line-height:0.42333rem;}
.swiper-slide .ss-right h2{font-size:  0.4rem; font-weight: bold;line-height:0.47968rem;}
.swiper-container-horizontal>.swiper-pagination {bottom:0; left: 10%; width: 100%; height: 15px;line-height: 15px}
.swiper-pagination-bullet { width:4px; height: 4px; display: inline-block; border-radius: 100%; background: #fff; opacity: .2; }
.swiper-pagination-bullet-active{opacity:1;background:#007aff}