.PCBA {
  background: #9dc8f4;
}
.PCB {
  background: #ebeef5;
}
/* ==== */
.PCBA,
.PCB {
  min-height: 100vh;
}
/* header,
footer {
  display: none;
} */

/* ==== */

.pricin-main {
  padding: 40px 0 70px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}

.section {
  border-radius: 16px;
  background: #ffffff;
}

.section + .section {
  margin-top: 20px;
}
.bp,
.section-content {
  padding: 20px;
}
.section-ad,
.section-header {
  border-radius: 16px 16px 0px 0px;
  background: #f5f7fa;
  height: 38px;
  overflow: hidden;
}
.section-ad {
  height: 60px;
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #7f879e;
  padding: 0 34px;
}
.section-header.fold {
  /* padding: 34px; */
  border-radius: 16px;
  background: #fff;
  height: 58px;
}
.section-row {
  line-height: 38px;
  padding: 0 34px;
  background: #eeeef3;
  font-weight: bold;
  font-size: 14px;
  color: #7f879e;
  margin: 16px 0;
  min-height: 4px;
}
.section-row.lang {
  width: calc(100% + 30px);
  position: relative;
  left: -15px;
}
.btn {
  background: #1969fa;
  border-radius: 8px;
  color: #ffffff;
  font-weight: bold;
}
.btn:hover {
  background: #0a3ac9;
}
.btn:disabled {
  background: #dce6ff;
  cursor: no-drop;
}
.f-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f-row.baseline {
  justify-content: flex-start;
}
.f-row.baseline > .form-item {
  min-width: 340px;
}

.pricin-main .left-panel {
  width: 910px;
}
.pricin-main .left-panel .section:last-child {
  padding-top: 10px;
}
.pricin-main .left-panel .section-content {
  padding: 16px 15px;
}

.bg-light {
  background: #f8f8fc url("./../images/pricing/电路板元素.png") no-repeat;
  background-position: right 43px top 90px;
  border-radius: 8px;
  padding: 10px 0 0;
  margin-bottom: 10px;
}

.form-item {
  display: flex;
  /* align-items: center; */
  min-height: 32px;
  line-height: 32px;
  position: relative;
}
/* .form-item + .form-item {
  margin-top: 10px;
} */
.form-item .label {
  padding-left: 18px;
  line-height: 32px;
  width: 137px;
  min-width: 137px;
  color: #7f879e;
  position: relative;
  cursor: pointer;
}
.form-item .label > i {
  color: #bfc3ce;
  cursor: pointer;
}
.form-item .label .iconfont {
  position: relative;
  width: 14px;
  display: inline-block;
  cursor: pointer;
  color: #bfc3ce;
}
.form-item .tip-pop {
  display: none;
  position: absolute;
  left: -63px;
  top: 36px;
  width: 300px;
  background: #ffffff;
  box-shadow: 0px 0px 38px 0px rgba(4, 38, 94, 0.12);
  border-radius: 5px;
  padding: 12px 18px;
  z-index: 11;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 16px;
}
.form-item .tip-pop::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 63px;
}
.form-item .label .iconfont:hover {
  color: #89b4f9;
}
.form-item .label .iconfont:hover .tip-pop {
  display: block;
}
.form-item .label + div {
  margin-bottom: 10px;
}
.form-item .label + div label {
  margin-right: 15px;
}

.form-item input[type="checkbox"] {
  border-radius: 5px;
  cursor: pointer;
}

.form-item .input-group {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #d6dae7;
  height: 32px;
  overflow: hidden;
}
.form-item .input-group span {
  background: #e7e9ee;
  border-radius: 5px 0px 0px 5px;
  min-width: 48px;
  text-align: center;
  color: #5d626e;
}
.form-item .input-group input[type="number"] {
  margin: 0;
  border: none;
  border-radius: 0px 5px 5px 0px;
  width: 70px;
}

.form-item ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-item .input-box,
.form-item ul li,
.form-item select,
.form-item input[type="text"],
.form-item input[type="number"],
.form-item textarea {
  height: 32px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #d6dae7;
  padding: 0 12px;
  margin-bottom: 10px;
}
.form-item input {
  color: #333333;
}
.form-item input[type="number"] {
  padding-right: 5px;
}
.form-item textarea {
  width: 100%;
  min-height: 80px;
  padding: 10px 12px;
  resize: none;
  line-height: normal;
}
.form-item .input__count {
  position: absolute;
  right: 11px;
  bottom: 8px;
  font-size: 12px;
  color: #bfc3ce;
}
.form-item .input-box,
.form-item select,
.form-item input[type="text"],
.form-item input[type="number"] {
  margin-right: 7px;
  width: 134px;
}
.form-item .input-box {
  width: 130px;
  position: relative;
  .input-box-content {
    cursor: text;
  }
}
.form-item .input-box .input-box-content {
  cursor: text;
}

.form-item ul li:hover,
.form-item ul li.active {
  border-color: #1969fa;
  color: #1969fa;
}
.form-item ul li.active {
  background: #dcf0ff;
  /* background-image: url("./../images/pricing/选中勾png@2x.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 16px; */
}
.form-item ul li.disabled {
  border: 1px dashed #d6dae7;
  color: #bfc3ce;
  cursor: no-drop;
}
.form-item ul li {
  min-width: 32px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  margin-right: 8px;
  position: relative;
}

.form-item ul li:hover > .tip-pop {
  display: block;
}
.form-item ul li .tip-pop {
  width: max-content;
  padding: 0;
  left: -38px;
  bottom: 40px;
  top: initial;

  /* d
  position: absolute;
  left: -63px;
  top: 36px;
  width: 300px;
  background: #ffffff;
  box-shadow: 0px 0px 38px 0px rgba(4, 38, 94, 0.12);
  border-radius: 5px;
  padding: 12px 18px;
  z-index: 11;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 16px;
  &::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 63px;
  } */
}
.form-item ul li .tip-pop::before {
  left: 65px;
  top: inherit;
  bottom: -8px;
  border-bottom: none;
  border-top: 8px solid #fff;
}

.form-item ul li .tip-pop img {
  width: 304px;
  height: auto;
  border-radius: 16px;
}
.form-item ul li > .color {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.form-item ul li > .color.color-30 {
  background: #fff;
  border: 1px solid #d6dae7;
}
.form-item ul li > .color.color-20 {
  background: #000000;
}
.form-item ul li > .color.color-1 {
  background: url("./../images/pricing/无@2x.png") no-repeat;
  background-size: 100% 100%;
}

.form-item ul.soldermask-colors {
  padding: 4px 0;
}
.form-item ul.soldermask-colors li {
  border: none;
  padding-left: 0;
  min-width: 80px;
  text-align: left;
  margin-right: 0;
  position: relative;
  line-height: 24px;
  height: 24px;
}
.form-item ul.soldermask-colors li.active {
  background: none;
}
.form-item ul.soldermask-colors li.active > span::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #1953ff;
  line-height: 0;
}
.form-item ul.soldermask-colors li > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 3px;
  border: 3px solid #fff;
}
.soldermask-colors .color-1 {
  background: url("./../images/pricing/无@2x.png") no-repeat;
  background-size: 100% 100%;
}
.soldermask-colors .color-10 {
  background: linear-gradient(0deg, #1c9a51 0%, #29e678 100%);
}
.soldermask-colors .color-10 {
}
.soldermask-colors .color-20 {
  background: linear-gradient(0deg, #000000 0%, #636363 100%);
}
.soldermask-colors .color-30 {
  background: url("./../images/pricing/白色圈@2x.png") no-repeat;
  background-size: 100% 100%;
}
.soldermask-colors .color-40 {
  background: linear-gradient(0deg, #c2b30e 0%, #f2e22c 100%);
}
.soldermask-colors .color-50 {
  background: linear-gradient(0deg, #d82f44 0%, #ff5569 100%);
}
.soldermask-colors .color-60 {
  background: linear-gradient(0deg, #1c489a 0%, #2c71f2 100%);
}
.soldermask-colors .color-61 {
}
.soldermask-colors .color-70 {
  background: #000000;
}
.soldermask-colors .color-80 {
  background: #1c9a51;
}
.soldermask-colors .color-90 {
  background: linear-gradient(0deg, #9a1c90 0%, #f22ce2 100%);
}
.soldermask-colors .color-100 {
  background: linear-gradient(0deg, #fcb6e1 0%, #ffd8fa 100%);
}
.soldermask-colors .color-110 {
  background: url("./../images/pricing/透明@2x.png") no-repeat;
  background-size: 100% 100%;
}
.soldermask-colors .color-120 {
  background: linear-gradient(0deg, #cccccc 0%, #eaeaea 100%);
}

.form-item ul.soldermask-colors li.disabled {
  color: #bfc3ce;
}
.form-item ul.soldermask-colors li.disabled > span {
  opacity: 0.2;
}
/* .form-item ul.character-colors {} */
.form-item input[type="radio"] {
  /* width: 25px; */
  margin: 0;
  margin-right: 9px;
}
.form-item.radio-form-item ul li {
  display: flex;
  align-items: center;
  border: none;
  padding-left: 0;
  min-width: 72px;
}
.form-item.radio-form-item ul li.active {
  background: none;
}

.form-item ul + a,
.form-item ul + img {
  margin-left: 2px;
}
.form-item a + a {
  margin-left: 20px;
}
.form-item a {
  text-decoration: underline;
  color: #0f87ff;
}
.form-item img {
  height: 32px;
}
.form-item .size-img {
  height: 32px;
  margin-left: 9px;
}
.form-item .size-img img {
  height: auto;
  position: relative;
  top: 0;
}
.form-item .image-container {
  min-width: 120px;
}
.form-item img.goldfinger {
  height: auto;
  position: absolute;
  bottom: 2px;
}
.form-item .sub-color {
  color: #7f879e;
}
.form-item .sec-text {
  color: #7f879e;
}
.form-item .thi-text {
  color: #bfc3ce;
}
.tip-text {
  color: #ff9500;
}
.panel-example {
  position: relative;
  width: 26px;
}
.panel-example .tip-pop img {
  height: auto;
}
.example-pop {
  display: none;
  position: absolute;
  top: -42px;
  left: 35px;
  width: 320px;
  /* height: 420px; */
  background: #ffffff;
  box-shadow: 0px 0px 38px 0px rgba(4, 38, 94, 0.12);
  border-radius: 5px;
  padding: 16px 20px 20px;
  z-index: 11;
}
.example-pop::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #fff;
  position: absolute;
  top: 51px;
  left: -8px;
}
.example-pop .example-list {
  font-size: 12px;
  color: #333333;
  line-height: 18px;
}
.example-pop .example-list span {
  color: #7f879e;
}
.example-pop .example-main {
  max-width: 250px;
  width: max-content;
  height: max-content;
  margin: 50px 0 10px;
  position: relative;
}
.example-pop .example-main table {
  width: 250px;
  height: 250px;
  /* background: linear-gradient(45deg, #1c9a51 0%, #20c766 100%); */
  table-layout: fixed;
}
.example-pop .example-main table.border {
  border-collapse: separate;
  border: 5px solid #222222;
}
.example-pop .example-main table.border-vertical {
  border-collapse: separate;
  border: none;
  border-top: 5px solid #222222;
  border-bottom: 5px solid #222222;
}
.example-pop .example-main table.border-horizontal {
  border-collapse: separate;
  border: none;
  border-left: 5px solid #222222;
  border-right: 5px solid #222222;
}
/* .example-pop .example-main table.tl-line {} */
.example-pop .example-main table.tl-line td {
  border: none !important;
}

.example-pop .example-main .hei {
  background: #fff;
  height: 3px;
  width: 3px;
}
.example-pop .example-main td {
  /* background: linear-gradient(45deg, #1c9a51 0%, #20c766 100%); */
  background: #29ad70;
}
.example-pop .example-main td.default {
  border: 1px solid #999;
}
/* v 割 */
.example-pop .example-main td.dashed {
  border: 1px dashed #fff;
}

.example-pop .example-main td.wid4 {
  width: 3px;
  background: #fff;
}
.example-pop .example-main td.vw {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}
.example-pop .example-main > div.w {
  position: absolute;
  top: -30px;
  width: 100%;
  height: 14px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #7f879e;
  height: 16px;
  border-bottom: #e0e2e9 solid 1px;
  /* padding-bottom: 6px; */
}
.example-pop .example-main > div.w > span {
  display: block;
  width: 1px;
  height: 14px;
  background: #e0e2e9;
  position: relative;
  bottom: -9px;
}
.example-pop .example-main > div.w > div {
  position: relative;
  bottom: 6px;
  line-height: 16px;
}
.example-pop .example-main > div.l {
  position: absolute;
  height: 100%;
  width: 14px;
  top: 0;
  right: -29px;
  left: inherit;
  border-left: #e0e2e9 solid 1px;
  color: #7f879e;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.example-pop .example-main > div.l > span {
  display: block;
  height: 1px;
  width: 14px;
  background: #e0e2e9;
  position: relative;
  left: -7.5px;
}
.example-pop .example-main > div.l > div {
  transform: rotate(90deg);
  padding-bottom: 10px;
}
.example-pop .example-line {
  font-weight: 400;
  font-size: 12px;
  color: #7f879e;
  line-height: 20px;
}
.example-pop .example-line > div {
  width: 95px;
  display: inline-block;
}
.example-pop .example-line > div > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 32px;
  height: 4px;
}
.example-pop .example-line > div:nth-child(1) span {
  background: #ffffff;
  border: 1px solid #333333;
}
.example-pop .example-line > div:nth-child(2) span {
  height: 2px;
  background: #000000;
}
.example-pop .example-line > div:nth-child(3) {
  display: block;
}
.example-pop .example-line > div:nth-child(3) > span {
  border-top: #000000 dashed 1px;
}
.example-pop .example-main tr:first-child td {
  border-top: #29ad70 solid 1px;
}
.example-pop .example-main tr:last-child td {
  border-bottom: #29ad70 solid 1px;
}
.example-pop .example-main td:first-child {
  border-left: #29ad70 solid 1px;
}
.example-pop .example-main td:last-child {
  border-right: #29ad70 solid 1px;
}
.example-pop .example-main .dashed-bottom {
  border-top: 1px dashed #fff;
  border-bottom: 1px dashed #fff;
}
.example-pop .example-main .dashed-right {
  border-right: 1px dashed #fff;
}
.example-pop .example-main .solid-bottom {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.example-pop .example-main .solid-right {
  border-right: 1px solid #999;
}

.example-main table + table {
  margin-top: 20px;
}
.panel-example:hover .example-pop,
.panel-example:hover > .tip-pop {
  display: block;
}

/* 右侧面样式 ========= */
.pricin-main .right-panel-sticky {
  position: sticky;
  top: 120px;
  width: 340px;
  height: max-content;
}
.pricin-main .right-panel {
  width: 340px;
  font-size: 13px;
  font-weight: 400;
  position: relative;
}
.right-panel .section.shadow {
  box-shadow: 0px 0px 29px 0px rgba(26, 57, 128, 0.08);
}

.right-panel .panel {
  border-radius: 5px;
}
.right-panel .panel + .panel {
  margin-top: 2px;
}
/* .right-panel .panel .panel-header,
.right-panel .panel .panel-conent{
padding: 17px 0;
} */

.right-panel i {
  font-size: 12px;
}
.right-panel .panel-header {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  /* font-size: 12px; */
  color: #7f879e;
  background: #e9edf8;
  height: 25px;
  border-radius: 5px 5px 0px 0px;
}
.right-panel .panel-header .light {
  color: #a3abc1;
}
.right-panel .panel-header img {
  height: 12px;
  width: auto;
  display: inline-block;
}
.right-panel .panel img {
  height: 12px;
  width: auto;
  display: inline-block;
}
.right-panel .panel-conent .label {
  color: #7d7d7d;
}

.parameter-panel .panel-conent {
  /* font-size: 12px; */
  color: #606266;
  padding: 5px 10px 0;
  display: flex;
  flex-wrap: wrap;
}
.full-parameter-panel .panel-conent div,
.parameter-panel .panel-conent div {
  border-bottom: #eeeef3 solid 1px;
  line-height: 26px;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parameter-panel .panel-conent span:first-child {
  color: #909399;
  display: inline-block;
  min-width: 60px;
}
.parameter-panel .panel-footer {
  color: #7f879e;
  line-height: 18px;
  text-align: center;
  padding: 6px 0px;
}
.parameter-panel .panel-footer a {
  /* &:hover { */
  text-decoration: underline;
  /* } */
}

.full-parameter-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 308px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(4, 38, 94, 0.22);
  border-radius: 16px;
  z-index: 10;
  display: none;
}
.full-parameter-panel .panel-header {
  height: 38px;
  background: #eeeef3;
  border-radius: 16px 16px 0px 0px;
  font-size: 14px;
}
.full-parameter-panel .panel-header .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  color: #000;
}
.full-parameter-panel .panel-header .icon:hover {
  background: #fff;
}
/* .full-parameter-panel .panel-header .icon-close {} */
.full-parameter-panel .panel-conent {
  padding: 5px 18px;
  max-height: 740px;
  overflow: auto;
  /* font-size: 12px; */
  color: #606266;
  /* color: #333333; */
  line-height: 16px;
}
.full-parameter-panel .panel-conent div {
  width: 100%;
}
.full-parameter-panel .panel-conent div:last-child {
  border: none;
}
.full-parameter-panel .panel-conent div > span:first-child {
  color: #909399;
  display: inline-block;
  min-width: 94px;
}
.delivery-panel .panel-conent img {
  height: 15px;
}
.delivery-panel .f-row {
  height: 30px;
  padding-left: 10px;
  padding-right: 13px;
  color: #545556;
}
.delivery-panel .f-row:not(:last-child) {
  border-bottom: #eeeef3 solid 1px;
}
.freight-panel select {
  width: 146px;
  height: 27px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #eeeef3;
  margin: 5px 0;
  padding: 0 6px;
}
.freight-content {
  background: #f5f5fa;
  border-radius: 5px;
  border: 1px solid #d5dcf3;
  margin-bottom: 7px;
  /* padding-left: 17px;
  padding-right: 9px; */
  /* font-size: 12px;feat */
  color: #7f879e;
  padding: 6px 10px 0;
}
.freight-content ul + ul {
  margin-top: 2px;
}
.freight-content ul li i {
  font-size: 10px;
  color: #bfc3ce;
}
.freight-content ul li:nth-child(1) {
  width: 130px;
}
.freight-content ul li:nth-child(2) {
  color: #bfc3ce;
  width: 40px;
}
.freight-content ul li:nth-child(3) {
  flex: 1;
  text-align: right;
}

.freight-content ul li:nth-child(4) {
  margin-left: 7px;
  width: 33px;
  text-align: center;
}
.freight-content ul li:nth-child(4) span {
  background: #dce0ea;
  border-radius: 3px;
  border: 1px solid #b0b5c4;
  font-size: 11px;
  color: #7f879e;
  padding: 1px 4px;
}
.freight-content > div.f-row .iconfont {
  cursor: pointer;
}

.panel.panel-price {
  margin-bottom: 20px;
}
.panel.panel-price .panel-header {
  color: #fff;
  background: #dfa881;
}
.panel.panel-price .panel-conent {
  background: #fff2ea;
  border-radius: 0px 0px 5px 5px;
  /* height: 168px; */
}
.panel.panel-price .panel-conent > div {
  padding: 0 10px;
}
.panel.panel-price .panel-conent > div:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.panel.panel-price .row:first-child > div:first-child {
  height: 30px;
}
.panel.panel-price .row:first-child > div:last-child {
  position: relative;
  justify-content: flex-start;
  background: #ffd5b7;
  border-radius: 5px;
  flex-wrap: wrap;
  padding: 7px 8px;
  color: #545556;
  font-size: 12px;
  font-weight: 400;
}
.panel.panel-price .row:first-child > div:last-child::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 6px solid #ffd5b7;
  top: -6px;
  left: 74px;
}
.panel.panel-price .row:first-child > div:last-child > div {
  width: 33.333%;
  /* span { } */
}
.panel.panel-price .tag {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 17px;
  line-height: 18px;
  background: #ffd5b7;
  border-radius: 3px;
  font-size: 11px;
  color: #7d7d7d;
  cursor: pointer;
}
.panel.panel-price .tag i {
  font-size: 4px;
  margin-left: 3px;
}
.panel.panel-price .coupon-row {
  height: 30px;
}
.panel.panel-price .coupon-row .coupon {
  color: #fe144c;
}
.panel.panel-price .total-row {
  height: 56px;
  padding: 6px 10px 11px !important;
}
.panel.panel-price .total-row .label {
  font-size: 14px;
}
.panel.panel-price .total-row .price-color {
  font-weight: bold;
  font-size: 18px;
}
.panel.panel-price .total-row .price-color .small {
  font-weight: bold;
  font-size: 14px;
}
.panel.panel-price .total-row ._tips {
  color: #d1b7a7;
  line-height: 12px;
  position: relative;
  left: -10px;
}
.adSwiper {
  height: 95px;
}
.adSwiper .swiper-slide img {
  border-radius: 16px;
}
.adSwiper .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #000000;
  border-radius: 50%;
  opacity: 0.6;
}
.adSwiper .swiper-pagination-bullet-active {
  width: 18px;
  height: 5px;
  border-radius: 3px;
}
/* ========= */

.submit-btn {
  height: 56px;
  font-size: 20px;
  width: 100%;
}

.right-describe-ad {
  color: #17af40;
  line-height: 16px;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-describe {
  font-weight: 400;
  color: #a1a6b6;
  line-height: 18px;
}
.right-describe p + p {
  margin-top: 2px;
}
.submit-btn + .right-describe {
  margin-top: 16px;
}
.price-color {
  color: #f92300;
}
.price-color-dis {
  color: #d1b7a7;
}
.ml-20 {
  margin-left: 20px;
}

.ml-33 {
  margin-left: 33px;
}
.mr-8 {
  margin-right: 8px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-18 {
  margin-left: 18px;
}
.mt-8 {
  margin-top: 8px;
}
.mb-10 {
  margin-bottom: 10px;
}

.contac-layer-content {
  padding: 10px 34px 30px;
  text-align: center;
}
.contac-layer-content ul li {
  /* display: flex;
  justify-content: space-around;
  align-items: center; */
  margin-top: 6px;
  display: grid;
  grid-template-columns: 29% 30% 1fr;
  text-align: left;
  gap: 10px;
}
.contac-layer-content ul li > span:first-child {
  max-width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contac-layer-content ul li input {
  margin-right: 11px;
  vertical-align: middle;
}
.contac-layer-content .btn {
  width: 120px;
  height: 40px;
  margin: 30px auto 0;
}
.layui-layer-title {
  height: 38px;
  line-height: 40px;
  background: #eeeef3;
  border-radius: 16px 16px 0px 0px;
  font-weight: bold;
  font-size: 14px;
  color: #7f879e;
}
.layui-layer-setwin {
  top: 11px;
}

.successfully-added {
  text-align: center;
}
.successfully-added dl {
  padding: 60px 0 30px;
}
.successfully-added dl dt {
  font-size: 22px;
  margin-bottom: 8px;
}
.successfully-added .btn {
  width: 200px;
  height: 46px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 15px;
}
.successfully-added .btn.btn-warning {
  background: #ff9500;
  margin: 12px;
}
.successfully-added .btn.btn-warning:hover {
  background: #ff6c00;
}

.pcba-pupup {
  min-width: auto;
  background-color: transparent;
  padding: 40px 60px 0;
}

.pcba-pupup-title {
  position: relative;
  padding-left: 15px;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  color: #222222;
}
.pcba-pupup-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 20px;
  background: #1953ff;
}
.pcba-pupup-file {
  display: flex;
  justify-content: space-between;
  margin: 37px 0 18px;
}
.pcba-pupup-file .pcba-pupup-file__item {
  width: 203px;
  height: 120px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  text-align: center;
  position: relative;
}
.pcba-pupup-file .pcba-pupup-file__item:hover {
  box-shadow: 0px 0px 16px 0px rgba(26, 57, 128, 0.16);
  border-color: transparent;
}
.pcba-pupup-file .pcba-pupup-file__item:hover .iconfont {
  color: #1953ff;
}

.pcba-pupup-file__item input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
.pcba-pupup-file dl {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  padding: 20px;
}
.pcba-pupup-file dt {
  font-weight: bold;
  font-size: 15px;
}
.pcba-pupup-file dt .iconfont {
  font-size: 21px;
  margin-right: 5px;
}
.pcba-pupup-file dd {
  font-weight: 400;
  font-size: 12px;
  color: #cccccc;
  line-height: 15px;
}
.pcba-pupup-file__tip {
  font-size: 12px;
  color: #7f879e;
  line-height: 18px;
  padding: 0 15px;
  strong {
    font-size: 14px;
  }
}
.pcba-pupup-btns {
  text-align: center;
}
.pcba-pupup-btns button {
  width: 200px;
  height: 50px;
  line-height: 50px;
  background: #1969fa;
  border-radius: 8px;
  margin: 40px auto 0;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #ffffff;
}
.pcba-pupup-btns button:hover {
  background: #0a3ac9;
}