.border[data-v-54fd81e6] {
  position: relative;
}
.border[data-v-54fd81e6]:after {
  position: absolute;
  top: 18px;
  content: '';
  width: 1px;
  background: #DDDCDC;
  height: calc(100% - 18px - 18px);
}
.mainTitle[data-v-54fd81e6] {
  font-size: 20px;
  font-weight: 500;
}
.ratingType[data-v-54fd81e6] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(236, 237, 244);
}
.ratingType .fractionContainer[data-v-54fd81e6],
.ratingType .weightProportionContant[data-v-54fd81e6] {
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 500;
}
.ratingType .weightProportionContant[data-v-54fd81e6] {
  background: rgba(194, 199, 221);
}
.formulaContant[data-v-54fd81e6] {
  position: relative;
  width: 25%;
  padding: 18px;
}
.formulaContant[data-v-54fd81e6]:after {
  position: absolute;
  top: 18px;
  content: '';
  width: 1px;
  background: #DDDCDC;
  height: calc(100% - 18px - 18px);
}
.formulaContant .beCareful[data-v-54fd81e6] {
  margin-top: 10px;
}
.formulaContant[data-v-54fd81e6]:after {
  right: 0;
}
.fractionContainer[data-v-54fd81e6] {
  flex: 1;
  padding: 18px;
}
.fractionContainer .title[data-v-54fd81e6] {
  width: 100%;
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
}
.fractionContainer .fractionContant[data-v-54fd81e6] {
  flex: 1;
  padding: 18px;
}
.fractionContainer .fractionContant .fractionInfor[data-v-54fd81e6] {
  width: 100%;
}
.fractionContainer .fractionContant .fractionInfor .inforContant[data-v-54fd81e6] {
  width: 100%;
}
.fractionContainer .fractionContant .fractionInfor .inforContant .infor[data-v-54fd81e6] {
  min-width: 90px;
  padding-right: 10px;
}
.fractionContainer .fractionContant .baseScore[data-v-54fd81e6],
.fractionContainer .fractionContant .baseScores[data-v-54fd81e6] {
  width: 10%;
  min-width: 100px;
}
.fractionContainer .fractionContant .baseScores[data-v-54fd81e6] {
  margin-top: -26px;
}
.fractionContainer .fractionContant[data-v-54fd81e6]:nth-child(2) {
  position: relative;
}
.fractionContainer .fractionContant[data-v-54fd81e6]:nth-child(2):after {
  position: absolute;
  top: 18px;
  content: '';
  width: 1px;
  background: #DDDCDC;
  height: calc(100% - 18px - 18px);
}
.fractionContainer .fractionContant[data-v-54fd81e6]:nth-child(2):after {
  left: 0;
  background: #FFF;
}
.fractionContainer .fractionNews[data-v-54fd81e6] {
  width: 100%;
  padding: 18px;
  border-radius: 4px;
  margin-bottom: 12px;
  background: rgba(236, 237, 244);
  border: 1px solid rgba(189, 194, 216);
}
.fractionContainer .infor[data-v-54fd81e6] {
  height: 27px;
}
.fractionContainer .num[data-v-54fd81e6] {
  font-size: 18px;
  font-weight: 500;
}
.weightProportionContant[data-v-54fd81e6] {
  position: relative;
  width: 15%;
  font-size: 28px;
  min-width: 100px;
  padding: 18px;
}
.weightProportionContant[data-v-54fd81e6]:after {
  position: absolute;
  top: 18px;
  content: '';
  width: 1px;
  background: #DDDCDC;
  height: calc(100% - 18px - 18px);
}
.weightProportionContant[data-v-54fd81e6]:after {
  left: 0;
}
@media (max-width: 800px) {
.fractionContant[data-v-54fd81e6] {
    flex: 1 1 auto !important;
}
.fractionContant > .d-flex[data-v-54fd81e6] {
    border-top: 0 !important;
}
.fractionContant[data-v-54fd81e6]:nth-child(2) {
    position: relative;
}
.fractionContant[data-v-54fd81e6]:nth-child(2):after {
    position: absolute;
    top: 18px;
    content: '';
    width: 1px;
    background: #DDDCDC;
    height: calc(100% - 18px - 18px);
}
.fractionContant[data-v-54fd81e6]:nth-child(2):after {
    top: 0 !important;
    height: 1px !important;
    left: 18px !important;
    background: #DDDCDC !important;
    width: calc(100% - 18px - 18px) !important;
}
.formulaContant[data-v-54fd81e6] {
    width: 100%;
    background: #DDDCDC;
    padding: 10px 18px;
}
.formulaContant .formula[data-v-54fd81e6] {
    display: inline-block;
    margin-right: 10px;
}
.formulaContant .beCareful[data-v-54fd81e6] {
    margin-top: 0;
    display: inline-block;
}
.formulaContant[data-v-54fd81e6]:after {
    width: 0;
}
}