@charset "UTF-8";
/**!
 * 专家信息
 * date:2022-05-11
 * author: trh;
 */
.main-content {
  padding-bottom: 29px;
}

/*标题*/
.sub-title-txt {
  background-image: url(../images/tradeinfomation/query_ico.png);
}

/*培训流程*/
.flow-wrap {
  padding: 23px 20px 11px 30px;
}

.flow-item {
  min-height: 54px;
  position: relative;
  padding: 20px 0 23px 0;
}

.flow-item:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 20px;
  left: 84px;
  top: 50%;
  margin-top: -10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/tradeinfomation/process_arrow_gray.png);
}

.flow-item:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 26px;
  top: 30px;
  background: rgba(187, 187, 187, 0.5);
}

.flow-item:last-child:before {
  background: transparent;
}

.flow-state {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  padding-right: 22px;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 54px;
  text-align: center;
  background: url(../images/tradeinfomation/process_ico_gray.png) no-repeat center;
  background-size: 76px 54px;
}

.flow-item {
  /*不同流程不同类名*/
  /*蓝色*/
  /*绿色*/
  /*黄色*/
  /*紫色*/
  /*青蓝色*/
}

.flow-item.blue:after {
  background-image: url(../images/tradeinfomation/process_arrow_blue.png);
}

.flow-item.blue .flow-state {
  background-image: url(../images/tradeinfomation/process_ico_blue.png);
}

.flow-item.blue .flow-sites {
  color: #2970da;
}

.flow-item.blue .step {
  color: #2970da;
}

.flow-item.green:after {
  background-image: url(../images/tradeinfomation/process_arrow_green.png);
}

.flow-item.green .flow-state {
  background-image: url(../images/tradeinfomation/process_ico_green.png);
}

.flow-item.green .flow-sites {
  color: #20a9c0;
}

.flow-item.green .step {
  color: #20a9c0;
}

.flow-item.yellow:after {
  background-image: url(../images/expert/process_arrow_yellow.png);
}

.flow-item.yellow .flow-state {
  background-image: url(../images/expert/process_ico_yellow.png);
}

.flow-item.yellow .flow-sites {
  color: #ffa126;
}

.flow-item.yellow .step {
  color: #ffa126;
}

.flow-item.purple:after {
  background-image: url(../images/expert/process_arrow_purple.png);
}

.flow-item.purple .flow-state {
  background-image: url(../images/expert/process_ico_purple.png);
}

.flow-item.purple .flow-sites {
  color: #8c66ea;
}

.flow-item.purple .step {
  color: #8c66ea;
}

.flow-item.turquoise:after {
  background-image: url(../images/expert/process_arrow_turquoise.png);
}

.flow-item.turquoise .flow-state {
  background-image: url(../images/expert/process_ico_turquoise.png);
}

.flow-item.turquoise .flow-sites {
  color: #009aed;
}

.flow-item.turquoise .step {
  color: #009aed;
}

.flow-item:first-child:after, .flow-item:last-child:after {
  background-image: none;
}

.flow-info {
  margin-left: 119px;
  background: #f0f9fe;
  border-radius: 10px;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  padding: 12px 42px 13px 19px;
}

.flow-sites {
  display: block;
  line-height: 20px;
  color: #97a6bc;
}

.flow-step .flow-sites,
.flow-step .step {
  display: inline-block;
  line-height: 20px;
  color: #97a6bc;
}