body{height:100vh;display:flex;flex-direction:column}header{position:fixed;z-index:100;width:100%}.header-bar{height:11.73333333vw;border-bottom:.26666667vw solid #e5e5e5;display:flex;background-color:#fff}.header-bar .header-icon-back{width:8vw;height:8vw;margin:1.86666667vw 0 0 1.33333333vw;font-size:5.33333333vw;box-sizing:border-box}.header-bar .header-icon-back .icon-xianxingxiangzuo{font-size:5.33333333vw;text-align:center}.header-bar .header-icon-back .nav-a{display:inline-block;width:100%;height:100%;padding:1.33333333vw;box-sizing:border-box}.header-bar .header-icon-shotcut{width:8vw;height:8vw}.header-bar .header-title{flex:1;font-size:4.26666667vw;padding:0 8vw;text-align:center;line-height:11.73333333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-bar .nav-img{width:100%}.detail{margin-top:12vw}.detail .swiper{width:100vw;height:74.66666667vw;position:relative;overflow:hidden}.detail .swiper .img{display:flex;flex-wrap:nowrap}.detail .swiper .img .pic-item{width:100vw;height:74.66666667vw;flex-shrink:0}.detail .swiper .img .pic-item img{width:100%;height:100%}.detail .swiper .nav{position:absolute;left:0;bottom:5.33333333vw;width:100vw;height:2.66666667vw;text-align:center}.detail .swiper .nav a{display:inline-block;width:2.13333333vw;height:2.13333333vw;border-radius:50%;background:#878787;margin:0 .53333333vw}.detail .swiper .nav a.active{background:#fff}.detail .media-info{font-size:3.2vw;line-height:5.06666667vw}.detail .media-info .panel{background-color:#fff;margin:1.33333333vw;border-radius:1.33333333vw;padding:1.33333333vw 2.13333333vw}.detail .media-info .panel .item{display:flex}.detail .media-info .panel .item .title{width:16vw;color:#01419a;font-size:2.66666667vw}.detail .media-info .panel .item .value{width:77.06666667vw}.detail .media-info .term .year{display:flex;margin-bottom:.8vw}.detail .media-info .term .year .month{overflow:hidden}.detail .media-info .term .month-list li,.detail .media-info .term .year .tag-year{align-items:center;box-sizing:border-box;border-radius:1.33333333vw;padding:.8vw;line-height:3.2vw}.detail .media-info .term .year .tag-year{display:inline-flex;border:.26666667vw solid #01419a;color:#01419a}.detail .media-info .term .month-list{display:inline-block;white-space:nowrap}.detail .media-info .term .month-list li{display:inline-block;border:.26666667vw solid transparent;margin:0 .26666667vw;color:#fff}.detail .media-info .term .can-sell{background-color:#0099f0}.detail .media-info .term .cant-sell{background-color:#ccc}.detail .media-info .term .already-sell{background-color:#f07700}.detail .media-info .term .unknown{background-color:#993}.detail .media-info .price{display:flex;color:#f00000;font-size:3.46666667vw;margin-bottom:1.33333333vw}.detail .media-info .price .depress{color:#a0a0a0;margin-left:1.33333333vw;font-size:2.93333333vw;line-height:4.53333333vw;text-decoration:line-through}