main{text-align:center;vertical-align:center;line-height:100vh}.star{display:inline-block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAB5CAYAAACdiblaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsJJREFUeNrsnE9LFGEcx3eWvXQoravlomIRkREkQb2DTVDoEmhQFHgKPVYQggjVexARwoNQHbr4DhQ8eJLUDbr0AgQL6rZ9B56Bh2XGmWfnDzuzn4Evs85+GWZ2fX58+IjjdT7frnVtd5UDxavFby7dW8phkd269Tp485XZ3znnhN3dKYfutEP3XprzeiHfXMfsN5XnMZ9aL90tZaGIbkNZVC4ol5Wb1nvPlF/KX+VMOVLGlEvKcEz3uzJuukPKDas7r/y0uidKM4fukf/N+Rd1NcHv9lvlpbnouO218kKZTNB9pzxVrmfcXfXX3DVlJ6b4WHmvTCTsfjQX8C2m+0RZM99A1t2VYKC0lE8RRX+wfLV+dunOKhsRXX8AbOfZtafl74jyv5AJVYqufXOPrNenEcc7PXRbEd1W3t26tW+aKXNfuWIWr7/NhXw6Ll1/qPxRHpjum6K6wc35Q2XdjNd9c2zN3EQ75MaSdkfM2rio7JljH8x0Ps6761UBv35MfekZv7wE6OPSnS6qWw9ZqAFGLXcdr6XsLpr9UlFd8Kvf8UtrDvyqLH6dVRm/ZqqKX40q49cI+NUH+BUy9lPZL/AL/AK/zu9qzWG/sF/YL+wX9msw8CvKaLmcF/wCv8Cv1EaLPz5iv7Bf2C/sVxZdr+/wy8VogV/gF/iVHr8cjBb4hf3CfmG/sF/ltl9ZGC3wC/wCv5LjVwZGC/zCfmG/sF/Yr/LgV15GC/wCv8CvcPzSmuM/H8Ev7Bf2C/s1GPilkV/qB0+AX+BX2fArwmjx4AnwC/uF/cJ+VRO/QsZ+6Z/7BX6BX/2MX1pzPPcL/MJ+Yb+wX4OBXw5GC/wCv8CvDPArwmjx2FXwC/uF/cJ+VdN+tdvtNEgFfoFf4JcjfmnN8dR78Av7hf0qnf166IBUmXTj7NeoA36NxuDXrgNSZdL9L8AArPk0wcDgaPkAAAAASUVORK5CYII=) no-repeat;width:55px;height:11px;margin:10px 3px 0 0;overflow:hidden}.star50{background-position:0 0px}.star45{background-position:0 -11px}.star40{background-position:0 -22px}.star35{background-position:0 -33px}.star30{background-position:0 -44px}.star25{background-position:0 -55px}.star20{background-position:0 -66px}.star15{background-position:0 -77px}.star10{background-position:0 -88px}.star5{background-position:0 -99px}.video-card{display:flex;align-items:start;padding:10px}.info .title{font-size:20px;display:inline}.info .date{font-size:20px;color:#888}.info .property{padding:10px 0}.info .property .key{font-size:14px;color:#999}.info .property .value{font-size:14px;color:#555}.category{display:flex;justify-content:space-around;list-style:none;font-size:18px;padding:20px 0}.category li{cursor:pointer}.category .active{color:#ec2d7a;position:relative}.category .active:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-9px;width:18px;height:2px;background-color:#ec2d7a}.simple-card{display:flex;flex-direction:column;align-items:center}.simple-card .cover{display:block;cursor:pointer}.simple-card .title{color:#555;cursor:pointer}.simple-card .title:hover{color:#ec2d7a}.block{display:grid;grid-template-columns:25% 25% 25% 25%}.block .card-wrap{margin:10px}.block .card-wrap img{max-width:100%}