/* line 1, ../sass/experience-share.scss */
.r_experience_share_block {
  position: relative;
  width: 265px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 15px;
}
/* line 7, ../sass/experience-share.scss */
.r_experience_share_block .user-data {
  font-size: 0;
  margin-bottom: 10px;
}
/* line 10, ../sass/experience-share.scss */
.r_experience_share_block .user-data .avatar {
  display: inline-block;
  height: 95px;
  width: 95px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100%;
}
/* line 21, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block {
  display: inline-block;
  width: calc( 100% - 95px );
  vertical-align: bottom;
  padding-left: 8px;
  text-align: left;
}
/* line 29, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .name {
  font-size: 1.5rem;
  color: #00a1be;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
/* line 44, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating {
  background: transparent url(../images/class_star.png) no-repeat 0 -100px;
  display: inline-block;
  width: 59px;
  height: 10px;
  vertical-align: middle;
  margin-right: 3px;
  margin-bottom: 6px;
}
/* line 56, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-0 {
  background-position: 0 -100px;
}
/* line 60, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-1 {
  background-position: 0 -90px;
}
/* line 64, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-2 {
  background-position: 0 -80px;
}
/* line 68, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-3 {
  background-position: 0 -70px;
}
/* line 72, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-4 {
  background-position: 0 -60px;
}
/* line 76, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-5 {
  background-position: 0 -50px;
}
/* line 80, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-6 {
  background-position: 0 -40px;
}
/* line 84, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-7 {
  background-position: 0 -30px;
}
/* line 88, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-8 {
  background-position: 0 -20px;
}
/* line 92, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-9 {
  background-position: 0 -10px;
}
/* line 96, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .rating.rate-10 {
  background-position: 0 0px;
}
/* line 100, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .form {
  font-size: 0.75rem;
  color: #999;
  font-style: italic;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
/* line 115, ../sass/experience-share.scss */
.r_experience_share_block .user-data .detail-block .class-category {
  font-size: 0.75rem;
  color: #999;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
/* line 131, ../sass/experience-share.scss */
.r_experience_share_block .share-content {
  position: relative;
  color: #666;
  text-align: left;
  font-size: 0.9375rem;
  padding: 5px 26px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 59px;
}
/* line 145, ../sass/experience-share.scss */
.r_experience_share_block .share-content:before {
  content: "";
  display: block;
  background-image: url(../images/index__23.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 13px;
  height: 13px;
  left: 10px;
  top: 0;
  position: absolute;
}
/* line 157, ../sass/experience-share.scss */
.r_experience_share_block .share-content:after {
  content: "";
  display: block;
  background-image: url(../images/index__24.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 13px;
  height: 13px;
  right: 10px;
  bottom: -2px;
  position: absolute;
}

/* line 173, ../sass/experience-share.scss */
.type1-experience-share-block {
  padding: 0 35px;
}

/* line 177, ../sass/experience-share.scss */
.type1-experience-share-block a {
  text-decoration: none;
}

/* line 181, ../sass/experience-share.scss */
.type1-experience-share-block .r_experience_share_block {
  margin: 0 auto;
}

/* line 189, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
  background: inherit;
  color: inherit;
  text-decoration: none;
}
/* line 194, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-prev {
  width: auto;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -38px;
  display: block !important;
  border: 0px solid black;
}
/* line 204, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-prev span {
  content: "";
  font-size: 100px;
  line-height: 15px;
  font-weight: 100;
  color: #777;
}
/* line 214, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-next {
  width: auto;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -43px;
  display: block !important;
  border: 0px solid black;
}
/* line 224, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-next span {
  font-size: 100px;
  line-height: 15px;
  font-weight: 100;
  color: #777;
}
/* line 232, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-prev i {
  background-image: url(../images/indexGO_left.png);
  width: 18px;
  height: 28px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
/* line 241, ../sass/experience-share.scss */
.type1-experience-share-block .owl-carousel .owl-next i {
  background-image: url(../images/indexGO_right.png);
  width: 18px;
  height: 28px;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}