|
|
@@ -1,8 +1,3 @@
|
|
|
-
|
|
|
-.full-width-popup.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
@charset "UTF-8";
|
|
|
/**
|
|
|
* 这里是uni-app内置的常用样式变量
|
|
|
@@ -29,783 +24,172 @@
|
|
|
/* 垂直间距 */
|
|
|
/* 透明度 */
|
|
|
/* 文章场景相关 */
|
|
|
-.footer-tips.data-v-468b9330 {
|
|
|
- margin-top: 14rpx;
|
|
|
- text-align: center;
|
|
|
- font-family: PingFang SC,PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 12px;
|
|
|
- color: #bbb;
|
|
|
-}
|
|
|
-.textOne.data-v-468b9330 {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-.textTwo.data-v-468b9330 {
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
-}
|
|
|
-.header-nav.data-v-468b9330 {
|
|
|
- height: 88rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.header-nav .header-title.data-v-468b9330 {
|
|
|
- text-align: center;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- padding: 0 10rpx 0 100rpx;
|
|
|
- font-family: PingFang SC,PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 15px;
|
|
|
- color: #000;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.reward-list.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
+.mt20.data-v-468b9330 {
|
|
|
margin-top: 20rpx;
|
|
|
- margin-bottom: -40rpx;
|
|
|
-}
|
|
|
-.reward-list-group.data-v-468b9330 {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #222222;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.reward-list-option.data-v-468b9330 {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
}
|
|
|
-.reward-list-option.data-v-468b9330:first-child {
|
|
|
- margin-right: 40rpx;
|
|
|
+.mt40.data-v-468b9330 {
|
|
|
+ margin-top: 40rpx;
|
|
|
}
|
|
|
-.err.data-v-468b9330 {
|
|
|
- color: #f56c6c !important;
|
|
|
+.kc_bg.data-v-468b9330 {
|
|
|
+ min-height: 100vh;
|
|
|
+ background-image: url("https://image.cdwjyyh.com/images/kc_bg.png");
|
|
|
+ background-size: 100%;
|
|
|
}
|
|
|
-.kfqrcode-box.data-v-468b9330 {
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 16rpx;
|
|
|
- max-width: 560rpx;
|
|
|
- padding: 60rpx 40rpx;
|
|
|
- margin-top: -100rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 34rpx;
|
|
|
- color: #222;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.kfqrcode-box .kfqrcode.data-v-468b9330 {
|
|
|
- height: 460rpx;
|
|
|
- width: 460rpx;
|
|
|
-}
|
|
|
-.kfqrcode-close.data-v-468b9330 {
|
|
|
- width: 64rpx;
|
|
|
- height: 64rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: -100rpx;
|
|
|
- left: 50%;
|
|
|
- -webkit-transform: translateX(-50%);
|
|
|
- transform: translateX(-50%);
|
|
|
-}
|
|
|
-.tipsPopup-mask.data-v-468b9330 {
|
|
|
- position: relative;
|
|
|
- width: 560rpx;
|
|
|
- background-color: transparent;
|
|
|
-}
|
|
|
-.tipsPopup-mask .red_envelope_top.data-v-468b9330 {
|
|
|
- width: 480rpx;
|
|
|
- height: 360rpx;
|
|
|
- margin: 0 auto;
|
|
|
- display: inherit;
|
|
|
-}
|
|
|
-.tipsPopup-btn-box.data-v-468b9330 {
|
|
|
- width: 456rpx;
|
|
|
- height: 104rpx;
|
|
|
- padding: 4rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background: linear-gradient(180deg, #fcd15e, #fefdfb);
|
|
|
- border-radius: 52rpx;
|
|
|
-}
|
|
|
-.tipsPopup-btn.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: linear-gradient(180deg, #FF9F22 0%, #FA1E05 100%);
|
|
|
- border-radius: 52rpx 52rpx 52rpx 52rpx;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 36rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 96rpx;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.tipsPopup.data-v-468b9330 {
|
|
|
- width: 560rpx;
|
|
|
- padding: 12rpx;
|
|
|
- margin-top: -72rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background: linear-gradient(180deg, #FFFBEF 0%, #FFFFF5 43%, #F5EAC2 100%);
|
|
|
- border-radius: 32rpx 32rpx 32rpx 32rpx;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.tipsPopup-close.data-v-468b9330 {
|
|
|
- width: 64rpx;
|
|
|
- height: 64rpx;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: -188rpx;
|
|
|
-}
|
|
|
-.tipsPopup-line.data-v-468b9330 {
|
|
|
- padding: 3rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background: linear-gradient(180deg, #f7f5dc, #fadc9d);
|
|
|
- border-radius: 24rpx;
|
|
|
-}
|
|
|
-.tipsPopup-box.data-v-468b9330 {
|
|
|
- padding: 0 40rpx 40rpx 40rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background: linear-gradient(180deg, #FFFBEF 0%, #FFFFF5 43%, #F5EAC2 100%);
|
|
|
- border-radius: 24rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-.tipsPopup-head.data-v-468b9330 {
|
|
|
+.header-nav.data-v-468b9330 {
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.tipsPopup-head-title.data-v-468b9330 {
|
|
|
- width: 364rpx;
|
|
|
- height: auto;
|
|
|
- margin-top: -22rpx;
|
|
|
-}
|
|
|
-.tipsPopup-content.data-v-468b9330 {
|
|
|
- margin: 48rpx 0;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #222222;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.tipsPopup-content-title.data-v-468b9330 {
|
|
|
- margin-bottom: 26rpx;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 40rpx;
|
|
|
- color: #FF5C03;
|
|
|
-}
|
|
|
-.video-controls-box.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 420rpx;
|
|
|
- overflow: hidden;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- z-index: 2;
|
|
|
- background: rgba(0, 0, 0, 0.2);
|
|
|
-}
|
|
|
-.video-controls-box .video-play.data-v-468b9330 {
|
|
|
- height: 72rpx;
|
|
|
- width: 72rpx;
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- -webkit-transform: translate(-50%, -50%);
|
|
|
- transform: translate(-50%, -50%);
|
|
|
-}
|
|
|
-.video-controls.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 80rpx;
|
|
|
- padding: 0 28rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
left: 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- background: linear-gradient(to top, #222 0%, transparent 80%);
|
|
|
-}
|
|
|
-.video-controls .video-icon.data-v-468b9330 {
|
|
|
- height: 44rpx;
|
|
|
- width: 44rpx;
|
|
|
-}
|
|
|
-.errQuesbox.data-v-468b9330 {
|
|
|
width: 100%;
|
|
|
- max-height: 260rpx;
|
|
|
- overflow-y: auto;
|
|
|
- margin-top: 24rpx;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #222222;
|
|
|
-}
|
|
|
-.errQuesbox-item.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 128rpx;
|
|
|
- line-height: 128rpx;
|
|
|
- margin-bottom: 24rpx;
|
|
|
- padding: 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
+ background-image: url("https://image.cdwjyyh.com/images/kc_bg.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
overflow: hidden;
|
|
|
- background: #fff;
|
|
|
- border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.errQuesbox-item.data-v-468b9330::after {
|
|
|
- content: "题目";
|
|
|
- min-width: 64rpx;
|
|
|
- height: 36rpx;
|
|
|
- padding: 0 12rpx;
|
|
|
- line-height: 36rpx;
|
|
|
- background: #FF5C03;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 0rpx 0rpx 16rpx 0rpx;
|
|
|
- text-align: center;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #fff;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
}
|
|
|
-.bg.data-v-468b9330 {
|
|
|
- background: #fff !important;
|
|
|
+.back_icon.data-v-468b9330 {
|
|
|
+ height: 70rpx;
|
|
|
+ width: 70rpx;
|
|
|
+ padding-left: 28rpx;
|
|
|
}
|
|
|
-.answerPopup-box.data-v-468b9330 {
|
|
|
- width: 560rpx;
|
|
|
- background: linear-gradient(180deg, #FFFAF6 0%, #FEECD8 100%);
|
|
|
- border-radius: 32rpx 32rpx 32rpx 32rpx;
|
|
|
- background-color: #fff;
|
|
|
- font-weight: 400;
|
|
|
- padding: 32rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
+.kc_body.data-v-468b9330 {
|
|
|
+ padding: 36rpx 36rpx 120rpx 36rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
-}
|
|
|
-.answerPopup-box .tipimg.data-v-468b9330 {
|
|
|
- width: 206rpx;
|
|
|
- height: 206rpx;
|
|
|
- margin-bottom: 16rpx;
|
|
|
-}
|
|
|
-.answerPopup-title.data-v-468b9330 {
|
|
|
- font-weight: 600;
|
|
|
- font-size: 36rpx;
|
|
|
- color: #222222;
|
|
|
-}
|
|
|
-.answerPopup-desc.data-v-468b9330 {
|
|
|
- margin-top: 10rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #757575;
|
|
|
}
|
|
|
-.answerPopup-btn.data-v-468b9330 {
|
|
|
- width: 464rpx;
|
|
|
- height: 84rpx;
|
|
|
- margin-top: 54rpx;
|
|
|
- margin-bottom: 16rpx;
|
|
|
- background: #FF5C03;
|
|
|
- border-radius: 42rpx;
|
|
|
+.kc_body .title.data-v-468b9330 {
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
font-weight: 500;
|
|
|
- font-size: 32rpx;
|
|
|
+ font-size: 38rpx;
|
|
|
color: #FFFFFF;
|
|
|
- text-align: center;
|
|
|
- line-height: 84rpx;
|
|
|
-}
|
|
|
-.popupbox.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 16rpx 16rpx 0 0;
|
|
|
- padding: 24rpx 32rpx;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.popupbox-head.data-v-468b9330 {
|
|
|
- height: 60rpx;
|
|
|
- margin-bottom: 30rpx;
|
|
|
- text-align: center;
|
|
|
- overflow-y: auto;
|
|
|
- color: #414858;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: bold;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.popupbox-head .close-icon.data-v-468b9330 {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- height: 40rpx;
|
|
|
- width: 40rpx;
|
|
|
-}
|
|
|
-.popupbox-content.data-v-468b9330 {
|
|
|
- height: 20vh;
|
|
|
- overflow-y: auto;
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
- gap: 32rpx;
|
|
|
-}
|
|
|
-.popupbox-content .line-item.data-v-468b9330 {
|
|
|
+ padding: 10rpx 60rpx;
|
|
|
+ background: linear-gradient(269deg, #AE7F47, #CE9B5D);
|
|
|
+ border-radius: 4rpx;
|
|
|
display: inline-block;
|
|
|
- min-width: 200rpx;
|
|
|
- min-height: 60rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 50rpx;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #f7f7f7;
|
|
|
- text-align: center;
|
|
|
- color: #414858;
|
|
|
- font-size: 28rpx;
|
|
|
- line-height: 60rpx;
|
|
|
-}
|
|
|
-.popupbox-content .line-active.data-v-468b9330 {
|
|
|
- color: #f56c6c !important;
|
|
|
- background-color: #fef0f0 !important;
|
|
|
-}
|
|
|
-.content.data-v-468b9330 {
|
|
|
- padding-bottom: calc(0px);
|
|
|
-}
|
|
|
-.content .video-box.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 420rpx;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.content .video-box #myVideo.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.content .video-poster.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 420rpx;
|
|
|
-}
|
|
|
-.content .miantitlebox.data-v-468b9330 {
|
|
|
- padding: 30rpx 0;
|
|
|
- border-bottom: 2rpx solid #F5F7FA;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 36rpx;
|
|
|
- color: #222222;
|
|
|
-}
|
|
|
-.content .subtitlebox.data-v-468b9330 {
|
|
|
- padding: 30rpx 0;
|
|
|
- border-bottom: 2rpx solid #F5F7FA;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 36rpx;
|
|
|
- color: #222222;
|
|
|
-}
|
|
|
-.content .title-content.data-v-468b9330 {
|
|
|
- padding: 0 32rpx;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 28rpx;
|
|
|
- line-height: 1.6;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-.content .title-content .title.data-v-468b9330 {
|
|
|
- font-size: 36rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #414858;
|
|
|
-}
|
|
|
-.content .title-content .time-or-subtitle.data-v-468b9330 {
|
|
|
- margin-top: 12rpx;
|
|
|
- color: #666666;
|
|
|
-}
|
|
|
-.content .warning.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- color: #888;
|
|
|
- font-size: 24rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.content .warning image.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- height: 36rpx;
|
|
|
- width: 36rpx;
|
|
|
-}
|
|
|
-.content .video-line.data-v-468b9330 {
|
|
|
- min-width: 140rpx;
|
|
|
- max-width: 200rpx;
|
|
|
- height: 60rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 50rpx 0 0 50rpx;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
- text-align: center;
|
|
|
- color: #888;
|
|
|
- font-size: 28rpx;
|
|
|
- line-height: 60rpx;
|
|
|
- display: inline-flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: fixed;
|
|
|
- right: 0;
|
|
|
- z-index: 9;
|
|
|
- bottom: calc(0px + 280rpx);
|
|
|
- box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.12);
|
|
|
-}
|
|
|
-.content .video-line image.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- height: 34rpx;
|
|
|
- width: 34rpx;
|
|
|
- margin-right: 6rpx;
|
|
|
-}
|
|
|
-.content .danmu-line.data-v-468b9330 {
|
|
|
- bottom: calc(0px + 370rpx);
|
|
|
- word-break: keep-all;
|
|
|
-}
|
|
|
-.content .danmu-line .set_image.data-v-468b9330 {
|
|
|
- height: 40rpx;
|
|
|
- width: 40rpx;
|
|
|
-}
|
|
|
-.content .footer.data-v-468b9330 {
|
|
|
- border-top: 1rpx solid #ededef;
|
|
|
- background: #fff;
|
|
|
- width: 100%;
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- padding: 32rpx;
|
|
|
- padding-bottom: calc(0px + 14rpx);
|
|
|
- box-sizing: border-box;
|
|
|
- z-index: 9;
|
|
|
+ margin-top: 54rpx;
|
|
|
}
|
|
|
-.content .footer-btn.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 98rpx;
|
|
|
- background: #FF5C03;
|
|
|
- border-radius: 49rpx 49rpx 49rpx 49rpx;
|
|
|
- line-height: 98rpx;
|
|
|
+.kc_body .line.data-v-468b9330 {
|
|
|
+ padding: 42rpx 0 27rpx 0;
|
|
|
+ border-bottom: 1rpx solid #B9884C;
|
|
|
text-align: center;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.content .footer-btn-img.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- width: 144rpx;
|
|
|
- height: 144rpx;
|
|
|
- margin-right: 8rpx;
|
|
|
- margin-top: -24rpx;
|
|
|
-}
|
|
|
-.content .footer-btn-border.data-v-468b9330 {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.content .footer-btn-border.data-v-468b9330::after {
|
|
|
- content: "";
|
|
|
- background: linear-gradient(180deg, rgba(255, 255, 255, 0), white);
|
|
|
- position: absolute;
|
|
|
- top: -2rpx;
|
|
|
- left: 0;
|
|
|
- height: 103rpx;
|
|
|
- width: 100%;
|
|
|
- z-index: -1;
|
|
|
- border-radius: 49rpx 49rpx 49rpx 49rpx;
|
|
|
- box-shadow: 0rpx 8rpx 11rpx 0rpx rgba(255, 92, 3, 0.3);
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.agreement.data-v-468b9330 {
|
|
|
- display: inline-flex;
|
|
|
- margin-top: 16rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #525252;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-.video-danmu-btnbox.data-v-468b9330 {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border-radius: 50%;
|
|
|
- overflow: hidden;
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- bottom: calc(50% - 50px);
|
|
|
- -webkit-transform: translateY(-50%);
|
|
|
- transform: translateY(-50%);
|
|
|
- padding: 8px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.video-danmu-image.data-v-468b9330 {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.danmuPopup.data-v-468b9330 {
|
|
|
- background-color: #fff;
|
|
|
- padding-bottom: calc(0px + 10px);
|
|
|
}
|
|
|
-.danmuPopup .u-border.data-v-468b9330 {
|
|
|
- flex: 1;
|
|
|
+.kc_body .x-baseline.data-v-468b9330 {
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- padding: 0 6rpx;
|
|
|
- border-radius: 6px;
|
|
|
+ align-items: baseline;
|
|
|
}
|
|
|
-.danmuPopup-head.data-v-468b9330 {
|
|
|
+.kc_body .desc-box.data-v-468b9330 {
|
|
|
width: 100%;
|
|
|
- padding: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: hidden;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-.danmuPopup-head .danmu-icon.data-v-468b9330 {
|
|
|
- height: 24px;
|
|
|
- width: 24px;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-.danmuPopup-input.data-v-468b9330 {
|
|
|
- flex: 1;
|
|
|
- height: 35px;
|
|
|
-}
|
|
|
-.danmuPopup-send.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- height: 35px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 5px 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #FF5C03 !important;
|
|
|
- border-radius: 6px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 15px;
|
|
|
- color: #fff !important;
|
|
|
- margin-left: 12px;
|
|
|
-}
|
|
|
-.danmuPopup-send.data-v-468b9330::after {
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.danmuPopup-con.data-v-468b9330 {
|
|
|
- background-color: #F5F7FA;
|
|
|
- padding: 24px 12px 48px 12px;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #757575;
|
|
|
-}
|
|
|
-.danmu-icon.data-v-468b9330 {
|
|
|
- height: 24px;
|
|
|
- width: 24px;
|
|
|
- margin-right: 12px;
|
|
|
-}
|
|
|
-.logo.data-v-468b9330 {
|
|
|
- display: inline-block;
|
|
|
- width: 30px;
|
|
|
- height: auto;
|
|
|
- margin: 20px 0 0 10px;
|
|
|
- pointer-events: none;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-.logo-full.data-v-468b9330 {
|
|
|
- display: inline-block;
|
|
|
- width: 40px;
|
|
|
- height: auto;
|
|
|
- margin: 50px 0 0 30px;
|
|
|
- pointer-events: none;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-.tabbox-bar.data-v-468b9330 {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- background-color: #fff;
|
|
|
+ font-family: PingFang;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 29rpx;
|
|
|
+ color: #C9985B;
|
|
|
+ background: linear-gradient(to right, #9B6B2F 0%, #C9985B 52%, #9B6B2F 98%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
-.tabbox-bar .warning.data-v-468b9330 {
|
|
|
+.kc_body .desc-box .label.data-v-468b9330 {
|
|
|
flex-shrink: 0;
|
|
|
- padding-right: 20rpx;
|
|
|
-}
|
|
|
-.tabbox.data-v-468b9330 {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-bottom: 2rpx solid #F5F7FA;
|
|
|
- height: 44px;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-.tabbox view.data-v-468b9330 {
|
|
|
- flex: 1;
|
|
|
- padding: 20rpx 0;
|
|
|
- margin-right: 40rpx;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.tabbox-active.data-v-468b9330 {
|
|
|
- position: relative;
|
|
|
}
|
|
|
-.tabbox-active.data-v-468b9330::after {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 50%;
|
|
|
- -webkit-transform: translateX(-50%);
|
|
|
- transform: translateX(-50%);
|
|
|
- content: "";
|
|
|
- width: 3rem;
|
|
|
- border-bottom: 4px solid #FF5C03;
|
|
|
+.kc_body .desc-box .label-dot.data-v-468b9330 {
|
|
|
+ width: 16rpx;
|
|
|
+ height: 16rpx;
|
|
|
+ background: #D3984F;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin: 0 6rpx;
|
|
|
}
|
|
|
-.chatinput.data-v-468b9330 {
|
|
|
- position: fixed;
|
|
|
- left: 32rpx;
|
|
|
- right: 32rpx;
|
|
|
- z-index: 999;
|
|
|
- height: 96rpx;
|
|
|
- background-color: green;
|
|
|
+.kc_body .coursebox.data-v-468b9330 {
|
|
|
background: #FFFFFF;
|
|
|
- box-shadow: 0rpx 8rpx 21rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
- border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
|
+ box-shadow: 0rpx 7rpx 5rpx 0rpx rgba(193, 148, 93, 0.29);
|
|
|
+ border-radius: 29rpx;
|
|
|
+ padding: 20rpx 20rpx 0 20rpx;
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
+ flex-direction: column;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 0 24rpx;
|
|
|
- box-sizing: border-box;
|
|
|
+ border: 4px solid #ffefd0;
|
|
|
}
|
|
|
-.chatinput .uni-input.data-v-468b9330 {
|
|
|
- flex: 1;
|
|
|
- margin-right: 32rpx;
|
|
|
- font-size: 30rpx;
|
|
|
+.kc_body .coursebox-img.data-v-468b9330 {
|
|
|
+ height: 362rpx;
|
|
|
+ width: 633rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
}
|
|
|
-.chatinput .send.data-v-468b9330 {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #FFFFFF !important;
|
|
|
+.kc_body .coursebox-title.data-v-468b9330 {
|
|
|
+ text-align: center;
|
|
|
+ margin: 40rpx 0;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 45rpx;
|
|
|
+ color: #9B6B2F;
|
|
|
+ line-height: 51rpx;
|
|
|
+ background: linear-gradient(0deg, #9B6B2F 0%, #C9985B 52.97852%, #9B6B2F 98.29102%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+}
|
|
|
+.kc_body .coursebox .star.data-v-468b9330 {
|
|
|
flex-shrink: 0;
|
|
|
- padding: 0 20rpx;
|
|
|
- height: 72rpx;
|
|
|
- background: #FF5C03 !important;
|
|
|
- border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ width: 48rpx;
|
|
|
+ margin: 0 15rpx;
|
|
|
}
|
|
|
-.chatinput .send.data-v-468b9330::after {
|
|
|
- border: none;
|
|
|
+.kc_body .name.data-v-468b9330 {
|
|
|
+ margin-top: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #9B6B2F;
|
|
|
+ line-height: 40rpx;
|
|
|
+ background: linear-gradient(0deg, #9B6B2F 0%, #C9985B 52.97852%, #9B6B2F 98.29102%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
-.answerTip.data-v-468b9330 {
|
|
|
- position: fixed;
|
|
|
- right: 0;
|
|
|
- z-index: 9;
|
|
|
- bottom: calc(0px + 380rpx);
|
|
|
- box-shadow: 0rpx 8rpx 21rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
- border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
|
- background-color: #ff5c03;
|
|
|
- color: #fff;
|
|
|
- border-radius: 50%;
|
|
|
- height: 100rpx;
|
|
|
- width: 100rpx;
|
|
|
- font-size: 25rpx;
|
|
|
- text-align: center;
|
|
|
- padding: 10rpx;
|
|
|
+.kc_body .name image.data-v-468b9330 {
|
|
|
+ height: 44rpx;
|
|
|
+ width: 44rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+}
|
|
|
+.kc_body .btn.data-v-468b9330 {
|
|
|
+ width: 660rpx;
|
|
|
+ height: 81rpx;
|
|
|
+ margin-top: 55rpx;
|
|
|
+ background: linear-gradient(90deg, #9B6B2F 0%, #DDB37F 49%, #A57539 100%);
|
|
|
+ border-radius: 40rpx;
|
|
|
+ font-family: Source Han Sans CN;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 42rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
-}
|
|
|
-.danmu-item.data-v-468b9330 {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- white-space: nowrap;
|
|
|
- font-size: 16px;
|
|
|
- height: 20px;
|
|
|
- display: inline-flex;
|
|
|
- box-sizing: border-box;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.danmuMove.data-v-468b9330 {
|
|
|
- -webkit-animation-timing-function: linear;
|
|
|
- animation-timing-function: linear;
|
|
|
- -webkit-animation-delay: 0s;
|
|
|
- animation-delay: 0s;
|
|
|
- -webkit-animation-iteration-count: 1;
|
|
|
- animation-iteration-count: 1;
|
|
|
- -webkit-animation-direction: normal;
|
|
|
- animation-direction: normal;
|
|
|
- -webkit-animation-fill-mode: forwards;
|
|
|
- animation-fill-mode: forwards;
|
|
|
- -webkit-animation-play-state: running;
|
|
|
- animation-play-state: running;
|
|
|
- -webkit-animation-name: mymove-data-v-468b9330;
|
|
|
- animation-name: mymove-data-v-468b9330;
|
|
|
will-change: transform;
|
|
|
+ -webkit-animation: scaleAnimation-data-v-468b9330 1s ease infinite;
|
|
|
+ animation: scaleAnimation-data-v-468b9330 1s ease infinite;
|
|
|
}
|
|
|
-@-webkit-keyframes mymove-data-v-468b9330 {
|
|
|
-from {
|
|
|
- -webkit-transform: translateX(100vw);
|
|
|
- transform: translateX(100vw);
|
|
|
+@-webkit-keyframes scaleAnimation-data-v-468b9330 {
|
|
|
+0% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
}
|
|
|
-to {
|
|
|
- -webkit-transform: translateX(-100%);
|
|
|
- transform: translateX(-100%);
|
|
|
+50% {
|
|
|
+ -webkit-transform: scale(0.9);
|
|
|
+ transform: scale(0.9);
|
|
|
}
|
|
|
+100% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
}
|
|
|
-@keyframes mymove-data-v-468b9330 {
|
|
|
-from {
|
|
|
- -webkit-transform: translateX(100vw);
|
|
|
- transform: translateX(100vw);
|
|
|
}
|
|
|
-to {
|
|
|
- -webkit-transform: translateX(-100%);
|
|
|
- transform: translateX(-100%);
|
|
|
+@keyframes scaleAnimation-data-v-468b9330 {
|
|
|
+0% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
}
|
|
|
+50% {
|
|
|
+ -webkit-transform: scale(0.9);
|
|
|
+ transform: scale(0.9);
|
|
|
}
|
|
|
-.arrow-left-warning.data-v-468b9330 {
|
|
|
- position: absolute;
|
|
|
- left: 24rpx;
|
|
|
- height: 88rpx;
|
|
|
- overflow: hidden;
|
|
|
- color: #888;
|
|
|
- font-size: 24rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+100% {
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
}
|
|
|
-.arrow-left-warning image.data-v-468b9330 {
|
|
|
- flex-shrink: 0;
|
|
|
- height: 36rpx;
|
|
|
- width: 36rpx;
|
|
|
}
|
|
|
|
