.my-star__panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}.my-star__panel.active{z-index:1;opacity:1}.my-star .ts-table{display:flex;flex:1;background:#fff;padding-right:10px}.my-star .my-table,.my-star .rank{padding:20px 10px}.my-star .rank-panel{height:calc(100% - 50px);overflow:hidden;border-radius:10px;box-shadow:0 1px 5px 0 rgba(0,0,0,.15)}.my-star .rank-head{position:relative;text-align:left;padding:15px;font-size:22px;font-weight:700}.my-star .rank-head:before{position:absolute;content:"";top:50%;left:0;transform:translateY(-50%);width:4px;height:20px;background:#5171da}.my-star .rank-head i{font-weight:700;color:#5171da;margin-right:5px}.my-star .rank-list{padding:0 15px}.my-star .rank-item{display:flex;align-items:center;padding:10px}.my-star .rank-item:nth-child(odd){background:#f6f7fb}.my-star .rank-item .left{display:flex;justify-content:center;align-items:center;height:20px}.my-star .rank-item .left.content{width:17px;height:17px;align-items:normal}.my-star .rank-item .left.active{color:#5171da}.my-star .rank-item .focus{flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-star .rank-item .useful:hover{text-decoration:underline}.my-star .rank-title{background:#e3ebfe!important}