.textEellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearF:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.userSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.totalIconCss {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.drop-down {
  display: inline-block;
  position: relative;
  border: 1px solid #dfdfdf;
  min-width: 280px;
  background: #fff;
  cursor: pointer;
}
.drop-down:after {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 3;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjExcHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIwIDAgMTEgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMzkuMSAoMzE3MjApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPumcgOeCueWHu+eahOS4i+aLiTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0OC4wMDAwMDAsIC0zNC4wMDAwMDApIiBmaWxsPSIjOTk5OTk5Ij4KICAgICAgICAgICAgPGcgaWQ9IumcgOeCueWHu+eahOS4i+aLiSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0OC4wMDAwMDAsIDM0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlhNTElEXzMxMDFfIiBwb2ludHM9IjAgMC4xIDUuNSA1LjYgMTEgMCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat center;
  width: 11px;
  height: 6px;
  margin-top: -3px;
  transition: all 0.3s linear;
}
.drop-down .filter-info {
  background: #fff;
  width: 430px;
  height: 30px;
  line-height: 30px;
  text-indent: 15px;
  border: none;
  float: none;
  width: 250px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.drop-down .drop-lists {
  min-width: 280px;
  position: absolute;
  top: 30px;
  left: -1px;
  z-index: 3;
  background: #fff;
  border: 1px solid #dfdfdf;
  max-height: 150px;
  overflow-y: auto;
  display: none;
}
.drop-down .drop-lists li {
  padding: 6px 0 6px 15px;
  cursor: pointer;
}
.drop-down .drop-lists li:hover {
  background-color: #f5fafd;
  color: #495c68;
}
.active-drop:after {
  transform: rotate(180deg);
}
.fixed-bg {
  background: #f8f8f8 url("https://www.pcbway.com/project/img/images/courtside-bg.jpg?v=20241204") repeat-x fixed;
}
a {
  color: inherit;
}
/*content*/
.cta-header {
  background: url(https://www.pcbway.com/project/img/images/cta-header.jpg);
  color: #fff;
  height: 210px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.yq-main {
  width: 1200px;
  margin: 40px auto;
  position: relative;
  min-height: 600px;
}
.yq-main .yq-main-left {
  float: left;
  width: 871px;
  position: relative;
}
.yq-main .yq-main-right {
  width: 308px;
  float: right;
}
/* flexslider */
.commodities {
  margin-bottom: 4px;
}
.flexslider {
  position: relative;
  height: 260px;
  overflow: hidden;
  background: url(https://www.pcbway.com/project/img/images/loading.gif) 50% no-repeat;
  width: 592px;
  float: left;
}
.flexslider .slides {
  position: relative;
  z-index: 1;
}
.flexslider .slides li {
  height: 260px;
}
.flexslider .slides li a {
  width: 592px;
  height: 260px;
  display: block;
}
.flex-control-nav {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.flex-control-nav li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
}
.flex-control-nav a {
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 40px;
  overflow: hidden;
  background: #dadada;
  border-radius: 50%;
  cursor: pointer;
}
.flex-control-nav .flex-active {
  background: #4c4c4c;
}
.flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 40%;
}
.flex-direction-nav li a {
  display: block;
  width: 30px;
  height: 60px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.flex-direction-nav li a.flex-prev {
  left: 0px;
  background: url(https://www.pcbway.com/project/img/images/left-1.png) center center no-repeat;
}
.flex-direction-nav li a.flex-prev:hover {
  left: 0px;
  background: url(https://www.pcbway.com/project/img/images/left-1.png) center center no-repeat #252422;
}
.flex-direction-nav li a.flex-next {
  right: 0px;
  background: url(https://www.pcbway.com/project/img/images/right-2.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next:hover {
  right: 0px;
  background: url(https://www.pcbway.com/project/img/images/right-2.png) center center no-repeat #252422;
}
.commodities .userBox {
  width: 255px;
  height: 260px;
  padding: 10px;
  float: right;
  position: relative;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.userBox .videoBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.pcbway.com/project/img/images/userVideoBg.jpg) center center no-repeat;
  z-index: 1;
  overflow: hidden;
}
.userBox .videoBg .videoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.userBox .videoBg .videoMask .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
  z-index: 1;
}
.userBox .videoBg video {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  object-fit: cover;
}
.userBox .userInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
.userBox .userInfo .playBtn {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 255px;
  height: 260px;
}
.userInfo .info {
  width: 255px;
  margin: 194px auto 13px;
}
.userBox .userInfo .info.question_ans .sevenBtn.pendingMonth {
  width: 160px;
  height: 34px;
  margin: 0 auto;
  line-height: 30px;
  font-size: 14px;
  color: #c9a96e;
  border: 3px solid #c9a96e;
}
.userBox .userInfo .info .sevenBtn {
  position: relative;
  width: 100%;
  height: 50px;
  display: block;
  font-weight: 700;
  text-align: center;
}
.userBox .videoBg .videoMask .nqblb {
  position: relative;
  margin: 60px auto 0;
  background: url(https://www.pcbway.com/project/img/images/doyourbest.png) no-repeat center 0;
  height: 205px;
  width: 235px;
  z-index: 2;
}
.userBox .userInfo .info .sevenBtn::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background: #c9a96e;
  opacity: 0.3;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.userBox .userInfo .info.question_ans .sevenBtn.pendingMonth:hover::after {
  height: 100%;
}
.to_top {
  position: fixed;
  bottom: 105px;
  display: none;
  margin: -30px 0 0 10px;
  width: 47px;
  border: 0px #cdcdcd solid;
  border-radius: 3px;
  border-top: 0;
  cursor: pointer;
}
.to_top:hover {
  text-decoration: none;
}
.to_top a {
  display: block;
  width: 37px;
  height: 40px;
  line-height: 12px;
  text-align: center;
  color: #787878;
  text-decoration: none;
  background: url(https://www.pcbway.com/project/img/images/scrolltop.png) no-repeat 0 0;
  border-top: 0px #cdcdcd solid;
}
a.scrolltopa:hover {
  background-position: -43px 0px !important;
}
a.replyfast {
  background-position: 0 -40px !important;
}
a.replyfast:hover {
  background-position: -43px -40px !important;
}
a.returnlist,
a.returnboard {
  background-position: 0 -80px !important;
}
a.returnlist:hover,
a.returnboard:hover {
  background-position: -43px -80px !important;
}
.to_top a b {
  visibility: hidden;
  font-weight: normal;
}
.yq-main .yq-main-left .recommend-subject {
  *zoom: 1;
  width: 871px;
}
.yq-main .yq-main-left .recommend-subject:after,
.yq-main .yq-main-left .recommend-subject:before {
  content: "";
  display: table;
}
.yq-main .yq-main-left .recommend-subject:after {
  clear: both;
}
.yq-main .yq-main-left .recommend-subject .s-title {
  float: left;
  width: 20px;
  height: 211px;
  font-size: 14px;
  color: #666;
  background: #e2ecf6;
  text-align: center;
  padding: 84px 5px 0;
  word-wrap: break-word;
}
.yq-main.yq-main-ask .yq-main-left .recommend-subject .s-title {
  height: 186px;
}
.yq-main .yq-main-left .recommend-subject .s-title .icon-subject {
  background: url(https://www.pcbway.com/project/img/images/recommend.png) no-repeat 0 0;
  width: 16px;
  height: 20px;
  display: inline-block;
}
.yq-main .yq-main-left .recommend-subject .more-subject {
  float: left;
  display: block;
  height: 24px;
  line-height: 24px;
  width: 839px;
  background: #e2ecf6;
  margin: 1px 0 0 1px;
  text-align: center;
}
.yq-main .yq-main-left .recommend-subject .s-c-panel {
  float: left;
}
.yq-main .yq-main-left .recommend-subject .subject-content {
  float: left;
  width: 419px;
  height: 270px;
  background: #e2ecf6;
  margin: 0 1px;
}
.yq-main .yq-main-left .recommend-subject .subject-content:last-child {
  margin: 0;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info {
  *zoom: 1;
  margin-top: 30px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info:after,
.yq-main .yq-main-left .recommend-subject .subject-content .top-info:before {
  content: "";
  display: table;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info:after {
  clear: both;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .expert-info {
  margin: 4px 0 0 18px;
  width: 84px;
  float: left;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .expert-info img {
  height: 60px;
  width: 60px;
  margin: 4px 0 10px 6px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .expert-info dd {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  text-align: center;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info {
  position: relative;
  float: left;
  margin-left: 6px;
  height: 85px;
  width: 240px;
  background: #fcfdfe;
  padding: 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background: #fff;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .arrow {
  position: absolute;
  left: -6px;
  top: 36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #fff transparent transparent;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .sub-title {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  min-height: 40px;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .sub-title a {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .sub-title a:hover {
  color: #39C19D;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .s-count {
  color: #999;
  font-size: 12px;
  line-height: 24px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .top-info .subject-info .show-detail {
  font-size: 14px;
  line-height: 24px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info {
  height: 54px;
  margin-top: 10px;
  *zoom: 1;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info:after,
.yq-main .yq-main-left .recommend-subject .subject-content .present-info:before {
  content: "";
  display: table;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info:after {
  clear: both;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-title {
  float: left;
  line-height: 54px;
  width: 77px;
  color: #666;
  font-size: 12px;
  text-align: left;
  padding-left: 30px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item {
  float: left;
  position: relative;
  height: 40px;
  width: 40px;
  margin: 7px 40px 0 0;
  cursor: pointer;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item img {
  height: 100%;
  width: 100%;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item .p-detail {
  position: absolute;
  display: none;
  top: 42px;
  left: 20px;
  height: 116px;
  width: 116px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item .p-detail img {
  height: 80px;
  width: 80px;
  margin: 8px auto 0;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item .p-detail .title-info {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .p-item:hover .p-detail {
  display: block;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .time-info {
  float: left;
  margin: 7px 0 0;
  background: #00c1e0;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  padding: 0 10px 0 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info .time-info i {
  margin-right: 6px;
  width: 14px;
  height: 14px;
  background: url(https://www.pcbway.com/project/img/images/time.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info.other-info {
  height: 34px;
  margin-top: 0;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info.other-info .p-title {
  line-height: 34px;
}
.yq-main .yq-main-left .recommend-subject .subject-content .present-info.end .time-info {
  background: #c9cbce;
}
.yq-main .yq-main-left .recommend-subject .more-subject {
  float: left;
  display: block;
  height: 24px;
  line-height: 24px;
  width: 839px;
  background: #e2ecf6;
  margin: 1px 0 0 1px;
  text-align: center;
}
.yq-new-list .yq-new-item.normal-nopic-item .new-content {
  width: 100%;
  float: none;
}
.yq-new-list .yq-new-item {
  width: 100%;
  padding: 0px 0px 0px 0;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  height: 230px;
}
.yq-new-item:hover .new-content .desc-title {
  color: #00a699;
}
.yq-new-item:hover .item-pic {
  width: 500px;
}
.yq-new-item:hover .item-pic img {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1.04) !important;
}
.yq-new-list .yq-new-item.normal-nopic-item {
  padding-right: 20px;
}
.yq-new-list .yq-new-item.normal-nopic-item .desc-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.yq-new-list .yq-new-item:hover {
  background: #ffffff;
}
.yq-new-list .yq-new-item .alllink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 12;
}
.yq-new-list .yq-new-item.fullvideo-item {
  padding: 35px 40px;
  height: 250px;
  position: relative;
  margin-bottom: 2px;
  overflow: hidden;
}
.yq-new-list .yq-new-item.fullvideo-item .bg-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.9));
}
.yq-new-list .yq-new-item.fullvideo-item .bgpic {
  width: 871px;
  height: 250px;
  position: absolute;
  left: 0;
  top: 0;
}
.yq-new-list .yq-new-item.fullvideo-item img {
  transition: all 0.5s ease-out 0s;
}
.yq-new-list .yq-new-item.fullvideo-item h3 {
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  font-weight: 400;
  max-height: 64px;
  overflow: hidden;
}
.yq-new-list .yq-new-item.fullvideo-item p {
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  margin: 10px 0;
  max-height: 92px;
  overflow: hidden;
}
.yq-new-list .yq-new-item.fullvideo-item .btn-signup {
  display: block;
  float: left;
  border: 1px solid #fff;
  width: 118px;
  height: 34px;
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  margin-top: 12px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.yq-new-list .yq-new-item.fullvideo-item:hover img {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.yq-new-list .yq-new-item.fullvideo-item .new-content {
  position: relative;
  width: auto;
  z-index: 1;
}
.yq-new-list .yq-new-item.fullvideo-item:hover .btn-signup {
  background: #fff none repeat scroll 0 0;
  border-color: #fff;
  color: #373d41;
}
.yq-new-list .yq-new-item.top-item {
  border-top: 0;
}
.yq-new-list .yq-new-item.top-item .head-img {
  width: 30px;
  height: 116px;
}
.yq-new-list .yq-new-item.top-item .head-img img {
  height: 100%;
  width: 100%;
}
.yq-new-list .yq-new-item.top-item .new-content {
  margin-left: 20px;
  width: 820px;
}
.yq-new-list .yq-new-item.top-item .new-content .new-desc {
  padding-top: 0;
  white-space: normal;
}
.yq-new-list .yq-new-item.top-item .new-content .user-info {
  margin-top: 5px;
}
.yq-new-list .yq-new-item .head-img {
  float: left;
  display: inline-block;
  margin-top: 5px;
  width: 282px;
  overflow: hidden;
}
.yq-new-list .yq-new-item .head-img img {
  width: 282px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.yq-new-list .yq-new-item .head-img img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.yq-new-list .yq-new-item .title-info a,
.yq-new-list .yq-new-item .title-jump {
  font-size: 13px;
  color: #39C19D;
  line-height: 24px;
  font-weight: 500;
  max-height: 60px;
  overflow: hidden;
  position: relative;
  z-index: 44;
}
.yq-new-list .yq-new-item .new-content {
  width: 610px;
  padding: 22px 30px 28px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: content-box;
}
.yq-new-list .yq-new-item .item-pic {
  overflow: hidden;
  min-width: 240px;
  width: 240px;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
}
.yq-new-list .yq-new-item .item-pic:hover img {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1.02);
}
.yq-new-list .yq-new-item .item-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  height: 101%;
  max-width: none;
  min-width: 100%;
  width: auto;
  transition: all 0.3s ease;
}
.yq-new-list .yq-new-item .item-pic .pic-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 220px;
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(-180deg, hsla(0, 0%, 85%, 0), rgba(0, 0, 0, 0.6));
}
.yq-new-list .yq-new-item .item-pic .type {
  position: absolute;
  left: 10px;
  top: 10px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  padding: 0 6px;
  z-index: 2;
}
.yq-new-list .yq-new-item .title-info a:hover,
.yq-new-list .yq-new-item:hover h3 {
  color: #39C19D;
  text-decoration: none;
}
.yq-new-list .yq-new-item .title-info img,
.yq-new-list .yq-new-item h3 img {
  margin-right: 5px;
  vertical-align: -3px;
}
.yq-new-list .yq-new-item .new-type {
  display: inline-block;
  padding: 1px 8px;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  font-size: 12px;
  vertical-align: 2px;
}
.yq-new-list .yq-new-item .new-type.type-active,
.yq-new-list .yq-new-item .new-type.type-blog,
.yq-new-list .yq-new-item .new-type.type-first,
.yq-new-list .yq-new-item .new-type.type-one,
.yq-new-list .yq-new-item .new-type.type-pop {
  border-color: #f60;
  color: #f60;
}
.yq-new-list .yq-new-item .new-type.type-two {
  border-color: #00c1de;
  color: #00c1de;
}
.yq-new-list .yq-new-item .user-info {
  color: #999;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  z-index: 15;
  display: flex;
  align-items: center;
  height: 22px;
}
.yq-new-list .yq-new-item .user-info .view-count {
  font-size: 13px;
  color: #a6abab;
}
.yq-new-list .yq-new-item .user-info .view-count .iconpreview {
  vertical-align: middle;
}
.yq-new-list .yq-new-item .user-info .view-count .text {
  vertical-align: bottom;
}
.yq-new-list .yq-new-item .desc-title {
  font-size: 20px;
  color: #1E1E1E;
  font-weight: 500;
  margin-top: 10px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.yq-new-list .yq-new-item .desc-title:hover {
  color: #00a699;
}
.yq-new-list .yq-new-item .user-info .info-text {
  float: left;
  display: inline-block;
}
.yq-new-list .yq-new-item .user-info .line-bg {
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #C3C8C8;
  margin-left: 10px;
  margin-right: 8px;
}
.yq-new-list .yq-new-item .user-info .b-time {
  font-size: 13px;
  color: #A6ABAB;
  padding-top: 2px;
}
.yq-new-list .yq-new-item .new-content .tags {
  position: relative;
  z-index: 14;
  overflow: hidden;
  max-height: 38px;
}
.yq-new-list .yq-new-item .user-info .info-text img {
  margin-left: 5px;
  height: 12px;
  width: 12px;
  vertical-align: -2px;
}
.yq-new-list .yq-new-item .user-info .info-text i {
  display: inline-block;
  margin: 0 10px 0 20px;
  vertical-align: middle;
}
.yq-new-list .yq-new-item .user-info .info-text .icon-watched {
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url(https://www.pcbway.com/project/img/images/eye-icon.png);
  margin-right: 4px;
}
.yq-new-list .yq-new-item .head-icon {
  float: left;
  color: #666666;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.yq-new-list .yq-new-item .head-icon img {
  height: 22px;
  width: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 6px;
}
.yq-new-list .yq-new-item .head-icon .user-name {
  padding-top: 2px;
}
.yq-new-list .yq-new-item .new-desc {
  padding-top: 18px;
  font-size: 14px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}
.yq-new-list .yq-new-item .before-link {
  margin-left: 6px;
  font-size: 14px;
  color: #00c1de;
}
.yq-new-list .yq-new-item .new-desc-two {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  margin: 10px 0 0;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.yq-new-list .yq-new-item .img-group {
  overflow: hidden;
}
.yq-new-list .yq-new-item .img-group a {
  display: inline-block;
  float: left;
  margin-top: 15px;
  margin-left: 12px;
  height: 150px;
  width: 282px;
  overflow: hidden;
}
.yq-new-list .yq-new-item .img-group a img {
  height: 150px;
  width: 282px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.yq-new-list .yq-new-item .img-group a img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.yq-new-list .yq-new-item .img-group a:first-child {
  margin-left: 0;
}
.yq-new-list .yq-new-item .big-img a {
  display: inline-block;
  margin-left: 0;
  width: 870px;
  height: 150px;
  overflow: hidden;
}
.yq-new-list .yq-new-item .big-img a img {
  width: 870px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.yq-new-list .yq-new-item .big-img a img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.label-item {
  display: inline-block;
  margin: 9px 5px 0 0;
  padding: 1px 8px 2px;
  border: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 15px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
  text-decoration: none;
}
.label-item:link,
.label-item:visited {
  color: #999;
  text-decoration: none;
  font-size: 13px;
}
.label-item.active,
.label-item:hover {
  color: #00a699;
  border-color: #00a699;
  text-decoration: none;
  background: transparent;
}
.homeflowlist {
  width: 871px;
}
.homeflowlist #pages a {
  height: auto;
}
/*right*/
.yq-right-sider .sign-in-title {
  background: #39C19D;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.yq-right-sider .sign-in-title i {
  display: inline-block;
  height: 16px;
  width: 15px;
  margin-right: 9px;
  vertical-align: -2px;
  background: url(https://www.pcbway.com/project/img/images/sign-icon.png);
}
.yq-right-sider .sign-in-title i.present {
  background: url(https://www.pcbway.com/project/img/images/present-icon.png);
}
.yq-right-sider .sign-in-title:hover {
  background: #7bd2a6;
  border-color: #7bd2a6;
}
.yq-right-sider .sign-content {
  position: relative;
  margin-top: 20px;
  background: #fff;
}
.yq-right-sider .sign-content a:hover {
  color: #00a699;
}
.sign-content.subject-s-content {
  margin-top: 20px;
  height: auto;
  padding-bottom: 40px;
}
.yq-right-sider .sign-content .nav-tab {
  height: 50px;
  border-bottom: 1px solid #e3e4e6;
  margin-bottom: 0;
}
.yq-right-sider .sign-content .more {
  position: absolute;
  right: 28px;
  top: 24px;
  z-index: 1;
  color: #00c1de;
}
.yq-right-sider .sign-content .nav-tab li {
  position: relative;
  padding-top: 20px;
  float: left;
  display: inline-block;
  margin-left: 20px;
  margin-top: -1px;
}
.yq-right-sider .sign-content .nav-tab li .nav-title,
.yq-right-sider .sign-content .nav-tab li a,
.yq-right-sider .sign-content .nav-tab li span {
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-decoration: none;
}
.activity-box .activity-info {
  padding: 20px 15px;
  position: relative;
}
.activity-box .activity-info .hoz-line {
  width: 0;
  border-left: 1px solid #ebecec;
  position: absolute;
  left: 18px;
  top: 20px;
  bottom: 30px;
}
.activity-box .activity-info .activity-list {
  height: 216px;
  position: relative;
  overflow: hidden;
}
.activity-box .activity-info .activity-list:hover {
  overflow-y: scroll;
  margin-right: -4px;
}
.activity-box .activity-info .activity-list::-webkit-scrollbar {
  background: #f5f5f6;
  width: 4px;
  height: 216px;
  position: absolute;
  top: 0;
  right: 0;
}
.activity-box .activity-info .activity-list::-webkit-scrollbar-thumb:vertical {
  background: #00a699;
  width: 4px;
  height: 80px;
}
.activity-box .activity-info .activity-list ul {
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.activity-box .activity-info .activity-list li {
  padding-left: 15px;
  margin: 4px 0;
  float: left;
  color: #373d41;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  padding-right: 12px;
}
.activity-box .activity-info .activity-list li .middot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  background-image: url(https://www.pcbway.com/project/img/images/TxpXa-8-8.png);
  background-size: 4px 4px;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}
.activity-box .activity-info .activity-list li .label {
  display: block;
  width: 40px;
  color: #999;
  float: left;
}
.activity-box .activity-info .activity-list li .txt {
  display: block;
  padding-left: 40px;
}
.activity-box .activity-info .activity-list li .txt a {
  display: inline-block;
  vertical-align: top;
}
.activity-box .activity-info .activity-list li:hover .label,
.activity-box .activity-info .activity-list li:hover .label i,
.activity-box .activity-info .activity-list li:hover .txt a {
  color: #00a699;
}
.sign-content.s-c-rank .tab-item {
  width: 100%;
  padding: 10px 0 20px;
}
.sign-content.s-c-rank .rank-table {
  width: 100%;
}
.sign-content.s-c-rank .rank-table th {
  color: #ccc;
  line-height: 30px;
}
.sign-content.s-c-rank .rank-table td,
.sign-content.s-c-rank .rank-table th {
  text-align: center;
}
.sign-content.s-c-rank .rank-table td {
  line-height: 30px;
  color: #333;
}
.sign-content.s-c-rank .rank-table td:nth-of-type(odd) {
  color: #999;
}
.sign-content.subject-s-content .reward-panel {
  padding: 0 30px;
}
.sign-content.subject-s-content .reward-panel .reward-item {
  margin-top: 30px;
}
.sign-content.subject-s-content .reward-panel .reward-item dt {
  float: left;
  height: 40px;
  width: 40px;
}
.sign-content.subject-s-content .reward-panel .reward-item dt img {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.sign-content.subject-s-content .reward-panel .reward-item dd {
  padding-left: 60px;
}
.sign-content.subject-s-content .reward-panel .reward-item dd .info-text,
.sign-content.subject-s-content .reward-panel .reward-item dd .p-info,
.sign-content.subject-s-content .reward-panel .reward-item dd .s-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 8px;
}
.sign-content.subject-s-content .reward-panel .reward-item dd .info-text {
  color: #666;
  font-weight: normal;
}
.sign-content.subject-s-content .reward-panel .reward-item dd .info-text em {
  color: #000;
  font-style: normal;
}
.sign-content.subject-s-content .reward-panel .reward-item dd .p-info {
  color: #333;
  padding-bottom: 0;
}
.yq-right-sider .sign-content .more {
  position: absolute;
  right: 28px;
  top: 24px;
  z-index: 1;
  color: #00a699;
}
.yq-right-sider .sign-content .more:hover {
  color: #00643c;
}
.yq-hot-tags {
  margin-top: 0 !important;
  height: auto !important;
}
.yq-right-sider .yq-hot-tags {
  margin-top: 20px;
  height: auto !important;
}
.yq-right-sider .yq-hot-tags .tags-panel {
  padding: 20px;
}
.yq-ask .ask-panel {
  padding: 20px;
}
.yq-ask .ask-panel .ask-item {
  overflow: hidden;
  padding-top: 12px;
  margin: 0;
}
.yq-ask .ask-panel .ask-item:first-child {
  padding-top: 0;
}
.yq-ask .ask-panel .ask-item .order-num {
  float: left;
  width: 23px;
  color: #999;
  font-size: 14px;
}
.yq-ask .ask-panel .ask-item .ask-conent {
  float: left;
  width: 242px;
}
.yq-ask .ask-panel .ask-item .ask-conent a:hover {
  color: #00a699;
}
.yq-ask {
  height: auto !important;
  margin-top: 20px !important;
}
.yq-right-sider .yq-hot-tags .tags-panel .label-item {
  display: inline-block;
  margin: 0 8px 15px 0;
  padding: 1px 8px;
  color: #999;
  border: 1px solid #ccc;
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 15px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
}
.yq-right-sider .yq-hot-tags .tags-panel .label-item.active,
.yq-right-sider .yq-hot-tags .tags-panel .label-item:hover {
  color: #00a699;
  border-color: #00a699;
}
.yq-right-sider .yq-Categories .categories-panel {
  padding: 20px;
}
.yq-right-sider .yq-Categories {
  margin-top: 20px;
  height: auto !important;
}
/*detail*/
.yq-breadcrumb {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.yq-blog-detail {
  width: 870px !important;
}
.yq-blog-detail .tag-breadcrumb {
  margin-bottom: 18px;
}
.yq-breadcrumb li {
  float: left;
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 48px;
}
.yq-blog-detail .yq-breadcrumb li {
  line-height: normal;
}
.yq-breadcrumb li span {
  padding: 0 3px;
  color: #333;
}
.yq-breadcrumb li.active {
  color: #333;
}
.yq-blog-detail .yq-breadcrumb li {
  line-height: normal;
}
.yq-blog-detail .blog-title {
  font-size: 28px;
  font-weight: normal;
  line-height: 38px;
  color: #000;
  margin: 0;
}
.yq-blog-detail .blog-o-info {
  padding: 12px 0;
  font-size: 13px;
  color: #999;
}
.yq-blog-detail .blog-o-info .b-time {
  margin: 0 18px;
}
.yq-blog-detail .blog-o-info .b-comment {
  margin-left: 10px;
}
.yq-blog-detail .blog-o-info .b-comment {
  margin-left: 10px;
}
.yq-blog-detail .blog-tags .label-item {
  margin-top: 0;
  margin-bottom: 5px;
}
.yq-blog-detail .blog-summary {
  margin-top: 30px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  padding: 16px 30px;
  background: #f9f9f9;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}
.yq-blog-detail .blog-summary em {
  font-weight: 700;
}
.yq-blog-detail .content-detail {
  padding: 40px 0;
  font-size: 16px;
  line-height: 32px;
  position: relative;
  word-wrap: break-word;
  overflow: hidden;
}
.yq-blog-detail .content-detail .ql-editor {
  white-space: normal !important;
}
.yq-blog-detail .content-detail .ql-editor a {
  color: #22a482;
  text-decoration: underline;
}
.yq-blog-detail .content-detail img {
  max-width: 840px;
  display: block;
  margin: 10px auto 20px;
}
.yq-blog-detail .content-detail P {
  margin: 8px 0 16px;
}
.yq-blog-detail .content-detail P a {
  color: #22a482;
  text-decoration: underline;
}
.ql-align-center {
  text-align: center;
}
.yq-blog-detail .content-detail td,
.yq-blog-detail .content-detail th {
  padding: 5px 10px;
  border: 1px solid #DDD;
}
.yq-blog-detail .footer-detail {
  padding: 20px 0;
}
.yq-blog-detail .footer-detail .share-to dt {
  line-height: 33px;
  color: #100a24;
  display: inline-block;
  font-weight: 400;
}
.yq-blog-detail .footer-detail .y-btn-blue {
  text-align: center;
  padding: 0 12px;
}
.yq-blog-detail .footer-detail .share-to {
  float: right;
}
.yq-blog-detail .footer-detail .share-to dd,
.yq-blog-detail .footer-detail .share-to dt {
  float: left;
}
.yq-blog-detail .footer-detail .share-to .wechat,
.yq-blog-detail .footer-detail .share-to .weibo {
  float: left;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  cursor: pointer;
  text-decoration: none;
}
.yq-blog-detail .footer-detail .share-to .yy-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 10px;
}
.yq-blog-detail .footer-detail .share-to .yy-icon.bt-facebook {
  background-position: 0 -1551px;
}
.yq-blog-detail .footer-detail .share-to .yy-icon.bt-twitter {
  background-position: -60px -1551px;
}
.yq-blog-detail .footer-detail .share-to .yy-icon.bt-googleplus {
  background-position: -90px -1551px;
}
.yq-blog-detail .about-content .about-c-list {
  padding: 30px 0;
  overflow: hidden;
}
.yq-blog-detail .about-content .about-c-list li {
  float: left;
  margin: 0 10px;
}
.yq-blog-detail .about-content .about-c-list li a {
  display: inline-block;
  color: #333;
  font-size: 15px;
  line-height: 32px;
  width: 410px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*topic*/
.yq-subject-list .title-info {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  line-height: 58px;
}
.yq-subject-list {
  width: 870px;
}
.yq-subject-list .subject-panel {
  border: 1px solid #e9e9e9;
  border-width: 1px 0 0;
}
.yq-subject-list .subject-panel .subject-item {
  padding: 40px 50px 40px 0;
  border: 1px solid #e9e9e9;
  border-width: 0 1px 1px;
}
.yq-subject-list .subject-panel .subject-item .expert-info {
  width: 128px;
  float: left;
}
.yq-subject-list .subject-panel .subject-item .s-content {
  position: relative;
  margin-left: 128px;
  padding-left: 20px;
  border-left: 1px solid #e9e9e9;
  min-height: 130px;
}
.yq-subject-list .subject-panel .subject-item .expert-info dt img {
  margin: 10px 40px 0;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.yq-subject-list .subject-panel .subject-item .expert-info dd {
  text-align: center;
}
.yq-subject-list .subject-panel .subject-item .expert-info dd .user-name {
  font-size: 12px;
  color: #000;
}
.yq-subject-list .subject-panel .subject-item .s-content {
  position: relative;
  margin-left: 128px;
  padding-left: 20px;
  border-left: 1px solid #e9e9e9;
  min-height: 130px;
}
.yq-subject-list .subject-panel .subject-item .s-content .arrow {
  position: absolute;
  left: -7px;
  top: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent #e9e9e9 transparent transparent;
}
.yq-subject-list .subject-panel .subject-item .s-content .arrow:before {
  position: absolute;
  content: '';
  top: -6px;
  left: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 6.5px 6.5px 0;
  border-color: transparent #fff transparent transparent;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-title a {
  font-size: 20px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-info {
  overflow: hidden;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-info span {
  float: left;
  padding-right: 30px;
  color: #999;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-desc {
  padding: 10px 0 22px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list {
  overflow: hidden;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list dt {
  float: left;
  color: #ccc;
  font-size: 12px;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list dd.p-item {
  padding-right: 10px;
  color: #f60;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list dd {
  float: left;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list dd.time-info {
  background: #00c1e0;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  padding: 0 10px 0 8px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  height: 20px;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list dd.time-info i {
  margin-right: 6px;
  width: 14px;
  height: 14px;
  background: url(https://www.pcbway.com/project/img/images/time.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list.end .p-item {
  color: #ccc;
}
.yq-subject-list .subject-panel .subject-item .s-content .present-list.end .time-info {
  background: #c9cbce;
}
.yq-subject-list .subject-panel .subject-item .s-content .s-title a:hover {
  color: #39C19D;
}
.yq-subject-list .subject-panel .subject-item:hover {
  position: relative;
  border: 1px solid #00c1e0 !important;
  margin-top: -1px;
}
.yq-subject-list .subject-panel .subject-item:hover .s-content .s-title a {
  color: #39C19D;
}
.yq-ask-list {
  width: 870px;
}
.yq-ask-list .top-item {
  min-height: 210px;
  background: #fafafa;
  padding: 40px;
}
.yq-ask-list .top-item .t-i-title {
  font-size: 24px;
  color: #000;
  font-weight: normal;
  line-height: 24px;
  padding: 0;
  margin: 0;
}
.yq-ask-list .top-item .t-i-footer {
  padding: 6px 0 18px;
}
.yq-ask-list .top-item .t-i-footer .info-text {
  float: left;
  color: #999;
  margin-right: 20px;
}
.icon-watched {
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url(https://www.pcbway.com/project/img/images/eye-icon.png);
}
.yq-ask-list .top-item .t-i-desc {
  padding: 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  word-wrap: break-word;
  overflow: hidden;
}
.yq-ask-list .top-item .t-i-footer:after {
  content: "";
  display: block;
  clear: both;
}
.yq-ask-list .top-item .t-i-desc h4,
.yq-ask-list .top-item .t-i-desc h5,
.yq-ask-list .top-item .t-i-desc h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.yq-ask-list .top-item .t-i-desc P {
  margin-bottom: 10px;
}
.yq-ask-list .top-item .present-title {
  margin-top: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  position: relative;
}
.yq-ask-list .top-item .present-title a {
  vertical-align: bottom;
  font-size: 12px;
  margin-left: 20px;
}
.yq-ask-list .top-item .present-title .time-info {
  position: absolute;
  right: 0;
  bottom: 0;
  vertical-align: bottom;
  background: #00c1e0;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
  padding: 0 10px 0 8px;
}
.yq-ask-list .top-item .present-title .time-info i {
  margin-right: 6px;
  width: 14px;
  height: 14px;
  background: url(https://www.pcbway.com/project/img/images/time.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}
.yq-ask-list .top-item .present-title .time-info.end {
  background: #c9cbce;
}
.yq-ask-list .top-item .present-content {
  margin-top: 8px;
  overflow: hidden;
}
.yq-ask-list .top-item .present-content .present-item {
  float: left;
  width: 260px;
  height: 90px;
  margin-right: 5px;
  position: relative;
  font-size: 14px;
  color: #fff;
}
.yq-ask-list .top-item .present-content .present-item.p1 {
  background: url(https://www.pcbway.com/project/img/images/p1_bg_color.jpeg);
}
.yq-ask-list .top-item .present-content .present-item.p2 {
  background: url(https://www.pcbway.com/project/img/images/p2_bg_color.jpeg);
}
.yq-ask-list .top-item .present-content .present-item.p3 {
  background: url(https://www.pcbway.com/project/img/images/p3_bg_color.jpeg);
}
.yq-ask-list .top-item .present-content .present-item:last-child {
  margin-right: 0;
}
.yq-ask-list .top-item .present-content .present-item .present-desc {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  font-size: 14px;
}
.yq-ask-list .top-item .present-content .present-item .title-info {
  padding: 0;
  margin: 22px 0 5px 30px;
  color: #fff;
  font-size: 14px;
}
.yq-ask-list .top-item .present-content .present-item .present-img {
  position: absolute;
  height: 80px;
  width: 80px;
  bottom: 0;
  right: 20px;
}
.comments-list .comment-item .a-content .sub-comments-box:after,
.comments-list .comment-item .a-content .sub-comments-box:before {
  left: 36px;
}
.comments-list .r-user-info .adopt-info {
  display: inline-block;
  height: 20px;
  color: #f60;
  text-align: center;
  margin-left: 3px;
  text-decoration: none;
}
.comments-list .r-user-info .adopt-info img {
  vertical-align: middle;
}
.comments-list .r-user-info .avatar-m {
  display: inline-block;
  margin-right: 10px;
  height: 30px;
  width: 30px;
  float: left;
}
.a-i-award {
  width: 46px;
  float: left;
  margin-left: -75px;
  color: #ccc;
  text-align: center;
  cursor: pointer;
}
.a-i-award dl {
  padding-bottom: 0px;
  border: 1px solid #ccc;
  background: #fff;
  margin-bottom: 5px;
}
.a-i-award dl dt {
  width: 32px;
  height: 34px;
  display: inline-block;
}
.a-i-award dl dt.icon-award {
  background: url(https://www.pcbway.com/project/img/images/zan_award.png) no-repeat center center;
}
.a-i-award dl dt.icon-n-award {
  background: url(https://www.pcbway.com/project/img/images/bad.png) no-repeat center center;
}
.a-i-award dl:hover dt.icon-award,
.a-i-award dl.active dt.icon-award {
  background: url(https://www.pcbway.com/project/img/images/zan_award_hover.png) no-repeat center center;
}
.a-i-award dl:hover dt.icon-n-award,
.a-i-award dl.active dt.icon-n-award {
  background: url(https://www.pcbway.com/project/img/images/bad_hover.png) no-repeat center center;
}
.a-i-award dl dd {
  line-height: 25px;
}
.a-i-award dl.active,
.a-i-award dl:hover {
  border: 1px solid #39C19D;
  color: #39C19D;
}
/*share_tech*/
.layout-grid-0 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .container-fluid {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    width: 75pc;
  }
}
@media (min-width: 1440px) {
  .container-fluid {
    width: 1410px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
}
.layout-grid-0 .share-header {
  background-color: #191D20;
  padding-bottom: 70px;
}
.layout-grid-0 .share-header .share-article {
  padding-top: 150px;
  background-image: url(https://www.pcbway.com/project/img/images/bg/TB1oTbBR-1500-1006.png);
  background-size: 700px 500px;
  background-repeat: no-repeat;
  background-position: 100% 10px;
  padding-bottom: 160px;
}
.layout-grid-0 .share-header .share-article h1 {
  font-size: 58px;
  color: #FFF;
  line-height: 54px;
  font-family: FontSiteSans-BoldCd-webfont;
}
.layout-grid-0 .share-header .share-article h2 {
  font-size: 24px;
  color: #FFF;
  margin-top: 14px;
  margin-bottom: 25px;
}
.layout-grid-0 .share-header .share-article .sharebtn {
  width: 220px;
  padding: 0;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #191D20;
  background-image: url(https://www.pcbway.com/project/img/images/bg/TB1t023R-440-92.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
}
.layout-grid-0 * {
  box-sizing: border-box;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}
.layout-grid-0 .share-header .share-section .split {
  background-image: url(https://www.pcbway.com/project/img/images/bg/TB1jeYtR-4-240.png);
  background-repeat: no-repeat;
  background-position: 390px;
  background-size: 1.5px 120px;
}
.layout-grid-0 .share-header .share-section h2 {
  width: 370px;
  font-family: FontSiteSans-BoldCd-webfont;
  font-size: 48px;
  color: #00E8A5;
  margin-top: 0;
}
.layout-grid-0 .share-header .share-section .details {
  font-size: 16px;
  color: #FFF;
  line-height: 24px;
  padding-top: 6px;
}
.container-fluid p {
  margin: 0 0 10px;
}
.share-header .share-section .details {
  font-size: 16px;
  color: #FFF;
  line-height: 24px;
  padding-top: 6px;
}
@font-face {
  font-family: FontSiteSans-BoldCd-webfont;
  src: url(https://www.pcbway.com/project/img/images/fonts/FontSiteSans-BoldCd-webfont.eot);
  src: url(https://www.pcbway.com/project/img/images/fonts/FontSiteSans-BoldCd-webfont.eot) format('embedded-opentype'), url(https://www.pcbway.com/project/img/images/fonts/FontSiteSans-BoldCd-webfont.woff) format('woff'), url(https://www.pcbway.com/project/img/images/fonts/FontSiteSans-BoldCd-webfont.ttf) format('truetype'), url(https://www.pcbway.com/project/img/images/fonts/FontSiteSans-BoldCd-webfont.svg) format('svg');
  font-weight: 400;
  font-style: normal;
}
.layout-grid-0 .bg-img {
  width: 100%;
  background-color: #121518;
  height: 2408px;
  position: absolute;
  z-index: -1;
}
.layout-grid-0 .share-looking {
  padding-top: 45px;
  padding-bottom: 110px;
}
.layout-grid-0 .share-looking .list {
  background: url(https://www.pcbway.com/project/img/images/bg/TB11KPpR-60-110.png) no-repeat;
  background-size: 25px auto;
  font-size: 16px;
  color: #FFF;
  padding-left: 45px;
  padding-right: 50px;
  line-height: 27px;
  min-height: 90px;
}
.layout-grid-0 .share-looking .list p {
  padding-top: 34px;
  padding-left: 38px;
  line-height: 21px;
}
.share-paid .paid-section {
  background-color: rgba(10, 10, 10, 0.55);
  padding: 15px 120px 40px;
  margin-left: -15px;
}
.share-paid h1,
.share-paid h2 {
  text-align: center;
  font-family: FontSiteSans-BoldCd-webfont;
  font-size: 48px;
  color: #FFF;
  margin-bottom: 40px;
}
.layout-grid-0 .paid-article .paid-title {
  font-size: 48px;
  color: #0AE8A3;
  font-family: FontSiteSans-BoldCd-webfont;
}
.layout-grid-0 .paid-article hr {
  margin: 0 0 10px;
  width: 30px;
  border: 1px solid #0AE8A3;
}
.layout-grid-0 .paid-article p {
  font-size: 14px;
  color: #FFF;
  line-height: 21px;
}
.layout-grid-0 .paid-footer {
  width: 900px;
  margin: auto;
}
.layout-grid-0 .paid-footer p {
  font-size: 14px;
  color: #FFF;
  line-height: 21px;
  text-align: center;
}
.layout-grid-0.shareindex-steps .share-looking {
  padding-top: 10px;
  padding-bottom: 40px;
}
.layout-grid-0.shareindex-steps .share-looking .share-section {
  padding: 15px 100px 40px;
  margin-left: -15px;
}
.layout-grid-0 .share-looking .share-section h2 {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 22px;
  font-family: FontSiteSans-BoldCd-webfont;
  font-size: 48px;
  color: #FFF;
}
.layout-grid-0.shareindex-steps .share-looking .share-section h2 {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 22px;
  font-family: FontSiteSans-BoldCd-webfont;
  font-size: 48px;
  color: #FFF;
}
.layout-grid-0.shareindex-steps .share-looking .list {
  font-size: 16px;
  color: #FFF;
  line-height: 27px;
  min-height: 90px;
}
.layout-grid-0.shareindex-steps .share-looking .sublist {
  width: 66px;
  height: 64px;
  display: inline-block;
  background: url(https://www.pcbway.com/project/img/images/bg/TB1q2DWS-280-272.png);
  background-size: 140px 136px;
  position: absolute;
  z-index: -1;
}
.layout-grid-0.shareindex-steps .share-looking .sublist0 {
  background-position: -2px -2px;
}
.layout-grid-0.shareindex-steps .share-looking .sublist1 {
  background-position: -72px -2px;
}
.layout-grid-0.shareindex-steps .share-looking .sublist2 {
  background-position: -2px -70px;
}
.layout-grid-0.shareindex-steps .share-looking .list p {
  padding-top: 34px;
  padding-left: 38px;
  line-height: 21px;
}
.layout-grid-0 .paid-section {
  background-color: #333;
  padding: 15px 120px 40px;
  margin-left: -15px;
}
.shareindex-sample .share-sample .samplebtn {
  width: 220px;
  margin-top: 30px;
  padding: 0;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #191D20;
  background-image: url(https://www.pcbway.com/project/img/images/bg/TB1t023R-440-92.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.shareindex-sample .share-sample .sampletip {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: #FFF;
  line-height: 27px;
}
.shareindex-sample .share-sample {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 20px;
}
.shareindex-sample .share-sample img {
  display: block;
  margin: auto;
  width: 170px;
}
.shareindex-sample .share-sample .sampletip {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: #FFF;
  line-height: 27px;
}
.split-line {
  opacity: 0.2;
  border: 1px solid #0AE8A3;
  margin-top: 24px;
  margin-bottom: 24px;
}
.shareindex-terms .share-terms {
  text-align: center;
}
.shareindex-terms .share-terms h2 {
  font-size: 48px;
  color: #00E8A5;
  line-height: 54px;
  margin-top: 64px;
  font-family: FontSiteSans-BoldCd-webfont;
  margin-bottom: 20px;
}
.share-terms .share-terms-conents {
  width: 900px;
  margin: auto;
  text-align: left;
  font-size: 14px;
  color: #FFF;
  line-height: 21px;
}
.share-terms .share-terms-conents p {
  margin: 0 0 18px;
}
.share-faqs h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 48px;
  color: #00E8A5;
  line-height: 54px;
  font-family: FontSiteSans-BoldCd-webfont;
}
.share-faqs {
  padding-bottom: 65px;
  padding-top: 30px;
}
.faqs-list {
  width: 900px;
  margin: auto;
}
.faqs-list dl {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.faqs-list dl dt {
  padding: 3px 0 3px 35px;
  cursor: pointer;
  font-size: 14px;
  color: #FFF;
  line-height: 24px;
  font-weight: 400;
  background: url(https://www.pcbway.com/project/img/images/bg/plus.png) no-repeat;
  background-size: 30px 30px;
}
.faqs-list dl dd {
  display: none;
  padding-left: 35px;
  font-size: 14px;
  color: #FFF;
  line-height: 21px;
  opacity: 0.6;
}
.b-pcbway-bottom-inner {
  background: #55a3f5;
  height: 150px;
  padding-top: 58px;
}
.b-pcbway-bottom-inner a.btn {
  padding: 7px 32px;
  border-radius: 0;
  font-size: 14px;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.b-pcbway-bottom-inner a.btn:hover {
  background-color: #fff;
  color: #333;
}
.faqs-list dl.active dt {
  background-image: url(https://www.pcbway.com/project/img/images/bg/reduce.png);
}
/*qustions*/
.yq-ask-list .tab-nav .tab-nav-fix {
  width: 871px;
  height: 52px;
}
.stream-list {
  border-top: 1px solid #eee;
  margin-bottom: 10px;
}
.stream-list__item {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}
.qa-rank,
.bookmark-rank {
  float: left;
  margin-right: 5px;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  color: #666;
}
.stream-list__item .summary {
  overflow: auto;
  overflow-x: hidden;
}
.qa-rank .votes,
.bookmark-rank .votes,
.qa-rank .answers,
.bookmark-rank .answers,
.qa-rank .views,
.bookmark-rank .views {
  display: inline-block;
  padding-top: 3px;
  width: 45px;
  height: 40px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.qa-rank small,
.bookmark-rank small {
  display: block;
  font-size: 12px;
}
.qa-rank .votes,
.bookmark-rank .votes,
.qa-rank .answers,
.bookmark-rank .answers,
.qa-rank .views,
.bookmark-rank .views {
  display: inline-block;
  padding-top: 3px;
  width: 53px;
  margin-top: 6px;
  height: 40px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.qa-rank .answers,
.bookmark-rank .answers {
  margin: 0 6px;
  background-color: #AD3A37;
  color: #fff;
}
.qa-rank .answered,
.bookmark-rank .answered {
  background-color: #009a61;
  color: #fff;
}
.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  margin-left: -5px;
}
.stream-list__item .author {
  margin-bottom: 5px;
  color: #999;
  font-size: 13px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 12px;
}
.stream-list__item .author a.askDate {
  color: #999;
}
.stream-list__item .split {
  font-size: 12px;
  color: #07C;
}
.stream-list__item .title {
  margin: 0 5px 10px 0;
  font-size: 16px;
}
.stream-list__item .title a:visited {
  font-weight: 400;
}
.stream-list__item .title a {
  font-weight: normal;
}
.stream-list__item .title a:hover {
  color: #00a699;
  text-decoration: underline;
}
.taglist--inline,
.taglist--block {
  list-style: none;
  padding: 0;
  font-size: 0;
}
.excerpt {
  padding: 5px 12px 5px 0;
  margin: 0;
  color: #3b4045;
  line-height: 20px;
}
.vote-accepted-on {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-position: -50px -150px;
  text-indent: -999px;
}
.ib.taglist--inline,
.ib.taglist--block {
  margin: 0;
  display: inline-block;
}
.post-tag {
  color: #696969;
  background-color: #FFF;
  border-color: #AAA;
  position: relative;
  display: inline-block;
  padding: 3px 2px;
  margin: 2px 6px 2px 0;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  transition: all 0.15s ease-in-out;
}
.qa-rank .plus,
.bookmark-rank .plus {
  color: #009a61;
}
.qa-rank .viewsword0to99,
.bookmark-rank .viewsword0to99 {
  color: #999;
}
.qa-rank .solved,
.bookmark-rank .solved {
  background-color: #808B87;
}
.post-tag:hover {
  color: #5c5c5c;
  background-color: #f2f2f2;
  border-color: #9d9d9d;
}
.stream-list__item .author {
  float: right;
  width: auto;
}
.block-for-right-border {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.block-for-right-border .row {
  margin-left: -15px;
  margin-right: -15px;
}
.post-topheader__info {
  color: #999;
  float: left;
  width: 871px;
  margin-bottom: -5px;
}
.post-topheader__side {
  margin: 0;
  float: right;
  width: 308px;
  color: #999;
}
.post-topheader__info h1 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 500;
}
.question-hyperlink {
  color: #444;
  line-height: 1.35;
  font-weight: normal;
}
.post-taglist {
  margin-bottom: 10px;
  margin-right: 10px;
  clear: both;
}
.question__author {
  display: inline-block;
}
.post-topheader__side {
  margin-left: 10px;
}
.inline-block {
  display: inline-block;
}
.post-topheader__side button.btn-sm {
  color: #333;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  margin-right: 10px;
  line-height: 1.5;
  border-radius: 3px;
  border-color: #ccc;
}
.post-topheader__side button.btn-sm.active {
  outline: 0;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.suggest-edit-post {
  padding-left: 15px;
  background-position: -137px -1089px;
  vertical-align: middle;
  margin-left: 20px;
}
.post-topheader__side li {
  margin-bottom: 10px;
}
.post-offset {
  margin-left: 65px;
}
.post-col {
  width: 40px;
  position: absolute;
}
.qa-question .question.fmt {
  margin-bottom: 15px;
  line-height: 1.6;
  word-wrap: break-word;
}
.fmt pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  padding: 1em;
  border: none;
  overflow: auto;
  line-height: 1.45;
  max-height: 35em;
  position: relative;
  background: #eee;
  -moz-background-size: 30px, 30px;
  -o-background-size: 30px, 30px;
  -webkit-background-size: 30px, 30px;
  background-size: 30px, 30px;
}
.fmt img {
  border: 1px solid #ddd;
  max-width: 726px;
  margin: 10px auto;
}
.fmt p {
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 14px;
}
.fmt pre::-webkit-scrollbar {
  background: #f5f5f6;
  width: 4px;
  height: 216px;
  position: absolute;
  top: 0;
  right: 0;
}
.fmt pre::-webkit-scrollbar-thumb:vertical {
  background: #39C19D;
  width: 4px;
  height: 80px;
}
.post-col .a-i-award {
  margin-left: 0;
}
.question.fmt table td,
.question.fmt table th {
  border: 1px solid #ddd;
  padding: 0 2px;
}
.question.fmt table {
  border-collapse: collapse;
  background: #fff;
}
/**/
.question-status {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 15px 8px 1px 60px;
  background-color: #fff7e5;
  border: 1px solid rgba(83, 90, 96, 0.1);
  clear: both;
}
.question-status h2 {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
}
.question-status p {
  font-size: 13px;
  word-wrap: break-word;
  margin-bottom: 1em;
}
.field-wall-content {
  display: inline-block;
  width: 780px;
}
.field-wall-content a.filter-tag {
  width: 125px;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 13px;
  color: #373d41;
  font-weight: 700;
  border-radius: 3px;
  display: inline-block;
  background: #fff;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 8px 6px;
  text-decoration: none;
}
.field-wall-content a.filter-tag:hover {
  border: 1px solid #00a699;
}
.field-wall-content a.filter-tag.active {
  border: 1px solid #00a699;
  position: relative;
}
.field-wall-content a.filter-tag.unclickbtn {
  background: #f9f9f9;
  border: 1px dashed #dfe6f0;
  cursor: default;
}
.field-wall-content a.filter-tag.unclickbtn:hover {
  border: 1px dashed #dfe6f0;
}
.field-wall-content a.filter-tag.active i {
  background-image: url("https://www.pcbway.com/project/images/newpcbway/icon-spr.png");
  background-position: -20px -388px;
  background-repeat: no-repeat;
  bottom: 0;
  display: block;
  height: 12px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -99em;
  width: 12px;
}
.n-sort-lists {
  display: inline-block;
  border: 1px solid #CCC;
  border-radius: 3px;
  background-color: #fff;
  line-height: 28px;
  vertical-align: middle;
}
.narrow-down-bg {
  float: left;
  margin: 2px 0;
  padding: 0 12px;
  border-left: 1px solid #eee;
  line-height: 24px;
}
.narrow-down-bg.first {
  border-left: none;
}
.narrow-down-bg a {
  text-decoration: none;
  color: #333;
  position: relative;
  display: block;
}
.narrow-down-bg.active a {
  color: #00a699;
  font-weight: 700;
}
.narrow-down-bg a:hover {
  color: #00a699;
}
.bt-title {
  display: inline-block;
  width: 80px;
  float: left;
}
.field-wall-box {
  margin-bottom: 10px;
}
.n-sort-filter {
  margin-bottom: 20px;
}
.icon-select-angle {
  background-color: transparent;
  background-image: url(https://www.pcbway.com/img/images/iconspirit.png?v=20250604);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 8px;
  height: 4px;
  background-position: -153px 0;
}
.active .icon-select-angle,
.narrow-down-bg:hover .icon-select-angle {
  background-position: -153px -4px;
}
.the-questions-module {
  min-height: 200px;
  margin-bottom: 20px;
}
.the-questions-module .control-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.the-questions-module .control-row .control-name {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.the-questions-module .control-row .control-btn {
  border-radius: 10px;
  background: #dcf7f0;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  width: 90px;
  text-align: center;
  color: #39c19d;
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.the-questions-module .control-row .control-btn:after {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAIAgMAAACnqGarAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEU5wZ05wZ0AAACByGFrAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAHdElNRQfmCBkRJRdnbJ2MAAAADUlEQVQI12MICGDAhgA8GAUBJ07q1gAAAABJRU5ErkJggg==") no-repeat center;
  width: 6px;
  height: 8px;
  margin-left: 6px;
}
.the-questions-module .control-row .control-btn.paused:after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAIBAMAAAAo6JMLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEU5wZ05wZ05wZ05wZ05wZ05wZ05wZ05wZ05wZ05wZ0AAADF9J7vAAAACXRSTlMAqRbpVarqVqsoluimAAAAAWJLR0QKaND0VgAAAAd0SU1FB+YIGQ8vDXZZAgYAAAAnSURBVAjXYxBiYGCY7MDAMHOqAsPMmSZAnM4wc4YCw7QCBoYmBgYAe4AIDOFZyIoAAAAASUVORK5CYII=") no-repeat center;
}
.the-questions-module .share-questions-mask {
  overflow: hidden;
  margin-top: 20px;
  height: 300px;
  position: relative;
}
.the-questions-module .share-questions-mask.share-detail:before {
  background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
}
.the-questions-module .share-questions-mask:before {
  display: block;
  content: '';
  width: 100%;
  background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 40px;
}
.the-questions-module .share-questions-box {
  height: 156px;
  will-change: transform;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.the-questions-module .share-row {
  margin-bottom: 10px;
}
.the-questions-module .share-row a {
  color: inherit;
  transition: none;
}
.the-questions-module .share-row a:hover {
  color: #fff;
  background: #39c19d;
}
.the-questions-module .share-row a:hover .iconhuifu {
  color: #fff;
}
.the-questions-module .question-cell {
  display: inline-block;
  padding: 2px 12px;
  line-height: 33px;
  background: rgba(57, 193, 157, 0.1);
  border-radius: 8px;
  font-size: 13px;
  color: #333333;
}
.the-questions-module .question-cell:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.the-questions-module .msg {
  max-width: 246px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
.the-questions-module .iconhuifu {
  color: #333333;
  margin: 0 0 0 8px;
  font-size: 18px;
}
.the-questions-module .amount {
  vertical-align: top;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 40px;
}
.the-questions-module .the-ask-box {
  border: 1px solid #eeeeee;
  height: 44px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 14px;
  cursor: pointer;
  overflow: hidden;
}
.the-questions-module .the-ask-box:hover {
  border: 1px solid #39c19d;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.the-questions-module .the-ask-box .only-val {
  height: 44px;
  line-height: 44px;
  outline: none;
  border: 0;
  width: 220px;
  cursor: pointer;
  text-indent: 12px;
  vertical-align: middle;
}
.the-questions-module .the-ask-box .ask-btn {
  cursor: pointer;
  height: 34px;
  background: #39c19d;
  color: #fff;
  width: 80px;
  border-radius: 4px;
}
.the-questions-module .the-redact-box {
  width: 308px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 6px;
  padding: 20px 12px;
  border: 1px solid #39c19d;
}
.the-questions-module .the-redact-box .redact-row {
  margin-bottom: 20px;
}
.the-questions-module .the-redact-box .tag-name {
  font-size: 14px;
  color: #333333;
}
.the-questions-module .the-redact-box .tag-name .must {
  color: #c80000;
  vertical-align: bottom;
  line-height: 12px;
  display: inline-block;
}
.the-questions-module .the-redact-box .title-val {
  display: block;
  width: 100%;
  background: #f7f8fa;
  border-radius: 3px;
  border: 1px solid #ecedf1;
  margin-top: 12px;
  height: 32px;
  outline: none;
  font-size: 13px;
  text-indent: 12px;
}
.the-questions-module .the-redact-box .title-val:focus {
  border-color: #666666;
}
.the-questions-module .the-redact-box .layer-status {
  margin-top: 14px;
  border-radius: 3px;
}
.the-questions-module .the-redact-box .layer-status .filter-info {
  border-radius: 3px;
}
.the-questions-module .the-redact-box .layer-status:hover {
  border-color: #666666;
}
.the-questions-module .the-redact-box .layer-status a {
  color: #333333;
}
.the-questions-module .the-redact-box .layer-status a:hover {
  color: #333333;
}
.the-questions-module .the-redact-box .note-val {
  display: block;
  width: 100%;
  border: 1px solid #ecedf1;
  background: #f7f8fa;
  resize: none;
  font-size: 13px;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: 12px;
  height: 84px;
  padding: 6px;
  color: #999999;
}
.the-questions-module .the-redact-box .note-val:focus {
  border-color: #666666;
}
.the-questions-module .the-redact-box .post-btn {
  display: block;
  width: 100%;
  background: #39c19d;
  border-radius: 4px;
  color: #fff;
  height: 36px;
  cursor: pointer;
  font-size: 14px;
}
.the-questions-module .the-redact-box .post-btn:hover {
  background: #0AE8A3;
}
.the-file-set {
  margin-left: 65px;
  margin-top: 20px;
}
.the-file-set .code-link {
  margin-bottom: 10px;
}
.the-file-set .code-head {
  width: 702px;
  height: 72px;
  background-color: #eeeeee;
  border-radius: 3px;
  padding: 0 10px 0 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.the-file-set .code-head:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.the-file-set .code-head .code-icon {
  min-width: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.the-file-set .code-head .iconfont {
  font-size: 24px;
  line-height: 26px;
}
.the-file-set .code-head .icon-image {
  font-size: 20px;
  line-height: 26px;
}
.the-file-set .code-head .icon-download2 {
  font-size: 30px;
  line-height: 30px;
}
.the-file-set .code-head .down-text {
  font-size: 12px;
  color: #999999;
  display: block;
}
.the-file-set .code-head .code-info {
  display: inline-block;
  text-align: left;
  max-width: 480px;
  cursor: default;
  word-break: break-all;
  vertical-align: middle;
}
.the-file-set .code-head .code-name {
  font-size: 18px;
}
.the-file-set .code-head .code-type {
  color: #333;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.the-file-set .code-head .code-icon-tool {
  position: absolute;
  top: 50%;
  height: 72px;
  margin-top: -36px;
  right: 10px;
  display: flex;
  align-items: center;
}
.the-file-set .code-head .c-btn-share {
  width: 100px;
  display: inline-block;
  color: #262626;
  font-size: 0;
  text-align: center;
}
.the-file-set .code-head .c-btn-share:hover {
  color: #00a563;
}
.view-graphic-boxView .view-graphic {
  width: 700px;
  margin: 0 0 20px 65px;
}
.view-graphic-boxView .view-graphic img {
  max-width: 100%;
}