.monitoring { background: #fff; } .live_show { height: 425rpx; background-color: #979797; } .pk-video-main { height: 425rpx; width: 100%; top: auto; left: 0; bottom: 45%; position: absolute; } .pk-video-main live-player { width: 50% !important; height: 425rpx !important; } .pk-video-main .videos-pk { left: auto !important; right: 0 !important; position: absolute; top: 0; width: 50% !important; height: 425rpx !important; display: flex; align-items: flex-end; } .live_bottom .title_top { display: flex; padding-top: 26rpx; padding-left: 60rpx; padding-bottom: 40rpx; } .live_bottom .title_top .li { font-size: 32rpx; line-height: 36rpx; color: #999; margin-right: 55rpx; } .live_bottom .title_top .li:last-child { margin-right: 0; } .live_bottom .title_top .li.active { color: #f53c3f; } .goods_list .li { display: flex; margin-left: 25rpx; margin-right: 25rpx; padding-bottom: 24rpx; border-bottom: 2rpx solid #f3f3f4; } .goods_list .li .left { position: relative; width: 157rpx; height: 158rpx; border-radius: 8rpx; margin-right: 26rpx; } .goods_list .li .left image { width: 100%; height: 100%; border-radius: 8rpx; } .goods_list .li .left .num { position: absolute; top: 0; left: 0; height: 33rpx; background-color: #ff9c00; border-radius: 8rpx 0rpx 8rpx 0rpx; font-size: 29rpx; color: #fff; line-height: 33rpx; text-align: center; padding-left: 8rpx; padding-right: 8rpx; } .goods_list .li .right { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .goods_list .li .right .trade_name { font-size: 28rpx; line-height: 36rpx; color: #010101; /* text-overflow: -o-ellipsis-lastline; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .goods_list .li .right .right_bottom { display: flex; align-items: center; justify-content: space-between; } .goods_list .li .right .right_bottom .price { font-size: 24rpx; line-height: 36rpx; color: #999; } .goods_list .li .right .right_bottom .price text { font-size: 34rpx; color: #f53c3f; } .goods_list .li .right .right_bottom .set_up { width: 204rpx; height: 50rpx; border-radius: 25rpx; border: solid 1rpx #ff2c29; font-size: 28rpx; line-height: 50rpx; color: #ff2c29; text-align: center; } .goods_list .li .right .right_bottom .set_up.active { color: #fff; background-color: #ff2c29; } .criticism .list .li { position: relative; } .criticism .list .li .content { display: flex; padding-left: 31rpx; } .criticism .list .li .content .left { width: 60rpx; height: 60rpx; border-radius: 50%; margin-right: 12rpx; } .criticism .list .li .content .left image { width: 100%; height: 100%; border-radius: 50%; } .criticism .list .li .content .right { flex: 1; padding-right: 70rpx; } .criticism .list .li .content .right .name { font-size: 24rpx; line-height: 36rpx; color: #333; padding-bottom: 10rpx; } .criticism .list .li .content .right .chat { font-size: 28rpx; line-height: 40rpx; color: #000; } .criticism .more { position: absolute; top: -4rpx; right: 30rpx; } .criticism .more_list { position: absolute; width: 210rpx; height: 40rpx; background-color: rgba(0, 0, 0, 0.7); display: flex; border-radius: 10rpx; align-items: center; color: #fff; top: -2rpx; right: 80rpx; } .criticism .more_list .iconfont { font-size: 22rpx; margin-right: 10rpx; } .criticism .more_list .more_list_left, .criticism .more_list .more_list_right { display: flex; align-items: center; flex: 1; font-size: 22rpx; line-height: 36rpx; color: #fff; } .criticism .more_list .line { width: 1rpx; height: 32rpx; background-color: #a1a1a1; } .criticism .more_list .more_list_left { padding-left: 18rpx; } .criticism .more_list .more_list_right { padding-left: 14rpx; } .criticism .more_list .triangle { position: absolute; top: 14rpx; right: -12rpx; border-top: 6rpx solid transparent; border-right: 6rpx solid transparent; border-bottom: 6rpx solid transparent; border-left: 6rpx solid rgba(0, 0, 0, 0.7); } .prohibition_lists .li { padding-left: 31rpx; padding-right: 42rpx; justify-content: space-between; display: flex; align-items: center; padding-bottom: 30rpx; } .prohibition_lists .li .left { display: flex; align-items: center; } .prohibition_lists .li .left .picshow { width: 60rpx; height: 60rpx; margin-right: 20rpx; border-radius: 50%; } .prohibition_lists .li .left .picshow image { width: 100%; height: 100%; border-radius: 50%; } .prohibition_lists .li .left .name { font-size: 28rpx; line-height: 36rpx; color: #333; max-width: 300rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prohibition_lists .li .right { width: 108rpx; height: 48rpx; background-color: #ff6333; border-radius: 24rpx; font-size: 28rpx; line-height: 48rpx; color: #fff; text-align: center; } .operational_tips { overflow: visible; position: relative; } .operational_tips .picshow { width: 138rpx; height: 138rpx; position: absolute; left: 50%; top: -42rpx; margin-left: -59rpx; border-radius: 50%; } .operational_tips .picshow image { width: 100%; height: 100%; border-radius: 50%; } .operational_tips .content { padding-top: 92rpx; } .operational_tips .content .top { padding-top: 28rpx; font-size: 28rpx; line-height: 40rpx; color: #666; text-align: center; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 76rpx; } .operational_tips .content .bottom { font-size: 36rpx; line-height: 40rpx; color: #000; text-align: center; padding-bottom: 89rpx; } .operational_tips .content .btngroup { display: flex; padding-left: 43rpx; padding-right: 43rpx; justify-content: space-between; } .operational_tips .content .btngroup .btn { width: 320rpx; height: 78rpx; background-color: #ccc; border-radius: 10rpx; font-size: 36rpx; line-height: 78rpx; color: #fefefe; text-align: center; } .operational_tips .content .btngroup .btn.active { background-color: #ff2c29; }