|
|
@@ -512,6 +512,68 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+// 计算特训
|
|
|
+.ezy-jstx-study-page{
|
|
|
+ @include ezy-no-repeat-cover(top);background-color: #43c1f6;background-image: url("@/static/images/study/jstx/study-jstx-bj.png");
|
|
|
+
|
|
|
+ .ezy-study-wrap{width:750rpx;height:1623rpx;position: relative;
|
|
|
+ background-image: url("@/static/images/study/jstx/study-wrap-bj.png");}
|
|
|
+ .study-name-img{width: 120rpx;height: 120rpx;position: absolute;top: 20rpx;}
|
|
|
+ .animal-img{left: 380rpx;top: 290rpx;}
|
|
|
+ .chapter-box{
|
|
|
+ width: 160rpx;text-align: center;font-weight: 800;color: #5c1a11;
|
|
|
+ font-size: 30rpx;position: absolute;top:125rpx;left:316rpx;
|
|
|
+ }
|
|
|
+ .chapter-title-box{
|
|
|
+ width: 330rpx;height: 80rpx;text-align: center;font-weight: 800;color: #fbb030;
|
|
|
+ position: absolute;top:176rpx;left:232rpx;white-space: pre-wrap;
|
|
|
+ }
|
|
|
+
|
|
|
+ // brand-content
|
|
|
+ .brand-content{margin: 0 auto;@include single-line-ellipsis;}
|
|
|
+ .brand-icon,.brand-lock,.brand-finish-icon{
|
|
|
+ width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;
|
|
|
+ position: absolute;top: -50rpx;left: 50%;transform: translateX(-50%);}
|
|
|
+ .brand-icon{
|
|
|
+ font-size: 36rpx;font-weight: 600;color: #ff6501;line-height: 70rpx;
|
|
|
+ background-image: url("@/static/images/study/shuxue/number-bj.png");
|
|
|
+ }
|
|
|
+ .brand-lock{background-image: url("@/static/images/study/lock-bj.png");display: flex;justify-content: center;}
|
|
|
+ .brand-lock::before{
|
|
|
+ content: '';width: 38rpx;height: 45rpx;display: block;@include ezy-no-repeat-cover;
|
|
|
+ background-image: url("@/static/images/study/lock-img.png");margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ .brand-finish-icon{background-image: url("@/static/images/study/dao-finish-icon.png");}
|
|
|
+ .brand-arrow{
|
|
|
+ width: 58rpx;height: 58rpx;left: 50%;top: 64%;position: absolute;opacity: 0.8;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/study/brand-arrow.gif");
|
|
|
+ }
|
|
|
+ // brand-item
|
|
|
+ .brand-item{
|
|
|
+ width: 242rpx;height: 154rpx;
|
|
|
+ box-sizing: border-box;font-size: 24rpx;color: #fff;text-align: center;
|
|
|
+ font-weight: 600;position: relative;position: absolute;@include ezy-no-repeat-cover;
|
|
|
+ background-image: url("@/static/images/study/jstx/dao-item-disabled.png");
|
|
|
+ .brand-arrow{transform: translateX(-50%);}
|
|
|
+ .brand-content{width: 90%;}
|
|
|
+ }
|
|
|
+ .brand-item.brand-active{background-image: url("@/static/images/study/jstx/dao-item-active.png");}
|
|
|
+ .ceshi-brand-item{
|
|
|
+ width: 185rpx;height: 121rpx;@include ezy-no-repeat-cover;
|
|
|
+ padding: 16rpx 10rpx 10rpx 10rpx;position: absolute;top:1112rpx;right:140rpx;
|
|
|
+ background-image: url("@/static/images/study/shuxue/ceshi-pai-disabled.png");
|
|
|
+ .brand-arrow{top: 50%;left: 35%;transform: unset;}
|
|
|
+ .brand-lock,.brand-icon,.brand-finish-icon{left: 0;top: -30rpx;}
|
|
|
+ }
|
|
|
+ .ceshi-brand-item.brand-active{background-image: url("@/static/images/study/shuxue/ceshi-pai-active.png");}
|
|
|
+
|
|
|
+ // brand-item
|
|
|
+ .brand-item:nth-child(1){top:330rpx;right:70rpx;}
|
|
|
+ .brand-item:nth-child(2){top:540rpx;left:75rpx;}
|
|
|
+ .brand-item:nth-child(3){top:692rpx;right:110rpx;}
|
|
|
+ .brand-item:nth-child(4){top:1085rpx;right:165rpx}
|
|
|
+}
|
|
|
+
|
|
|
// 岛弹窗
|
|
|
.dao-popup-box{
|
|
|
width: 100%;height: 865rpx;
|
tanxue