taobao-first-Playlet/pages/video/video.acss

page {
  width: 100%;
  height: 100%;
  background-color:#000;
}

._video_html{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

._video_box {
  flex: 1;
}

.swiper_item {
  width: 100%;
}

.swiper_item_warp {
  width: 100%;
  position: relative;
}

.swiper_video_box{
  width: 100%;
  height: 100%;
}

._swiper_video_cover {
  position: absolute;
  bottom: 180rpx;
  right: 30rpx;
  z-index: 2;
  background-color: transparent;
}

._chasing_dramas_cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
}

._chasing_dramas_text {
  background-color: transparent;
  color: #fff;
  font-size: 26rpx;
}

.swiper_pay_modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  width: 100%;
  height: 100%;
}

.sw_pay_mo_order >text {
  font-size: 50rpx;
  font-weight: 700;
  color: #fff;
}

.sw_pay_isAutoplay_tips {
  margin-top: 40rpx;
}

.sw_pay_isAutoplay_tips >text {
  font-size: 50rpx;
  font-weight: 700;
  color: #fff;
}

.sw_pay_isAutoplay_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350rpx;
  height: 80rpx;
  line-height: 1;
  background-color: #FF2B2B;
  margin-top: 40rpx;
  border-radius: 16rpx;
}

.sw_pay_isAutoplay_btn >text {
  font-size: 26rpx;
  color: #fff;
}

._video_series {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100rpx;
  padding: 0 30rpx;
}

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

._vi_ser_le_img {
  width: 88rpx;
  height: 56rpx;
}

._vi_ser_le_order {
  font-size: 28rpx;
  color: #fff;
  margin-left: 16rpx;
}

/* 加入追剧 */
/* ._chasing_dramas_modal {

} */

._chasing_dramas_mo_header {

}

._ch_dr_mp_he_title >text {
  font-size: 34rpx;
  color: #333;
}

._ch_dr_mp_he_content >text {
  color: #7F7F7F;
  font-size: 28rpx;
}

._ch_dr_mp_footer {
  display: flex;
  width: 100%;
  height: 100%;
}

._ch_mo_footer_close,
._ch_mo_footer_submit {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

._ch_mo_footer_close> text {
  font-size: 30rpx;
  color: #e24848;
  line-height: 1;
}

._ch_mo_footer_submit  {
  background-color: #e24848;
}

._ch_mo_footer_submit >text {
  font-size: 30rpx;
  color: #fff;
  line-height: 1;
}

._popup_order_content {
  width: 100%;
  height: 740rpx;
  background: linear-gradient(180deg, #ffe2e2 0%, #ffffff 50%);
  border-radius: 24rpx 24rpx 0 0;
}

._pop_order_con_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100rpx;
  padding: 0 30rpx;
}

._pop_ord_hea_left {
  display: flex;
}

._pop_ord_hea_le_title {
  width: 360rpx;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

._pop_ord_hea_le_title >text {
  font-size: 36rpx;
  color: #333;
  font-weight: 700;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

._pop_ord_hea_le_all{
  margin-left: 4rpx;
}

._pop_ord_hea_le_all>text {
  font-size: 26rpx;
  color: #333;
}

/* ._pop_order_con_tabs {
  padding: 0 30rpx;
} */

/* ._pop_order_con_warp {
  padding-left:30rpx ;
} */
._pop_order__tabs .am-tabs-bar-tab {
  padding:  0 30rpx;
  justify-content: flex-start;
}

._pop_order__tabs .am-tabs-bar-tab,
._pop_order__tabs .am-tabs-bar{
  background-color: transparent !important;
}

._pop_order__tabs .am-tabs-scroll-right{
  background: transparent !important;
}
._pop_order__tabs .am-tabs-scroll-left{
  background: transparent !important;
}

._pop_order__tabs .am-tabs-content-wrap {
  background: transparent !important;
}

._pop_order__tabs .tab_c_list {
  display: flex;
  flex-wrap: wrap;
  padding: 30rpx 10rpx 0 30rpx ;
}

.tab_c_list_ul {
  width: 16.66%;
  padding-right: 20rpx;
  margin-bottom: 20rpx;
}

.tab_c_list_ul_li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 80rpx;
  background-color: #e1e1e1;
  border-radius: 16rpx;
}

.tab_c_list_ul_li text {
  font-size: 26rpx;
  color: #333;
  font-weight: 700;
}

.tab_c__ul_li_lock {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30rpx;
  height: 30rpx;
  background-color: #B5C0C7;
  border-radius: 0 8rpx 0 8rpx ;
}

._li_lock_image {
  display: block;
  width: 22rpx;
  height: 22rpx;
}