|
|
@@ -1024,7 +1024,67 @@
|
|
|
margin-left: 10rpx;height: 50rpx;@include single-line-ellipsis;}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+ @include mediaSmall() {
|
|
|
+ .ksp-tab-box{
|
|
|
+ .tab-item{font-size: 26rpx;padding: 12rpx 24rpx;}
|
|
|
+ .active{border-bottom: 3rpx solid #1684fc;}
|
|
|
+ }
|
|
|
+ .ksp-page-body{padding: 16rpx 0 0;}
|
|
|
+ .ksp-video-box{
|
|
|
+ height: 420rpx;border-radius: 10rpx;margin: 20rpx auto 10rpx;
|
|
|
+ .prism-big-play-btn{width: 65rpx;height: 65rpx;}
|
|
|
+ }
|
|
|
+ .ksp-item-list{
|
|
|
+ margin: 8rpx auto 16rpx;border-radius: 10rpx;padding: 13rpx 0;
|
|
|
+ box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.4);
|
|
|
+ &::before{height: 63rpx;}
|
|
|
+ }
|
|
|
+ .list-head{
|
|
|
+ padding: 0 0 12rpx;
|
|
|
+ .list-title{font-size: 22rpx;}
|
|
|
+ .list-btn{width: 137rpx;height: 47rpx;}
|
|
|
+ }
|
|
|
+ .list-body{
|
|
|
+ border-radius: 10rpx;padding: 10rpx;font-size: 20rpx;
|
|
|
+ img{margin: 6rpx auto 0;max-width: 60%;}
|
|
|
+ }
|
|
|
+ .ksp-item-box{
|
|
|
+ width: 436rpx;height: 98rpx;
|
|
|
+ .ksp-icon{width: 68rpx;height: 68rpx;}
|
|
|
+ .ksp-title{font-size: 22rpx;margin-left: 6rpx;height: 33rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @include mediaBig() {
|
|
|
+ .ksp-tab-box{
|
|
|
+ .tab-item{font-size: 64rpx;padding: 26rpx 38rpx;}
|
|
|
+ .active{border-bottom: 6rpx solid #1684fc;}
|
|
|
+ }
|
|
|
+ .ksp-page-body{padding: 38rpx 0 0;}
|
|
|
+ .ksp-video-box{
|
|
|
+ height: 1100rpx;border-radius: 26rpx;margin: 50rpx auto 24rpx;
|
|
|
+ .prism-big-play-btn{width: 160rpx;height: 160rpx;}
|
|
|
+ }
|
|
|
+ .ksp-item-list{
|
|
|
+ margin: 19rpx auto 38rpx;border-radius: 26rpx;padding: 32rpx 0;
|
|
|
+ box-shadow: 0 0rpx 19rpx rgba(100, 159, 241, 0.4);
|
|
|
+ &::before{height: 155rpx;}
|
|
|
+ }
|
|
|
+ .list-head{
|
|
|
+ padding: 0 0 38rpx;
|
|
|
+ .list-title{font-size: 54rpx;}
|
|
|
+ .list-btn{width: 336rpx;height: 115rpx;}
|
|
|
+ }
|
|
|
+ .list-body{
|
|
|
+ border-radius: 26rpx;padding: 26rpx;font-size: 46rpx;
|
|
|
+ img{margin: 16rpx auto 0;}
|
|
|
+ }
|
|
|
+ .ksp-item-box{
|
|
|
+ width: 1072rpx;height: 240rpx;
|
|
|
+ .ksp-icon{width: 166rpx;height: 166rpx;}
|
|
|
+ .ksp-title{font-size: 54rpx;margin-left: 16rpx;height: 80rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 考试页
|
tanxue