.scroll-header { display: flex; white-space: nowrap; } .scroll-view-item:first-child { margin-left: 20rpx !important; } .thin_circle { position: relative; height: 140rpx; width: 140rpx; border: 1px solid #f69948; display: inline-block; border-radius: 50%; margin-right: 46rpx; } .thin_circle1 { border: 1px solid #4e9efe; } .page { height: auto; font-weight: 400; } .scroll { padding: 0 30rpx 20rpx 30rpx; margin-top: 22rpx; } .title { border-top: 20rpx solid #fafafa; font-size: 34rpx; font-weight: bold; color: rgba(85, 85, 85, 1); padding: 30rpx 0 10rpx; line-height: 34rpx; text-indent: 1em; } .img { width: 320rpx; display: block; margin: 160rpx auto 0; } .txt { display: block; text-align: center; font-size: 30rpx; color: #ccc; } .scroll-view-item { position: relative; text-align: center; display: inline-block; padding-left: 3rpx; margin-right: 30rpx; } .scroll-view-item1, .scroll-view-item2 { margin-right: 0; } .scroll-view-item:nth-of-type(1) { margin-right: 0; } .view text { font-size: 23rpx; display: block; text-align: center; color: #fd9643; line-height: 32rpx; width: 80rpx; margin: 0 auto; 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 { color: #4e9efe; } .scroll-view-item>text { display: block; width: 132rpx; font-size: 21rpx; font-weight: 400; color: rgba(253, 150, 67, 1); line-height: 29rpx; } .scroll-view-item1>text { color: #4e9efe; } .view { 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%; } .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 { border: 3px solid #4e9efe; } .last { margin-right: 0; } .quanyi { margin-top: 20rpx; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .grade { width: 30rpx !important; } .quanyi>view .titles { display: inline-block; font-size: 30rpx; font-family: PingFang-SC-Bold; font-weight: bold; line-height: 30rpx; padding: 0 0 0 10rpx; } .quanyi>view:nth-of-type(1) .titles { color: #fd9643; } .quanyi>view:nth-of-type(2) .titles { color: #ffba00; } .quanyi>view:nth-of-type(3) .titles { color: #6cb043; } .quanyi>view:nth-of-type(4) .titles { color: #2ac19c; } .quanyi>view:nth-of-type(5) .titles { color: #2ac19c; } .part { padding: 0 34rpx; margin-top: 20rpx; } .des { padding-left: 25rpx; font-size: 26rpx; font-weight: 400; color: rgba(153, 153, 153, 1); line-height: 40rpx; margin-left: 12rpx; padding-top: 10rpx; padding-bottom: 10rpx; margin-top: 10rpx; } .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(3) .des { border-left: 6rpx dotted #6cb043; } .quanyi>view:nth-of-type(4) .des { border-left: 6rpx dotted #2ac19c; } .quanyi>view:nth-of-type(5) .des { border-left: 6rpx dotted #2ac19c; } .titles text:nth-of-type(1) { float: left; } .titles text:nth-of-type(2) { float: left; font-weight: 400; color: #999; font-size: 26rpx; margin-left: 10rpx; } .growthbg { margin: 80rpx auto 30rpx; width: 700rpx; } .growthbg image { display: block; width: 100%; }