dy_iaa_new_project/pages/leaderboard/leaderboard.ttss

/* e:\project\dy_video_all\初晴剧场\pages\leaderboard\leaderboard.ttss */

page {
    background-color: #080B16;
}

._leaderboard_html {
    padding-bottom: 80rpx;
}

._leaderboard_header_input {
    display: flex;
    align-items: center;
    padding: 32rpx 32rpx 0;
}

._leaderboard_he_in_warp {
    position: relative;
    flex: 1;
}

._s_h_ttui_input {
    position: relative;
    flex: 1;
    height: 64rpx;
    padding-left: 96rpx;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 64rpx;
    color: #fff;
    font-size: 24rpx;
}

._s_h_ttui_input_placeholder {
    color: #D5D5D5;
    font-size: 20rpx;
}

._s_h_ttui_in_icon {
    position: absolute;
    top: 50%;
    left: 36rpx;
    width: 36rpx;
    height: 36rpx;
    transform: translateY(-50%);
}

._leaderboard_he_in_btn {
    line-height: 1;
    padding-left: 32rpx;
}

._leaderboard_he_in_b_text {
    line-height: 1;
    font-size: 24rpx;
    color: #5BBE04;
}

._leaderboard_h_logo {
    display: flex;
    justify-content: center;
    padding: 60rpx 0 106rpx;
}

._leaderboard_h_l_warp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480rpx;
    height: 68rpx;
    /* background: url('../../static/leaderboard_hea_bg.png') no-repeat;
    background-size: 100% 100%; */
}

._leaderboard_h_l_warp .__bg_img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}

._leaderboard_h_l_w_text {
    font-size: 36rpx;
    color: #fff;
    font-weight: 600;
}

._leaderboard_list {
    padding: 0 32rpx;
}

._leaderboard_l_u_item {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 302rpx;
    background-color: #272A30;
    border-radius: 16rpx;
    padding: 28rpx 32rpx 28rpx 28rpx;
    margin-bottom: 130rpx;
}

._leaderboard_l_u_item:last-child {
    margin-bottom: 0;
}

._leaderboard_l_u_i_left {
    width: 254rpx;
    flex-shrink: 0;
    padding-right: 14rpx;
}

._leaderboard_l_u_i_l_cover {
    position: relative;
    width: 100%;
    height: 320rpx;
    margin-top: -74rpx;
}

._leaderboard_l_u_i_l_cover .__cove_img_l {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8rpx;
}

._leaderboard_l_u_i_l_top {
    position: absolute;
    top: -4rpx;
    left: 16rpx;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    width: 46rpx;
    height: 68rpx;
    z-index: 1;
}

._leaderboard_l_u_i_l_t_bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}

._leaderboard_l_u_i_l_t_text {
    font-size: 32rpx;
    color: #fff;
    margin-top: 2rpx;
    font-weight: 600;
}

._leaderboard_l_u_i_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    overflow: hidden;
}

._leaderboard_l_u_i_r_he {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._leaderboard_l_u_i_r_h_title {
    width: 50%;
    line-height: 1;
}

._leaderboard_l_u_i_r_h_t_text {
    display: inline-block;
    width: 100%;
    font-size: 32rpx;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

._leaderboard_l_u_i_r_h_heat {
    display: flex;
    align-items: center;
}

._leaderboard_l_u_i_r_h_h_icon {
    width: 26rpx;
    height: 30rpx;
}

._leaderboard_l_u_i_r_h_h_num {
    line-height: 1;
    margin-left: 16rpx;
}

._leaderboard_l_u_i_r_h_h_n_text {
    font-size: 28rpx;
    color: #fff;
}

._leaderboard_l_u_i_r_des_text {
    display: -webkit-box;
    width: 100%;
    line-height: 1.5;
    font-size: 24rpx;
    color: #999999;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 设置为想要的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}

._leaderboard_l_u_i_r_btn {
    display: flex;
    justify-content: flex-end;
}

._leaderboard_l_u_i_r_bt_watch {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52rpx;
    padding: 0 22rpx;
    border-radius: 52rpx;
    background-color: #5BBE04;
}

._leaderboard_l_u_i_r_bt_w_text {
    font-size: 24rpx;
    color: #fff;
}

._search_con_empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 308rpx;
}

._search_c_e_img {
    width: 438rpx;
    height: 340rpx;

}

._search_c_e_tips {
    margin-top: 56rpx;
}

._search_c_e_t_text {
    font-size: 32rpx;
    color: #fff;
}