.anchor_Assistant { background-color: #fff; } /* .anchor_Assistant .list { */ /* padding-top: 20rpx; padding-bottom: 25rpx; */ /* padding-left: 25rpx; padding-right: 25rpx; */ /* } */ /* .anchor_Assistant .list .li { width: 700rpx; height: 288rpx; background-color: #ffffff; box-shadow: 0rpx 0rpx 25rpx 0rpx rgba(0, 0, 0, 0.05); border-radius: 10rpx; margin: 0 auto 35rpx; } .anchor_Assistant .list .li:last-child { margin: 0 auto; } .anchor_Assistant .list .li .audit_status { display: flex; padding-top: 17rpx; display: flex; justify-content: space-between; align-items: center; padding-bottom: 17rpx; } .anchor_Assistant .list .li .audit_status .left { min-width: 40rpx; height: 40rpx; border-radius: 0rpx 20rpx 20rpx 0rpx; font-size: 28rpx; line-height: 40rpx; color: #ffffff; padding-left: 9rpx; padding-right: 15rpx; } .anchor_Assistant .list .li .audit_status .left.bgcolor_1 { background-color: #7e02e7; } .anchor_Assistant .list .li .audit_status .left.bgcolor_2 { background-color: #01d5ba; } .anchor_Assistant .list .li .audit_status .left.bgcolor_3 { background-color: #ffae00; } .anchor_Assistant .list .li .audit_status .left.bgcolor_4 { background-color: #999999; } .anchor_Assistant .list .li .audit_status .right { font-size: 24rpx; line-height: 36rpx; color: #000000; margin-right: 23rpx; } .anchor_Assistant .list .li .audit_status .right text { font-size: 24rpx; color: #ea0404; } */ .anchor_Assistant .anchor_show { display: flex; margin-left: 18rpx; margin-right: 30rpx; padding-bottom: 27rpx; border-bottom: 2rpx solid #e2e2e2; } .anchor_Assistant .anchor_show .left { width: 120rpx; height: 120rpx; border-radius: 10rpx; } .anchor_Assistant .anchor_show .left image { width: 100%; height: 100%; border-radius: 10rpx; } .anchor_Assistant .anchor_show .right { margin-left: 16rpx; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .anchor_Assistant .anchor_show .right .title { font-size: 32rpx; line-height: 36rpx; color: #000; /* text-overflow: -o-ellipsis-lastline; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .anchor_Assistant .anchor_show .right .name { font-size: 28rpx; line-height: 36rpx; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .anchor_Assistant .goods_message { display: flex; justify-content: space-between; height: 66rpx; padding-left: 17rpx; padding-right: 24rpx; font-size: 24rpx; line-height: 66rpx; color: #000; } .loading { width: 100%; height: 400rpx; display: flex; align-items: center; justify-content: center; } .loading .content { width: 160rpx; height: 160rpx; } .loading .content image { width: 100%; height: 100%; } .anchor_list { display: flex; padding-left: 25rpx; padding-right: 25rpx; justify-content: space-between; flex-wrap: wrap; } .anchor_list .li { position: relative; width: 340rpx; height: 500rpx; border-radius: 10rpx; margin-bottom: 20rpx; } .anchor_list .li image { width: 100%; height: 100%; border-radius: 10rpx; } .anchor_list .live_message { position: absolute; bottom: 0; left: 0; background-image: linear-gradient( 0deg, rgba(3, 0, 0, 0.71) 0%, rgba(3, 0, 0, 0.36) 50%, rgba(3, 0, 0, 0.33) 54%, #fff 100% ); } .anchor_list .countdown { position: absolute; top: 18rpx; left: 10rpx; } .anchor_list .live_message .playback { display: flex; align-items: center; height: 54rpx; background-image: linear-gradient( 90deg, rgba(255, 99, 51, 0.8) 0%, rgba(255, 44, 41, 0.2) 100% ); padding-left: 9rpx; font-size: 24rpx; line-height: 54rpx; color: #fff; justify-content: space-between; padding-right: 12rpx; } .anchor_list .live_message .playback .right { display: flex; align-items: center; } .anchor_list .live_message .playback .right van-switch { display: flex; align-items: center; } .anchor_list .live_message .top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10rpx; } .anchor_list .live_message .top .left { display: flex; align-items: center; padding-left: 10rpx; padding-top: 9rpx; } .anchor_list .live_message .top .left .status { min-width: 40rpx; height: 32rpx; border-radius: 16rpx; font-size: 22rpx; font-weight: normal; font-stretch: normal; line-height: 32rpx; color: #fff; text-align: center; padding-right: 14rpx; padding-left: 14rpx; } .anchor_list .live_message .top .left .shop_type { font-size: 22rpx; line-height: 36rpx; color: #fff; min-width: 80rpx; height: 32rpx; border-radius: 16rpx; border: solid 1rpx #fff; text-align: center; margin-left: 14rpx; } .anchor_list .live_message .top .left .status.color_1 { background-color: #04d99f; } .anchor_list .live_message .top .left .status.color_2 { background-color: #6000ff; } .anchor_list .live_message .top .left .status.color_3 { background-color: #ff6333; } .anchor_list .live_message .top .left .status.color_4 { background-color: #666; } .anchor_list .live_message .top .right { display: flex; align-items: center; padding-right: 12rpx; } .anchor_list .live_message .top .right .iconfont { color: #fff; } .anchor_list .live_message .live_name { height: 26rpx; padding-left: 10rpx; padding-right: 10rpx; font-size: 28rpx; line-height: 26rpx; color: #fff; width: 340rpx; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .anchor_list .live_message .bottom { display: flex; font-size: 22rpx; line-height: 36rpx; color: #fff; align-items: center; justify-content: space-between; padding-left: 10rpx; padding-right: 10rpx; padding-top: 10rpx; } .countdown { min-width: 148rpx; height: 38rpx; background-image: linear-gradient( 0deg, #ff2c29 0%, #ff6333 100% ), linear-gradient( #fff, #fff ); background-blend-mode: normal, normal; border-radius: 19rpx; padding-left: 4rpx; padding-right: 4rpx; color: #fff; display: flex; align-items: center; } .countdown .left { display: flex; align-items: center; padding-right: 6rpx; } .permissionsContent { position: relative; } .permissionsContent .title { font-size: 36rpx; line-height: 36rpx; color: #000; text-align: center; padding-top: 30rpx; } .permissionsContent .close { position: absolute; top: 33rpx; right: 41rpx; width: 40rpx; height: 40rpx; } .permissionsContent .iconfont { font-size: 30rpx; } .permissionsContent .ul { padding-top: 40rpx; } .permissionsContent .ul .li { display: flex; padding-left: 43rpx; align-items: center; padding-bottom: 25rpx; } .permissionsContent .ul .li .left { width: 25rpx; height: 25rpx; background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/addGoods_gou@2x.png") no-repeat center; background-size: 100% 100%; margin-right: 21rpx; } .permissionsContent .ul .li .right { font-size: 32rpx; line-height: 36rpx; color: #333; } .permissionsContent .ul .child .li_child { display: flex; padding-left: 85rpx; align-items: center; padding-bottom: 24rpx; } .permissionsContent .ul .child .li_child .li_child_left { width: 25rpx; height: 25rpx; background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/goods_finish.png") no-repeat center; background-size: 100% 100%; margin-right: 21rpx; } .permissionsContent .ul .child .li_child .li_child_right { font-size: 28rpx; line-height: 36rpx; color: #666; }