.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;
}
.guide-step-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10002;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.66);
  display: none;
}
.guide-step-mask.active {
  display: block;
}
.guide-tool {
  float: right;
}
.guide-tab-el {
  font-weight: 700;
  color: #00A63F;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}
.guide-tab-el:hover {
  text-decoration: underline;
}
.guide-tab-el:before {
  display: inline-block;
  content: '';
  background: url(https://www.pcbway.com/img/images/newpcbway/icon/icon1.png) no-repeat center;
  width: 12px;
  height: 12px;
  background-size: cover;
  vertical-align: middle;
}
.guide-tab-el.quick-order:before {
  display: inline-block;
  content: '';
  background: url(https://www.pcbway.com/img/images/newpcbway/icon/icon1.png) no-repeat center;
  width: 12px;
  height: 12px;
  background-size: cover;
  vertical-align: middle;
}
.guide-tab-el.jump-quick {
  display: inline-block;
  padding: 0 6px;
  height: 23px;
  line-height: 21px;
  border-radius: 10px;
  box-sizing: border-box;
}
.guide-tab-el.jump-quick:before {
  display: inline-block;
  content: '';
  background: url(https://www.pcbway.com/img/images/newpcbway/icon/icon2.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: cover;
  vertical-align: middle;
}
.guide-tab-el.jump-quick:active {
  text-decoration: none;
}
.guide-tab-el .des {
  font-weight: normal;
}
.guide-step-box {
  display: none;
  position: relative;
  z-index: 99999999999;
}
.guide-step-box.active .guide-step-body {
  right: 0;
}
.guide-step-box .guide-step-body {
  position: fixed;
  right: -500px;
  bottom: 0;
  z-index: 10003;
  background: #fff;
  height: 100%;
  width: 500px;
  box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s linear;
}
.guide-step-box .guide-step-body:before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
}
.guide-step-box .guide-step-body.guide1:before {
  display: block;
  content: '';
  background: url("https://www.pcbway.com/img/images/guide-step/step1-person.png") no-repeat center;
  width: 156px;
  height: 222px;
  left: -160px;
  opacity: 1;
  bottom: 4%;
}
.guide-step-box .guide-step-body.guide2:before {
  display: block;
  content: '';
  background: url("https://www.pcbway.com/img/images/guide-step/step2-person.png") no-repeat center;
  width: 144px;
  height: 244px;
  left: -150px;
  opacity: 1;
  bottom: 15%;
}
.guide-step-box .guide-step-body.guide3:before {
  display: block;
  content: '';
  background: url("https://www.pcbway.com/img/images/guide-step/step3-person.png") no-repeat center;
  width: 196px;
  height: 232px;
  left: -196px;
  opacity: 1;
  bottom: 25%;
}
.guide-step-box .guide-step-body.guide4:before {
  display: block;
  content: '';
  background: url("https://www.pcbway.com/img/images/guide-step/step4-person.png") no-repeat center;
  width: 170px;
  height: 180px;
  left: -194px;
  opacity: 1;
  bottom: 35%;
}
.guide-step-box .guide-step-body.guide5:before {
  display: block;
  content: '';
  background: url("https://www.pcbway.com/img/images/guide-step/step5-person.png") no-repeat center;
  width: 196px;
  height: 232px;
  left: -194px;
  opacity: 1;
  bottom: 45%;
}
.guide-step-box .guide-step-head {
  background: linear-gradient(to right, #17BF60, #2EBB80, #50A7BD);
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  color: #fff;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.guide-step-box .guide-step-head .step-close-btn {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
  height: 50px;
  text-align: center;
  line-height: 50px;
  width: 40px;
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCQUE4ODk4NjJDRTExRUNCRDhDRjI2MTJBNzMwMTEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCQUE4ODk5NjJDRTExRUNCRDhDRjI2MTJBNzMwMTEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0JBQTg4OTY2MkNFMTFFQ0JEOENGMjYxMkE3MzAxMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JBQTg4OTc2MkNFMTFFQ0JEOENGMjYxMkE3MzAxMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/LHpbAAACW0lEQVR42uSUS4hSURjHj3pBwTcErWRoEyi+CB+URLQ1SEIERVGZmnW0i6h1q3m2a4qgjYiigovQhQwZhUmohWiibtKVK1+Ninr7vkMXbMbryl1nc+85nvM7/+///a8ClmXJNoeQbHlsHcisTpxO55lcLs+bzeYXg8GALJdLIhAILh3CNYVCQarV6tNer3cvk8ncXqtwPp/vZLPZ541G44lKpSJCoZBc9BhhSqWStNvtPQC9nEwmWt6SfT7fNZvN9jGVSh3U6/VLUA7WarX2EonEa71e/y0YDF7hBYJC4vf771it1k8XoThWYQaDoRQKhSwbPRyNRvQZCATQkzxCXS4X0Wq1h6iu2WyGOVg4HL6xWCwIes0LRCUIxcMIhWc+nU4fSCSSXwzD/IYL3hmNRgrDahDGqV8LRJBIJKJQmUxGodD197lcLoY+2u32tMfjuY+w4XBI927M4XQ6pRsR2O12yfn5OdFoNB9wrd/v4/sZdJV0Oh26B9dxzqsQPZnNZvQdc1YoFB5ByacOhyMFJU9jsdg+gJaQ0yMsF1VvLJkuMAztZq1We5hMJk8hGhW32/0AywOVV+GCQ7FYzIKXx6h6Y5fxNrVajbDdaDT6BmDfIWfm8XhM1UBO70IVn+Px+BH4zZpMphP8jReIsEqlshuJRN7qdLof0BQzfn6rhwB6C9a+QPnHCLVYLK94m1Iulx//hVUh4CZQw3LR4CKFHnu93pug7itAT4rF4rN/krL6rUIscNIBZTvg2RIB6ClnPKrFyEilUjoHW35Cp6+XSiXBWuD/8Qf7R4ABAHkRT2HdKf4EAAAAAElFTkSuQmCC") no-repeat center;
  color: #313131;
}
.guide-step-box .guide-step-wrap {
  overflow-y: auto;
  max-height: 88%;
  display: none;
}
.guide-step-box .guide-step-wrap .guide-info {
  padding: 16px 16px 18px 16px;
  overflow-y: auto;
}
.guide-step-box .guide-step-wrap .step-title {
  font-size: 22px;
  font-weight: 700;
}
.guide-step-box .guide-step-wrap .step-title-des {
  background: #DAF1E4;
  padding: 8px 10px;
  box-sizing: border-box;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.guide-step-box .guide-step-wrap .step-title-des .jump-next {
  color: #27AE61;
  cursor: pointer;
}
.guide-step-box .guide-step-wrap .step-title-des .jump-next:hover {
  text-decoration: underline;
}
.guide-step-box .guide-step-wrap .step-rules {
  margin-top: 20px;
  font-size: 14px;
}
.guide-step-box .guide-step-wrap .step-rules dd {
  font-weight: 400;
  color: #333333;
  line-height: 20px;
  margin-bottom: 4px;
  position: relative;
  padding-left: 20px;
}
.guide-step-box .guide-step-wrap .step-rules dd .rules-index {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.guide-step-box .guide-step-wrap .step-rules dd .flag {
  color: #FF491E;
}
.guide-step-box .guide-step-wrap .params-rules {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
}
.guide-step-box .guide-step-wrap .params-rules dd {
  line-height: 20px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 14px;
  box-sizing: border-box;
}
.guide-step-box .guide-step-wrap .params-rules dd:before {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background: #333333;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.guide-step-box .guide-step-wrap .params-rules dd .flag {
  color: #FF491E;
}
.guide-step-box .guide-step-wrap .params-rules dd .to-cart {
  display: inline-block;
  background: #27AE61;
  color: #fff;
  font-size: 14px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  position: relative;
  padding-right: 6px;
  cursor: default;
}
.guide-step-box .guide-step-wrap .params-rules dd .to-cart:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwOEQ1OUY4NjE2RjExRUM5RDU2RjlGNjkzNDRCOUJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwOEQ1OUY5NjE2RjExRUM5RDU2RjlGNjkzNDRCOUJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTA4RDU5RjY2MTZGMTFFQzlENTZGOUY2OTM0NEI5QkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTA4RDU5Rjc2MTZGMTFFQzlENTZGOUY2OTM0NEI5QkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6KZ8IoAAAA3klEQVR42mL8//8/AzUAEwO1AMhFUHwNiOvI1c+I5DVOIL4MxDZA/IOA/r+MjIyfYQahmAhlH/tPPNiNrB89jD6S4CsXoAEcuAL7AwkGPQR67wc1DLqML/pJ8dpFfAYR66JfQLwNWYAFi0HPgPgqEL9Fwq/R+A+A4fMWn0H3oYaUg2IWj4tkgTH2G2jYJ5gAPEECBUHpgRHILAFiK5AQAe/NA+rZhDVBQvmFQDwZR3ZQBeL1QKyHnkWwGXQaiD8AMTMWg8KgqTqNGIP4gVgcTyZVgQYBzkw7OMojgAADAHED4GQojafSAAAAAElFTkSuQmCC") no-repeat center #25A159;
  height: 22px;
  width: 30px;
  vertical-align: middle;
  margin-right: 2px;
}
.guide-step-box .guide-step-wrap .step-view-img {
  margin-top: 20px;
  position: relative;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPcAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAAACwAAAAAIAAgAAAI+gABCBxIkOCCAwsKKlzIcOCBhwUJFGiocICBgg8PEBzAkSLBAg8DEMw4sADHAR5HPkQpkKTAkwRSDjTwkIFDiAAInJRJkMHDiwBcwuQ5cMABnxMfOsi5c6DOATFfMmCQcGCAnwp1ljwJdeCCqVNZGq3akGvHnmCnRvVodu3GtDZTPnW78CsDlnJ5EgBKtC9RsxxNLjBAuHBfwBwLK+Yr8+QCmAMGL/ZLWSZdipcZzvW4OaXZiQpNcuUJuGBpzHifclyruuvLy6oJdmbq+uVqAE1PgiYqWuzZ2Idv4z47vLbcpsWdIvcsPHlR4szxOneamWEBussrZzVOMSAAIfkEBQoAAAAsAAAAABgAEgAACIAAAQgcSLAggAEGEypkAIAhQQMLFEZUOJDBgQMJGWgs6FDggosYDWrsmBCkgYQLNhLsaAAkxYYMJhIkAFJmxoYEBFps6FIgAQMGEFZUWbBlToEDgAI9SoCB0JdIlUIsADXhT6lVFSY9mVVhgaddw3odQLYs2KpmzYolUHZBWbEBAQAh+QQFCgAAACwBAAAAHQAOAAAIiQABCBxIcOAABgUTKlwoEGHCAQwHEoBIkIFFggEiEjRggGJDAA4BUAzJkKMBAgMthiSpcYDJlApZMlzAceTFAiBFFsSpkIBJnAgRGvg40MCBA0MHDEA5kGYAj00JLjh69KRSpTwLDI14kOpRg1cJMNXo9QBUkVfPLjR6IGNPpWM1MoibUKxGjQEBACH5BAUKAAAALAcAAAAZABEAAAiBAAEIHAiAgAGCCBMqBLDAwAKEDxcWIIDQgEWCDDIuHDCg4sWBGjdyLDDQ4kGQDCImJMCxo0CTAheEXAigJUUAMAkwALCTpkCbOD/OROjyJ8ebBAf0rLk04QCkCpHuDOCTZs+mVSHGzOrTAEmuYMMmPEC27AGVYM2aFQuArAOzCwICACH5BAUKAAAALA4AAAASABgAAAiCAAEsIACgoMGDCAcsQAhgAEGGAhcsNLjAgAGIEScCIGDxIkSJGjsOwAiy4ICOGDMCKNDx4UeJDQMY0CiQAYOUBgoctMmAJkabAICmDBr05tCdRo8edKm0adOkKW9KdXrAIIORTpsaYHrUwIEDAah+/eoT4gAGYw9AxZnWo9IAZAEEBAAh+QQFCgAAACwOAAAAEgAeAAAImQABDCgAoKDBgwgFDkjIsOCAhwcHLFjQ8OFCgxMvJrRoUCLFihALTvzIkCOAkQ0dhswY0YABAgwJaCTg0qXGhgtqGiDZUOfLlB1tAkU4cKhRowySKhUIlAEAp1Cdplya9KjVgwStfjRw1SCDmw0JBDg4lqGBAzAFVm3I4IDbgwacggVAwO0BnkDPvrVql+vRAXav2s161CXDgAAh+QQFCgAAACwPAAEAEQAfAAAIjAABCBwIgEABgggTDhiQsGGBhQ0jLiQQkSCBhQwrCrwIUePGjgM5ehSIcQDFihwxaiyZUSPHkyMJwBxJE6GBmzgXaMTJ00DFngZ01hxKcwADBkI9Hj1ac+nShjpbCjyaVKBPpgN1MhB4oCuAgyQjdj1AEGvCsQO3VkRLk+1UtWcPOFDY0K3HBQeqagwIACH5BAUKAAAALAgADgAYABIAAAh9AAEIHEiwIIABCBMOKGCw4UCFCh06TLggIQGJGDNiHKAxowEDHDsa/EjyosiBBRaQNLBA5AAGJgmsDHnwgIGGDAwO+GgSAIMDB3ISJMCgKMYFQA+YFApgAVOHSW86LNpyZFKCT30aNZi0KsasAq9iPVDQa1mpA3OCPUmzY0AAIfkEBQoAAAAsAgASAB0ADgAACIkAAQgcSLCgQQAEDhIkwEChQQIDBiQ8aODAAQMOCUbcWECjxY8ZNW6MKJDBxwMMBmQkgHHgSJYnWyZcYHCAAQM0B0JUWfFAAII/AWBkQBRAgZsGJj4sqBJAQ6dQAdi8GXLgU4JFBS642bRqVKhXWVINWbQr0asAtrasihatS6UOu2IN6pXt2owBAQAh+QQFCgAAACwAAA8AGQARAAAIgAAXHBhI8ACAgwgTKjxYsODChwkFEnQwEKLFixgxFjCQseOCjg8ZgIQYIGEAAhgHQGTAQOXBlgsJDJiZ0CVHhCxFAjDAE4DMmQUSBlXIEiHPmz9dWmT5cWfPgzMHoHy4oKjRp1BpLk14tKbWhVav3kQ4FWJThAsMnB2p0EDZhAEBACH5BAUKAAAALAEACAARABgAAAh3AAccOGAAgMGDCA8aGDhwQcKHABgOZDAAIsIFEg9YTBhgYMGNHEGKHEmypMmTKDcuYMCgJEuWIF++BLmyJcICHx+ydHhwgQEDFQcINUggIYGfBgoAEFoRItKmTCEOQHow6kOkRQ1aTfizqdahDwl4/ToWpFgAAQEAIfkEBQoAAAAsAAACAA4AHQAACIoAAQgcCGCBAYIIBx44wCAhwoUHBjgcGADiRIULD15cYJFgQ4IQP3qUCIDAgQAEUYokMHHAR5ETFwiUeRFAAY01WzLYyROmwJ49E7rcCYBnzqMISV4cYMCAUoQEmkp1aFDqggJCrQ4kMACrwKhOCQ4Yy1Kg14EFxg4o61At24Rcx9ZUm1NuzgJvAwIAOw==") no-repeat center top;
  text-align: center;
  cursor: pointer;
}
.guide-step-box .guide-step-wrap .step-view-img img.view-gif {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  border: 5px solid #FF491E;
}
.guide-step-box .guide-step-wrap .view-img-tool {
  margin-top: 16px;
  text-align: center;
  line-height: 30px;
}
.guide-step-box .guide-step-wrap .view-img-tool .view-img-text:before {
  display: inline-block;
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyOEVGNjU3NjdBNTExRUNCMEZGQTc0RDM5OUFFREVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyOEVGNjU4NjdBNTExRUNCMEZGQTc0RDM5OUFFREVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI4RUY2NTU2N0E1MTFFQ0IwRkZBNzREMzk5QUVERUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI4RUY2NTY2N0E1MTFFQ0IwRkZBNzREMzk5QUVERUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oOnOMAAABnUlEQVR42qyUzStEURTA5/lOEQvS+Ahl7FCmrJSyUYqNwhILkpSyIlOkZCPJwkIsZMOfQFlgoeaVFSllIuxEE2qYxu/WuXXdN/Ok5tavc8+5956Pd+59TiqVCmRj5OmJ4zi/FqLRaCGiE5pARbuGs3A4nDT36URy0nnHyTjiBsagFMpgSjljbTjdGUd71BmxcQMRghGiP1sB6hB7cMTacsaM2DiEaIM+7QTbKeyoObZ7RA/0Y+s2z9qlLcAEBxKGrRYatcLap5QZSfuxidCASLLxinkx80pjTxG2etGf2HOBHoQS9LidUQ3cyvwA7oRq6DD0NdkTg6AnI8abdEeNVTiWuSrhBTZF1/ZyePV0zXXdfMSDujekHjdKVpFj2LoMWwXiHFvI0zWMX4h9mLca8A0Jy7YE235dW1StlwupxyBMG9nMIlph/a8LWYU4hHfYgksJ2A6ToEocpYJd80J6HIkzpfTCADSLWXVUPY9c+fgtOHv0dZRpEEC1fkbUFRzN+T5anxGRx/wBJwH7N/Cff5IqGwrs8062fmw/AgwA4yu3y1ApX9wAAAAASUVORK5CYII=) no-repeat center;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px;
}
.guide-step-box .guide-step-wrap .view-img-tool span {
  display: inline-block;
  height: 30px;
  padding: 0 6px;
  cursor: pointer;
  color: #c5c5c5;
}
.guide-step-box .guide-step-wrap .view-img-tool span:hover {
  text-decoration: underline;
}
.guide-step-box .guide-step-foot {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-top: 1px solid #cccccc;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}
.guide-step-box .guide-step-foot strong {
  font-weight: 700;
  color: #19882F;
}
.guide-step-box .guide-step-foot .guide-length {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
  width: 33.33%;
  border: 1px solid #239C57;
}
.guide-step-box .guide-step-foot button {
  width: 74px;
  height: 32px;
  background: #F4F6F7;
  border: 1px solid #D8DCE0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: 9px;
  cursor: pointer;
  font-weight: 700;
}
.guide-step-box .guide-step-foot .previous-btn {
  float: left;
  color: #999999;
  cursor: not-allowed;
}
.guide-step-box .guide-step-foot .previous-btn:active {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.guide-step-box .guide-step-foot .previous-btn.active {
  color: #333333;
  cursor: pointer;
}
.guide-step-box .guide-step-foot .previous-btn.disabled {
  cursor: not-allowed;
  box-shadow: none;
}
.guide-step-box .guide-step-foot .next-btn {
  float: right;
  color: #999999;
  cursor: not-allowed;
}
.guide-step-box .guide-step-foot .next-btn:active {
  background: #157027 !important;
  border-color: #157027 !important;
}
.guide-step-box .guide-step-foot .next-btn.active {
  color: #fff;
  background: #19882F;
  border-color: #19882F;
  cursor: pointer;
}
.guide-step-box .view-big-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10005;
  width: 100%;
  bottom: 0;
  right: 0;
  background: url("data:image/gif;base64,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") no-repeat center;
  text-align: center;
  display: flex;
  align-items: center;
}
.guide-step-box .view-big-area .position-el {
  align-items: center;
  text-align: center;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.guide-step-box .view-big-area .position-el .get-big-img {
  display: inline-block;
  position: relative;
  width: 100%;
}
.guide-step-box .view-big-area .position-el .get-big-img .view-img-area {
  position: relative;
  padding: 20px;
}
.guide-step-box .view-big-area .position-el .get-big-img .view-img-area .current-area {
  display: inline-block;
  position: relative;
}
.guide-step-box .view-big-area .position-el .get-big-img .view-img-area .current-area .close-big-btn {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #313131;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-size: 16px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTlBQUI5RDE2N0M2MTFFQzgzMzhCMUI1QzFBNzcxRDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTlBQUI5RDA2N0M2MTFFQzgzMzhCMUI1QzFBNzcxRDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0JBQTg4OTg2MkNFMTFFQ0JEOENGMjYxMkE3MzAxMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JBQTg4OTk2MkNFMTFFQ0JEOENGMjYxMkE3MzAxMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v7YFsAAABNUlEQVR42uSUS0vEMBDHd4vf2y/gRxBRr+LjJOKt7+ellPbQB31BEXpYY62rKMYZaZe6ZpNV1pOBoWHyn18zk0nmlNLZLoc02/H4W2CapgvLstRtg03TvIEY8sWJNRytbdtX+FLDMK6mfpbpun6KWkLI+9T/TZgkyb0IOsLyPO/X15gBACWboCOsKIonVuzGlFhQTdMOeTAucApVFOVAluV9EUwIRPN9P6PDiKLoTqQX9mHf99fjvOs6W9hLvL+pqnqCOwvDsAmCoMQ5HMrlr1KGwzhGQFmWq5rFcbxAHzT0xY+AADsaYMv1tSzLHgbo+VZAEH7Cqqpaep4nsYIA2qEGrukZF2jbNqZC67p+dl1X4tUKoI+odRznlrdDCvf5DcB7ovZAa5rmZeiolW/+/x7YDwEGALACCvwBFBk2AAAAAElFTkSuQmCC) no-repeat center #777777;
  border: 2px solid #fff;
}
.guide-step-box .view-big-area .position-el .get-big-img .view-img-area .current-area .close-big-btn:hover {
  color: #FF491E;
}
.guide-smt-box {
  display: none;
}
.guide-smt-box .guide-smt-mask {
  display: block;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9991;
  left: 0;
  top: 0;
  margin: auto;
}
.negotiation-assembly {
  position: relative;
}
.js-guide-count2,
.js-guide-count3,
.js-guide-count5,
.js-guide-count7 {
  position: relative;
}
.calculate-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.guide-smt-step {
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.guide-smt-step:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.guide-smt-step * {
  box-sizing: border-box;
}
.guide-smt-step .step-img {
  float: left;
}
.guide-smt-step .step-info {
  width: 330px;
  height: auto;
  background: #fff;
  padding: 20px 20px 8px;
  border-radius: 10px;
  float: right;
  min-height: 200px;
  box-sizing: border-box;
}
.guide-smt-step .step-info .info-body-each {
  padding-top: 10px;
}
.guide-smt-step .info-head {
  position: relative;
}
.guide-smt-step .info-head:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.guide-smt-step .info-head .head-name {
  background: url("https://www.pcbway.com/img/images/guide-smt/one-top.png") no-repeat center;
  width: 291px;
  height: 48px;
  position: absolute;
  top: 0;
  left: -32px;
  z-index: 1;
  font-size: 15px;
  color: #fff;
  line-height: 39px;
  padding-left: 68px;
}
.guide-smt-step .info-head .close-btn {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFF2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTEwLTExVDExOjU3OjI3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMC0xMVQxMzo1NDoyNyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMC0xMVQxMzo1NDoyNyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjEiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJEb3QgR2FpbiAxNSUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZjhkNDliMmQtZDkxMS0xZTQ5LWExYTQtZmJiYWUzYmRlZTg4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmY4ZDQ5YjJkLWQ5MTEtMWU0OS1hMWE0LWZiYmFlM2JkZWU4OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmY4ZDQ5YjJkLWQ5MTEtMWU0OS1hMWE0LWZiYmFlM2JkZWU4OCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjhkNDliMmQtZDkxMS0xZTQ5LWExYTQtZmJiYWUzYmRlZTg4IiBzdEV2dDp3aGVuPSIyMDIyLTEwLTExVDExOjU3OjI3KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kDr3VwAAAOVJREFUKJFt0bFKw2AUhuGnTZdO4hRXg3fSWyiCIG5CWwsWhCZ4A80FCNbRJYO4iFg6dPZKuugliGkdkjatzRn/7+X9z8dpdL68Glo7nIYH3SA6NRCa1QCP+p5bhpp6GPyzpHqmhkHEzLEbofkOkopNDayDCObaRs68lUgq9lQ4C4CFtn6JpGKZaytobaUJYiyNZa7kxXMFVMhOTHNv89zB7BvuZZbG1H2RmJTytbhCNi0SEy8u5dtGJz4qIDHx7sKvqvRtcYAg2sRdPzv7LLSNhGYtdzVxYT3Ss2p0Pn07P4gpz/0HL+FI+CHwtIoAAAAASUVORK5CYII=) no-repeat center;
  width: 20px;
  height: 38px;
  float: right;
  cursor: pointer;
  transition: all 0.3s linear;
}
.guide-smt-step .info-head .close-btn:hover {
  transform: rotate(90deg);
}
.guide-smt-step .info-each {
  margin-top: 16px;
  line-height: 20px;
  font-size: 13px;
}
.guide-smt-step .info-each .each-title {
  font-size: 14px;
  color: #333333;
}
.guide-smt-step .info-each .each-title .flag {
  color: #00a63f;
}
.guide-smt-step .info-each .tag {
  font-weight: 700;
  color: #ff681e;
}
.guide-smt-step .info-each .flexible-options {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.guide-smt-step .info-each .flexible-options dd {
  width: 100px;
  height: 40px;
  border-radius: 4px;
  background: #ddefe9;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  line-height: normal;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.guide-smt-step .info-each .options-each {
  color: #b59f38;
  line-height: 20px;
  font-size: 12px;
  margin-top: 8px;
}
.guide-smt-step .info-each .options-each .label {
  font-weight: 700;
}
.guide-smt-step .info-each .package-ways .ways-item {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.guide-smt-step .info-each .package-ways .ways-item.side-item {
  justify-content: space-between;
}
.guide-smt-step .info-each .package-ways .name {
  color: #666666;
  margin-right: 12px;
}
.guide-smt-step .info-each .package-ways .tag {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  min-width: 110px;
  border: 1px solid #00a63f;
  border-radius: 4px;
  vertical-align: middle;
}
.guide-smt-step .info-each .package-ways .tag:first-child {
  margin-right: 8px;
}
.guide-smt-step .info-each .package-ways .ways-tips {
  font-size: 12px;
  color: #b59f38;
  margin-top: 14px;
}
.guide-smt-step .holes-tips {
  margin-top: 22px;
  background: #ddefe9;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 12px;
}
.guide-smt-step .info-footer {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.guide-smt-step .info-footer .page-count {
  color: #999999;
}
.guide-smt-step .info-footer .prev-btn {
  width: 100px;
  height: 32px;
  background-color: #f3f9f9;
  border-radius: 4px;
  margin-right: 10px;
  border: solid 1px #00a63f;
  color: #06a846;
  cursor: pointer;
}
.guide-smt-step .info-footer .next-btn {
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-image: linear-gradient(90deg, #00a63f 0%, #30ba74 100%);
  border-radius: 4px;
  color: #fff;
  border: 0;
  cursor: pointer;
  outline: none;
}
.guide-smt-step.two-guide {
  left: -16px;
}
.guide-smt-step.two-guide .head-name {
  background: url("https://www.pcbway.com/img/images/guide-smt/two-top.png") no-repeat center;
}
.guide-smt-step.two-guide .each-img {
  margin-top: 14px;
}
.guide-smt-step.three-guide {
  left: 0;
}
.guide-smt-step.three-guide .head-name {
  background: url("https://www.pcbway.com/img/images/guide-smt/three-top.png") no-repeat center;
}
.guide-smt-step.four-guide {
  left: 0;
  top: -46px;
}
.guide-smt-step.four-guide .head-name {
  background: url("https://www.pcbway.com/img/images/guide-smt/four-top.png") no-repeat center;
}
.guide-smt-step.four-guide .step-img {
  float: right;
  margin-left: 30px;
}
.one-guide .step-img {
  width: 834px;
  min-height: 262px;
}
.two-guide .step-img {
  width: 834px;
  min-height: 262px;
}
.three-guide .step-img {
  width: 834px;
  height: 516px;
}
.four-guide .step-img {
  width: 330px;
  height: 600px;
}
/*# sourceMappingURL=guide-page.css.map */