|
@@ -3,8 +3,8 @@ |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.scroll-view-item:first-child{ |
|
|
|
|
|
margin-left: 20rpx!important; |
|
|
|
|
|
|
|
|
.scroll-view-item:first-child { |
|
|
|
|
|
margin-left: 20rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.thin_circle { |
|
|
.thin_circle { |
|
@@ -16,9 +16,11 @@ |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
margin-right: 46rpx; |
|
|
margin-right: 46rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.thin_circle1 { |
|
|
.thin_circle1 { |
|
|
border: 1px solid #4e9efe; |
|
|
border: 1px solid #4e9efe; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.page { |
|
|
.page { |
|
|
height: auto; |
|
|
height: auto; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
@@ -59,14 +61,17 @@ |
|
|
padding-left: 3rpx; |
|
|
padding-left: 3rpx; |
|
|
margin-right: 30rpx; |
|
|
margin-right: 30rpx; |
|
|
} |
|
|
} |
|
|
.scroll-view-item1,.scroll-view-item2 { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-view-item1, |
|
|
|
|
|
.scroll-view-item2 { |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
.scroll-view-item:nth-of-type(1){ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-view-item:nth-of-type(1) { |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.view text { |
|
|
|
|
|
|
|
|
.view text { |
|
|
font-size: 23rpx; |
|
|
font-size: 23rpx; |
|
|
display: block; |
|
|
display: block; |
|
|
text-align: center; |
|
|
text-align: center; |
|
@@ -76,10 +81,23 @@ |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
white-space: normal; |
|
|
white-space: normal; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.viewX text { |
|
|
|
|
|
font-size: 20rpx; |
|
|
|
|
|
display: block; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
color: #fd9643; |
|
|
|
|
|
line-height: 32rpx; |
|
|
|
|
|
width: 80rpx; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.view1 text { |
|
|
.view1 text { |
|
|
color: #4e9efe; |
|
|
color: #4e9efe; |
|
|
} |
|
|
} |
|
|
.scroll-view-item > text { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-view-item>text { |
|
|
display: block; |
|
|
display: block; |
|
|
width: 132rpx; |
|
|
width: 132rpx; |
|
|
font-size: 21rpx; |
|
|
font-size: 21rpx; |
|
@@ -87,9 +105,11 @@ |
|
|
color: rgba(253, 150, 67, 1); |
|
|
color: rgba(253, 150, 67, 1); |
|
|
line-height: 29rpx; |
|
|
line-height: 29rpx; |
|
|
} |
|
|
} |
|
|
.scroll-view-item1 > text { |
|
|
|
|
|
color:#4e9efe; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.scroll-view-item1>text { |
|
|
|
|
|
color: #4e9efe; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.view { |
|
|
.view { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
display: flex; |
|
|
display: flex; |
|
@@ -105,33 +125,56 @@ |
|
|
border: 3px solid #f69948; |
|
|
border: 3px solid #f69948; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.viewX { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
margin: auto; |
|
|
|
|
|
width: 120rpx !important; |
|
|
|
|
|
height: 120rpx !important; |
|
|
|
|
|
border: 3px solid #f69948; |
|
|
|
|
|
border-radius: 50%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.view1 { |
|
|
.view1 { |
|
|
border: 3px solid #4e9efe; |
|
|
border: 3px solid #4e9efe; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.last { |
|
|
.last { |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
.quanyi{ |
|
|
|
|
|
margin-top:20rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi { |
|
|
|
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
.fl{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.fl { |
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
.fr{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.fr { |
|
|
float: right; |
|
|
float: right; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.clearfix:after { |
|
|
.clearfix:after { |
|
|
content: "."; |
|
|
|
|
|
display: block; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
clear: both; |
|
|
|
|
|
visibility: hidden; |
|
|
|
|
|
|
|
|
content: "."; |
|
|
|
|
|
display: block; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
clear: both; |
|
|
|
|
|
visibility: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.grade { |
|
|
.grade { |
|
|
width: 30rpx!important; |
|
|
|
|
|
|
|
|
width: 30rpx !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view .titles { |
|
|
|
|
|
|
|
|
.quanyi>view .titles { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
font-family: PingFang-SC-Bold; |
|
|
font-family: PingFang-SC-Bold; |
|
@@ -140,23 +183,23 @@ visibility: hidden; |
|
|
padding: 0 0 0 10rpx; |
|
|
padding: 0 0 0 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view:nth-of-type(1) .titles { |
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(1) .titles { |
|
|
color: #fd9643; |
|
|
color: #fd9643; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view:nth-of-type(2) .titles { |
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(2) .titles { |
|
|
color: #ffba00; |
|
|
color: #ffba00; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view:nth-of-type(3) .titles { |
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(3) .titles { |
|
|
color: #6cb043; |
|
|
color: #6cb043; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view:nth-of-type(4) .titles { |
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(4) .titles { |
|
|
color: #2ac19c; |
|
|
color: #2ac19c; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.quanyi > view:nth-of-type(5) .titles { |
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(5) .titles { |
|
|
color: #2ac19c; |
|
|
color: #2ac19c; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@@ -176,36 +219,45 @@ visibility: hidden; |
|
|
padding-bottom: 10rpx; |
|
|
padding-bottom: 10rpx; |
|
|
margin-top: 10rpx; |
|
|
margin-top: 10rpx; |
|
|
} |
|
|
} |
|
|
.quanyi > view:nth-of-type(1) .des{ |
|
|
|
|
|
border-left:6rpx dotted #fd9643; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(1) .des { |
|
|
|
|
|
border-left: 6rpx dotted #fd9643; |
|
|
} |
|
|
} |
|
|
.quanyi > view:nth-of-type(2) .des{ |
|
|
|
|
|
border-left:6rpx dotted #ffba00; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(2) .des { |
|
|
|
|
|
border-left: 6rpx dotted #ffba00; |
|
|
} |
|
|
} |
|
|
.quanyi > view:nth-of-type(3) .des{ |
|
|
|
|
|
border-left:6rpx dotted #6cb043; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(3) .des { |
|
|
|
|
|
border-left: 6rpx dotted #6cb043; |
|
|
} |
|
|
} |
|
|
.quanyi > view:nth-of-type(4) .des{ |
|
|
|
|
|
border-left:6rpx dotted #2ac19c; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(4) .des { |
|
|
|
|
|
border-left: 6rpx dotted #2ac19c; |
|
|
} |
|
|
} |
|
|
.quanyi > view:nth-of-type(5) .des{ |
|
|
|
|
|
border-left:6rpx dotted #2ac19c; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.quanyi>view:nth-of-type(5) .des { |
|
|
|
|
|
border-left: 6rpx dotted #2ac19c; |
|
|
} |
|
|
} |
|
|
.titles text:nth-of-type(1){ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.titles text:nth-of-type(1) { |
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
.titles text:nth-of-type(2){ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.titles text:nth-of-type(2) { |
|
|
float: left; |
|
|
float: left; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
color: #999; |
|
|
color: #999; |
|
|
font-size: 26rpx; |
|
|
font-size: 26rpx; |
|
|
margin-left: 10rpx; |
|
|
margin-left: 10rpx; |
|
|
} |
|
|
} |
|
|
.growthbg{ |
|
|
|
|
|
margin:80rpx auto 30rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.growthbg { |
|
|
|
|
|
margin: 80rpx auto 30rpx; |
|
|
width: 700rpx; |
|
|
width: 700rpx; |
|
|
} |
|
|
} |
|
|
.growthbg image{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.growthbg image { |
|
|
display: block; |
|
|
display: block; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |