| 
							- .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;
 - }
 - 
 - .page {
 -   height: 100%;
 -   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;
 - }
 - 
 - .view  text {
 -   font-size: 23rpx;
 -   display: block;
 -   text-align: center;
 -   color: #fd9643;
 -   line-height: 32rpx;
 - }
 - 
 - .scroll-view-item > text {
 -   display: block;
 -   width: 132rpx;
 -   font-size: 21rpx;
 -   font-weight: 400;
 -   color: rgba(253, 150, 67, 1);
 -   line-height: 29rpx;
 - }
 - 
 - .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%;
 - }
 - 
 - .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;
 - }
 
 
  |