.wrap1{max-width: 15.8rem;margin: 0 auto;}

.details .banner,
.details .banner img{width: 100%;height: 7.8rem;object-fit: cover;}

.details-1,.details-2{margin-bottom: 2rem;}
.details-1 .wrap1{align-items: flex-end;justify-content: space-between;}
.details-1 .left{width: 8.71rem;}
.details-1 .left .dec{max-height: 2.51rem;overflow: hidden;overflow-y: auto;margin-top: 0.43rem;line-height: 0.36rem;}
.details-1 .left .dec::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:red;}
.details-1 .left .dec::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
.details-1 .left .dec::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 0;background: rgba(0,0,0,0);}
.details-1 .right{width: 3.79rem;height: 5.14rem;background-color: #F50602;margin-top: -1.04rem;}


.m-details-2{display: none;}
.details-2 .wrap1{align-items: flex-start;justify-content: space-between;}
.details-2 .left{width: 5.75rem;margin-left: 1.73rem;}
.details-2 .left .one{margin-bottom: 1.22rem;}
.details-2 .left img{width: 100%;}
.details-2 .left .two{position: relative;}
.details-2 .left .two .piece{position: absolute;bottom: -0.9rem;left: -2.5rem;width: 3rem;height: 3rem;background-color: #F6BE48;}
.details-2 .right{margin-top: 0.66rem;width: 6.07rem;}
.details-2 .right .three{margin-bottom: 0.6rem;}
.details-2 .right img{width: 100%;}

.details-3{background-color: #000000;padding: 1.7rem 0 0.82rem 0;}
.details-3 .swiper{position: relative;overflow: hidden;padding-bottom: 0.88rem;}
.details-3 .swiper-slide{width: 100%;height: 8.54rem;}
.details-3 .swiper-slide video{width: 100%;height: 100%;object-fit: cover;position: relative;background-color: #000;}
.details-3 .swiper-slide .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;transition: all .3s;}
.details-3 .swiper-slide .play:hover{transform: translate(-50%,-50%) scale(1.1);}
.details-3 .swiper-pagination{bottom: -0rem;}
.details-3 .swiper-pagination-bullet{width: 0.28rem;height: 0.28rem;background-color: #979797;opacity: 1;margin: 0 0.14rem !important;}
.details-3 .swiper-pagination-bullet-active{background-color: #fff;}

.footer{padding: 2rem 0 1rem 0;position: relative;}
.footer .wrap1{align-items: flex-start;justify-content: space-between;}
.footer .left ul{width: 4.66rem;flex-wrap: wrap;}
.footer .left li{width: 50%;margin-bottom: 0.2rem;}
.footer .left li a{color: #333;}
.footer .right{flex-direction: column;justify-content: space-between;width: 7rem;height: 1.13rem;}

.scollTop{position: absolute;right: 0.58rem;top: 50%;transform: translateY(-50%);background-color: #fff;cursor: pointer;}

@media all and (max-width: 1023px) {
	.wrap1{width: 90%;margin: 0 auto;}
	
	.details-1, .details-2{margin-bottom: 1rem;}
	.details-1 .wrap1{flex-direction: column-reverse;}
	.details-2 .wrap1,.footer .wrap1{flex-direction: column;align-items: center;}
	.details-1 .left{width: 100%;margin-top: 0rem;}
	.details-1 .left .title11{font-size: 20px;position: relative;z-index: 9;}
	.details-1 .left .dec{max-height: inherit; font-size: 16px;}
	.details-1 .right{margin-top: -0.8rem;width: 2.69rem;height:1.98rem;}
	
	.details-2{display: none;}
	.m-details-2{display: block;margin-bottom: 2rem;}
	.details-2 .left{width: 100%;margin-left: 0;}
	.details-2 .left img{position: relative;z-index: 9;}
	.details-2 .left .one,.details-2 .right .three{margin-bottom: 0.22rem;}
	.details-2 .left .two .piece{bottom: -0.9rem;left: -0.359rem;width: 3rem;height: 2.37rem;}
	
	.details-3{padding: 0;background-color: rgba(0,0,0,0);}
	.details-3 .swiper{padding-bottom: 0.5rem; }
	.details-3 .swiper-slide{height: 3.54rem;}
	.details-3 .swiper-slide .play{width: 1rem;}
	.details-3 .swiper-slide .play img,.footer .right,.scollTop img{width: 100%;}
	.details-3 .swiper-pagination-bullet{width: 0.11rem;height: 0.11rem; background-color: #979797;}
	.details-3 .swiper-pagination-bullet-active{background-color: #000000;}
	
	.footer{padding: 1rem 0;}
	.footer .wrap1{align-items: flex-start;}
	.footer .left li a{font-family:'GFSDidotRegular';}
	.footer .right{margin-top: 0.55rem;font-size: 19.5px;line-height: 0.39rem;height: auto;}
	.footer .right p:first-child{margin-bottom: 0.3rem;color: #000;}
	
	.scollTop{top: 33%;width: 0.5rem;}
}