Skip to content

梁建民 / pcb

Go to a project
Commit a4d52667 by 梁建民
Options

css

parent ef473e9f
Inline Side-by-side
Showing with 914 additions and 45 deletions
css/faq/index.css 0 → 100644
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;
}
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-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;
}
/*# sourceMappingURL=index.css.map */
\ No newline at end of file
css/faq/index.css.map 0 → 100644
{"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/faq/index.less 0 → 100644
@import '../common/base.less';
.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;
}
i {
}
}
}
}
.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;
}
}
}
}
\ No newline at end of file
css/home/home.css.map deleted 100644 → 0
{"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 deleted 100644 → 0
@import '../common/base.less';
.home{
width: 100%;
}
\ No newline at end of file
css/home/home.css → css/home/index.css
...@@ -155,7 +155,8 @@ body { ...@@ -155,7 +155,8 @@ body {
body { body {
overflow: hidden; overflow: hidden;
} }
.home { .w1180 {
width: 100%; width: 1180px;
margin: 0 auto;
} }
/*# sourceMappingURL=home.css.map */ /*# sourceMappingURL=index.css.map */
\ No newline at end of file \ No newline at end of file
css/home/index.css.map 0 → 100644
{"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;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,aAAA;EACA,cAAA","file":"index.css"}
\ No newline at end of file
css/home/index.less 0 → 100644
@import '../common/base.less';
.w1180 {
width: 1180px;
margin: 0 auto;
}
css/piclist/index.css
...@@ -155,23 +155,138 @@ body { ...@@ -155,23 +155,138 @@ body {
body { body {
overflow: hidden; 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 { .pic-list {
width: 100%; 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 { .pic-list .list-wrap ul li .pic {
width: 280px; width: 280px;
height: 200px; height: 200px;
margin-bottom: 20px;
} }
.pic-list .list-wrap ul li .pic img { .pic-list .list-wrap ul li .pic img {
width: 280px; width: 280px;
height: 200px; height: 200px;
vertical-align: middle;
}
.pic-list .list-wrap ul li .wrap {
padding: 0 20px;
} }
.pic-list .list-wrap ul li .l img { .pic-list .list-wrap ul li .wrap .l img {
width: 20px; width: 20px;
height: 15px; height: 15px;
} }
.pic-list .list-wrap ul li .l span { .pic-list .list-wrap ul li .wrap .l span {
font-size: 13px; font-size: 13px;
color: #2b2f33; 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 */ /*# 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":"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;;AADF,SAEE,WACE,GACE,GACE;EACE,YAAA;EACA,aAAA;;AAPV,SAEE,WACE,GACE,GACE,KAGE;EACE,YAAA;EACA,aAAA;;AAVZ,SAEE,WACE,GACE,GASE,GACE;EACE,WAAA;EACA,YAAA;;AAhBZ,SAEE,WACE,GACE,GASE,GAKE;EACE,eAAA;EACA,cAAA","file":"index.css"} {"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;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,aAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,mBAAA;EACA,sBAAA;;AAHF,WAKE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;;AAVJ,WAaE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;;AAIJ;EACE,WAAA;EACA,gBAAA;;AAFF,SAIE,WACE,GACE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,mBAAA;EACA,qDAAA;EACA,yBAAA;;AAEA,SAZN,WACE,GACE,GAUG,YAAY;EACX,eAAA;;AAjBV,SAIE,WACE,GACE,GAcE;EACE,YAAA;EACA,aAAA;EACA,mBAAA;;AAvBV,SAIE,WACE,GACE,GAcE,KAKE;EACE,YAAA;EACA,aAAA;EACA,sBAAA;;AA5BZ,SAIE,WACE,GACE,GA0BE;EACE,eAAA;;AAjCV,SAIE,WACE,GACE,GA0BE,MAGE,GACE;EACE,WAAA;EACA,YAAA;;AAtCd,SAIE,WACE,GACE,GA0BE,MAGE,GAME;EACE,eAAA;EACA,cAAA;;AA3Cd,SAIE,WACE,GACE,GA0BE,MAeE,GACE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,6CAAhB;;AAnDd,SAIE,WACE,GACE,GA0BE,MAuBE;EACE,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;;AA3DZ,SAIE,WACE,GACE,GA0BE,MA8BE;EACE,cAAA;EACA,eAAA;EACA,gBAAA;;AAjEZ,SAIE,WACE,GACE,GA0BE,MAoCE;EACE,eAAA;EACA,cAAA;;AAQZ;EACE,mBAAA;;AADF,WAGE;EACE,4BAAA;EACA,gCAAA;;AALJ,WAGE,iBAIE,GACE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;;AAXR,WAGE,iBAIE,GACE,KAKE;EACE,WAAA;EACA,YAAA;;AAfV,WAGE,iBAIE,GAYE,KACE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AAvBV,WAGE,iBAIE,GAYE,KACE,IAKE;EACE,WAAA;EACA,YAAA;;AA3BZ,WAGE,iBAIE,GAYE,KAYE;EACE,eAAA;EACA,cAAA;;AAjCV,WAGE,iBAmCE,GACE;EACE,WAAA;EACA,YAAA;;AAzCR,WAGE,iBAmCE,GAME;EACE,cAAA;EACA,eAAA;;AA9CR,WAmDE;EACE,aAAA;EACA,eAAA;EACA,cAAA;;AAtDJ,WAmDE,SAIE;EACE,aAAA;EACA,eAAA;EACA,cAAA;EACA,cAAA","file":"index.css"}
\ No newline at end of file \ No newline at end of file
css/piclist/index.less
@import '../common/base.less'; @import '../common/base.less';
.pic-list{ .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%; width: 100%;
.list-wrap{ margin-top: 40px;
ul{
li{ .list-wrap {
.pic{ 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; width: 280px;
height: 200px; height: 200px;
img{ margin-bottom: 20px;
img {
width: 280px; width: 280px;
height: 200px; height: 200px;
vertical-align: middle;
} }
} }
.l{
img{ .wrap {
width: 20px; padding: 0 20px;
height: 15px;
.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;
}
} }
span{
.t1 {
margin-top: 10px;
margin-bottom: 20px;
font-size: 11px;
color: #828e99;
}
.t2 {
color: #575e66;
font-size: 13px; font-size: 13px;
color: #2b2f33; 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 0 → 100644
<!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="sear-ico"></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>
</body>
</html>
picdetail.html 0 → 100644
<!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
...@@ -15,25 +15,127 @@ ...@@ -15,25 +15,127 @@
<script src="js/layer/layer.js" type="text/javascript"></script> <script src="js/layer/layer.js" type="text/javascript"></script>
</head> </head>
<body> <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="pic-list">
<div class="list-wrap"> <div class="list-wrap w1180">
<ul> <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> <li>
<div class="pic"> <a href="">
<img src="./images/pic/1.png" alt=""> <div class="pic">
</div> <img src="./images/pic/1.png" alt="">
<div class="clr"> </div>
<div class="fl l"> <div class="wrap">
<img src="./images/pic/11.png" alt="" class="lineBlock"> <div class="clr">
<span class="t1">D****de</span> <div class="fl l">
</div> <img src="./images/pic/11.png" alt="" class="lineBlock">
<div class="fr r"> <span class="t1">D****de</span>
<i class="lineBlock start"></i> </div>
<i class="lineBlock start"></i> <div class="fr r">
<i class="lineBlock start"></i> <i class="lineBlock start"></i>
</div> <i class="lineBlock start"></i>
</div> <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>
</ul> </ul>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment