.integral{width:100vw;height:100vh;overflow-y:scroll;background:url(../img/integral-bg.1b8878e7.png) 0 0 no-repeat;background-size:cover;padding:0 3vw}.integral .flex{display:-webkit-box;display:-webkit-flex;display:flex}.integral .a-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.integral .j-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.integral .j-sb{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.integral .c-fff{color:#fff}.integral .c-000{color:#000}.integral .flex-coulum{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.integral .p-rel{position:relative}.integral .p-abs{position:absolute}.integral .float1{width:13.33333vw;height:69.33333vw;z-index:200;top:0;left:-3vw}.integral .float2{width:24vw;height:66.66667vw;z-index:200;top:-1.06667vw;right:-3vw}.integral .float3{width:13.33333vw;height:13.33333vw;z-index:200;top:-9.33333vw;left:-3vw}.integral .float4{width:9.33333vw;height:13.33333vw;z-index:200;top:-5.33333vw;right:-3vw}.integral .float5{width:8vw;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;height:24vw;z-index:201;top:10.66667vw;right:-3vw;background:hsla(0,0%,100%,.3411764705882353);border-radius:.53333vw}.integral-header{width:100%;color:#fff;padding-top:0;padding-bottom:2.66667vh}.integral-header .header-midd{margin-top:-10.66667vw;text-align:center}.integral-header .header-midd .title{font-size:4vw;margin-bottom:2.13333vw;text-shadow:0 1.06667vw 2.66667vw #ff7e0c}.integral-header .header-midd .number{font-size:9.6vw;font-family:DIN;font-weight:500;color:#fff;text-shadow:0 1.06667vw 2.66667vw #ff7e0c;margin-bottom:4.26667vw}.integral-header .header-midd .btn button{width:36.26667vw;height:9.6vw;font-size:4.8vw;font-family:PingFang SC;font-weight:500;color:#333;border:none;background:#fff;box-shadow:0 3.46667vw 2.66667vw 0 rgba(255,126,12,.43);border-radius:9.86667vw}.integral-header .header-top .avatar{position:relative;border:.53333vw solid #fff;margin-bottom:1.6vw;border-radius:50%;width:26.66667vw;height:26.66667vw}.integral-header .header-top .avatar img{width:100%;height:100%;border-radius:50%;overflow:hidden}.integral-header .header-top .avatar-frame{position:absolute;top:-5%;left:-12%;width:125%!important;height:125%!important}.integral-header .header-top .avatar1{border-radius:50%;width:64vw;height:64vw}.integral-header .header-top .avatar1 img{width:100%;height:100%}.integral-header .header-bottom{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.integral-header .header-bottom button.btn-left,.integral-header .header-bottom button.btn-right{background:#fff!important;box-shadow:0 3.46667vw 2.66667vw 0 rgba(255,126,12,.43)!important;display:-webkit-box;display:-webkit-flex;display:flex;padding:2.66667vw 4.26667vw}.integral-header .header-bottom .btn-icon{display:-webkit-box;display:-webkit-flex;display:flex}.integral-header .header-bottom .icon1{margin-left:1.6vw;width:4.26667vw;height:4.26667vw}.integral-header .header-bottom .btn-midd{padding:2.13333vw 6.66667vw;margin:0 1vw;z-index:2002;border-radius:7.73333vw;box-shadow:0 1.86667vw 1.33333vw 0 rgba(255,126,12,.43);background:-webkit-linear-gradient(bottom,#ffaf21,#fff);background:linear-gradient(0deg,#ffaf21,#fff);display:-webkit-box;display:-webkit-flex;display:flex}.integral-level-info{padding:6.66667vw 2.66667vw 2.66667vw;background:#fff;border-radius:2.66667vw;margin-bottom:4.8vw;box-shadow:0 3.46667vw 2.66667vw 0 rgba(255,126,12,.43)}.integral-level-info .level-info-btn{width:34.66667vw;letter-spacing:.53333vw;padding:1.06667vw 0;margin-bottom:6.66667vw;background:#ffc100;box-shadow:0 .53333vw 0 0 #ffaf21;border-radius:.53333vw;font-size:4.8vw;font-weight:700;color:#fff}.integral-level-info .info-item{margin-bottom:4vw}.integral-level-info .info-item .level{padding:0 1.6vw;margin-right:4vw;letter-spacing:.53333vw;background:-webkit-linear-gradient(315deg,#ffedab,#ffcb1a);background:linear-gradient(135deg,#ffedab,#ffcb1a);box-shadow:0 .53333vw 0 0 #ffaf21}.integral-level-info .info-item .info{white-space:nowrap;font-size:3.73333vw;font-family:PingFang SC;font-weight:700;color:#333}.integral-product .product{margin-bottom:5.33333vw;padding:6.66667vw 0;background:#ffe388;box-shadow:0 3.46667vw 2.66667vw 0 rgba(255,126,12,.43);border-radius:2.66667vw}.integral-product .product-title{font-size:4.8vw;letter-spacing:.53333vw;font-weight:700;color:#111}.integral-product .product .level{padding:0 1.6vw;margin-right:4vw;letter-spacing:.53333vw;background:-webkit-linear-gradient(315deg,#ffedab,#ffcb1a);background:linear-gradient(135deg,#ffedab,#ffcb1a);box-shadow:0 .53333vw 0 0 #ffaf21}.integral-product .product-header{padding:0 5.33333vw;margin-bottom:6.66667vw}.integral-product .product-list{padding:0 2.66667vw}.integral-product .product-list .product-img{width:100%;border-radius:1.6vw;overflow:hidden;margin-bottom:.53333vw}.integral-product .product-list .product-name{min-height:10.66667vw;font-size:3.46667vw;font-weight:700;text-align:center}.integral-product .product-list .product-number{font-size:3.46667vw;font-weight:500;text-align:center;color:#f7161f;background:#fff1c2;border-radius:1.06667vw;padding:1.06667vw;margin-bottom:1.6vw}.integral-product .product-list .product-price{font-size:3.46667vw;margin-bottom:1.6vw;text-align:center;color:#666}.integral-product .product-list .product-price span{color:#f7161f;font-weight:700}.integral .van-button--normal{border:none;padding:1vw 4vw;height:auto}.integral .van-grid-item__content{background:none!important;padding-top:0!important;padding-bottom:5.33333vw!important}.integral .icon{display:block;width:6.66667vw;height:7.46667vw;margin-right:2.66667vw}.integral .icon-level-a{background:url(../img/icon-A.6349d6cf.png) 0 0 no-repeat;background-size:100%}.integral .icon-level-b{background:url(../img/icon-B.ff6619ed.png) 0 0 no-repeat;background-size:100%}.integral .icon-level-c{background:url(../img/icon-C.c677210e.png) 0 0 no-repeat;background-size:100%}