.appdown {padding: .8rem 0; padding-bottom: 2rem; position: relative; overflow: hidden;}
.appdown .box {display: flex; justify-content: space-between; align-items: center;}
.appdown .swiperBox {width: 48%; position: relative;}
.appdown .swiperBox .swiper {position: static;     --swiper-theme-color: #333;}
.appdown .swiper .imgBox {overflow: hidden; border-radius: .5rem; border: 0.05rem solid #000;}
.appdown .swiper .imgBox img {width: 100%;}
.appdown .swiper .pagtion {top: 110%; bottom: auto;}
.appdown .swiper .swjt {width: .56rem; height: .56rem; background-color: rgb(191, 191, 191);border-radius: 50%;}
.appdown .swiper .swjt::before {content: 'next';   font-family: swiper-icons; font-size: var(--font16); color: #fff;}
.appdown .swiper .swjt.swiper-button-prev::before {content: 'prev';}
.appdown .swiper .swjt.swiper-button-prev {transform: translateX(-120%); left: 0;}
.appdown .swiper .swjt.swiper-button-next {transform: translateX(120%); right: 0;}

.appdown .info {width: 40%;}
.appdown .info .tle {padding-bottom: .15rem; border-bottom: 1px solid #ebebeb;}
.appdown .info .t1 {display: flex; align-items: center; font-size: .56rem; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
/* .appdown .info .t1 .icBox {margin-right: .1rem;} */
/* .appdown .info .t1 .icBox img {width: .6rem;} */
.appdown .info .tit {font-size: .46rem; font-weight: 700;}
.appdown .desc dl {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: .2rem;} 
.appdown .desc dl dd {margin-top: .4rem; display: flex; align-items: center;}
.appdown .desc dd .icBox {margin-right: .1rem; width: .4rem; display: flex; align-items: center;}
.appdown .desc dd .icBox img {max-width: 100%;}
.appdown .desc dd .d1 {font-size: var(--font20); font-weight: 700;}
.appdown .desc dd .d2 {font-size: var(--font16); color: #848484;}
.appdown .down-app {display: flex; margin-top: .6rem; gap: .2rem;}
.appdown .down-app .item {position: relative;}
.appdown .down-app .item a {display: block;}
.appdown .down-app .item a img {height: .52rem; object-fit: contain;}
.appdown .down-app .code {position: absolute; opacity: 0; visibility: hidden; transition: .5s; left: 50%; top: 120%; transform: translateX(-50%); width: 1.5rem; height: 1.5rem;  box-shadow: 0px 0px .1rem 0px rgba(11, 3, 6, 0.03); border-radius: .2rem; overflow: hidden;}
.appdown .down-app .code img {width: 100%;}
.appdown .down-app .item:hover .code {opacity: 1; visibility: visible;}
.appdown .tips {margin-top: .2rem; font-size: var(--font14); color: #666;}

@media screen and (max-width: 1200px) {
    .appdown .info {width: 45%;}
}


@media screen and (max-width: 991px) {
    .appdown .box {flex-wrap: wrap;}
    .appdown .swiperBox {width: 100%;}
    .appdown .info {width: 100%; margin-top: 1.2rem;}
}

@media screen and (max-width: 768px) {
   .appdown .swiper .swjt {display: none;}
   .appdown .desc dd .d2 {font-size: var(--font14);}
   .appdown .down-app .item a img {height: .8rem;}
}