.photoDetail{background-color:#303030;height:100%;left:0;position:absolute;top:0}.photoDetail,.photoDetail .wraper{align-items:center;display:flex;justify-content:center;width:100vw}.photoDetail .wraper{height:calc(100% - 33.33333vw);position:relative;z-index:2}.photoDetail .wraper :deep(.swiper-slide){position:relative;width:100%!important}.photoDetail .wraper .swiper{height:100%}.photoDetail .wraper .swiper-slide{align-items:center;display:flex;height:100%;justify-content:center}.photoDetail .wraper img.big{max-height:100%;max-width:100vw;pointer-events:none}.photoDetail .wraper video{background:#000;height:66.66667vw;width:100vw}.photoDetail .wraper img.icon{height:13.33333vw;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:13.33333vw;z-index:2}.photoDetail .btn-box{align-items:center;box-sizing:border-box;display:flex;height:13.33333vw;justify-content:center;left:0;overflow-x:auto;position:absolute;top:0;width:100vw;z-index:100}.photoDetail .btn-box .go-left{flex:none;height:13.33333vw;position:relative;width:13.33333vw}.photoDetail .btn-box .go-left:after{border-color:#ccc transparent transparent #ccc;border-radius:.53333vw;border-style:solid;border-width:.53333vw;content:"";height:3.46667vw;left:50%;margin-top:-1.73333vw;position:absolute;top:50%;transform:rotate(-45deg);width:3.46667vw}.photoDetail .btn-box .btn-content{flex:1;height:13.33333vw;overflow-x:auto;position:relative}.photoDetail .btn-box .btn-wraper{border-radius:.8vw;left:0;padding:4vw;position:absolute;top:0;white-space:nowrap;width:auto}.photoDetail .btn-box .btn-wraper li{color:#818181;display:inline-block;font-size:3.73333vw;line-height:4.8vw;padding:0 3.33333vw;text-align:center}.photoDetail .btn-box .btn-wraper li.on{color:#fff}.photoDetail .btn-box .counts{background:#323131;border-radius:.8vw;color:#fff;font-size:2.4vw;line-height:3.33333vw;opacity:.63;padding:.26667vw 1.33333vw;position:absolute;right:5.06667vw;top:50%;transform:translateY(-50%)}.vr-tips{align-items:center;background:#3339;border-radius:.66667vw 0;color:#fff;display:flex;font-size:3.46667vw;font-weight:600;left:0;padding:1.73333vw;position:absolute;top:40%}.vr-tip-icon{height:4.8vw;width:4.8vw}.vr-tips-text{margin-left:1.73333vw;position:relative}