.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;
}
.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%;
}
.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%;
}