.offside{width:27.777%;min-width:300px;color:#333;margin-left:1.3888888889%}.offside .offside__title{font-size:18px}.offside img{display:inline-block}.offside .rule{font-size:14px;line-height:30px;background:#fff;border-radius:4px;padding:7.5% 6%;text-align:justify}.offside .rule p{padding-left:5%;position:relative}.offside .rule p:before{content:"";width:5px;height:5px;background:#333;display:inline-block;border-radius:50%;position:absolute;left:0;top:12px}.offside .income{background:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.offside .income:before{content:"";font-size:23px;font-family:iconfont;color:#fff;width:50px;height:50px;border-radius:50%;background:linear-gradient(169deg,#febb95,#eb2513);display:inline-flex;align-items:center;justify-content:center;margin-right:10px}.offside .income-amount{flex:1}.offside .income-amount span{color:#472704;font-size:14px;display:block}.offside .income-amount strong{font-size:23px;color:#ea4d3f}.offside .income-btn{font-size:18px;color:#dc4437;width:115px;height:44px;border-radius:22px;border:1px solid #ec796f;background:transparent}.offside .rank-header-poster{padding:12px 0}.offside .rank-header-poster img{display:block;width:100%}.offside .rank{padding:6.25% 4.5%;background:#fff;border-radius:4px}.offside .rank .rank-header-cur{margin:auto;height:22px;font-size:22px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#472704;line-height:22px;text-align:center}.offside .rank .rank-header-cur span{position:relative}.offside .rank .rank-header-cur span:before{left:-94px}.offside .rank .rank-header-cur span:after,.offside .rank .rank-header-cur span:before{position:absolute;top:12px;content:"";width:74px;height:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAMCAYAAACECZT6AAAAAXNSR0IArs4c6QAABPlJREFUWEftVT1vXUUQPWfWL/FHQiCOFUApjJR/YJJUIAqKNIQCpaCgoaZAFASoXLjhR9BQEAlLCNEg/gA0QYgCAZKRLLAUJVIsO7F937t3dwbN7L1JFAh2WvK2uTs7Z2d2Z87dQ0zHtAJHrMDq1QvPNxNbg/Gywc6Q+AuUL88eS2sfrP/QeBgeMdYU9pRX4KM3L7xual8YsPRoKUj+MoK9tfbNjd+nhHrKiXKU639y5dLZjPIbDM8+Dk/w57mVhZenhDpKRZ9yzIdvXPwc0HcOKwPJ94NQZjba2NiQ8+fPA5ubxPIytra2eO4ccPNm4gsAbokEVuQO/dXj9jaxuAjZ2SFOAzs7vf/uXTqP5V4iTgGyl2LfnuzxJID9/UScBGT/gMAJsGnYpOY+sUUqnuMJgXmMZVzzTtwGxpI4B2DStv15Kn6w27bl7CzQdl31d9U/2J1kHgfQdbn6s7DLmTjmICBLqfl9DUAu1RbJDH8qzLmuxXpRDhi3y4AvWvdrxZbeLlrX3fb5qI9TtN5vwKm63zjjMdBB1MKvVteRIzocp73P7WL2wM4Vr1rvUnutVMv9fvcb1WqtIr5jy2ANe+y64fGv04Am+V0E2t3dPS3SzLAR4QJlPBYBxpQJhSIC+mil7brks67LQjLWs88d03X076RM0ogj5vFESLBQpJSJUEVIlUKytG3sV9UaW1VUO1HHmM9NlEqN2IEj1cRQUlGSiCbGWSwXUTOPTTMTU01eYKoyA0IzKaWImQrhfqNBxbHwYhZ4XLGiYkDg4Ocx83hUs0QrNK0+P7MZqFYSq99zejwi4tfY3jifw/N7LLUEz6ugapGKNaK/r8ExJTk+4sdeJ4Om+7HNas1MCUN/lsjleWkGqTkCx7iL7/GzOcYsYkV+3x/nqph6Xv86ppL+SQfJW8ML9dzt27ePLZBsSPHvuG391w6SwMkUnKJ0+SAa6YTochY6I4oTrBKv5CK5t4tOhEWksAgLWaji5HGiaZeTPwTFieMNzJacKB5DO7+8E8Yb58Ux31fnrHMrxYvjPsKJWzQ5qbQUJ2vYlTCaUMnmL0KiOTGCLLX5WmjeXF/XXH09eZxYTrI4n5VoYiUMiCh88SZG48w0WXGC1YabIfwAxdesBMGS54ofpCdvvFga5PYc3uhKpsBZJV7x/N5kxwWp/fypEq/EfoOl+FnizE44ix+rJ1LsifOj/hRBouHHiTxBxP4u8Ro+MalI3KyEunFjhJWVmG9sbNClb3Nzk8sAtmZmYj2lKh0+ZJC/O3eIpSVsb29zEcBO2iGw6AqIHdmtUnG37ruX9njKNdDlL+3xGf/2cijJ5Q/YP6jYkyeAg6bKoDR93hNA00y4AKCZjIn5BYzHE867DPZyOEkug3N4WBLbtpe+8NXh/8psyGCVgi53xHGXx8F+IBEuhyGRvQQ6fpA8SVXO8iPyWNeUrqKDHA5SGL5e9lwu3R58VQ67OOM/JNJ94ary54ong3z2X9V6xweS6BJW1+KViuEyWef+coavr9HDmKFW4Vd8ZWre1v8cBL99YhYeFnTq//9V4NqVi5+Z6buH3YyC96aEOqxKUz8+vvrKkk7Gv5qZC9G/DgI/rsy+dGlKqClhjlSBa1cuvGqw6zC8+OgGkj+NZHR17evv/5gS6kjlnIK8Aqtvv3am2d9fNdhlAmcA/Gng+vzx5U9X19dbx/wNHqG+xUxRnTgAAAAASUVORK5CYII=) no-repeat 50%/100% 100%}.offside .rank .rank-header-cur span:after{right:-94px;transform-origin:center center;transform:rotate(180deg)}.offside .rank-list{margin-top:5%}.offside .rank-list .title{font-size:14px;display:flex;align-items:center;justify-content:space-around;padding:3% 0}.offside .rank-list .title span{padding-right:7.5%}.offside .rank-list .title-user{flex:1;text-align:center}.offside .rank-list .title-user:after{content:"";font-size:12px;font-family:iconfont;margin-left:3px}.offside .rank-list .title-award{width:30%;text-align:right;white-space:nowrap}.offside .rank-list .title-award:after{content:"";font-size:12px;font-family:iconfont;margin-left:3px}.offside .rank-list .item{font-size:13px;display:flex;align-items:center;justify-content:space-between;padding:3% 0}.offside .rank-list .item:nth-of-type(2n){background:#fff6ee}.offside .rank-list .item-info{flex:1}.offside .rank-list .item-info__pos{width:40px;display:inline-block;margin-right:6px;text-align:right}.offside .rank-list .item-info__pos img{display:inline-block;width:auto;height:22px}.offside .rank-list .item-info__pos i{padding-right:6px}.offside .rank-list .item-info__pos .first{height:30px}.offside .rank-list .item-info__avatar{width:32px;height:32px;border-radius:50%}.offside .rank-list .item-info__name{padding-left:12px}.offside .rank-list .item-amount{width:30%;padding-right:10.75%;text-align:right}.offside .rank-nodata{width:100%;height:183px;margin:34px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.offside .rank-nodata-img{width:30.2197802198%}.offside .rank-nodata-hint{font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#747474;line-height:17px;margin-top:3.5%}