body{background-color:#fff;}
.product-content{justify-content:space-between;align-items:flex-start;background-color:#fff;}
.product-nav{width:25%;}
.product-nav a{display:block;font-size:1.2rem;color:#333;text-align:center;margin:0 0 1px 0;background-color:#f8f8f8;padding:1.5rem 0;cursor:pointer;}
.product-nav a.skin-color{background-color:#fff;}
.product-list{width:75%;padding:0 .5rem 1rem .5rem;box-sizing:border-box;}
.product-list .product-box{justify-content:space-between;flex-wrap:wrap;}
.product-list .product-box .list{width:50%;box-sizing:border-box;text-align:center;}
.product-list .product-box .list .img{justify-content:center;align-items:center;height:7rem;margin:1rem 0 0 0;}
.product-list .product-box .list .img img{max-width:7.5rem;max-height:6.5rem;}
.product-list .product-box .list .name{font-size:1.2rem;color:#6d6d6d;}

.product-list .case-box{flex-wrap:wrap;}
.product-list .case-box .list{width:33.33%;box-sizing:border-box;text-align:center;}
.product-list .case-box .list .img{justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:50%;background-color:#ddd;margin:.8rem auto;}
.product-list .case-box .list .name{font-size:1.2rem;color:#6d6d6d;}
.case-title{text-align:center;font-size:1.2rem;color:#666;margin:1.5rem 0 .5rem 0;}

.details-title{text-align:center;padding:1.5rem 2rem 1.5em 3rem;background-color:#efefef;position:relative;}
.details-title .icon-back{position:absolute;left:1.5rem;height:17px;top:50%;margin:-9px 0 0 0;}
.details-title .icon-back img{height:100%;}
.details-title .case-name{font-size:1.4rem;color:#555;}

.case-swiper{width:15.5rem;height:27.5rem;padding:2rem 0 3rem 0;}
.case-swiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0!important;}
.case-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#666;}
.case-swiper .swiper-pagination-bullet{width:4px;height:4px;border-radius:3px;margin:0 3px!important;border:solid 1px #666;}

.case-details{margin:.5rem 1rem;background-color:#f7f7f7;padding:1.5rem;border:dashed 1px #cacaca;font-size:1.2rem;color:#888;}
.case-qr{margin:4rem auto;text-align:center;}
.case-qr .qr{width:50%;}
.case-qr .small{font-size:1.4rem;color:#bababa;margin:1rem 0 0 0;}
.case-qr .small img{vertical-align:middle;margin:-2px 5px 0 0;}