.album-container{background:#242629;min-height:75vw;overflow:hidden;position:relative}.album-container .album-top-bar{box-sizing:border-box;height:16vw;left:0;padding:4.533333333333333vw 10.666666666666668vw;position:absolute;top:0;width:100%;z-index:100}.album-container .album-top-bar.fixed{position:fixed}.album-container .album-top-bar-main{align-items:center;color:#fff;display:flex;font-size:5.333333333333334vw;font-weight:600;justify-content:center;line-height:6.933333333333333vw;opacity:0}.album-container .album-top-bar-main.fade-in{animation:fadeIn .25s ease-in-out .25s forwards}.album-container .album-top-bar-main.fade-out{animation:fadeOut .25s ease-in-out forwards}.album-container .album-top-bar .icon-arrow-down{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACxSURBVHgB7ZBbDQIxEEVvUYCElVIJK2GdIAEJ4GBxgAUcdB0g4TJN+OBjeMx00vDRkzRN2k5Oc4DBYBBE+nRJMsuW4eOWUrrAikiPbOdglWbGkTXH7o17QhwTDOINcWyWxzX3ynZOsCJDe1l3+imyJniQwZl+FrRAX3J7YkVsTV7oTazILckXRMLfkrcnVsTfkpewxIp87pZYka9dEivimvz8Ir3WM/Ti+YF+wsHg73kAte6hB98LV38AAAAASUVORK5CYII=) 50% no-repeat;background-size:contain;height:2.666666666666667vw;margin-left:1.3333333333333335vw;width:2.666666666666667vw}.album-container .icon-close-album{background:url(https://wpstatic.mafengwo.net/beehive/mmobile/notessr/_nuxt/img/icon_close_new.35e047c.png) 50% no-repeat;background-size:contain;height:6.666666666666668vw;left:4vw;position:absolute;top:4.666666666666667vw;width:6.666666666666668vw}.album-container .note-level-focus{align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAABsCAMAAAArD/rAAAAAS1BMVEUAAAAjJikkJikgKCggICgjJSgkJCgjJSkkJykgICAkJSkkJSkkJigjJiokJSgkJikkJiggIDAkJiokJCcjIyYlJSUlJiklJSokJinI8TN3AAAAGHRSTlMA3+8gIGBAkHAQz7+An7+vnxCAcFAw3zCenekPAAACX0lEQVR42u3dXXqbMBCF4YMQICA2mNqO9r/SPnbaxHWTxj+9Qed7t2ADozMjSQDwjb5N81RhNcbpZR/1n/RpDBnrM3RRz6s7fv31Ghs9p95krFrV6AmJp3/9NlEPqseMAoRGD2l5/Eux6AFNRjGmXvd6ySjI0PP8e9voLjXf/9J0ukNdZZRmr9sR/xQoRAoAb5NuxQegTC0rQG9Vr1vUGYXqdAs6AOVqqQC9DUQA5hYiAG8hUgF6G4kAzCUiAG+hpwnoraMCNNcSAXj7MhHuqQA9LFSA5g5EAN5GfWbIcJGoAL2FSBPI20gEYG6vP71mWKl6mkDeOiIAcy0RgLeBCtDcQgTgLUQqQG8bXgDmIi8Ab51O2gxToWcJ4K3hC+BtknTIsBUkpQxfB2nK8JWkbYavTmIzkLNJyjA2aJdh7MgogLcjbwBvR2oAbyOrAG8jO8K8ddKc4SvRC/DWMg/iTaIKdDZKUpfhqmEm0FtkKtjaLImZIGNRZzvKQE8zewO9Rb1hLMzTwgEx1qpeb8gCPDW6sGMp6GbWb+wQdVRFnVEHmmq4LMTalsPivUVOC7e26Iw60FSlD4QBhg66QlPIyqwv/MgwcBkBEAYYarg62trM3cHWQtQVmkJWkt4RBhiq9E8cGla6qBNukHe16B1hgKFKHwgDDDU6ow40NesKTSErf2fANIWsNLrRPqNAW51RB5q6zIAJAwwl/cJKwFKnC8RBdgZ9gsawjSqKf4CxIeqEr4CpudcjaqZDypD0oB2hcAGGVz2uJhJauZD0nJYRoRULL72eVie2ja5S6Fp96ycTE7DEK0CDkAAAAABJRU5ErkJggg==) 50% no-repeat;background-size:contain;box-sizing:border-box;display:flex;height:9.866666666666667vw;justify-content:center;left:50%;line-height:9.866666666666667vw;margin-left:-23.066666666666666vw;padding-left:1.6vw;position:absolute;top:5.866666666666666vw;width:46.13333333333333vw;z-index:3}.album-container .note-level-focus.is-in-app{top:2.933333333333333vw}.album-container .note-level-focus.fade-in{animation:fadeIn .25s ease-in-out forwards}.album-container .note-level-focus.fade-out{animation:fadeOut .25s ease-in-out forwards}.album-container .note-level-focus>i,.album-container .note-level-focus>span{display:block}.album-container .note-level-focus .date{color:#ffe431;font-family:OPPOSans,PingFang SC;font-size:5.333333333333334vw;font-weight:400;font-weight:700}.album-container .note-level-focus .line{background:#bcab35;border-radius:.923152vw;height:4.408vw;margin-left:1.0666666666666667vw;width:.8613333333333334vw}.album-container .note-level-focus .month{color:rgba(255,228,49,.6);font-family:OPPOSans,PingFang SC;font-size:2.099568vw;font-weight:400;line-height:2.4vw;margin-left:1.2613333333333334vw}.album-container .note-level-focus .icon-focus-text{background:url(https://wpstatic.mafengwo.net/beehive/mmobile/notessr/_nuxt/img/icon_focus_text.b68aa52.png) 50% no-repeat;background-size:contain;height:4.8293333333333335vw;margin-left:1.0666666666666667vw;width:18.506666666666668vw}.album-container .note-level-focus .icon-focus-more{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAM1BMVEUAAAD/5TH/5DH/4TD/4zD/3zD/5DH/5DD/5DD/5DD/4jD/4jD/5DH/5TL/4zD/5DD/5DFEIuOwAAAAEHRSTlMA3+8fQBCfgHBgYFDPr5AwNAGsUgAAAGlJREFUKM/l0DkOgDAMRFE7zkbC4vufFqFECoWXFonfPnkKw59KW+mkcw/MjFVj4lFWJg6eYRP9WZ/lJDi/wij7qjjO1fHgOJPjyXZ09pvpoYLlO5n/LSCUxeeuaA6cCeQuHMd6cYvwrW5/8A1faGvpLwAAAABJRU5ErkJggg==) 50% no-repeat;background-size:contain;height:2.666666666666667vw;margin-left:1.0666666666666667vw;width:2.666666666666667vw}.album-container .video-label{align-items:center;background:rgba(0,0,0,.55);border-radius:1.3333333333333335vw;box-shadow:0 0 1.3333333333333335vw rgba(0,0,0,.2);color:#fff;display:flex;font-size:2.666666666666667vw;font-weight:700;height:4vw;left:1.3333333333333335vw;line-height:4vw;padding:0 1.3333333333333335vw;position:absolute;top:1.3333333333333335vw}.album-container .video-label .icon-video{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEESURBVHgB7ZYtD4MwEIaPZWISiUQiJycnJ5FI5OR+0uTkfgJychJZOYnEsXuTkizLCqW9plnCk1ya9CMPBy09opWVWAzDkHHkJExCZmHKTc2R6q6O45okSUeBxTU3+Y+hhuUNebKZGMsN/Ud+qIt+I0HEU0B6ZvmBHHEVgx3HieWVS/Zb8qfgwM7Ht3/aLvLJ+BNkXLK8tM1eSjyy56hZXsxNlBYDZFzNbbwQ4hEcux1FEEOaUQQxeFEEMY5XbxqUOMff4BK5s1RNTZIWt1raz02UEvda2NoukBArLV10T/uIkSU20IMccBUrcsjSVqwoYAWytOa6sdT4UxAFFSYqTVr5V96heFlOQo+6dwAAAABJRU5ErkJggg==) 50% no-repeat;background-size:contain;height:2.666666666666667vw;margin-right:.5333333333333333vw;width:2.666666666666667vw}.album-container .icon-play{background:url(https://wpstatic.mafengwo.net/beehive/mmobile/notessr/_nuxt/img/icon_play.480869a.png) 50% no-repeat;background-size:contain;height:10.666666666666668vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10.666666666666668vw}.album-container .more-photo-num{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-family:OPPOSans,PingFang SC;font-size:5.333333333333334vw;font-weight:700;height:100%;justify-content:center;left:0;line-height:8vw;position:absolute;text-align:center;top:0;width:100%}.album-container .note-cover-box{position:relative}.album-container .note-cover-box .note-cover-img{background:#717376;margin-bottom:1.3333333333333335vw;position:relative;width:100vw;z-index:1}.album-container .note-cover-box .note-cover-img.style_1{height:74.66666666666667vw}.album-container .note-cover-box .note-cover-img.style_2{height:100vw}.album-container .note-cover-box .note-cover-img.style_3{height:127.73333333333336vw}.album-container .note-cover-box .note-cover-img .video-label{bottom:4vw;left:auto;right:4vw;top:auto}.album-container .note-cover-box .alpha-touch-block{background:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.album-container .para-cover-img{background:#717376;flex-shrink:0;height:100vw;margin-bottom:1.3333333333333335vw;position:relative;width:100vw}.album-container .para-cover-img .title{align-items:center;display:flex;flex-wrap:wrap;left:4vw;position:absolute;top:4vw}.album-container .para-cover-img .title>span{display:block}.album-container .para-cover-img .title .order{color:hsla(0,0%,100%,.4);font-size:13.866666666666665vw;font-weight:400;line-height:13.866666666666665vw}.album-container .para-cover-img .title .label,.album-container .para-cover-img .title .order{font-family:OPPOSans,PingFang SC;text-shadow:0 1.0666666666666667vw 1.0666666666666667vw rgba(0,0,0,.1)}.album-container .para-cover-img .title .label{color:hsla(0,0%,100%,.3);font-size:6.666666666666668vw;font-weight:700;line-height:6.666666666666668vw;margin-left:1.3333333333333335vw}.album-container .para-cover-img .title .text{color:#fff;font-family:PingFang SC;font-size:5.333333333333334vw;font-weight:600;line-height:8vw;margin-left:1.3333333333333335vw;max-width:52.53333333333333vw;text-align:left;text-shadow:0 1.0666666666666667vw 1.0666666666666667vw rgba(0,0,0,.1)}.album-container .img-col{display:flex}.album-container .img-col .span-1{height:32.266666666666666vw;margin-bottom:1.3333333333333335vw;width:32.4vw}.album-container .img-col .span-2{height:65.86666666666666vw;margin-bottom:1.3333333333333335vw;width:66.13333333333333vw}.album-container .img-col .right-5{margin-right:1.3333333333333335vw}.album-container .para-img,.album-container .para-left-img{background:#717376;position:relative}.album-container .para-left-img{margin-bottom:1.3333333333333335vw}.album-container .para-left-img.para-left-img-1{height:74.93333333333332vw;width:100vw}.album-container .para-left-img.span-1{height:32vw;width:32vw}.album-container .para-left-img.span-2{height:32vw;width:66.66666666666666vw}.album-container .para-left-img.span-3{height:49.333333333333336vw;width:32vw}.album-container .para-left-img.span-4{height:49.333333333333336vw;width:66.13333333333333vw}.album-container .album-footer{background:#242629;padding:8vw 4.266666666666667vw}.album-container .album-footer .jump-btn{align-items:center;border:.5333333333333333vw solid #717376;border-radius:4.266666666666667vw;color:hsla(0,0%,100%,.85);display:flex;font-size:3.2vw;height:12.8vw;justify-content:center;line-height:12.8vw}.album-container .album-footer .jump-btn .icon-more{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgB7ZbBDYJAEEX/Gq9UYAU0oAXonViAsQD1rvFuvKsFEO9agd6lASqgAgvA+QleDOAOAfayL5kQdiZ5w2azA+Dx9IhBA/I8H8ljXLwmxpgMDVDJRRrIYy8x/0ndJU7aJrTyY4n4C8VbaSBB23IRc5uvFqWxNHCwqMMA9oSWdUtp9Fmci9bkgaKWYjawQUvyJqzrdqFrOaH4AkdyEsrXT+FITiZwKIdL+QuO5JlcPA84kPO6XZQlhugWDptzVVIjfytqOWRWIk7rijTbnlrWxRLRPzHRjlTeVLOKtHqkag/cTuJWss61SCMmTn+jPJ5e+QCmNUXPWZxUSgAAAABJRU5ErkJggg==) 50% no-repeat;background-size:contain;height:2.666666666666667vw;margin-left:.5333333333333333vw;width:2.666666666666667vw}