.ranking-box[data-v-4a534988]{margin-top:2.08333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.ranking-box .ranking[data-v-4a534988]{width:43.75vw;height:25.52083vw;background:url(../img/rbb.7acdb664.png) no-repeat;background-size:cover;border:.20833vw solid transparent;border-radius:1.5625vw}.ranking-box .ranking .header[data-v-4a534988]{height:4.6875vw;padding:.52083vw 1.5625vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ranking-box .ranking .header .title[data-v-4a534988]{font-size:2.1875vw}.ranking-box .ranking .header .desc[data-v-4a534988]{margin-top:.20833vw;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.25vw;color:#333}.ranking-box .ranking .list[data-v-4a534988]{padding:1.875vw 3.02083vw}.ranking-box .ranking .list .row[data-v-4a534988]{margin-bottom:1.04167vw;height:2.60417vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ranking-box .ranking .list .row .left[data-v-4a534988],.ranking-box .ranking .list .row[data-v-4a534988]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ranking-box .ranking .list .row .left[data-v-4a534988]{font-size:1.66667vw;color:#333}.ranking-box .ranking .list .row .left span[data-v-4a534988]{width:20.83333vw}.ranking-box .ranking .list .row .left .icon[data-v-4a534988]{width:2.1875vw;height:2.1875vw;margin-right:.52083vw}.ranking-box .ranking .list .row .right[data-v-4a534988]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:6.25vw;padding:0 .72917vw 0 1.82292vw;height:2.39583vw;border-radius:1.14583vw;font-size:1.66667vw;background:rgba(127,126,209,.23)}.ranking-box .ranking .list .row .right .icon[data-v-4a534988]{position:absolute;left:.52083vw;width:1.40625vw;height:1.40625vw}.ranking-box .r2[data-v-4a534988]{background:url(../img/yxb.75c6bec3.png) no-repeat;background-size:cover}.recommend-page[data-v-f4ee6948]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:0 5.10417vw 2.60417vw;overflow-y:auto}.recommend-page .history-box .history[data-v-f4ee6948]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:5.3125vw;font-size:1.66667vw}.recommend-page .history-box .history .col[data-v-f4ee6948]{margin-top:.52083vw;margin-right:2.08333vw;width:28.54167vw;height:4.79167vw;line-height:4.79167vw;padding-left:1.45833vw;padding-right:1.14583vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.04167vw;cursor:pointer;overflow:hidden}.recommend-page .history-box .history .col[data-v-f4ee6948]:nth-child(3n){margin-right:0}.recommend-page .history-box .history .icon-shijian[data-v-f4ee6948]{padding-right:1.04167vw}.recommend-page .history-box .history .iconfont[data-v-f4ee6948]{font-size:2.08333vw}.recommend-page .menus[data-v-f4ee6948]{margin-top:2.08333vw;height:7.5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.recommend-page .menus .menu[data-v-f4ee6948]{position:relative;width:13.4375vw;height:7.5vw;border-radius:2.60417vw;border:.20833vw solid transparent}.recommend-page .menus .menu[data-v-f4ee6948]:after{content:"";position:absolute;width:5.20833vw;height:5.20833vw;border-radius:inherit;border:.3125vw solid #ff851d}.recommend-page[data-v-f4ee6948] .contentModule{margin-top:2.5vw;width:100%}.recommend-page[data-v-f4ee6948] .contentModule .title{font-size:2.39583vw}.recommend-page[data-v-f4ee6948] .contentModule .works{margin-top:1.14583vw}.recommend-page[data-v-f4ee6948] .contentModule .works .opus{margin-bottom:2.08333vw}.recommend-page[data-v-f4ee6948] .contentModule .works .opus2{width:43.75vw;height:19.6875vw}.recommend-page[data-v-f4ee6948] .contentModule .works .opus3{width:28.54167vw;height:15.625vw}.recommend-page[data-v-f4ee6948] .contentModule .works .opus4{width:21.04167vw;height:13.33333vw}.recommend-page[data-v-f4ee6948] .contentModule .works .text{margin-bottom:2.08333vw;border-radius:1.45833vw}.recommend-page[data-v-f4ee6948] .contentModule .works .text .splay{width:2.8125vw;height:2.8125vw;margin-right:1.5625vw}.recommend-page[data-v-f4ee6948] .contentModule .works .text2{width:43.75vw}.recommend-page[data-v-f4ee6948] .contentModule .works .text3{width:28.54167vw}.recommend-page[data-v-f4ee6948] .contentModule .bgWorks{height:33.33333vw}.recommend-page[data-v-f4ee6948] .contentModule .bgWorks .text{height:4.16667vw}.recommend-page[data-v-f4ee6948] .contentModule .bgWorks .text2{width:43.75vw}.recommend-page[data-v-f4ee6948] .contentModule .bgWorks .text3{width:27.08333vw}.recommend-page[data-v-f4ee6948] .contentModule .bgWorks .text4{width:20vw}