Merge branch 'master' of http://119.23.72.7/liangjianmin/pcb

# Conflicts:
#	css/home/home.less
#	css/home/index.css

.idea/encodings.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>
\ No newline at end of file

.idea/misc.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>
\ No newline at end of file

.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/pcb.iml" filepath="$PROJECT_DIR$/.idea/pcb.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

.idea/pcb.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

.idea/watcherTasks.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions">
+    <TaskOptions isEnabled="true">
+      <option name="arguments" value="$FileName$ $FileNameWithoutExtension$.css --source-map" />
+      <option name="checkSyntaxErrors" value="true" />
+      <option name="description" />
+      <option name="exitCodeBehavior" value="ERROR" />
+      <option name="fileExtension" value="less" />
+      <option name="immediateSync" value="true" />
+      <option name="name" value="Less" />
+      <option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
+      <option name="outputFilters">
+        <array>
+          <FilterInfo>
+            <option name="description" value="" />
+            <option name="name" value="" />
+            <option name="regExp" value="$MESSAGE$\Q in \E$FILE_PATH$\Q on line \E$LINE$\Q, column \E$COLUMN$" />
+          </FilterInfo>
+        </array>
+      </option>
+      <option name="outputFromStdout" value="false" />
+      <option name="program" value="lessc" />
+      <option name="runOnExternalChanges" value="true" />
+      <option name="scopeName" value="Project Files" />
+      <option name="trackOnlyRoot" value="true" />
+      <option name="workingDir" value="$FileDir$" />
+      <envs />
+    </TaskOptions>
+  </component>
+</project>
\ No newline at end of file

css/Capability.css

 @charset "utf-8";
-body{background-color: #f8f8f8;}
-.text-center{text-align: center;}
-.cl-585858{color: #585858;}
-.cl-626262{color: #626262;}
-.capability{padding-bottom: 100px;}
-.category{width: 300px; background-color: #fff;}
-.category-list{width: 100%; border-bottom: 1px solid #d4d4d4;}
-.category-list a:hover{text-decoration: none;}
-.category-list dt a,.category-list dd a{display: block; height: 46px; line-height: 46px; padding-left: 20px; padding-right: 15px;}
-.category-list dt{background-color: #f1f1f1;}
-.category-list dt span{color: #000;}
-.category-list.current dt{background-color: #9b7740;}
-.category-list.current dt span{color: #fff;}
-.category-list dd a{color: #808080;}
-.category-list dd a:hover{background-color: #ffad33; color: #fff;}
-.category-list dd a.selected{background-color: #f90; color: #fff;}
-.category-list .ico{position: absolute; top: 17px; right: 15px; display: block; width: 19px; height: 11px; background: url("../img/Capability/icons.png") no-repeat 0 0;}
-.category-list.current .ico{background-position: -20px 0;}
-
-.capability-con{width: 1200px;margin:auto}
-.item-box{border: 0px solid #ddd;background-color: #fff;padding:20px;}
-.item-box h2{color: #0079c8; border-bottom: 1px solid #ccc;}
-.capability-con .share{border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 15px;}
-.capability-con .valuation{border: 1px solid #e1e1e1; background-color: #f1f1f1; padding: 20px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
-
-.btn-valuation{display: inline-block; background-color: #f90; color: #fff; padding: 8px 50px; font-size: 16px; margin-left: 30px; margin-right: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
-.btn-valuation:hover{background-color: #ffad33; color: #fff;}
-
-.content-list li{float: left; width: 200px; margin-left: 11px; margin-right: 11px;}
-.content-list .img{width: 100%; height: 200px;  background-size: cover;}
-.content-list .con{max-height: 36px; line-height:18px; -webkit-line-clamp:2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
+body {
+    background-color: #f8f8f8;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.cl-585858 {
+    color: #585858;
+}
+
+.cl-626262 {
+    color: #626262;
+}
+
+.capability {
+    padding-bottom: 100px;
+}
+
+.category {
+    width: 300px;
+    background-color: #fff;
+}
+
+.category-list {
+    width: 100%;
+    border-bottom: 1px solid #d4d4d4;
+}
+
+.category-list a:hover {
+    text-decoration: none;
+}
+
+.category-list dt a, .category-list dd a {
+    display: block;
+    height: 46px;
+    line-height: 46px;
+    padding-left: 20px;
+    padding-right: 15px;
+}
+
+.category-list dt {
+    background-color: #f1f1f1;
+}
+
+.category-list dt span {
+    color: #000;
+}
+
+.category-list.current dt {
+    background-color: #9b7740;
+}
+
+.category-list.current dt span {
+    color: #fff;
+}
+
+.category-list dd a {
+    color: #808080;
+}
+
+.category-list dd a:hover {
+    background-color: #ffad33;
+    color: #fff;
+}
+
+.category-list dd a.selected {
+    background-color: #f90;
+    color: #fff;
+}
+
+.category-list .ico {
+    position: absolute;
+    top: 17px;
+    right: 15px;
+    display: block;
+    width: 19px;
+    height: 11px;
+    background: url("../images/Capability/icons.png") no-repeat 0 0;
+}
+
+.category-list.current .ico {
+    background-position: -20px 0;
+}
+
+.capability-con {
+    width: 1200px;
+    margin: auto
+}
+
+.item-box {
+    border: 0px solid #ddd;
+    background-color: #fff;
+    padding: 20px;
+}
+
+.item-box h2 {
+    color: #0079c8;
+    border-bottom: 1px solid #ccc;
+}
+
+.capability-con .share {
+    border-bottom: 1px solid #ebebeb;
+    padding-bottom: 20px;
+    margin-bottom: 15px;
+}
+
+.capability-con .valuation {
+    border: 1px solid #e1e1e1;
+    background-color: #f1f1f1;
+    padding: 20px 15px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.btn-valuation {
+    display: inline-block;
+    background-color: #f90;
+    color: #fff;
+    padding: 8px 50px;
+    font-size: 16px;
+    margin-left: 30px;
+    margin-right: 30px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.btn-valuation:hover {
+    background-color: #ffad33;
+    color: #fff;
+}
+
+.content-list li {
+    float: left;
+    width: 200px;
+    margin-left: 11px;
+    margin-right: 11px;
+}
+
+.content-list .img {
+    width: 100%;
+    height: 200px;
+    background-size: cover;
+}
+
+.content-list .con {
+    max-height: 36px;
+    line-height: 18px;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
 
 /*新版*/
-.titul{width:1070px;margin:0 auto 20px;}
-.titul li a{color:#0d0d0d;text-decoration:none;height:46px;font-size:16px;line-height:46px;display:inline-block;}
-.titul li a:hover{color:#f90}
-.titul .active a{color:#f90;border-bottom:4px solid #f90;}
-.banner{max-width:1920px;height:350px;background:url(/img/img/banner/picbanner.jpg) no-repeat center;margin:auto}
-.capability{margin:-120px auto 0;}
-    td {
-        border: 1px solid #dddddd!important;
-        padding:2px 10px!important;
-    }
-    th{
-            box-sizing: border-box;
-            padding: 0px 20px;
-            height: 44px;
-            line-height: 44px;
-            background-color: #f0f0f0;
+.titul {
+    width: 1070px;
+    margin: 0 auto 20px;
+}
 
-    }
+.titul li a {
+    color: #0d0d0d;
+    text-decoration: none;
+    height: 46px;
+    font-size: 16px;
+    line-height: 46px;
+    display: inline-block;
+}
+
+.titul li a:hover {
+    color: #f90
+}
+
+.titul .active a {
+    color: #f90;
+    border-bottom: 4px solid #f90;
+}
+
+.banner {
+    max-width: 1920px;
+    height: 350px;
+    background: url(../images/banner/picbanner.jpg) no-repeat center;
+    margin: auto
+}
+
+.capability {
+    margin: -120px auto 0;
+}
 
+td {
+    border: 1px solid #dddddd !important;
+    padding: 2px 10px !important;
+}
 
-@media screen and (max-width: 1020px){
-.capability{width:100%;overflow:auto;}
+th {
+    box-sizing: border-box;
+    padding: 0px 20px;
+    height: 44px;
+    line-height: 44px;
+    background-color: #f0f0f0;
+
+}
+
+
+@media screen and (max-width: 1020px) {
+    .capability {
+        width: 100%;
+        overflow: auto;
+    }
 }
\ No newline at end of file

css/common/base.less

@@ -106,6 +106,14 @@ img {
   *word-spacing: -1px !important;
 }
 
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+
 label, dd, dd, dt {
   font-weight: normal;
 }

css/common/font/demo.css

+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

css/common/font/iconfont.json

+{
+  "id": "1617142",
+  "name": "pcb",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "第三方PCB项目",
+  "glyphs": [
+    {
+      "icon_id": "12869531",
+      "name": "email",
+      "font_class": "email",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "12869533",
+      "name": "password",
+      "font_class": "password",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "12869534",
+      "name": "imgcode",
+      "font_class": "imgcode",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "12869866",
+      "name": "address",
+      "font_class": "address",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "12869871",
+      "name": "baoguo",
+      "font_class": "baoguo",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "12869874",
+      "name": "bianji",
+      "font_class": "bianji",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "12869877",
+      "name": "chilun",
+      "font_class": "chilun",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "12869905",
+      "name": "dianluban",
+      "font_class": "dianluban",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "12869914",
+      "name": "dingdan",
+      "font_class": "dingdan",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "12869956",
+      "name": "dingdanchenggong",
+      "font_class": "dingdanchenggong",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "12869968",
+      "name": "feiji",
+      "font_class": "feiji",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "12869975",
+      "name": "file",
+      "font_class": "file",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "12869977",
+      "name": "fukuan",
+      "font_class": "fukuan",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "12869984",
+      "name": "gouwuche",
+      "font_class": "gouwuche",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "12869985",
+      "name": "jiantou",
+      "font_class": "jiantou",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "12869987",
+      "name": "jisuanqi",
+      "font_class": "jisuanqi",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "12869992",
+      "name": "jixieshou",
+      "font_class": "jixieshou",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "12869994",
+      "name": "kaiguan",
+      "font_class": "kaiguan",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "12870006",
+      "name": "laba",
+      "font_class": "laba",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "12870008",
+      "name": "pcbban",
+      "font_class": "pcbban",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "12870013",
+      "name": "phone",
+      "font_class": "phone",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "12870014",
+      "name": "shenhe",
+      "font_class": "shenhe",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "12870020",
+      "name": "shouji",
+      "font_class": "shouji",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "12870021",
+      "name": "shoujibeifen",
+      "font_class": "shoujibeifen",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "12870025",
+      "name": "shousuo",
+      "font_class": "shousuo",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "12870026",
+      "name": "success",
+      "font_class": "success",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "12870029",
+      "name": "tianjia",
+      "font_class": "tianjia",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "12870032",
+      "name": "touxiang",
+      "font_class": "touxiang",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "12870034",
+      "name": "xiaoxi",
+      "font_class": "xiaoxi",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "12870036",
+      "name": "zhizhao",
+      "font_class": "zhizhao",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "12870092",
+      "name": "fuwu",
+      "font_class": "fuwu",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "12870095",
+      "name": "shijian",
+      "font_class": "shijian",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "12870096",
+      "name": "zhuanshi",
+      "font_class": "zhuanshi",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    }
+  ]
+}

css/faq/index.css

+@import '../common/font/iconfont.css';
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+html,
+body {
+  font-family: sans-serif;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+}
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+label,
+dd,
+dd,
+dt {
+  font-weight: normal;
+}
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+html,
+body {
+  width: 100%;
+}
+body {
+  overflow: hidden;
+}
+.w1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+.faq-head {
+  position: relative;
+  width: 100%;
+  background: #0081D2;
+  padding: 20px 0 73px 0;
+}
+.faq-head .wrap .t1 a {
+  font-size: 13px;
+  color: #ffffff;
+}
+.faq-head .wrap .t1 span {
+  padding: 0 7px;
+  font-size: 13px;
+  color: #ffffff;
+}
+.faq-head .wrap .t2 {
+  font-size: 38px;
+  color: #ffffff;
+  text-align: center;
+}
+.faq-head .wrap .search {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -33px;
+  width: 680px;
+  height: 66px;
+  background: #ffffff;
+  box-shadow: 0px 6px 10px 0px rgba(194, 199, 204, 0.2);
+  border-radius: 2px;
+  border: 1px solid #f0f4f7;
+  margin: 0 auto;
+}
+.faq-head .wrap .search input {
+  height: 68px;
+  line-height: 68px;
+  text-indent: 1em;
+}
+.faq-head .wrap .search .iconshousuo {
+  position: absolute;
+  right: 30px;
+  top: 50%;
+  margin-top: -16px;
+  color: #0081D2;
+  font-size: 30px;
+  cursor: pointer;
+}
+.faq-content .l {
+  width: 285px;
+  position: relative;
+  margin-top: 95px;
+  border-right: 1px solid #F0F4F7;
+}
+.faq-content .l .ico {
+  position: absolute;
+  right: 25px;
+  top: 0;
+  width: 14px;
+  height: 14px;
+  background: url("../../images/faq/arrows.png") no-repeat center;
+}
+.faq-content .l dl {
+  margin-bottom: 30px;
+}
+.faq-content .l dl dt {
+  position: relative;
+  color: #2b2f33;
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  cursor: pointer;
+}
+.faq-content .l dl dd {
+  line-height: 20px;
+  margin-bottom: 8px;
+}
+.faq-content .l dl dd a {
+  font-size: 16px;
+  color: #2b2f33;
+}
+.faq-content .l dl dd.curr {
+  border-left: 3px solid #E89721;
+}
+.faq-content .l dl dd.curr a {
+  color: #0081d2;
+  padding-left: 7px;
+}
+.faq-content .r {
+  margin-top: 95px;
+  width: 858px;
+}
+.faq-content .r .tit {
+  font-size: 30px;
+  color: #2b2f33;
+  margin-bottom: 28px;
+}
+.faq-content .r .t {
+  font-size: 18px;
+  color: #0081d2;
+  line-height: 21px;
+  margin-bottom: 28px;
+  display: block;
+}
+.faq-content .r .t:hover {
+  color: #e89721;
+}
+.chat {
+  position: fixed;
+  right: 160px;
+  bottom: 83px;
+  width: 180px;
+  height: 50px;
+  background: #e89721;
+  box-shadow: 0px -8px 10px 0px rgba(232, 151, 33, 0.2);
+  border-radius: 8px 8px 0px 0px;
+  text-align: center;
+  display: block;
+}
+.chat i {
+  font-size: 28px;
+  color: #FFFFFF;
+}
+.chat span {
+  font-size: 16px;
+  color: #ffffff;
+}
+/*# sourceMappingURL=index.css.map */
\ No newline at end of file

css/faq/index.css.map

+{"version":3,"sources":["index.less","E:/pcb/css/common/base.less"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file

css/faq/index.less

+@import '../common/base.less';
+@import '../common/font/iconfont.css';
+
+.w1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+
+
+.faq-head {
+  position: relative;
+  width: 100%;
+  background: #0081D2;
+  padding: 20px 0 73px 0;
+
+  .wrap {
+    .t1 {
+      a {
+        font-size: 13px;
+        color: #ffffff;
+      }
+
+      span {
+        padding: 0 7px;
+        font-size: 13px;
+        color: #ffffff;
+      }
+    }
+
+    .t2 {
+      font-size: 38px;
+      color: #ffffff;
+      text-align: center;
+    }
+
+    .search {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -33px;
+      width: 680px;
+      height: 66px;
+      background: rgba(255, 255, 255, 1);
+      box-shadow: 0px 6px 10px 0px rgba(194, 199, 204, 0.2);
+      border-radius: 2px;
+      border: 1px solid rgba(240, 244, 247, 1);
+      margin: 0 auto;
+
+      input {
+        height: 68px;
+        line-height: 68px;
+        text-indent: 1em;
+      }
+
+      .iconshousuo {
+        position: absolute;
+        right: 30px;
+        top: 50%;
+        margin-top: -16px;
+        color: #0081D2;
+        font-size: 30px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.faq-content {
+  .l {
+    width: 285px;
+    position: relative;
+    margin-top: 95px;
+    border-right: 1px solid #F0F4F7;
+
+    .ico {
+      position: absolute;
+      right: 25px;
+      top: 0;
+      width: 14px;
+      height: 14px;
+      background: url("../../images/faq/arrows.png") no-repeat center;
+    }
+
+    dl {
+      margin-bottom: 30px;
+
+      dt {
+        position: relative;
+        color: #2b2f33;
+        font-size: 16px;
+        font-weight: bold;
+        margin-bottom: 20px;
+        cursor: pointer;
+      }
+
+      dd {
+        line-height: 20px;
+        margin-bottom: 8px;
+
+        a {
+          font-size: 16px;
+          color: #2b2f33;
+        }
+
+        &.curr {
+          a {
+            color: #0081d2;
+            padding-left: 7px;
+          }
+
+          border-left: 3px solid #E89721;
+        }
+      }
+    }
+  }
+
+  .r {
+    margin-top: 95px;
+    width: 858px;
+
+    .tit {
+      font-size: 30px;
+      color: #2b2f33;
+      margin-bottom: 28px;
+    }
+
+    .t {
+      font-size: 18px;
+      color: #0081d2;
+      line-height: 21px;
+      margin-bottom: 28px;
+      display: block;
+
+      &:hover {
+        color: #e89721;
+      }
+    }
+  }
+}
+
+.chat{
+  position: fixed;
+  right: 160px;
+  bottom: 83px;
+  width:180px;
+  height:50px;
+  background:rgba(232,151,33,1);
+  box-shadow:0px -8px 10px 0px rgba(232,151,33,0.2);
+  border-radius:8px 8px 0px 0px;
+  text-align: center;
+  display: block;
+  i{
+    font-size: 28px;
+    color: #FFFFFF;
+  }
+  span{
+    font-size: 16px;
+    color: #ffffff;
+  }
+}
\ No newline at end of file

css/home/home.css

@@ -134,6 +134,13 @@ img {
   font-size: 0 !important;
   *word-spacing: -1px !important;
 }
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
 label,
 dd,
 dd,

css/home/home.css.map

-{"version":3,"sources":["E:/pcb/css/common/base.less","home.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,cAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;;AAGF;EACE,gBAAA;;AC5HF;EACE,WAAA","file":"home.css"}
\ No newline at end of file

css/home/home.less

@@ -4,7 +4,6 @@
   width: 1180px;
   margin: 0 auto;
 }
-
 .ellipsis {
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;

css/home/index.css.map

+{"version":3,"sources":["E:/pcb/css/common/base.less","index.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,cAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;;AAGF;EACE,gBAAA;;ACpIF;EACE,aAAA;EACA,cAAA","file":"index.css"}
\ No newline at end of file

css/home/index.less

+@import '../common/base.less';
+
+.w1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+

css/login/login.css

+@import '../common/font/iconfont.css';
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+html,
+body {
+  font-family: sans-serif;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+}
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+label,
+dd,
+dd,
+dt {
+  font-weight: normal;
+}
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+html,
+body {
+  width: 100%;
+}
+body {
+  overflow: hidden;
+}
+.login-pcb {
+  height: 560px;
+  background: url(../../images/login/login-bg.jpg) no-repeat;
+  background-size: 1920px 600px;
+  background-position: center;
+  padding-top: 40px;
+}
+.login-pcb .login-box {
+  width: 420px;
+  padding-top: 28px;
+  margin: 0 auto;
+  background: #fff;
+  box-shadow: 0px 6px 10px 0px rgba(0, 129, 210, 0.2);
+  border-radius: 2px;
+}
+.login-pcb .login-box h3 {
+  height: 31px;
+  line-height: 31px;
+  width: 89px;
+  font-size: 24px;
+  font-family: Arial-BoldMT, Arial;
+  font-weight: normal;
+  color: #2B2F33;
+  line-height: 28px;
+  padding-left: 40px;
+  border-left: 6px solid #E89721;
+}
+.login-pcb .login-box .lg-con {
+  padding: 40px;
+  padding-top: 30px;
+}
+.login-pcb .login-box .lg-con .form-group {
+  margin-bottom: 15px;
+  position: relative;
+}
+.login-pcb .login-box .lg-con .form-group input {
+  width: 288px;
+  height: 40px;
+  padding-left: 40px;
+  padding-right: 10px;
+  border: 1px solid #DAE0E6;
+  font-size: 14px;
+  font-family: ArialMT;
+  color: #2B2F33;
+  line-height: 40px;
+  transition: all 0.8s;
+}
+.login-pcb .login-box .lg-con .form-group input:focus {
+  border-color: #0081D2;
+}
+.login-pcb .login-box .lg-con .form-group i {
+  position: absolute;
+  left: 12px;
+  top: 13px;
+  font-size: 16px;
+  color: #828E99;
+}
+.login-pcb .login-box .lg-con .form-group .tips-x {
+  font-size: 13px;
+  font-family: ArialMT;
+  color: #828E99;
+  display: none;
+  margin-top: 5px;
+}
+.login-pcb .login-box .lg-con .form-group.img-code-group img {
+  width: 80px;
+  height: 38px;
+  position: absolute;
+  right: 5px;
+  top: 2px;
+}
+.login-pcb .login-box .lg-con .form-group.img-code-group input {
+  width: 198px;
+  padding-right: 100px;
+}
+.login-pcb .login-box .lg-con .form-group.error input {
+  color: #FF0D0D;
+  border-color: #FF0D0D;
+}
+.login-pcb .login-box .lg-con .form-group.error i {
+  color: #FF0D0D;
+}
+.login-pcb .login-box .lg-con .form-group.error .tips-x {
+  color: #FF0D0D;
+  display: block;
+}
+.login-pcb .login-box .lg-con .form-group.warn .tips-x {
+  color: #828E99;
+  display: block;
+}
+.login-pcb .login-box .lg-con .go-login {
+  width: 340px;
+  height: 40px;
+  background: #0081D2;
+  border-radius: 2px;
+  color: #fff;
+  font-size: 14px;
+  font-family: Arial-BoldMT, Arial;
+  font-weight: normal;
+  line-height: 40px;
+  text-align: center;
+  cursor: pointer;
+}
+.login-pcb .login-box .lg-con .go-login:hover {
+  background: #189EF2;
+}
+.login-pcb .login-box .lg-con .go-forget {
+  font-size: 13px;
+  font-family: ArialMT;
+  padding-top: 25px;
+}
+.login-pcb .login-box .lg-con .go-forget .fl {
+  color: #575E66;
+  cursor: pointer;
+}
+.login-pcb .login-box .lg-con .go-forget .fl span {
+  display: block;
+  width: 12px;
+  height: 12px;
+  padding: 3px;
+  border-radius: 18px;
+  border: 1px solid #C2C7CC;
+  position: relative;
+  top: -2px;
+}
+.login-pcb .login-box .lg-con .go-forget .fl strong {
+  margin-left: 10px;
+  font-weight: normal;
+}
+.login-pcb .login-box .lg-con .go-forget .fl.act span {
+  border-color: #0081D2;
+}
+.login-pcb .login-box .lg-con .go-forget .fl.act i {
+  display: block;
+  width: 12px;
+  height: 12px;
+  background: #0081D2;
+  border-radius: 12px;
+}
+.login-pcb .login-box .lg-con .go-forget .fr {
+  color: #0081D2;
+}
+.login-pcb .login-box .lg-con .go-reg {
+  margin-top: 30px;
+  display: block;
+  line-height: 40px;
+  text-align: center;
+  width: 340px;
+  height: 40px;
+  background: #F0F4F7;
+  border-radius: 2px;
+  font-size: 13px;
+  font-family: ArialMT;
+  color: #828E99;
+  border: 1px solid #F0F4F7;
+}
+.login-pcb .login-box .lg-con .go-reg strong {
+  font-size: 13px;
+  font-family: Arial-BoldMT, Arial;
+  color: #2B2F33;
+  margin-left: 10px;
+}
+.login-pcb .login-box .lg-con .go-reg:hover {
+  background: #fff;
+  border: 1px solid #F0F4F7;
+}
+.login-pcb .login-box .lg-con .go-reg:hover strong {
+  color: #0081D2;
+}
+/*# sourceMappingURL=login.css.map */
\ No newline at end of file

css/login/login.css.map

+{"version":3,"sources":["login.less","E:/pcb/css/common/base.less"],"names":[],"mappings":"QACQ;ACDR;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,cAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;;AAGF;EACE,gBAAA;;ADpIF;EACE,aAAA;EAAa,0DAAA;EACb,6BAAA;EACA,2BAAA;EACA,iBAAA;;AAJF,UAKE;EACE,YAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,mDAAA;EACA,kBAAA;;AAXJ,UAKE,WAOE;EACE,YAAA;EAAY,iBAAA;EACZ,WAAA;EACA,eAAA;EACA,gCAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,8BAAA;;AArBN,UAKE,WAkBE;EACE,aAAA;EAAa,iBAAA;;AAxBnB,UAKE,WAkBE,QAEE;EACE,mBAAA;EACA,kBAAA;;AA3BR,UAKE,WAkBE,QAEE,YAGE;EACE,YAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,eAAA;EACA,oBAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;;AACA,UAlCR,WAkBE,QAEE,YAGE,MAWG;EACC,qBAAA;;AAxCZ,UAKE,WAkBE,QAEE,YAkBE;EAAE,kBAAA;EACA,UAAA;EAAU,SAAA;EACV,eAAA;EACA,cAAA;;AA9CV,UAKE,WAkBE,QAEE,YAuBE;EAAQ,eAAA;EACN,oBAAA;EACA,cAAA;EACA,aAAA;EAAc,eAAA;;AAChB,UA/CN,WAkBE,QAEE,YA2BG,eACC;EAAI,WAAA;EAAW,YAAA;EAAY,kBAAA;EAAmB,UAAA;EAAU,QAAA;;AAD1D,UA/CN,WAkBE,QAEE,YA2BG,eAEC;EAAM,YAAA;EAAY,oBAAA;;AAEpB,UAnDN,WAkBE,QAEE,YA+BG,MACC;EAAM,cAAA;EAAc,qBAAA;;AADtB,UAnDN,WAkBE,QAEE,YA+BG,MAEC;EAAE,cAAA;;AAFJ,UAnDN,WAkBE,QAEE,YA+BG,MAGC;EAAQ,cAAA;EAAc,cAAA;;AAExB,UAxDN,WAkBE,QAEE,YAoCG,KACC;EAAQ,cAAA;EAAc,cAAA;;AA9DhC,UAKE,WAkBE,QA0CE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,gCAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;;AACA,UAxEN,WAkBE,QA0CE,UAYG;EAAO,mBAAA;;AA7EhB,UAKE,WAkBE,QAwDE;EACE,eAAA;EACA,oBAAA;EACA,iBAAA;;AAlFR,UAKE,WAkBE,QAwDE,WAIE;EACE,cAAA;EACA,eAAA;;AArFV,UAKE,WAkBE,QAwDE,WAIE,IAGE;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,SAAA;;AA9FZ,UAKE,WAkBE,QAwDE,WAIE,IAaE;EACE,iBAAA;EACA,mBAAA;;AAEF,UA/FR,WAkBE,QAwDE,WAIE,IAiBG,IACC;EACE,qBAAA;;AAFJ,UA/FR,WAkBE,QAwDE,WAIE,IAiBG,IAIC;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;;AA7Gd,UAKE,WAkBE,QAwDE,WAkCE;EACE,cAAA;;AAlHV,UAKE,WAkBE,QA8FE;EACE,gBAAA;EACA,cAAA;EACA,iBAAA;EAAkB,kBAAA;EAClB,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;EACA,cAAA;EACA,yBAAA;;AAhIR,UAKE,WAkBE,QA8FE,QAYE;EACE,eAAA;EACA,gCAAA;EACA,cAAA;EACA,iBAAA;;AAEF,UAlIN,WAkBE,QA8FE,QAkBG;EACC,gBAAA;EACA,yBAAA;;AAFF,UAlIN,WAkBE,QA8FE,QAkBG,MAGC;EAAO,cAAA","file":"login.css"}
\ No newline at end of file

css/login/login.less

+@import '../common/base.less';
+@import '../common/font/iconfont.css';
+.login-pcb{
+  height:560px;background: url(../../images/login/login-bg.jpg) no-repeat;
+  background-size: 1920px 600px;
+  background-position: center;
+  padding-top: 40px;
+  .login-box{
+    width:420px;
+    padding-top: 28px;
+    margin:0 auto;
+    background:#fff;
+    box-shadow:0px 6px 10px 0px rgba(0,129,210,0.2);
+    border-radius:2px;
+    h3{
+      height:31px;line-height: 31px;
+      width:89px;
+      font-size:24px;
+      font-family:Arial-BoldMT,Arial;
+      font-weight:normal;
+      color:#2B2F33;
+      line-height:28px;
+      padding-left: 40px;
+      border-left:6px solid #E89721;
+    }
+    .lg-con{
+      padding:40px;padding-top: 30px;
+      .form-group{
+        margin-bottom: 15px;
+        position: relative;
+        input{
+          width:288px;
+          height:40px;
+          padding-left:40px;
+          padding-right: 10px;
+          border:1px solid #DAE0E6;
+          font-size:14px;
+          font-family:ArialMT;
+          color:#2B2F33;
+          line-height: 40px;
+          transition: all 0.8s;
+          &:focus{
+            border-color:#0081D2;
+          }
+        }
+        i{position: absolute;
+          left:12px;top:13px;
+          font-size: 16px;
+          color:#828E99;
+        }
+        .tips-x{font-size:13px;
+          font-family:ArialMT;
+          color:#828E99;
+          display: none;margin-top: 5px;}
+        &.img-code-group{
+          img{width:80px;height:38px;position: absolute;right:5px;top:2px;}
+          input{width:198px;padding-right: 100px;}
+        }
+        &.error{
+          input{color:#FF0D0D;border-color:#FF0D0D;}
+          i{color:#FF0D0D;}
+          .tips-x{color:#FF0D0D;display:block;}
+        }
+        &.warn{
+          .tips-x{color:#828E99;display:block;}
+        }
+      }
+      .go-login{
+        width:340px;
+        height:40px;
+        background:#0081D2;
+        border-radius:2px;
+        color:#fff;
+        font-size:14px;
+        font-family:Arial-BoldMT,Arial;
+        font-weight:normal;
+        line-height: 40px;
+        text-align: center;
+        cursor: pointer;
+        &:hover{background: #189EF2;}
+      }
+      .go-forget{
+        font-size:13px;
+        font-family:ArialMT;
+        padding-top:25px;
+        .fl{
+          color:#575E66;
+          cursor: pointer;
+          span{
+            display: block;
+            width:12px;
+            height:12px;
+            padding:3px;
+            border-radius: 18px;
+            border:1px solid #C2C7CC;
+            position: relative;
+            top:-2px;
+          }
+          strong{
+            margin-left: 10px;
+            font-weight: normal;
+          }
+          &.act{
+            span{
+              border-color:#0081D2;
+            }
+            i{
+              display: block;
+              width:12px;
+              height:12px;
+              background:#0081D2;
+              border-radius: 12px;
+            }
+          }
+          }
+        .fr{
+          color:#0081D2;
+        }
+      }
+      .go-reg{
+        margin-top: 30px;
+        display: block;
+        line-height: 40px;text-align: center;
+        width:340px;
+        height:40px;
+        background:#F0F4F7;
+        border-radius:2px;
+        font-size:13px;
+        font-family:ArialMT;
+        color:#828E99;
+        border:1px solid #F0F4F7;
+        strong{
+          font-size:13px;
+          font-family:Arial-BoldMT,Arial;
+          color:#2B2F33;
+          margin-left: 10px;
+        }
+        &:hover{
+          background: #fff;
+          border:1px solid #F0F4F7;
+          strong{color:#0081D2;}
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

css/pcb/newbase_v1.css

@@ -4185,7 +4185,7 @@ hyml, body {
 .tab-quote .ico-stencil{background-position: 0px -58px;}
 .tab-quote .ico-membrane{background-position: 0px -116px;}
 .tab-quote .ico-bom{background-position: 0px -87px;}
-.tab-quote li.active,.tab-quote li:hover{background-color:#f90; }
+.tab-quote li.active,.tab-quote li:hover{background-color:#E89721; }
 .tab-quote li.active a,.tab-quote li:hover a{color:#fff; text-decoration:none;}
 .tab-quote li.active .ico-pcb,.tab-quote li:hover .ico-pcb{background-position: -29px 0px;}
 .tab-quote li.active .ico-pcba,.tab-quote li:hover .ico-pcba{background-position: -29px -29px;}

css/pcb/pcbonlineNew.css

@@ -162,7 +162,7 @@
 .tab-quote .ico-membrane{background-position: 0px -116px;}
 .tab-quote .ico-bom{background-position: 0px -87px;}
 .tab-quote .ico-bmkg{background-position: 0px -143px;width:40px!important;}
-.tab-quote li.active,.tab-quote li:hover{background-color:#f90; }
+.tab-quote li.active,.tab-quote li:hover{background-color:#E89721; }
 .tab-quote li.active a{color:#fff; text-decoration:none;}
 .tab-quote li:hover a{color:#fff; text-decoration:none;}
 .tab-quote li.active .ico-pcb,.tab-quote li:hover .ico-pcb{background-position: -29px 0px;}
@@ -348,7 +348,7 @@
 #tabPcbInfoList tbody tr:hover td{background-color:#efefef;}
 .layui-layer-title{color:#7c5000 !important;}
 #tabPcbInfoList input[type=radio]{margin-right:4px;}
-.btn_confirm{display:none; width:66px; height:25px; background-color:#f90; color:#fff; outline:none; text-align:center; line-height:24px; position:absolute; right:10px; top:6px; border-radius:3px; border:none;}
+.btn_confirm{display:none; width:66px; height:25px; background-color:#E89721; color:#fff; outline:none; text-align:center; line-height:24px; position:absolute; right:10px; top:6px; border-radius:3px; border:none;}
 
 .color-333{color:#333;}
 
@@ -365,7 +365,7 @@
 .tab-quote .ico-stencil{background-position: 0px -58px;}
 .tab-quote .ico-membrane{background-position: 0px -116px;}
 .tab-quote .ico-bom{background-position: 0px -87px;}
-.tab-quote li.active,.tab-quote li:hover{background-color:#f90; }
+.tab-quote li.active,.tab-quote li:hover{background-color:#E89721; }
 .tab-quote li.active a,.tab-quote li:hover a{color:#fff; text-decoration:none;}
 .tab-quote li.active .ico-pcb,.tab-quote li:hover .ico-pcb{background-position: -29px 0px;}
 .tab-quote li.active .ico-pcba,.tab-quote li:hover .ico-pcba{background-position: -29px -29px;}
@@ -490,7 +490,7 @@ body{    font: 12px/1.5 ROBOTO, Helvetica, Tahoma, Arial;}
 
 /*优品标品*/
 .pinzhiul li{border:1px solid #d8d8d8;border-radius:4px;height:46px;line-height:46px;font-size:14px;padding:0 40px 0 12px;cursor:pointer;}
-.pinzhiul .active{border:2px solid #f90;color:#f90;}
+.pinzhiul .active{border:2px solid #f90;color:#E89721;}
 .pinzhiul .active .fr{font-weight:600}
 .pinzhiul li label{width: 14px;height: 46px;background: url(../../images/pcbonline/un_xz.png) no-repeat left center;margin-bottom: 0;margin-right: 5px;}
 .pinzhiul li.active label{background: url(../../images/pcbonline/xz.png) no-repeat left center;}

css/piclist/index.css

+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+html,
+body {
+  font-family: sans-serif;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+}
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+.emptys {
+  margin-left: -1px;
+  width: 1px;
+  height: 100%;
+  font-size: 0;
+  vertical-align: middle;
+}
+label,
+dd,
+dd,
+dt {
+  font-weight: normal;
+}
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+html,
+body {
+  width: 100%;
+}
+body {
+  overflow: hidden;
+}
+.w1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+.pic-banner {
+  width: 100%;
+  background: #0081d2;
+  padding: 60px 0 50px 0;
+}
+.pic-banner p {
+  font-size: 38px;
+  color: #ffffff;
+  line-height: 43px;
+  text-align: center;
+  margin-bottom: 21px;
+}
+.pic-banner a {
+  width: 260px;
+  height: 48px;
+  background: #e89721;
+  border-radius: 2px;
+  display: block;
+  margin: 0 auto;
+  font-size: 16px;
+  color: #ffffff;
+  text-align: center;
+  line-height: 48px;
+}
+.pic-list {
+  width: 100%;
+  margin-top: 40px;
+}
+.pic-list .list-wrap ul li {
+  float: left;
+  width: 280px;
+  margin-right: 17px;
+  margin-bottom: 20px;
+  padding-bottom: 12px;
+  background: #ffffff;
+  box-shadow: 0px 6px 10px 0px rgba(194, 199, 204, 0.2);
+  border: 1px solid #f0f4f7;
+}
+.pic-list .list-wrap ul li:nth-of-type(4n) {
+  margin-right: 0;
+}
+.pic-list .list-wrap ul li .pic {
+  width: 280px;
+  height: 200px;
+  margin-bottom: 20px;
+}
+.pic-list .list-wrap ul li .pic img {
+  width: 280px;
+  height: 200px;
+  vertical-align: middle;
+}
+.pic-list .list-wrap ul li .wrap {
+  padding: 0 20px;
+}
+.pic-list .list-wrap ul li .wrap .l img {
+  width: 20px;
+  height: 15px;
+}
+.pic-list .list-wrap ul li .wrap .l span {
+  font-size: 13px;
+  color: #2b2f33;
+}
+.pic-list .list-wrap ul li .wrap .r .start {
+  width: 16px;
+  height: 16px;
+  background: url("../../images/pic/star.png") no-repeat center;
+}
+.pic-list .list-wrap ul li .wrap .t1 {
+  margin-top: 10px;
+  margin-bottom: 20px;
+  font-size: 11px;
+  color: #828e99;
+}
+.pic-list .list-wrap ul li .wrap .t2 {
+  color: #575e66;
+  font-size: 13px;
+  min-height: 80px;
+}
+.pic-list .list-wrap ul li .wrap .t3 {
+  font-size: 11px;
+  color: #828e99;
+}
+.pic-detail {
+  background: #FFFFFF;
+}
+.pic-detail .pic-detail-head {
+  padding: 40px 60px 40px 60px;
+  border-bottom: 1px solid #F0F4F7;
+}
+.pic-detail .pic-detail-head .l .pic {
+  width: 60px;
+  height: 60px;
+  margin-right: 30px;
+}
+.pic-detail .pic-detail-head .l .pic img {
+  width: 60px;
+  height: 60px;
+}
+.pic-detail .pic-detail-head .l .txt .t1 {
+  font-size: 16px;
+  color: #2b2f33;
+  margin-bottom: 10px;
+}
+.pic-detail .pic-detail-head .l .txt .t1 img {
+  width: 20px;
+  height: 14px;
+}
+.pic-detail .pic-detail-head .l .txt .t2 {
+  font-size: 13px;
+  color: #828e99;
+}
+.pic-detail .pic-detail-head .r img {
+  width: 24px;
+  height: 24px;
+}
+.pic-detail .pic-detail-head .r .t1 {
+  color: #e89721;
+  font-size: 25px;
+}
+.pic-detail .content {
+  padding: 40px;
+  font-size: 16px;
+  color: #2b2f33;
+}
+.pic-detail .content img {
+  padding: 20px;
+  max-width: 100%;
+  margin: 0 auto;
+  display: block;
+}
+/*# sourceMappingURL=index.css.map */
\ No newline at end of file

css/piclist/index.css.map

+{"version":3,"sources":["E:/pcb/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file

css/piclist/index.less

+@import '../common/base.less';
+
+.w1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+
+.pic-banner {
+  width: 100%;
+  background: rgba(0, 129, 210, 1);
+  padding: 60px 0 50px 0;
+
+  p {
+    font-size: 38px;
+    color: #ffffff;
+    line-height: 43px;
+    text-align: center;
+    margin-bottom: 21px;
+  }
+
+  a {
+    width: 260px;
+    height: 48px;
+    background: rgba(232, 151, 33, 1);
+    border-radius: 2px;
+    display: block;
+    margin: 0 auto;
+    font-size: 16px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 48px;
+  }
+}
+
+.pic-list {
+  width: 100%;
+  margin-top: 40px;
+
+  .list-wrap {
+    ul {
+      li {
+        float: left;
+        width: 280px;
+        margin-right: 17px;
+        margin-bottom: 20px;
+        padding-bottom: 12px;
+        background: rgba(255, 255, 255, 1);
+        box-shadow: 0px 6px 10px 0px rgba(194, 199, 204, 0.2);
+        border: 1px solid rgba(240, 244, 247, 1);
+
+        &:nth-of-type(4n) {
+          margin-right: 0;
+        }
+
+        .pic {
+          width: 280px;
+          height: 200px;
+          margin-bottom: 20px;
+
+          img {
+            width: 280px;
+            height: 200px;
+            vertical-align: middle;
+          }
+        }
+
+        .wrap {
+          padding: 0 20px;
+
+          .l {
+            img {
+              width: 20px;
+              height: 15px;
+            }
+
+            span {
+              font-size: 13px;
+              color: #2b2f33;
+            }
+          }
+
+          .r {
+            .start {
+              width: 16px;
+              height: 16px;
+              background: url("../../images/pic/star.png") no-repeat center;
+            }
+          }
+
+          .t1 {
+            margin-top: 10px;
+            margin-bottom: 20px;
+            font-size: 11px;
+            color: #828e99;
+          }
+
+          .t2 {
+            color: #575e66;
+            font-size: 13px;
+            min-height: 80px;
+          }
+
+          .t3 {
+            font-size: 11px;
+            color: #828e99;
+          }
+        }
+      }
+    }
+  }
+}
+
+.pic-detail {
+  background: #FFFFFF;
+
+  .pic-detail-head {
+    padding: 40px 60px 40px 60px;
+    border-bottom: 1px solid #F0F4F7;
+
+    .l {
+      .pic {
+        width: 60px;
+        height: 60px;
+        margin-right: 30px;
+
+        img {
+          width: 60px;
+          height: 60px;
+        }
+      }
+
+      .txt {
+        .t1 {
+          font-size: 16px;
+          color: #2b2f33;
+          margin-bottom: 10px;
+
+          img {
+            width: 20px;
+            height: 14px;
+          }
+        }
+
+        .t2 {
+          font-size: 13px;
+          color: #828e99;
+        }
+      }
+    }
+
+    .r {
+      img {
+        width: 24px;
+        height: 24px;
+      }
+
+      .t1 {
+        color: #e89721;
+        font-size: 25px;
+      }
+    }
+  }
+
+  .content {
+    padding: 40px;
+    font-size: 16px;
+    color: #2b2f33;
+    img{
+      padding: 20px;
+      max-width: 100%;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+}
\ No newline at end of file

faq.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Instant PCB Quote Online - PCB Cost Calculator - ALLPCB.com</title>
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
+    <meta name="keywords" content="pcb quote, pcb quote online, instant pcb quote, pcb calculator, pcb cost calculator"/>
+    <meta name="description" content="The instant online pcb quote calculator helps you estimate the pricing of your standard printed circuit boards manufacturing. Quote Now!"/>
+    <meta http-equiv="Pragma" content="public">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
+    <link href="./css/faq/index.css" rel="stylesheet" type="text/css"/>
+    <script src="./js/jquery.js" type="text/javascript"></script>
+    <script src="js/layer/layer.js" type="text/javascript"></script>
+</head>
+<body>
+<div class="faq-head">
+    <div class="wrap w1180">
+        <p class="t1">
+            <a href="javascript:;">Home</a>
+            <span>></span>
+            <a href="javascript:;">Help Center</a>
+        </p>
+        <p class="t2">How can we help?</p>
+        <div class="search">
+            <input type="text" placeholder="Type key words to find answers">
+            <i class="iconfont  iconshousuo"></i>
+        </div>
+    </div>
+</div>
+
+<div class="faq-content">
+    <div class="w1180">
+        <div class="fl l">
+            <dl>
+                <dt>My Orders <i class="ico"></i></dt>
+                <dd class="curr"><a href="">Placing Orders</a></dd>
+                <dd><a href="">Cancelling Orders</a>
+                <dd><a href="">Leaving Feedback</a></dd>
+            </dl>
+            <dl>
+                <dt>Balance & Coupons <i class="ico"></i></dt>
+                <dd><a href="">Placing Orders</a></dd>
+                <dd><a href="">Cancelling Orders</a></dd>
+                <dd><a href="">Leaving Feedback</a></dd>
+            </dl>
+        </div>
+        <div class="fr r">
+            <p class="tit">Placing Orders</p>
+            <a href="" class="t">How do I place an order?</a>
+            <a href="" class="t">How do I place a pcb order?</a>
+            <a href="" class="t">How do I place a smt/smd stencil order?</a>
+        </div>
+    </div>
+</div>
+
+<a class="chat" href="javascript:;">
+    <i class="iconfont iconxiaoxi va-m"></i>
+    <span>Chat with us!</span>
+    <b class="emptys lineBlock"></b>
+</a>
+
+</body>
+</html>

login.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Instant PCB Login</title>
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
+    <meta name="keywords" content="pcb quote, pcb quote online, instant pcb quote, pcb calculator, pcb cost calculator"/>
+    <meta name="description" content="The instant online pcb quote calculator helps you estimate the pricing of your standard printed circuit boards manufacturing. Quote Now!"/>
+    <meta http-equiv="Pragma" content="public">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
+    <link href="./css/login/login.css" rel="stylesheet"/>
+</head>
+<body>
+<div class="login-pcb">
+    <div class="login-box">
+        <h3>Sign In</h3>
+        <div class="lg-con">
+            <!--提示样式  错误 error   提示warn 否则无-->
+            <div class="form-group warn">
+                <i class="iconfont iconemail"></i>
+                <input type="text" placeholder="Valid Email address" />
+                <div class="tips-x">* Please enter a correct email addresss.</div>
+            </div>
+            <div class="form-group error">
+                <i class="iconfont iconpassword"></i>
+                <input type="password" placeholder="Password" />
+                <div class="tips-x">* Wrong password, please re-enter.</div>
+            </div>
+            <div class="form-group img-code-group ">
+                <i class="iconfont iconimgcode"></i>
+                <input type="text" placeholder="Verification code" />
+                <img src="./images/login/login-bg.jpg" alt="" />
+                <div class="tips-x">* Wrong password, please re-enter.</div>
+            </div>
+            <div class="go-login">Sign in</div>
+            <div class="go-forget clr">
+                <div class="fl clr act">
+                    <span class="fl">
+                        <i></i>
+                    </span>
+                    <strong class="fl">Keep me signed in</strong>
+                </div>
+                <a class="fr" href="/forget.html">Forget Password?</a>
+            </div>
+            <a class="go-reg" href="./reg.html">New to pcbbuy?<strong>Register</strong></a>
+        </div>
+
+    </div>
+</div>
+<script src="./js/jquery.js" type="text/javascript"></script>
+<script>
+    $(".go-forget .fl.clr").click(function(){
+        $(this).toggleClass('act');
+    })
+</script>
+</body>
+</html>

picdetail.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Instant PCB Quote Online - PCB Cost Calculator - ALLPCB.com</title>
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
+    <meta name="keywords" content="pcb quote, pcb quote online, instant pcb quote, pcb calculator, pcb cost calculator"/>
+    <meta name="description" content="The instant online pcb quote calculator helps you estimate the pricing of your standard printed circuit boards manufacturing. Quote Now!"/>
+    <meta http-equiv="Pragma" content="public">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
+    <link href="./css/piclist/index.css" rel="stylesheet" type="text/css"/>
+    <script src="./js/jquery.js" type="text/javascript"></script>
+    <script src="js/layer/layer.js" type="text/javascript"></script>
+</head>
+<body style="background: #F0F4F7;">
+<div class="pic-detail w1180">
+    <div class="pic-detail-head clr">
+        <div class="fl l">
+            <div class="pic lineBlock va-m">
+                <img src="./images/banner/picbanner.jpg" alt="">
+            </div>
+            <div class="txt lineBlock va-m">
+                <p class="t1">
+                    <span>garpunchik</span>
+                    <img src="./images/country/dhl.gif" alt="">
+                </p>
+                <p class="t2">Reviews Time: 09/18/2019 14:29:07 PM</p>
+            </div>
+        </div>
+        <div class="fr r">
+            <div class="lineBlock">
+                <img src="./images/pic/star.png" alt="">
+                <img src="./images/pic/star.png" alt="">
+                <img src="./images/pic/star.png" alt="">
+                <img src="./images/pic/star.png" alt="">
+                <img src="./images/pic/star.png" alt="">
+            </div>
+            <span class="lineBlock t1">5.0</span>
+        </div>
+    </div>
+    <div class="content">
+        <p>Best quality , Best price and Best speed , thank you so much</p>
+        <img src="./images/pic/1.png " alt="">
+    </div>
+</div>
+</body>
+</html>

piclist.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Instant PCB Quote Online - PCB Cost Calculator - ALLPCB.com</title>
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
+    <meta name="keywords" content="pcb quote, pcb quote online, instant pcb quote, pcb calculator, pcb cost calculator"/>
+    <meta name="description" content="The instant online pcb quote calculator helps you estimate the pricing of your standard printed circuit boards manufacturing. Quote Now!"/>
+    <meta http-equiv="Pragma" content="public">
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
+    <link href="./css/piclist/index.css" rel="stylesheet" type="text/css"/>
+    <script src="./js/jquery.js" type="text/javascript"></script>
+    <script src="js/layer/layer.js" type="text/javascript"></script>
+</head>
+<body>
+<div class="pic-banner">
+    <p>Unforgettable PCB Starts with PCBBUY!</p>
+    <a href="javascript:;" class="btn">Place Orders & Comment</a>
+</div>
+<div class="pic-list">
+    <div class="list-wrap w1180">
+        <ul class="clr">
+            <li>
+                <a href="">
+                    <div class="pic">
+                        <img src="./images/pic/1.png" alt="">
+                    </div>
+                    <div class="wrap">
+                        <div class="clr">
+                            <div class="fl l">
+                                <img src="./images/pic/11.png" alt="" class="lineBlock">
+                                <span class="t1">D****de</span>
+                            </div>
+                            <div class="fr r">
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                            </div>
+                        </div>
+                        <p class="t1">Reviews Time: 09/18/2019 14:29:07 PM</p>
+                        <p class="t2">лучший сервис по изготовлению печатных плат в Китае</p>
+                        <p class="t3">(202 mm * 771 mm ,1.6 ,4 Layers) Number: 15 PCS</p>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div class="pic">
+                        <img src="./images/pic/1.png" alt="">
+                    </div>
+                    <div class="wrap">
+                        <div class="clr">
+                            <div class="fl l">
+                                <img src="./images/pic/11.png" alt="" class="lineBlock">
+                                <span class="t1">D****de</span>
+                            </div>
+                            <div class="fr r">
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                            </div>
+                        </div>
+                        <p class="t1">Reviews Time: 09/18/2019 14:29:07 PM</p>
+                        <p class="t2">лучший сервис по изготовлению печатных плат в Китае</p>
+                        <p class="t3">(202 mm * 771 mm ,1.6 ,4 Layers) Number: 15 PCS</p>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div class="pic">
+                        <img src="./images/pic/1.png" alt="">
+                    </div>
+                    <div class="wrap">
+                        <div class="clr">
+                            <div class="fl l">
+                                <img src="./images/pic/11.png" alt="" class="lineBlock">
+                                <span class="t1">D****de</span>
+                            </div>
+                            <div class="fr r">
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                            </div>
+                        </div>
+                        <p class="t1">Reviews Time: 09/18/2019 14:29:07 PM</p>
+                        <p class="t2">лучший сервис по изготовлению печатных плат в Китае</p>
+                        <p class="t3">(202 mm * 771 mm ,1.6 ,4 Layers) Number: 15 PCS</p>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div class="pic">
+                        <img src="./images/pic/1.png" alt="">
+                    </div>
+                    <div class="wrap">
+                        <div class="clr">
+                            <div class="fl l">
+                                <img src="./images/pic/11.png" alt="" class="lineBlock">
+                                <span class="t1">D****de</span>
+                            </div>
+                            <div class="fr r">
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                            </div>
+                        </div>
+                        <p class="t1">Reviews Time: 09/18/2019 14:29:07 PM</p>
+                        <p class="t2">лучший сервис по изготовлению печатных плат в Китае</p>
+                        <p class="t3">(202 mm * 771 mm ,1.6 ,4 Layers) Number: 15 PCS</p>
+                    </div>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <div class="pic">
+                        <img src="./images/pic/1.png" alt="">
+                    </div>
+                    <div class="wrap">
+                        <div class="clr">
+                            <div class="fl l">
+                                <img src="./images/pic/11.png" alt="" class="lineBlock">
+                                <span class="t1">D****de</span>
+                            </div>
+                            <div class="fr r">
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                                <i class="lineBlock start"></i>
+                            </div>
+                        </div>
+                        <p class="t1">Reviews Time: 09/18/2019 14:29:07 PM</p>
+                        <p class="t2">лучший сервис по изготовлению печатных плат в Китае</p>
+                        <p class="t3">(202 mm * 771 mm ,1.6 ,4 Layers) Number: 15 PCS</p>
+                    </div>
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>
+
+</body>
+</html>

standard_pcb_manufacturing_capability.html

@@ -12,6 +12,7 @@
     <meta name="google-site-verification" content="XNE5qH9_Odx-8pk7VkeHWk62joNlbqzlBa4DzkhC1U4"/>
     <link href="./css/pcb/newbase_v1.css" rel="stylesheet"/>
     <link href="./css/pcb/pcbonlineNew.css" rel="stylesheet" type="text/css"/>
+    <link href="./css/Capability.css" rel="stylesheet" type="text/css"/>
     <script src="./js/jquery.js" type="text/javascript"></script>
     <script src="js/layer/layer.js" type="text/javascript"></script>
 </head>
@@ -973,12 +974,6 @@
                     <br>
                 </p>
             </div>
-            <div class="share text-center">
-                <div class="addthis_inline_share_toolbox" data-url="https://www.allpcb.com/standard_pcb_manufacturing_capability.html" data-title="Standard PCB Manufacturing Capability" style="clear: both;"><div id="atstbx" class="at-resp-share-element at-style-responsive addthis-smartlayers addthis-animated at4-show" aria-labelledby="at-0cc0284a-330a-4515-a883-8b16137d9e26" role="region"><span id="at-0cc0284a-330a-4515-a883-8b16137d9e26" class="at4-visually-hidden">AddThis Sharing Buttons</span><div class="at-share-btn-elements"><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-facebook" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Facebook</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-facebook-9" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-facebook"><title id="at-svg-facebook-9">Facebook</title><g><path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-twitter" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Twitter</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-twitter-10" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-twitter"><title id="at-svg-twitter-10">Twitter</title><g><path d="M27.996 10.116c-.81.36-1.68.602-2.592.71a4.526 4.526 0 0 0 1.984-2.496 9.037 9.037 0 0 1-2.866 1.095 4.513 4.513 0 0 0-7.69 4.116 12.81 12.81 0 0 1-9.3-4.715 4.49 4.49 0 0 0-.612 2.27 4.51 4.51 0 0 0 2.008 3.755 4.495 4.495 0 0 1-2.044-.564v.057a4.515 4.515 0 0 0 3.62 4.425 4.52 4.52 0 0 1-2.04.077 4.517 4.517 0 0 0 4.217 3.134 9.055 9.055 0 0 1-5.604 1.93A9.18 9.18 0 0 1 6 23.85a12.773 12.773 0 0 0 6.918 2.027c8.3 0 12.84-6.876 12.84-12.84 0-.195-.005-.39-.014-.583a9.172 9.172 0 0 0 2.252-2.336" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-email" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to Email</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-email-11" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-email"><title id="at-svg-email-11">Email</title><g><g fill-rule="evenodd"></g><path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"></path><path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"></path></g></svg></span></a><a role="button" tabindex="0" class="at-icon-wrapper at-share-btn at-svc-compact" style="background-color: rgb(255, 255, 255); border-radius: 0px;"><span class="at4-visually-hidden">Share to More</span><span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-addthis-12" style="fill: rgb(102, 102, 102); width: 32px; height: 32px;" class="at-icon at-icon-addthis"><title id="at-svg-addthis-12">AddThis</title><g><path d="M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z" fill-rule="evenodd"></path></g></svg></span><span class="at4-share-count-container" style="font-size: 11.4px; line-height: 32px; color: rgb(102, 102, 102);">74</span></a></div></div></div>
-
-                <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59f6d267927a7183"></script>
-            </div>
-
             <div class="valuation text-center">
                 <a class="btn-valuation" href="/online_pcb_quote.html" target="_blank">Instant Quote</a>
                 <a rel="nofollow" class="btn-valuation" href="/salesteam.html" target="_blank" style="background-color: #666;">Quote by Sales</a>