.demo-detail{margin:0 auto}.demo-detail h2{margin-top:1.2rem;font-size:.4rem;font-family:Source Han Sans CN;font-weight:700}.demo-detail .a-bread-sty{width:14.4rem;margin:.4rem auto;font-size:.2rem}.demo-detail .top{width:14.4rem;margin:0 auto;margin-top:1.4rem;padding:.51rem;background:linear-gradient(#f9fafe,#e7eeff);border-radius:.2rem;box-shadow:0 .1rem .2rem #ccc;display:flex;align-items:center}.demo-detail .top img{width:2rem;height:3rem}.demo-detail .to-p{margin-bottom:.4rem}.demo-detail .swiper{width:14.4rem;border-radius:.2rem}.demo-detail .swiper .swiper-slide img{width:100%;height:2rem}.demo-detail .proj-role{margin:0 auto;margin-top:1.5rem;width:14.4rem;border-radius:.25rem;padding:.5rem;color:#fff;background:url(../img/32647.4c6019e2.png) no-repeat;background-size:cover;box-shadow:0 .1rem .2rem #ccc}.demo-detail .proj-role .proj-one{font-size:.4rem;font-family:Source Han Sans CN;font-weight:700}.demo-detail .proj-role .proj-t{font-size:.2rem;font-family:Source Han Sans CN;font-weight:400}.demo-detail .bottom-box{width:100%;background:url(../img/32651.bb32f513.png);text-align:center}.demo-detail .bottom-box .box-img{width:14.4rem;height:5.29rem}.demo-detail .bottom-box .list{margin:0 auto;width:14.4rem;display:flex;justify-content:space-between;padding-bottom:.5rem}.demo-detail .bottom-box .list li{width:20%}.demo-detail .bottom-box .list li:first-child,.demo-detail .bottom-box .list li:nth-child(4){margin-top:-2.2rem}.demo-detail .bottom-box .list li:nth-child(2),.demo-detail .bottom-box .list li:nth-child(3){margin-top:-.5rem}@media (max-width:700px){.demo-detail{margin:0 auto;padding:0 2rem}.demo-detail h2{margin-top:1.2rem;font-size:.8rem;font-family:Source Han Sans CN;font-weight:700}.demo-detail .a-bread-sty{width:14.4rem;margin:.4rem auto;font-size:.4rem}.demo-detail .top{width:14.4rem;margin:0 auto;margin-top:1.4rem;padding:.51rem;background:linear-gradient(#f9fafe,#e7eeff);border-radius:.2rem;box-shadow:0 .1rem .2rem #ccc;display:flex;align-items:center}.demo-detail .top img{width:2rem;height:3rem}.demo-detail .top p{font-size:.48rem}.demo-detail .to-p{margin-bottom:.4rem;font-size:.48rem}.demo-detail .swiper{width:14.4rem;border-radius:.2rem}.demo-detail .swiper .swiper-slide img{width:100%;height:2rem}.demo-detail .proj-role{margin:0 auto;margin-top:1.5rem;width:14.4rem;border-radius:.25rem;padding:.5rem;color:#fff;background:url(../img/32647.4c6019e2.png) no-repeat;background-size:cover;box-shadow:0 .1rem .2rem #ccc}.demo-detail .proj-role .proj-one{font-size:.8rem;font-family:Source Han Sans CN;font-weight:700}.demo-detail .proj-role .proj-t{font-size:.48rem;font-family:Source Han Sans CN;font-weight:400}.demo-detail .bottom-box{width:100%;background:url(../img/32651.bb32f513.png);text-align:center}.demo-detail .bottom-box .box-img{width:14.4rem;height:5.29rem}.demo-detail .bottom-box .list{margin:0 auto;width:14.4rem;display:flex;justify-content:space-between;padding-bottom:.5rem}.demo-detail .bottom-box .list li{width:20%}.demo-detail .bottom-box .list li:first-child,.demo-detail .bottom-box .list li:nth-child(4){margin-top:-2.2rem}.demo-detail .bottom-box .list li:nth-child(2),.demo-detail .bottom-box .list li:nth-child(3){margin-top:-.5rem}}