body{
  background: #F7F8FA;
}
body>.banner{
  width: 100%;
}
/* 理财列表 */
.lccs{
  padding: 24px;
  border-radius: 4px;
  background: #ffffff;
}
.conditions{
  margin-bottom: 24px;
}
.condition+.condition{
  margin-top: 16px;
}
.condition{
  font-size: 14px;
  line-height: 22px;
  color: #505968;
}
.condition label{
  display: inline-block;
  font-weight: 700;
  width: 70px;
}
.condition span{
  display: inline-block;
  margin-left: 16px;
  padding: 4px 16px;
  border: 1px solid #E5E6EB;
  background: #F7F8FA;
  border-radius: 4px;
  cursor: pointer;
}
.condition span.active{
  border-color: #C03A3A;
  background: #C03A3A;
  color: #ffffff;
}
.list-item{
  padding: 16px 0;
  border-bottom: 1px dashed #CACDD3;
  font-size: 14px;
  line-height: 22px;
  color: #86909C;
}
.list-item>p span label{
  margin-right: 6px;
}
.list-item>p span.fr label, .list-item>p span.fr a{
  margin-left: 8px;
  border-radius: 2px;
  padding: 3px 16px;
}
.list-item .prod_name{
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #000000;
  padding: 0!important;
}
.list-item>p span:first-child label{
  border-radius: 2px;
  padding: 1px 8px;
}
.list-item .income_characteristic{
  color: #2D5CF6;
  border: 1px solid #80A6FF;
  background: #E5EEFF;
}
.list-item .prod_type{
  color: #994437;
  border: 1px solid #d69594;
  background: #F8EEEC;
}
.list-item .publish_code{
  color: #FFFFFF;
  border: 1px solid #D46B08;
  background: #D46B08;
}
.list-item .prod_detail{
  border: 1px solid #A20E0E;
  color: #A20E0E;
}
.list-item .can_buy_flag{
  font-weight: 700;
  border: 1px solid #C03A3A;
  background: #C03A3A;
  color: #F7F8FA;
}
.list-item .can_buy_flag[value="0"]{
  border: 1px solid #ACB1B9;
  background: #ACB1B9;
}
.list-item:first-child{
  border-top: 1px dashed #CACDD3;
}
.list-item .prod_des{
  padding-top: 16px;
  margin-bottom: 24px;
}
.list-item .prod_des span{
  display: inline-block;
  width: 130px;
}
.list-item .prod_des span label{
  display: block;
}
.list-item .prod_des span label:first-child{
  color: #1D2128;
  padding-bottom: 4px;
}
.list-item .prod_des span i{
  font-style: normal;
  color: #C03A3A;
  font-weight: 700;
}
/* 理财详情 */
.lcdetail{
  font-size: 14px;
  line-height: 22px;
  color: #1D2128;
}
.lcdetail .prod_name{
  padding-bottom: 16px;
  border-bottom: 1px solid #F2F3F5;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #1D2128;
}
.lcdetail .prod_name a{
  display: inline-block;
  padding: 3px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  background: #C03A3A;
  color: #ffffff;
}
.lcdetail .lc-base{
  padding-bottom: 8px;
}
.lcdetail .lc-base span{
  display: inline-block;
  width: 49%;
  margin-bottom: 8px;
}
.lcdetail .lc-base i{
  display: inline-block;
  margin-bottom: 3px;
  width: 5px;
  height: 5px;
  border-radius: 4px;
  margin-right: 4px;
  background: #D9D9D9;
}
.lcdetail .lc-base label{
  color: #505968;
}
.lcdetail .prod_benchmark{
  padding: 8px;
  margin-bottom: 16px;
  border-radius: 4px;
  background: #F7F8FA;
}
.lcdetail .prod_benchmark-title{
  font-weight: 700;
  line-height: 28px;
}
.lcdetail .prod_benchmark-title i{
  display: inline-block;
  margin-bottom: 2px;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  background: #C03A3A;
}
.lcdetail .prod_benchmark-title span{
  padding-left: 14px;
  color: #C03A3A;
  font-size: 20px;
}
.lcdetail .prod_benchmark_desc{
  margin-top: 10px;
  color: #505968;
}
.lcdetail .anchor{
  border-bottom: 1px solid #E5E6EB;
}
.lcdetail .anchor a{
  display: inline-block;
  padding: 0 20px 11px;
  color: #505968;
  position: relative;
  margin-right: 24px;
}
.lcdetail .anchor a.active, .lcdetail .anchor a:hover{
  color: #C03A3A;
  cursor: pointer;
}
.lcdetail .anchor a.active::after, .lcdetail .anchor a:hover::after{
  position: absolute;
  left: 28px;
  bottom: 0;
  display: block;
  content: "";
  width: 40px;
  height: 2px;
  background: #C03A3A;
}
.lcdetail .lc-title{
  margin: 16px 0;
  font-weight: bold;
}
.lcdetail .lc-title i{
  display: inline-block;
  margin-bottom: -3px;
  width: 5px;
  height: 18px;
  margin-right: 8px;
  background: #C03A3A;
  border-radius: 0 10px 0 10px;
}
.lcdetail table{
  width: 100%;
  border-radius: 8px;
}
.lcdetail table * {
  border: 1px solid #E5E6EB;
}
.lcdetail table td{
  padding: 10px;
}
.lcdetail table tr td:first-child{
  text-align: center;
  width: 255px;
}
.lc-productfile a,.lc-riskfile a{
  color: #2D5CF6;
}
.noData{
  font-size: 20px;
  padding: 50px;
  text-align: center;
}
.charts-type{
  margin: 16px 0;
}
.lcdetail .charts-tab{
  margin: 16px 0;
}
.lcdetail .charts-type a{
  padding: 0 0 11px;
}
.charts-tab span{
  display: inline-block;
  padding: 3px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  color: #1D2128;
	background: #F7F8FA;
  margin-right: 10px;
  cursor: pointer;
}
.charts-tab span.active{
  background: #C03A3A;
  color: #ffffff;
}
#placeholder{
  margin-bottom: 24px;
}
.lcdetail .charts-type a.active::after, .lcdetail .charts-type a:hover::after{
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #C03A3A;
}
@media (max-width: 767px) {
  .list-item .show-mini .fr{
    float: none;
  }
  .list-item .prod_des{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
  .list-item .prod_des span{
    width: 128px;
  }
  .condition span{
    padding: 2px 12px;
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  .condition+.condition{
    margin-top: 0;
  }
  .consignment-search-item+.consignment-search-item{
    margin-left: 0 !important;
  }
  .list-item>p span:first-child label{
    white-space: nowrap;
  }
  body>.banner{
    display: none;
  }
  [filtertype="Status"] {
    width: 100% !important;
    display: inline-flex;
    flex-wrap: wrap;
  }
}