.solution-bg > .row {
  background: #fff;
}

.solution-bg > .row > li {
  margin: 50px 0;
  position: relative;
  border-right: 1px solid #ddd;
  height: 240px;
}

.finance-img {
  margin: 0 auto;
  width: 25%;
}

.finance-problem-box {
  padding: 0;
}

.case-show-left img, .case-show-right img {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate( 0, -50%);
  -ms-transform: translate( 0, -50%);   /* IE 9 */
  -moz-transform: translate( 0, -50%);  /* Firefox */
  -webkit-transform: translate( 0, -50%); /* Safari 和 Chrome */
  -o-transform: translate( -0, -50%);  /* Opera */
  width: 15%;
}
.width-text {
  margin-left: 24%;
}

.finance-problem {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
  -ms-transform: translate( -50%, -50%);   /* IE 9 */
  -moz-transform: translate( -50%, -50%);  /* Firefox */
  -webkit-transform: translate( -50%, -50%); /* Safari 和 Chrome */
  -o-transform: translate( -50%, -50%);  /* Opera */
  width: 100%;
}

.finance-hover {
  display: none;
  overflow: hidden;
  height: 340px;
}
.finance-hover-top {
  position: relative;
  padding: 12% 6%;
  background: #159ef4;
  color: #fff;
  text-align: center;
}
.finance-hover-top > div {
  display: inline-block;
  margin: 0 auto;
}
.finance-hover-img-box > img {
  width: 80%;
}

.finance-hover-top > .finance-hover-text {
  padding-top: 4%;
  margin-left: 1%;
  text-align: left;
}
.finance-hover-bottom {
  display: block;
  padding: 4% 0;
  color: #333;
  width: 100%;
  margin: 0 auto;
}
.finance-hover-bottom > p {
  /*white-space: nowrap; */
  margin: 0 auto; 
  text-align: left;
  line-height: 2;
  width: 80%;
}

.triangle {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9px;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.scheme {
  padding: 60px 5% 70px 0;
  width: 100%;
  text-align: center;
}
.scheme, .framework {
  background: #f5f9fc;
}
.framework {
  padding: 80px 19% 70px;
  width: 100%;
}
.framework > .row {
  margin: 0 auto;
  display: flex;
  width: 100%;
}

.main_solution_pic {
  padding: 1%;
  border-radius: 5px;
}
.framework-ul-top, .framework-ul-bottom {
  padding: 0 15px;
}
.framework-ul-top > .text-13, .framework-ul-bottom > .text-13 {
  margin-bottom: 6%;
}
.framework-box {
  margin-right: 4%;
  padding: 4% 2%;
  box-shadow: 6px 0px 15px -2px #197DD2;
  border-radius: 5px;
}
.main_solution_pic > img {
  width: 100%;
  border-radius: 5px;
}
.emphasize-content {
  margin: 0 0 8%;
}
.framework-line {
  margin: 70% auto 10%;
  width: 80%;
  border-bottom: 1px solid #98caf2;
}
.framework-ul-top > .text-content {
  display: inline-block;
  margin-right: 10%;
}

.case-show-left, .case-show-right {
  border: 1px solid #bfbfbf;
  background: hsla(0, 0%, 100%, .7);
  cursor:pointer; 
}

.case-show-left:hover, .case-show-right:hover {
  background: #fff;
}

.case-show-left > .emphasize-content, .case-show-left > .text-content, .case-show-right > .emphasize-content, .case-show-right > .text-content {
  color: #fff;
  white-space:nowrap; 
}
.case-show {
  background: #f5f9fc;
}

.case-show-text > .text-14 {
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.see {
  filter: alpha(opacity=0);
  opacity: 0; 
  margin-top: 0;
  background: #fff;
  border: 1px solid #66b4f4;
  color: #66b4f4;
  width: 100px;
}


.emphasize-content {
  font-weight: bold;
}


.online-retailers-jiankong {
  background-image: url(../images/main_solution_icon_jiankong.png);
}
.online-retailers-kekao {
  background-image: url(../images/main_solution_icon_kekao.png);
}
.online-retailers-shensuo {
  background-image: url(../images/main_solution_icon_shensuo.png);
}
.online-retailers-fangyu {
  background-image: url(../images/main_solution_icon_fangyu.png);
}
.online-retailers-diaodu {
  background-image: url(../images/main_solution_icon_diaodu.png);
}
.online-retailers-fenli {
  background-image: url(../images/main_solution_icon_fenli.png);
}
.online-retailers-xingneng {
  background-image: url(../images/main_solution_icon_xingneng.png);
}
.online-retailers-fenxi {
  background-image: url(../images/main_solution_icon_fenxi.png);
}