html{min-height:100%}body{background-color:#fff;margin:0;padding:0;font-size:3.2vw;min-height:100%;background:#f5f5f5}em{font-style:normal}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.fl{float:left}.fr{float:right}.package-wrap{position:relative}.gradient-bg{box-sizing:border-box;height:28vw;padding:0 6.4vw;background:linear-gradient(to right,#da4e4e,#d749a3)}.introduce{margin-top:8vw;font-size:4.5vw;color:rgba(255,255,255,0.5)}.package-logo{position:absolute;top:-11vw;left:50%;width:40vw;height:40vw;margin-left:-20vw;background:url("img/novice-gift/libao@3x.png") no-repeat center center;background-size:cover}.counter{text-align:center;margin:.5vw 0 3vw;transform:scale(0.5,0.5)}.counter span{font-size:5vw}.counter.expired{opacity:.5}.content-bg{box-sizing:border-box;padding:8vw 0 1vw;margin:-11vw 2vw 2vw;background-color:#fff;border-radius:2vw;box-shadow:1vw 0 6vw rgba(0,0,0,0.1)}.content-item{position:relative;width:100%;height:36vw;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:4vw;padding:5vw 30vw 0 8vw;box-sizing:border-box;color:#fff}.content-item .title{font-size:5vw;font-weight:bold;margin-bottom:.5vw}.content-item .intro{font-size:3vw}.content-item1{background-image:url("img/novice-gift/bg1.png")}.content-item2{background-image:url("img/novice-gift/bg2.png")}.content-item3{background-image:url("img/novice-gift/bg3.png")}.count-down{position:absolute;right:30.4vw;bottom:8.8vw;color:#fff;font-size:2.6vw}.count-down em{font-size:3.7vw}.poster{position:absolute;right:6vw;bottom:9.3vw;width:22vw;height:31vw;background-repeat:no-repeat;background-size:cover;background-position:center center}.icon-bg{position:absolute;bottom:3.3vw;display:flex;width:9.3vw;height:9.3vw;background-color:#fff;border-radius:50%;align-items:center;justify-content:center}.icon-bg1{left:6.5vw}.icon-bg2{left:20vw}.icon-collection{display:inline-block;background-image:url("img/novice-gift/collect.svg");background-repeat:no-repeat;background-position:center center;width:4.8vw;height:4.1vw}.icon-bg1.hascollect .icon-collection{background-image:url("img/novice-gift/collectok.svg")}.icon-download{display:inline-block;background-image:url("img/novice-gift/download.svg");background-repeat:no-repeat;background-size:contain;background-position:center center;width:4.4vw;height:4.4vw}.icon-downloading .icon-download{width:4.5vw;height:4.5vw;background-image:url("img/novice-gift/downloading.svg")}.icon-downloaded .icon-download{background-image:url("img/novice-gift/downloaded.svg")}@media screen and (min-width:768px){.content-bg{margin:-11vw 4vw 4vw}.content-item{background-size:initial;margin-bottom:3.5vw}.content-item .title{font-size:4vw;margin-bottom:1.5vw}.content-item .intro{font-size:2.5vw}.poster{right:4.5vw}.counter{transform:scale(0.7,0.7)}}