.page-bg[data-v-7ba1c2a0]{width:100vw;height:100vh;background:#f8f8fa}.page-bg .page-banner[data-v-7ba1c2a0]{width:9.15rem;margin-top:.32rem;margin-left:calc(50% - 4.575rem)}.page-bg .skin-list[data-v-7ba1c2a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .43rem}.page-bg .skin-list .skin-list__item[data-v-7ba1c2a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:.43rem}.page-bg .skin-list .skin-list__item img[data-v-7ba1c2a0]{width:4.41rem;height:3.51rem;border-radius:.32rem .32rem 0 0}.page-bg .skin-list .item-detail[data-v-7ba1c2a0]{width:4.41rem;height:2.95rem;background:#fff;border-radius:0 0 .32rem .32rem}.page-bg .skin-list .item-detail h3[data-v-7ba1c2a0]{margin:.21rem 0 0 .33rem;font-size:.4rem;font-weight:700;line-height:.56rem;color:#111}.page-bg .skin-list .item-detail p[data-v-7ba1c2a0]{margin-left:.33rem;font-size:.35rem;font-weight:400;line-height:.49rem;color:#777}.page-bg .skin-list .item-detail .item-detail__btn[data-v-7ba1c2a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:2.13rem;height:.8rem;margin:.56rem 0 0 1.96rem;font-size:.37rem;font-weight:400;color:#fff;background:linear-gradient(130deg,#36a8ff 2%,#0091ff 92%);border-radius:.53rem}.page-bg .skin-list .item-detail .item-detail__btn--selected[data-v-7ba1c2a0]{opacity:.25}