[v-cloak] {
  display: none;
}

/* 容器 */
.b-page-content {
  padding: 0 6.4vw;
}

/* 文字标题 */
.b-title {
  color: #222;
  font-size: 4.8vw; /* 4.8vw */
  line-height: 7.2vw; /* 27px */
  font-weight: normal;
}

/* 文字段落 */
.b-paragraph {
  color: #222;
  font-size: 3.73vw; /* 14px */
  line-height: 6.4vw; /* 6.4vw */
  font-weight: normal;
}

/* 页面标题 */
.b-page-title {
  width: 100%;
  position: relative;
  /* height: 11.73vw; */
  margin-bottom: 2.13vw;
}

/* 页面标题-返回按钮 */
.b-page-title .b-page-return {
  display: none;
  width: 3.47vw;
  height: 3.47vw;
  position: absolute;
  left: 6.4vw;
  top: 4.5vw;
  background: url(/mobile/images/return.png) no-repeat;
  background-size: auto 100% ;
}
/* 页面标题-文字 */
.b-page-title .b-page-text {
  width: 100%;
  color: #222;
  font-size: 4.8vw; /* 4.8vw */
  font-weight: bold;
  line-height: 11.73vw;
  text-align: center;
  padding-top: 3.865vw;
}

/* 菜单-左对齐可滑动 */
.b-menu {
  width: 100%;
  height: 6.93vw;
  overflow-y: hidden;
}

.b-menu-scroll {
  width: 100%;
  height: 8vw;
  overflow-x: auto;
}

.b-menu .b-menu-list {
  flex: 1;
  display: flex;
  justify-content: start;
}

.b-menu .b-menu-item {
  color: #222;
  font-size: 4.27vw;
  line-height: 5.12vw;
  cursor: pointer;
  white-space: nowrap;
}

.b-menu .b-menu-item+.b-menu-item {
  margin-left: 9.6vw;
}

.b-menu .b-menu-item.active {
  color: #4095F8;
  font-weight: bold;
}

.b-menu .b-menu-item.active::after {
  content: "";
  width: 100%;
  height: 0.53vw;
  margin-top: 0.53vw;
  display: block;
  background: url(/mobile/workReview-images/menu_active.png) no-repeat;
  background-size: 110% auto;
  background-position-x: center;
}


/* 菜单-等分不可滑动 */
.b-menu-bisection .b-menu-list {
  padding: 0 7.47vw;
  display: flex;
  justify-content: space-between;
}
/* 菜单-等分不可滑动 */
.b-menu-bisection .b-menu-list-new {
  display: flex;
  justify-content: space-between;
}

/**
 * card - 上图下文字 
 * 高度不固定
 **/
.b-card .b-card-img {
  width: 100%;
  height: 22.67vw;
  border-radius: 1.07vw;
  overflow: hidden;
  text-align: center;
}

.b-card .b-card-img img {
  width: 100%;
  height: auto;
}
.b-card .b-card-title {
  color: #222;
  font-size: 3.73vw; /* 14px */
  line-height: 4.48vw; /* 16.8px, 不固定 */
  font-weight: normal;
  margin-top: 2.13vw;
  margin-bottom: 0.53vw;
  white-space: nowrap;       /* 禁止换行 */
  overflow: hidden;          /* 隐藏超出部分 */
  text-overflow: ellipsis;   /* 用省略号代替超出部分 */
}

.b-card .b-card-line2 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 3.73vw; /* 12px */
  line-height: 3.84vw; /* 14.4px */
  font-weight: 400;
}

.b-card .b-card-line3 {
  color: #222;
  font-size: 3.73vw; /* 12px */
  line-height: 4.48vw; /* 16.8px */
  font-weight: 400;
}


/**
 * card 左图右文
 */
.b-card2 {
  width:100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.b-card2 .b-card2-img {
  /* 非固定宽高 */
  width: 20.53vw;
  height: 20.53vw;
  border-radius: 1.067vw;
  overflow: hidden;
}

.b-card2 .b-card2-img img {
  width: auto;
  height: 100%;
}
.b-card2 .b-card2-right {
  flex: 1;
  padding-left: 3.73vw;
}

/* 是否允许换行需要单独设置，默认不限制 */
.b-card2 .b-card2-right .b-card2-title {
  max-width: 62vw;
  height: 7.2vw;
  font-size: 4.8vw;
  line-height: 7.2vw;
  color: #222;
}
/* 浅色文字 */
.b-card2 .b-card2-right .b-card2-light {
  font-size: 3.2vw;
  line-height: 3.84vw;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 1.33vw;
}

/* 深色正文 */
.b-card2 .b-card2-right .b-card2-p {
  font-size: 3.73vw;
  line-height: 5.6vw;
  color: #222;
  margin-top: 2.13vw;
  margin-bottom: 6.4vw;
}

/* 评分 */
.b-card2 .b-card2-right .b-card2-score {
  color: #222;
  line-height: 6.4vw;
  font-size: 4.27vw;
  margin-top: 1.33vw;
  display: flex;
  align-items: center;
}

.b-card2 .b-card2-right .b-card2-score .text {
  margin-left: 1.33vw;
}

/* 列表 */
.b-list-item {
  margin-bottom: 4.27vw;
}
/* 分两列展示-两端对齐 */
.b-col-2 {
  display: flex;
  margin-left: -2.67vw;
  justify-content: space-between;
  flex-wrap: wrap;
}

.b-col-2>div {
  width: 40.93vw;
  margin-left: 2.67vw;
}

.van-list__error-text, .van-list__finished-text, .van-list__loading {
  font-size: 3.73vw;
  line-height: 13.33vw;
}


/* 遮罩层 */
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}

.side_more-show {
  width: 45.87vw;
  height: 51.2vw;
  position: fixed;
  right: 2.67vw;
  bottom: 22.2vw;
  font-size: 4.27vw;
  color: #FFF;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.side_more-show .side_more-item {
  display: flex;
  justify-content: start;
  align-items: center;
 
}

.side_more-show a{
  background: transparent;
}
.side_more-show img {
  width: 10.67vw;
  height: 10.67vw;
  margin-left: 2.67vw;
}

.side_more-line2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 4.8vw 0;
  padding: 0 2.67vw;
}
.side_text-tougao {
  color: #59A6FF;
  text-shadow: 0 0 5px rgba(157, 202, 255, 0.4),
              0 0 10px rgba(157, 202, 255, 0.4),
              0 0 15px rgba(157, 202, 255, 0.4),
              0 0 20px rgba(157, 202, 255, 0.4),
              0 0 25px rgba(157, 202, 255, 0.4),
              0 0 30px rgba(157, 202, 255, 0.4);
}
.side_text-dianping {
  color: #866FF7;
  text-shadow: 0 0 5px rgba(203, 192, 255, 0.4),
              0 0 10px rgba(203, 192, 255, 0.4),
              0 0 15px rgba(203, 192, 255, 0.4),
              0 0 20px rgba(203, 192, 255, 0.4),
              0 0 25px rgba(203, 192, 255, 0.4),
              0 0 30px rgba(203, 192, 255, 0.4);
}
.side_text-qiutu {
  color: #3CD7E1;
  text-shadow: 0 0 5px rgba(164, 239, 243, 0.4),
              0 0 10px rgba(164, 239, 243, 0.4),
              0 0 15px rgba(164, 239, 243, 0.4),
              0 0 20px rgba(164, 239, 243, 0.4),
              0 0 25px rgba(164, 239, 243, 0.4),
              0 0 30px rgba(164, 239, 243, 0.4);
}
/*悬浮按钮*/
.side_wrap{width: 13.33vw;position: fixed;right: 2.67vw;bottom: 26.67vw;z-index: 3;}
.side_wrap a i{width: 9.33vw;height: 9.33vw;display: inline-block;}
.s_out{width: 10.67vw;height: 10.67vw;background: #4FA7B5;border-radius: 100%;margin-top: 1.33vw;display: block;position: relative;overflow: hidden;}
.s_index,
.s_icon-location {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 100%;
  background: transparent;
  margin-top: 1.33vw;
  display: block;
  position: relative;
  overflow: hidden;
}
.s_icon-style {
  width: 10.67vw;
  height: 10.67vw;
  background: rgba(56, 96, 128, 0.2);
  border-radius: 100%;
  margin-top: 4.8vw;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center !important;
}

.s_out i img{width: 10.67vw;height: 10.67vw;}
.s_index i img{width: 10.67vw;height: 10.67vw;}

.s_index img,
.s_top img{
  width: 6.4vw;
  height: auto;
}
.side_more-close{
  background-color: rgba(255, 255, 255, 0.2);
}
.side_more-close img{
  width: 4.8vw;
  height: auto;
  margin-left: 0;
  
}
.prism-player .prism-big-play-btn {
  display: none;
  z-index: 1000;
  bottom: 8vw !important;
}

/* loading效果 */
.loader2 {
  display: inline-block;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  width: 3.7vw;
  height: 3.7vw;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}