@charset "utf-8";
.sample_supplier_info {
width: 754px;
height: 580px;
background: #F5F5F5;
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
border-radius: 8px 8px 8px 8px;
opacity: 1;
position: fixed;
z-index:99;
}

.sample_supplier_info .header {
width: 754px;
height: 44px;
background: linear-gradient(153deg, #FF9900 0%, #FF005F 100%);
border-radius: 8px 8px 0px 0px;
opacity: 1;
}

.sample_supplier_info .header h1 a {
width: 340px;
height: 28px;
font-size: 20px;
font-family: PingFang SC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
line-height: 44px;
margin-left: 20px;
}

.sample_supplier_info .content > div {
width: 347px;
height: 212px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
float: left;
margin: 20px 0 0 20px;
}

.sample_supplier_info .content > div.con1 {
overflow: hidden;
position: relative;
}
.sample_supplier_info .content > div.con1 .num {
line-height: 26px;
background: rgba(0, 0, 0, 0.4);
border-radius: 0px 4px 0px 4px;
opacity: 1;
position: absolute;
right: 0;
top: 0;
padding: 4px 8px;
font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}

.sample_supplier_info .content > div.con2 {
overflow: auto;
padding: 12px;
box-sizing: border-box;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 16px;
}

.sample_supplier_info .content > div.con2 .title {
height: 20px;
font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 23px;
}
 .sample_supplier_info .content>div.con2 .num {
      line-height: 24px;
	  font-size: 12px;
      font-family: PingFang SC-Regular, PingFang SC;
      font-weight: 400;
      float: right;
      color: #999999;
    }
.sample_supplier_info .content > div.con2 .model a {
width: 48px;
height: 17px;
font-size: 12px;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #FF9900;
line-height: 14px;
float: right;
margin-right: 13px;
margin-top: 3px;
}

.sample_supplier_info .content > div.con2 .model .type {
width: 182px;
height: 20px;
font-size: 14px;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 24px;
}

.sample_supplier_info .content > div.con2 .model a span {
border-bottom: 1px solid #FF9900;
vertical-align: top;
padding-bottom: 2px;
}

.sample_supplier_info .content > div.con2 .line span {
display: inline-block;
max-width: 234px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.sample_supplier_info .content > div.con2 .brand .colorpink {
border: 1px solid #FF005F;
padding: 0 2px;
}

.sample_supplier_info .content > div.con2 .apply {
height: 22px;
border-radius: 4px;
border: 1px solid #FF005F;
box-sizing: border-box;
display: inline-block;
padding-right: 4px;
}

.sample_supplier_info .content > div.con2 .apply .colorpink {
vertical-align: middle;
/* float: right; */
}

.sample_supplier_info .content > div.con3,
.sample_supplier_info .content > div.con4 {
height: 264px;
}

.sample_supplier_info .content > div.con3 {
padding: 12px;
box-sizing: border-box;
}

.sample_supplier_info .content > div.con3 .comment {
padding: 12px 0 12px 12px;
margin-bottom: 24px;
}

.sample_supplier_info .content > div.con3 h2 {
border-left: 4px solid #FF9900;
padding-left: 5px;
margin-bottom: 8px;
}
.sample_supplier_info .content > div.con3 .no-content {
height: 50px;
text-align: center;
padding-top: 20px;
}

.sample_supplier_info .content>div.con3 .comment-con {
  margin-bottom: 6px;
}
.sample_supplier_info .content>div.con3 .content1 {
  width: 294px;
  height: 78px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.sample_supplier_info .content>div.con3 .show h2 a {

  background: linear-gradient(to right, #FF9900 0%, #FF005F 100%);
  border-radius: 100px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 14px;
  color: #fff;
  padding: 2px 8px;
  margin-left: 12px;
}

.sample_supplier_info .content>div.con3 .recruit-info-slide {
  width: 322px;
  height: 54px;
  overflow: hidden;
  position: relative;
}
    .sample_supplier_info .content>div.con3 .content2>div {
      height: 54px;
      width: 322px;
    }
.sample_supplier_info .content > div.con3 .sample_box {
width: 102px;
height: 54px;
background: #FFFFFF;
border-radius: 2px;
opacity: 1;
border: 1px solid rgba(0, 0, 0, 0.15);
float: left;
margin: 0 5px 0 0;
padding: 9px 2px;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
 .sample_supplier_info .content>div.con1 .check {
      text-align: center;
      width: 100%;
      height: 26px;
      position: absolute;
      bottom: 0;
      line-height: 26px;
      background: #FFFFFF;
      color: #333333;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
    }

    .sample_supplier_info .content>div.con1 .check p {
      width: 50%;
    }

    .sample_supplier_info .content>div.con1 .check p.fl {

      border-right: 1px solid rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
    }

    .sample_supplier_info .content>div.con1 .check p img {
      width: 14px;
      height: 14px;
	  vertical-align: text-bottom;
    }

.sample_supplier_info .content > div.con3 .apply {
width: 295px;
background: rgba(255, 153, 0, 0.1);
border-radius: 4px 4px 4px 4px;
padding: 4px 8px;
box-sizing: border-box;
}

.sample_supplier_info .content > div.con3 .sample_box img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 102px;
max-height: 54px;
}

.sample_supplier_info .content > div.con3 .sample_box:last-child {
margin-right: 0;
}

.sample_supplier_info .content > div.con3 .name {
font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 16px;
}

.sample_supplier_info .content > div.con3 .name span {
margin-right: 8px;
}

.sample_supplier_info .content > div.con3 .comment-con {
margin-bottom: 6px;
}

.sample_supplier_info .content > div.con3 .content1 {
width: 294px;
height: 78px;
overflow-y: scroll;
overflow-x: hidden;
}

.sample_supplier_info .content > div.con3 .show h2 a {
background: linear-gradient(to right, #FF9900 0%, #FF005F 100%);
border-radius: 100px;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
font-size: 12px;
color: #FFFFFF;
line-height: 14px;
color: #fff;
padding: 2px 8px;
margin-left: 12px;
}

.sample_supplier_info .content > div.con4 .wxbg {
background: url(https://img3.dzsc.com/img/web/ic/sample/wx-bg.png) no-repeat;
height: 264px;
width: 347px;
}

.sample_supplier_info .content > div.con4 .wxbg img {
width: 128px;
height: 128px;
margin: 104px 0 0 110px;
}

.colorpink {
color: #FF005F;
}

.fw600 {
font-weight: 600;
}

.border_ccc {
border: 1px solid #CCCCCC;
}

.sample_supplier_info .content1::-webkit-scrollbar,
.sample_supplier_info .con2::-webkit-scrollbar {
width: 6px;
height: 108px;
background-color: transparent;
}

.sample_supplier_info .content1::-webkit-scrollbar-thumb,
.sample_supplier_info .con2::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #ccc;
}
.sample_supplier_info .content>div.con1 .sample-img {
position: relative;
width: 347px;
height: 186px;
}
.sample_supplier_info .content>div.con1 .sample-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 347px;
max-height: 186px;
}