1
This commit is contained in:
36
assets/css/base.css
Normal file
36
assets/css/base.css
Normal file
@@ -0,0 +1,36 @@
|
||||
|
||||
html{margin:0;padding:0;border:0;}
|
||||
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
|
||||
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
|
||||
header,hgroup,nav,section
|
||||
{margin:0;padding:0;border:0;}
|
||||
body{background:#f9f9f9;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
|
||||
a{text-decoration:none;outline:none;}
|
||||
a:link{color:#666;}
|
||||
a:visited{color:#666;}
|
||||
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
|
||||
|
||||
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
|
||||
img{border:none;background:none;vertical-align:middle;}
|
||||
ul,ol,li{list-style-type:none;}
|
||||
select,input,img,select{vertical-align:middle;}
|
||||
table{border-collapse:collapse;border-spacing:0}
|
||||
table, th, td {vertical-align: middle}
|
||||
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
|
||||
.clearfix{zoom:1}
|
||||
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
|
||||
|
||||
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
|
||||
hr {border: 0;border-top:1px solid #ccc;height:0;}
|
||||
|
||||
/* 修复编辑器样式 */
|
||||
.md-editor-footer{
|
||||
height: auto !important;
|
||||
}
|
||||
.md-editor-preview-wrapper{
|
||||
padding: 0 !important;
|
||||
}
|
||||
svg.md-editor-icon{
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
838
assets/css/index.css
Normal file
838
assets/css/index.css
Normal file
@@ -0,0 +1,838 @@
|
||||
@charset "UTF-8";
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ovimg,
|
||||
.ibw,
|
||||
.miw,
|
||||
.iml,
|
||||
.imgbig {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.imgbig img {
|
||||
-webkit-transition: all ease .5s;
|
||||
-moz-transition: all ease .5s;
|
||||
-ms-transition: all ease .5s;
|
||||
-o-transition: all ease .5s;
|
||||
transition: all ease .5s;
|
||||
}
|
||||
|
||||
.imgbig:hover img {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-moz-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
-o-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
}
|
||||
|
||||
.ovimg img {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.ibw img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.miw img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.iml {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.iml img {
|
||||
transform: translateY(-2px);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.w1200 {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.p1920 {
|
||||
width: 1920px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
margin-left: -960px;
|
||||
}
|
||||
|
||||
.head1 {
|
||||
background: #FFFFFF;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
width: 1920px;
|
||||
left: 50%;
|
||||
margin-left: -960px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.head1 a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.head1 .headr .sous {
|
||||
margin-top: 14px;
|
||||
margin-right: 26px;
|
||||
}
|
||||
|
||||
.head1 .headr .seo {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.yuyan {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ssx {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.ssx a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/*搜索和热门搜索*/
|
||||
#formsearch {
|
||||
height: 30px;
|
||||
width: 258px;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.hotSearch {
|
||||
float: left;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#search-type {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 24px;
|
||||
border: 1px solid #c8c8c8;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.hotSearch a {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#formsearch input {
|
||||
height: 30px;
|
||||
background: none;
|
||||
border: none;
|
||||
line-height: 29px;
|
||||
}
|
||||
|
||||
#formsearch input#keyword {
|
||||
height: 30px;
|
||||
line-height: 29px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
width: 200px;
|
||||
float: left;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#formsearch input#s_btn {
|
||||
width: 25px;
|
||||
height: 30px;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
background: url(../images/sou.png) no-repeat center center;
|
||||
}
|
||||
|
||||
.head2 {
|
||||
background: url(https://oss.wsdns.cn/20241123/02dee75c789c40efb18ade2459af41ac.png) no-repeat top center;
|
||||
height: 264px;
|
||||
padding-top: 59px;
|
||||
position: absolute;
|
||||
top: 124px;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
width: 1920px;
|
||||
left: 50%;
|
||||
margin-left: -960px;
|
||||
}
|
||||
|
||||
.head2 .head2-index .dao {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.tn {
|
||||
background: url(../images/menu_news_bg.png) no-repeat top center #efefef;
|
||||
height: 185px;
|
||||
height: 300px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.navleft {
|
||||
width: 215px;
|
||||
padding:0px 16px;
|
||||
/* margin-right: 30px; */
|
||||
float: left;
|
||||
border-right: solid 1px #cccccc;
|
||||
overflow: hidden;
|
||||
/*padding-top: 12px;*/
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.navright {
|
||||
height: 185px;
|
||||
overflow: hidden;
|
||||
padding-right: 20px;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.navright img {
|
||||
width: 243px;
|
||||
/*height: 110px;*/
|
||||
}
|
||||
|
||||
.about-index {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.about-index .aboutl .at {
|
||||
border-left: 2px solid #0c6fcd;
|
||||
height: 35px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.about-index .aboutl .at h3 {
|
||||
color: #0c6fcd;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.about-index .aboutl .at h4 {
|
||||
color: #a7a7a7;
|
||||
font-size: 28px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.about-index .aboutl .amore {
|
||||
margin-top: 88px;
|
||||
margin-top: 28px;
|
||||
margin-left: 124px;
|
||||
}
|
||||
|
||||
.about-index .aboutl .amore a {
|
||||
display: block;
|
||||
color: #0c6fcd;
|
||||
font-size: 18px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.about-index .aboutl .amore a:hover {
|
||||
transform: translateX(15px);
|
||||
}
|
||||
|
||||
.about-index .aboutr {
|
||||
width: 905px;
|
||||
}
|
||||
|
||||
.about-index .aboutr p {
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.num {
|
||||
margin-top: 36px;
|
||||
margin-bottom: 82px;
|
||||
}
|
||||
|
||||
.num .num-list {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.c2-con ul{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: nowrap;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.c2-con ul li{
|
||||
position: relative;
|
||||
}
|
||||
.c2-con ul li:last-child{border-right: 0;}
|
||||
.c2-con ul li .count-title{color: #0c6fcd;display:inline-block;font-size: 86px;margin-right: 10px;}
|
||||
.c2-con ul li dt{font-size:18px;color: #0c6fcd;display:inline-block;font-weight: normal;position: absolute;top: 26%;}
|
||||
.c2-con ul li p{color: #555;text-align: center;position: absolute;bottom: 30px;right: 0;background: #fff;display: inline-block;font-size: 14px;color: #0c6fcd;border-bottom:1px solid #0c6fcd;border-top:1px solid #0c6fcd;}
|
||||
.c2-con ul li:nth-child(1) p{
|
||||
right: -16px;
|
||||
}
|
||||
|
||||
.pt {
|
||||
border-left: 2px solid #0c6fcd;
|
||||
height: 35px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.pt h3 {
|
||||
color: #0c6fcd;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.pt h4 {
|
||||
color: #a7a7a7;
|
||||
font-size: 28px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.product-bg {
|
||||
background: #f7f7f7;
|
||||
padding: 45px 0;
|
||||
}
|
||||
|
||||
.product-bg .product-roll {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .prev {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
background: url(../images/left1.png) no-repeat left center;
|
||||
width: 22px;
|
||||
height: 36px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .prev:hover {
|
||||
transform: translateX(-15px);
|
||||
}
|
||||
|
||||
.product-bg .product-roll .next {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -18px;
|
||||
background: url(../images/right1.png) no-repeat left center;
|
||||
width: 22px;
|
||||
height: 36px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .next:hover {
|
||||
transform: translateX(15px);
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li {
|
||||
float: left;
|
||||
width: 289px;
|
||||
height: 425px;
|
||||
position: relative;
|
||||
margin: 0 7px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li .img1 img {
|
||||
width: 289px;
|
||||
height: 425px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li .wz {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 146px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
padding: 0 22px;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li .wz .wz1 .ww1 {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
margin-top: 18px;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li .wz .wz1 .ww2 {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 21px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .bd ul li .wz .wz2 {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.product-bg .product-roll .tempWrap {
|
||||
width: 1200px !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.buju-bg {
|
||||
background: url(/assets/images/bj11.jpg) no-repeat top center;
|
||||
height: 436px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju1 {
|
||||
width: 789px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju1 p {
|
||||
color: #fff;
|
||||
font-size: 22px;
|
||||
line-height: 36px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .at {
|
||||
border-right: 2px solid #fff;
|
||||
height: 35px;
|
||||
padding-right: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .at h3 {
|
||||
color: #fff;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .at h4 {
|
||||
color: #a7a7a7;
|
||||
font-size: 22px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .amore {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .amore a {
|
||||
display: block;
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
transition: 0.5s;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.buju-bg .buju-index .buju2 .amore a:hover {
|
||||
transform: translateX(15px);
|
||||
}
|
||||
|
||||
.case-index {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.case-index .ctt .cmore {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.case-index .ctt .cmore a {
|
||||
display: block;
|
||||
color: #0c6fcd;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.case-index .case-roll {
|
||||
margin-top: 46px;
|
||||
}
|
||||
|
||||
.case-index .case-roll .bd ul li {
|
||||
float: left;
|
||||
width: 289px;
|
||||
margin: 0 7px;
|
||||
}
|
||||
|
||||
.case-index .case-roll .bd ul li .img1 img {
|
||||
width: 289px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.case-index .case-roll .bd ul li .wz {
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
font-size: 16px;
|
||||
padding: 18px 0;
|
||||
}
|
||||
|
||||
.news-bg {
|
||||
border-top: 1px solid #d9d9d9;
|
||||
margin-top: 55px;
|
||||
padding-top: 55px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 {
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 li a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 li a .nw1 {
|
||||
color: #333333;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 li a .nw2 {
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
text-indent: 2em;
|
||||
line-height: 22px;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 li a .nw3 {
|
||||
width: 165px;
|
||||
height: 40px;
|
||||
background: #0768d2;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-a .nlist1 li a .nw3:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.news-bg .news-index .news1-b {
|
||||
width: 598px;
|
||||
height: 316px;
|
||||
border: 1px solid #d7d7d7;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 {
|
||||
margin-top: 72px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li {
|
||||
float: left;
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li:nth-child(2n) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nl .nhh {
|
||||
width: 165px;
|
||||
height: 102px;
|
||||
border: 1px solid #d7d7d7;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nl .nhh img {
|
||||
width: 163px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nl .date {
|
||||
background: url(/assets/images/date.png) no-repeat top center;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nl .date .d1 {
|
||||
color: #111111;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nl .date .d2 {
|
||||
color: #111111;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nr {
|
||||
width: 468px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nr .nw1 {
|
||||
color: #333333;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a .nr .nw2 {
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a:hover .nl .nhh {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a:hover .nl .date {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a:hover .nr {
|
||||
width: 405px;
|
||||
}
|
||||
|
||||
.news-bg .nlist2 li a:hover .nr .nw1 {
|
||||
color: #0768d2;
|
||||
}
|
||||
|
||||
.honor-bg {
|
||||
background: url(/assets/images/bj22.jpg) no-repeat top center;
|
||||
height: 142px;
|
||||
overflow: hidden;
|
||||
margin-top: 60px;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.honor-bg .bd .honot-list li {
|
||||
width: 116px;
|
||||
height: 116px;
|
||||
margin: 0 30px;
|
||||
}
|
||||
|
||||
.honor-bg .bd .honot-list li img {
|
||||
width: 116px;
|
||||
height: 116px;
|
||||
}
|
||||
|
||||
.lxt {
|
||||
text-align: center;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.lxt h3 {
|
||||
color: #0c6fcd;
|
||||
font-size: 36px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.lxt h4 {
|
||||
color: #a7a7a7;
|
||||
font-size: 22px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ct-bg {
|
||||
background: url(/assets/images/bj33.jpg) no-repeat top center;
|
||||
height: 365px;
|
||||
margin-top: 110px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ct-bg .ct-index {
|
||||
background: #0c6fcd;
|
||||
height: 355px;
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
top: -64px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0 56px;
|
||||
}
|
||||
|
||||
.ct-bg .ct-index .liu1 {
|
||||
color: #fff;
|
||||
font-size: 22px;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.ct-bg .ct-index .liu2 {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.message1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.message1 .m11 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.message1 .m11 .m22 {
|
||||
width: 524px;
|
||||
}
|
||||
|
||||
.message1 .m11 .m22 span {
|
||||
background: #fff;
|
||||
width: 524px;
|
||||
outline: none;
|
||||
border: none;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
color: #333333;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.message1 .m33 {
|
||||
width: 1088px;
|
||||
height: 103px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.message1 .m33 span {
|
||||
width: 1088px;
|
||||
background: #fff;
|
||||
outline: none;
|
||||
border: none;
|
||||
height: 103px;
|
||||
line-height: 35px;
|
||||
color: #333333;
|
||||
font-size: 12px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.message1 #code a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.message1 .tj {
|
||||
width: 88px;
|
||||
height: 33px;
|
||||
background: #fff;
|
||||
margin-top: 15px;
|
||||
margin-left: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.message1 .tj input {
|
||||
width: 100%;
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.m_input {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
border: none;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.m_input2 {
|
||||
background: #fff;
|
||||
outline: none;
|
||||
border: none;
|
||||
height: 103px;
|
||||
line-height: 20px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.foot-bg {
|
||||
background: #f5f5f7;
|
||||
padding: 50px 0;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footl {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footl .fnav a {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footl .fnav a:hover {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footl .fct {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footl .fct p {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footr {
|
||||
width: 230px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.foot-bg .foot-index .footr p {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.foot-bg .cop-index {
|
||||
border-top: 1px solid #fff;
|
||||
margin-top: 30px;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.foot-bg .cop-index a {
|
||||
color: #fff;
|
||||
}
|
||||
.pt, .pt-4{
|
||||
padding-top: 0;
|
||||
}
|
||||
1534
assets/css/main.css
Normal file
1534
assets/css/main.css
Normal file
File diff suppressed because it is too large
Load Diff
2794
assets/css/model.css
Normal file
2794
assets/css/model.css
Normal file
File diff suppressed because it is too large
Load Diff
2
assets/css/user.css
Normal file
2
assets/css/user.css
Normal file
@@ -0,0 +1,2 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
BIN
assets/images/1655690976384393.jpg
Normal file
BIN
assets/images/1655690976384393.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
BIN
assets/images/20220531140749_365.png
Normal file
BIN
assets/images/20220531140749_365.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
assets/images/20220531140815_849.png
Normal file
BIN
assets/images/20220531140815_849.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="17.621%" y1="50%" x2="100%" y2="50%" id="a"><stop stop-color="#FFE2B8" offset="0%"/><stop stop-color="#FFCA7C" offset="100%"/></linearGradient><filter x="-10.7%" y="-10.7%" width="121.4%" height="121.4%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"/><feOffset dx="3" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" in="shadowInnerInner1"/></filter><path id="b" d="m1291 377 70 70v-70z"/></defs><g transform="translate(-1291 -377)" fill="none" fill-rule="evenodd"><use fill="url(#a)" xlink:href="#b"/><use fill="#000" filter="url(#c)" xlink:href="#b"/></g></svg>
|
||||
|
After Width: | Height: | Size: 953 B |
BIN
assets/images/bj11.jpg
Normal file
BIN
assets/images/bj11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
assets/images/bj22.jpg
Normal file
BIN
assets/images/bj22.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
assets/images/bj33.jpg
Normal file
BIN
assets/images/bj33.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
BIN
assets/images/date.png
Normal file
BIN
assets/images/date.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/images/icon_1.png
Normal file
BIN
assets/images/icon_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/images/icon_12.png
Normal file
BIN
assets/images/icon_12.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/images/icon_2.png
Normal file
BIN
assets/images/icon_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/images/icon_26.png
Normal file
BIN
assets/images/icon_26.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/images/icon_30.png
Normal file
BIN
assets/images/icon_30.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/images/icon_spirit.png
Normal file
BIN
assets/images/icon_spirit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/images/jia1.png
Normal file
BIN
assets/images/jia1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
assets/images/jlt.png
Normal file
BIN
assets/images/jlt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
assets/images/n2.png
Normal file
BIN
assets/images/n2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 970 B |
BIN
assets/images/nav1.png
Normal file
BIN
assets/images/nav1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/sort.png
Normal file
BIN
assets/images/sort.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/sorth.png
Normal file
BIN
assets/images/sorth.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/images/toux.png
Normal file
BIN
assets/images/toux.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
1
assets/json/china-provinces.geo.json
Normal file
1
assets/json/china-provinces.geo.json
Normal file
File diff suppressed because one or more lines are too long
1
assets/json/industry-data.json
Normal file
1
assets/json/industry-data.json
Normal file
File diff suppressed because one or more lines are too long
1
assets/json/regions-data.json
Normal file
1
assets/json/regions-data.json
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/logo.png
Normal file
BIN
assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
18
assets/logo.svg
Normal file
18
assets/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 63 KiB |
BIN
assets/m/13.png
Normal file
BIN
assets/m/13.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
assets/m/a1.png
Normal file
BIN
assets/m/a1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/m/a2.png
Normal file
BIN
assets/m/a2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 995 B |
BIN
assets/m/a3.png
Normal file
BIN
assets/m/a3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 915 B |
BIN
assets/m/abc.png
Normal file
BIN
assets/m/abc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
assets/m/abcd.png
Normal file
BIN
assets/m/abcd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/m/abcde.png
Normal file
BIN
assets/m/abcde.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
assets/m/about.png
Normal file
BIN
assets/m/about.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
714
assets/m/app.css
Normal file
714
assets/m/app.css
Normal file
@@ -0,0 +1,714 @@
|
||||
.product_detail{position:relative;padding:5px;width:100%; margin:0 auto;}
|
||||
.product_detail .title{background: #0c6fcd;height: 35px;line-height: 35px;text-align: center;margin-top: 2px; font:400 14px/35px "微软雅黑"; color:#fff;}
|
||||
.product_detail .img{width:100%; margin-top:10px;}
|
||||
.product_detail .img img{width:100%; height:auto;}
|
||||
.handin{text-align:center;}
|
||||
.handin a{display:inline-block; width:84px; height:31px; background:#0c6fcd; margin:0 auto; text-align:center; line-height:31px; font:400 14px/31px "微软雅黑"; color:#fff; margin-top:10px; cursor:pointer;}
|
||||
|
||||
.product_content{width:100%; margin:0 auto; margin-top:10px; padding:5px;}
|
||||
.product_content .title{background: #0c6fcd;height: 35px;line-height: 35px;text-align: center;margin-top: 2px; font:400 14px/30px "微软雅黑"; color:#fff; line-height:35px; text-align:left; padding-left:10px;}
|
||||
.product_content .content{padding:5px; font:400 14px/25px "微软雅黑"; color:#333; text-align:left;}
|
||||
.product_content .content img{ height:auto !important;width: 100% !important;}
|
||||
.product_content .pn{background: #f3f3f3;padding: 5px;line-height: 30px;border: 1px solid #d9d9d9;color: #666; text-align:left;font:400 14px/30px "微软雅黑"; margin-top:5px;}
|
||||
.product_content .pn a{font:400 14px/24px "微软雅黑";}
|
||||
|
||||
|
||||
.news_detail{position:relative;padding:5px;width:100%; margin:0 auto;}
|
||||
.news_detail .title{background: #0c6fcd;height: 35px;line-height: 35px;text-align: center;margin-top: 2px; font:400 14px/35px "微软雅黑"; color:#fff;}
|
||||
.news_detail .content{padding:5px; font:400 14px/25px "微软雅黑"; color:#333; text-align:left; line-height:25px;}
|
||||
.news_detail .content img{height:auto !important;width: 100% !important;}
|
||||
.news_detail .pn{background: #f3f3f3;padding: 5px;line-height: 30px;border: 1px solid #d9d9d9;color: #666; text-align:left;font:400 14px/30px "微软雅黑"; margin-top:5px;}
|
||||
.news_detail .pn a{font:400 14px/24px "微软雅黑";}
|
||||
|
||||
.page_title{width:100%; margin:0 auto; text-align:left; padding-left:4px; padding:8px;}
|
||||
.page_title ul{text-align:center; text-align:center; padding:10px 0; text-align:left; background:#0c6fcd; padding-left:10px;}
|
||||
.page_title ul li{height:30px; line-height:30px; display:inline-block; margin-bottom:4px;}
|
||||
.page_title ul li a{ border-radius:2px; background:#fff; font:400 14px/30px "微软雅黑"; display:block; text-align:center; padding-left:18px; padding-right:18px;color: #555;}
|
||||
.page_title ul li a[style="background: rgb(188, 187, 187) none repeat scroll 0% 0%; color: rgb(255, 255, 255);"]{
|
||||
background: #fff!important; color:#0c6fcd!important;
|
||||
}
|
||||
.page_content{width:97%; margin:0 auto; font:400 14px/30px "微软雅黑"; color:#333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box; box-sizing: border-box; text-align:left; margin-top:10px;}
|
||||
.page_content img{height:auto !important;width: 100% !important;}
|
||||
|
||||
input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
|
||||
.message_div{width:100%; margin:0 auto; text-align:left; padding:5px}
|
||||
.item input,textarea{background: white;border: none;vertical-align: middle;width: 100%;height: 30px;line-height: normal;padding: 2px;padding-left: 8px; font-size: 12px;color: #333; text-align:left; margin-top:8px;}
|
||||
.submit{background:#0c6fcd; height:35px; line-height:35px; font:400 14px/35px "微软雅黑"; color:#fff; width:100%; margin-top:10px;}
|
||||
textarea.content{height:100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box; box-sizing: border-box; padding-top:5px;}
|
||||
.code{text-align:left;}
|
||||
.code input{width:50%;}
|
||||
.code img{vertical-align: middle;padding-left: 10px;display: inline;}
|
||||
.code .verifycode{width: 40%;margin-bottom: 10px;}
|
||||
|
||||
.n-header {
|
||||
background: #fff;
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
color: #222;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.n-header .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.n-header .a-history {
|
||||
width: 60px;
|
||||
}
|
||||
.n-header .a-history i {
|
||||
font-size: 18px;
|
||||
}
|
||||
.n-about-content {
|
||||
padding: 10px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.mui-badge{
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
padding: 3px 6px;
|
||||
color: #333;
|
||||
border-radius: 100px;
|
||||
background-color: rgba(0,0,0,.15);
|
||||
}
|
||||
.mui-badge-danger{
|
||||
color: #fff;
|
||||
background-color: #dd524d;
|
||||
}
|
||||
|
||||
/*-----会员分割线-----*/
|
||||
.user-login {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
.user-login .user-t {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
border-radius: 5px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
}
|
||||
.user-login .user-t input:-webkit-autofill,
|
||||
.user-login .user-t input:-webkit-autofill:focus{
|
||||
box-shadow: 0 0 0 1000px rgba(255, 255, 255,1) inset !important;
|
||||
-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255,1) inset !important;
|
||||
}
|
||||
.user-login .user-t input {
|
||||
border: 1px solid #eaeaea;
|
||||
text-align: left;
|
||||
display: block;
|
||||
line-height: 34px;
|
||||
padding: 0 0 0 48px;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.user-login .user-t .icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
width: 42px;
|
||||
}
|
||||
.user-login .user-t #codeimg {
|
||||
margin-left: 20px;
|
||||
height: 38px;
|
||||
width: 100px;
|
||||
}
|
||||
.user-login .last a {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.user-login .user-t .user-btn {
|
||||
width: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
border-radius: 5px;
|
||||
color: #FFF;
|
||||
margin-top: 15px;
|
||||
background:#8CBF26;
|
||||
}
|
||||
|
||||
/*-----个人中心-----*/
|
||||
.user-person {
|
||||
padding: 10px 20px;
|
||||
line-height: 24px;
|
||||
background:#fff;
|
||||
}
|
||||
.user-person h2 {
|
||||
font-size:14px;
|
||||
}
|
||||
.user-person p {
|
||||
font-size:14px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ht-bg20 {
|
||||
height:20px;
|
||||
background:#eee;
|
||||
}
|
||||
.person-list li {
|
||||
background: #fff;
|
||||
}
|
||||
.person-list li a {
|
||||
line-height: 44px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
font-size: 15px;
|
||||
background: url(../../images/right_next.png) 96% 50% no-repeat;
|
||||
background-size: 10px 16px;
|
||||
}
|
||||
.person-list li a .icon {
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
}
|
||||
.person-list li a .mui-badge {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.personal-save {
|
||||
padding: 15px 10px;
|
||||
}
|
||||
.personal-save li {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
line-height: 40px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.personal-save li label {
|
||||
width: 80px;
|
||||
font-size:12px;
|
||||
}
|
||||
.personal-save li input {
|
||||
text-align: left;
|
||||
}
|
||||
.personal-save .user-btn {
|
||||
width: 100%;
|
||||
line-height: 28px;
|
||||
border-radius: 3px;
|
||||
color: #FFF;
|
||||
border: none;
|
||||
margin: 20px 5px;
|
||||
background: #8CBF26;
|
||||
}
|
||||
|
||||
/*-----收货地址-----*/
|
||||
.bg-color{
|
||||
background: #8CBF26;
|
||||
}
|
||||
.address-list {
|
||||
padding: 20px;
|
||||
}
|
||||
.address-list li {
|
||||
padding: 8px 17px 0;
|
||||
border: 1px solid #e5e5e5;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
.address-list li.status {
|
||||
border-top: 3px solid #ee8a1e;
|
||||
}
|
||||
.address-list li span.selected {
|
||||
width: 40px;
|
||||
height: 27px;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 17px;
|
||||
top: 0;
|
||||
background: url(../../images/m_img.png) 0 50% no-repeat;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.address-list li p {
|
||||
line-height: 30px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.address-list li p i {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
.address-list li .operating {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
line-height: 40px;
|
||||
padding: 0 12px;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
}
|
||||
.address-list li .operating a.modify {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 0;
|
||||
}
|
||||
.address-list li .operating a.modify .icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.add-more a {
|
||||
line-height: 36px;
|
||||
border-radius: 3px;
|
||||
color: #FFF;
|
||||
border: none;
|
||||
margin: 0 25px 10px;
|
||||
display: block;
|
||||
}
|
||||
.address-save {
|
||||
padding: 20px 10px 15px;
|
||||
background: #fff;
|
||||
}
|
||||
.address-save li {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
border-bottom: 1px solid #e1dfdf;
|
||||
line-height: 50px;
|
||||
font-size:12px;
|
||||
}
|
||||
.address-save li label {
|
||||
width: 90px;
|
||||
color: #000;
|
||||
font-size:12px;
|
||||
}
|
||||
.address-save li input {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.address-save li #city-s {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.address-save li .status {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #e5e5e5;
|
||||
-webkit-appearance: none;
|
||||
outline: none;
|
||||
margin-top:8px;
|
||||
cursor: pointer;
|
||||
margin: 16px 0 0 15px;
|
||||
}
|
||||
.address-save li .status:focus {
|
||||
outline: none;
|
||||
}
|
||||
.address-save li .status:checked::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background:url(../../images/gou.png) 50% 1px no-repeat #ee8a1e;
|
||||
}
|
||||
.address-save li #city-s select {
|
||||
-webkit-appearance: normal !important;
|
||||
}
|
||||
.address-save li #cityResult3 {
|
||||
width: 100%;
|
||||
}
|
||||
.address-save .user-btn {
|
||||
width: 80%;
|
||||
border: none;
|
||||
display: block;
|
||||
line-height: 30px;
|
||||
border-radius: 5px;
|
||||
color: #FFF;
|
||||
margin: 60px auto 20px;
|
||||
}
|
||||
|
||||
/*-----收藏的产品-----*/
|
||||
.likes-list {
|
||||
border-top: 2px solid #f9f9f9;
|
||||
padding: 10px;
|
||||
}
|
||||
.likes-list li {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #f9f9f9;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.likes-list li a.img {
|
||||
display: block;
|
||||
width: 30%;
|
||||
}
|
||||
.likes-list li a.img img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.likes-list li .txt {
|
||||
width: 48%;
|
||||
padding-left: 2%;
|
||||
line-height: 24px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.likes-list li .operating {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
}
|
||||
.mui-toast-container {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
line-height: 30px;
|
||||
left: 50%;
|
||||
margin-left: -100px;
|
||||
text-align: center;
|
||||
bottom: 80px;
|
||||
z-index: 999;
|
||||
}
|
||||
.mui-toast-message {
|
||||
background: #a80120;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
/*----我的订单----*/
|
||||
.user-bought {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bought-top {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
padding: 0 9px;
|
||||
}
|
||||
.bought-top {
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.bought-top .order {
|
||||
width: 65%;
|
||||
font-size:12px;
|
||||
}
|
||||
.bought-top .time {
|
||||
width: 35%;
|
||||
text-align: right;
|
||||
font-size:12px;
|
||||
}
|
||||
.bought-list li {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #f9f9f9;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.bought-list li a.img {
|
||||
display: block;
|
||||
width: 30%;
|
||||
}
|
||||
.bought-list li a.img img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.bought-list li h3 {
|
||||
width: 48%;
|
||||
padding-left: 2%;
|
||||
line-height: 24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.bought-list li .price {
|
||||
width: 20%;
|
||||
text-align: right;
|
||||
line-height: 28px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bought-list li .price b {
|
||||
font-size: 16px;
|
||||
color: #666;
|
||||
}
|
||||
.bought-list li .price span {
|
||||
color: #999;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bought-bottom {
|
||||
text-align: right;
|
||||
line-height: 50px;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
padding: 0 12px;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
.count-right span {
|
||||
color: #e0012a;
|
||||
font-weight: bold;
|
||||
}
|
||||
.bought-bottom .name {
|
||||
width: 50%;
|
||||
font-size:14px;
|
||||
}
|
||||
.count-right {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
padding: 0 14px;
|
||||
}
|
||||
|
||||
.bought-bottom .delete {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
.bought-bottom .delete a {
|
||||
border: 1px solid #ddd;
|
||||
padding: 4px 5px;
|
||||
border-radius: 4px;
|
||||
font-size:14px;
|
||||
}
|
||||
#paynum-top .time {
|
||||
color: #ee8a1e;
|
||||
}
|
||||
|
||||
/*----购物车----*/
|
||||
.shopping-list {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.shopping-list li {
|
||||
border-bottom: 1px solid #f1ecec;
|
||||
padding: 15px 10px;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
.shopping-list li a.img {
|
||||
display: block;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shopping-list li a.img img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.shopping-list li h3 {
|
||||
width: 38%;
|
||||
padding-left: 2%;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
line-height: 26px;
|
||||
}
|
||||
.shopping-list li .operating {
|
||||
width: 35%;
|
||||
text-align: right;
|
||||
}
|
||||
.shopping-list li .operating .btn-remove {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
margin: 8px 24px 0 0;
|
||||
}
|
||||
.shopping-list li .operating .mui-btn {
|
||||
width: 27px;
|
||||
}
|
||||
.shopping-list li .operating .xy-numbox {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 90px;
|
||||
padding: 0 25px;
|
||||
height: 30px;
|
||||
vertical-align: top;
|
||||
vertical-align: middle;
|
||||
border: solid 1px #bbb;
|
||||
border-radius: 3px;
|
||||
background-color: #efeff4;
|
||||
}
|
||||
.shopping-list li .operating .xy-btn {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
width: 27px;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
color: #555;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.shopping-list li .operating .btn-minus {
|
||||
left: 0;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
.shopping-list li .operating .btn-plus {
|
||||
right: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
.shopping-list li .operating .xy-numbox-input {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0 3px!important;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
word-break: normal;
|
||||
border: none!important;
|
||||
border-right: solid 1px #ccc!important;
|
||||
border-left: solid 1px #ccc!important;
|
||||
border-radius: 0!important;
|
||||
}
|
||||
#numbox-popover {
|
||||
left: 50% !important;
|
||||
top: 60px !important;
|
||||
margin-left: -140px;
|
||||
border-radius: 5px;
|
||||
background: #FFF;
|
||||
}
|
||||
#numbox-popover .mui-popover-arrow:after {
|
||||
height: 0;
|
||||
}
|
||||
#xy-numbox {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
.numbox-titles {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #000;
|
||||
line-height: 50px;
|
||||
}
|
||||
.numbox-bottoms {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
margin-top: 25px;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
.numbox-bottoms button {
|
||||
width: 50%;
|
||||
color: #000;
|
||||
border: none;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
height: 36px;
|
||||
}
|
||||
.numbox-bottoms .xy-close {
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.numbox-bottoms .xy-determine {
|
||||
background: red;
|
||||
color: #fff;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
.totalcost {
|
||||
text-align: right;
|
||||
line-height: 60px;
|
||||
background: #fff;
|
||||
}
|
||||
.total-price {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.total-price span,
|
||||
.total-price b {
|
||||
font-weight: bold;
|
||||
color: #ab0020;
|
||||
}
|
||||
.totalcost .btn-total {
|
||||
width: 80px;
|
||||
color: #fff;
|
||||
line-height: 60px;
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #F78D1D;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
background:#F78D1D;
|
||||
}
|
||||
|
||||
.shop-header {
|
||||
padding: 15px 33px 15px 10px;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
border-bottom: 8px solid #f1f1f1;
|
||||
position: relative;
|
||||
}
|
||||
.shop-header a {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 22px;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.shop-header a .icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
.shop-title {
|
||||
line-height: 50px;
|
||||
padding: 0 10px;
|
||||
background: #fff;
|
||||
border-bottom: 8px solid #f1f1f1;
|
||||
}
|
||||
.shop-title span {
|
||||
font-size: 13px;
|
||||
color: #000;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.pay-icon {
|
||||
text-align: center;
|
||||
line-height: 90px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.pay-icon .icon {
|
||||
font-size: 50px;
|
||||
color: #ee8a1e;
|
||||
}
|
||||
|
||||
.pay-summary p {
|
||||
text-align: center;
|
||||
line-height: 26px;
|
||||
}
|
||||
.pay-summary p span {
|
||||
color: #ee8a1e;
|
||||
}
|
||||
.pay-title {
|
||||
line-height: 50px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
padding: 0 10px;
|
||||
font-size: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.pay-list li {
|
||||
text-align: left;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
.pay-list li a {
|
||||
text-align: left;
|
||||
}
|
||||
.pay-list li img {
|
||||
height: 45px;
|
||||
}
|
||||
.pay-list .mui-table-view-cell:after {
|
||||
left: 0;
|
||||
}
|
||||
.msgcode{
|
||||
margin-left: 5px;
|
||||
height: 40px;
|
||||
padding: 0px !important;
|
||||
text-align: center !important;
|
||||
background: #8CBF26 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
BIN
assets/m/btn.png
Normal file
BIN
assets/m/btn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
assets/m/dd1.jpg
Normal file
BIN
assets/m/dd1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
assets/m/eef.jpg
Normal file
BIN
assets/m/eef.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 313 B |
BIN
assets/m/icon.png
Normal file
BIN
assets/m/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
assets/m/navbg.png
Normal file
BIN
assets/m/navbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
assets/m/navli.png
Normal file
BIN
assets/m/navli.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 933 B |
105
assets/m/reset.css
Normal file
105
assets/m/reset.css
Normal file
@@ -0,0 +1,105 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'iconfont'; /* project id 276054 */
|
||||
src: url('//at.alicdn.com/t/font_icalidlgdg77rpb9.eot');
|
||||
src: url('//at.alicdn.com/t/font_icalidlgdg77rpb9.eot?#iefix') format('embedded-opentype'),
|
||||
url('//at.alicdn.com/t/font_icalidlgdg77rpb9.woff') format('woff'),
|
||||
url('//at.alicdn.com/t/font_icalidlgdg77rpb9.ttf') format('truetype'),
|
||||
url('//at.alicdn.com/t/font_icalidlgdg77rpb9.svg#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video, input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
text-align:center;
|
||||
}
|
||||
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
|
||||
-webkit-text-size-adjust: none;
|
||||
text-align:left;
|
||||
|
||||
}
|
||||
|
||||
|
||||
header, menu, nav, section, article, aside {
|
||||
display: block;
|
||||
}
|
||||
a{-webkit-tap-highlight:rgba(0,0,0,0);color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:"Microsoft yahei","微软雅黑","Tahoma","Verdana","Arial","sans-serif";color:#333;
|
||||
overflow: auto;
|
||||
background: aliceblue;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
|
||||
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
|
||||
.clearfix{zoom:1}
|
||||
|
||||
html{margin:0;padding:0;border:0;}
|
||||
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
|
||||
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
|
||||
header,hgroup,nav,section
|
||||
{margin:0;padding:0;border:0;}
|
||||
body{background:#eeeeee;color:#333;position:relative;font-size:100%;font:12px/1.5 Microsoft yahei,arial,sans-serif;vertical-align:baseline;}
|
||||
a{text-decoration:none;outline:none;}
|
||||
a:link{color:#333;}
|
||||
a:visited{color:#333;}
|
||||
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}
|
||||
|
||||
input{padding:0;margin:0;}
|
||||
img{border:none;background:none;vertical-align:middle;}
|
||||
ul,ol,li{list-style-type:none;}
|
||||
select,input,img,select{vertical-align:middle;}
|
||||
table{border-collapse:collapse;border-spacing:0}
|
||||
table, th, td {vertical-align: middle}
|
||||
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
|
||||
.clearfix{zoom:1}
|
||||
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
|
||||
|
||||
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
|
||||
hr {border: 0;border-top:1px solid #ccc;height:0;}
|
||||
BIN
assets/m/share_icon.png
Normal file
BIN
assets/m/share_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
assets/m/share_icon2.png
Normal file
BIN
assets/m/share_icon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
348
assets/m/ui.css
Normal file
348
assets/m/ui.css
Normal file
@@ -0,0 +1,348 @@
|
||||
@CHARSET "UTF-8";
|
||||
.mobile-content{position: relative;}
|
||||
#header{width:100%; text-align:center;font-weight:bold; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#0c6fcd; position:relative;
|
||||
background: #fff;padding:5px 0 8px 0;}
|
||||
#header img{width:85%;}
|
||||
.header_left{width:74px; height:34px; background:url(/assets/m/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0; margin-top:5px;}
|
||||
.header_right{width:74px; height:34px; background:url(/assets/m/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}
|
||||
|
||||
.logo{float:left;width:80%;padding-left: 10px;}
|
||||
.logo img{padding: 10px 0; width: 100%;}
|
||||
.memu{float:right;width: 13%;padding-top: 6px;}
|
||||
|
||||
.navbg{width: 100%;float:right;height: 40px;background: url(/assets/m/navbg.png) no-repeat;background-size:60%;background-position: 48%;cursor:pointer;}
|
||||
|
||||
.close{width:22px;height:22px;text-align:center;line-height:22px;background:#444;border-radius:3px;margin:3px 0;color:#fff;position:absolute;right:5px;top:5px;z-index:9999;cursor:pointer;font-family:"微软雅黑";}
|
||||
.nav1{width:35%;display:none;position:absolute;top:60px;right:0;background:rgba(12,111,205,.8);}
|
||||
#nav1{width:100%;padding-top:30px;position:relative;z-index:999;background: rgba(12,111,205,.8);line-height:40px;}
|
||||
#nav1 li{border-bottom:1px solid #fff;/* background:rgba(12,111,205,.8); */line-height:40px;text-align:center;}
|
||||
#nav1 li a{display:block;color:#fff;font-family:"微软雅黑";font-size: 14px;}
|
||||
|
||||
|
||||
#nav{text-align: left;
|
||||
width: 100%;
|
||||
padding: 5px 0 5px 0px;
|
||||
background: #0c6fcd;
|
||||
display: -webkit-box;}
|
||||
#nav li{height: 28px;
|
||||
line-height: 28px;
|
||||
font: 400 14px/28px '微软雅黑';
|
||||
-webkit-box-flex: 1;}
|
||||
#nav li a{display:block; color:#fff; width:100%; font-weight:bold;}
|
||||
|
||||
|
||||
/*header css style*/
|
||||
.class-btn {
|
||||
font-size: 12px;
|
||||
line-height: 44px;
|
||||
cursor: pointer;
|
||||
background: url(/assets/m/btn.png) no-repeat 4%;
|
||||
background-size: 16px 16px;
|
||||
padding-left: 41px;
|
||||
color: #0c6fcd;
|
||||
width: 100%;
|
||||
}
|
||||
.bg-shaow{
|
||||
background: rgba(0,0,0,0.5);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.advs{width:99.5%;margin:0 auto;text-align:center;margin-top:15px;}
|
||||
.advs img{width:100%;margin:0 auto;text-align:center;height:0 auto;}
|
||||
|
||||
.cp{width:100%;margin:0 auto;margin-top:15px;}
|
||||
.cp li{float:left;width:23%;margin: 0 3px 20px 3px;}
|
||||
.cp li:nth-child(n+5){margin-bottom:0;}
|
||||
.cp li h3{text-align:center;font-size:12px;}
|
||||
.cp li h3 a{text-align:center;color:#0c6fcd;font-size:12px;font-weight: normal;}
|
||||
.cp li a.img img{display: block;width:100%;height:auto;vertical-align: middle;}
|
||||
|
||||
/*product css style*/
|
||||
|
||||
.products{position:relative; width:99.5%; margin:0 auto; background:#fff;}
|
||||
.contentss{line-height:25px; text-align:left;}
|
||||
.tps{width:45%;float:left;margin-top:10px;}
|
||||
.tps img{width:100%;height:150px;overflow:hidden;}
|
||||
.nrs{float:right;width:53%;margin-top:10px;height:150px;overflow:hidden;}
|
||||
.ee{padding-left:20px; font-family:"微软雅黑";}
|
||||
.products_title{width:35%;height:35px;border:1px solid #0c6fcd;margin:0 auto;text-align:center;color:#0c6fcd;font-size:14px;line-height:35px;margin-bottom: 20px;}
|
||||
|
||||
|
||||
.products ul{padding-bottom:5px; text-align:left !important;}
|
||||
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
|
||||
.products ul li a{display: inline-block;overflow: hidden; width:100%;}
|
||||
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
|
||||
.products ul li h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}
|
||||
|
||||
|
||||
.tu p img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*分页样式*/
|
||||
#list ul{overflow: hidden;}
|
||||
#pagecount{text-align: center;margin-top: 15px;padding-bottom:10px;}
|
||||
#pagecount span a{margin:0 2px;padding:3px 8px;background: #cfcfcf;color:#fff;font-size: 12px;}
|
||||
#pagecount span.pageBtn-selected a{background: #0c6fcd;}
|
||||
#pagecount span.prevpage,#pagecount span.nextpage{padding:3px 5px;background: #0c6fcd;color:#fff;margin:0 2px;font-size: 12px;}
|
||||
#pagecount span.prevpage a,#pagecount span.nextpage a{background: #0c6fcd;color:#fff;margin: 0;padding: 0;font-size: 12px;}
|
||||
|
||||
/*网站头部返回按钮样式*/
|
||||
.header_return{position:absolute;right:15px;top:2px;}
|
||||
.header_return img{width:43px;height: 40px;}
|
||||
|
||||
/*banner css style*/
|
||||
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
|
||||
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
|
||||
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
|
||||
.slide a {display:inline-block; float:left; width:320px; height:150px; }
|
||||
.slide a img{width:320px;}
|
||||
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;}
|
||||
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
|
||||
.slide .mark li.active { background-color:#25a4bb;}
|
||||
|
||||
.scroll{width:320px;height:auto;margin:0 auto 0 auto; position:relative;overflow:hidden;}
|
||||
.mod_01{float:left;width:320px;}
|
||||
.mod_01 img{display:block;width:100%;height:auto;}
|
||||
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:50%;z-index:11;width:80px;margin-right:-40px;}
|
||||
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
|
||||
#slide_01_dot span{display:inline-block;margin:0 2px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
|
||||
#slide_01_dot .selected{background:#66ff33;}
|
||||
|
||||
|
||||
|
||||
/* hezuo css style*/
|
||||
|
||||
.hezuo .con p img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.hezuo .con p .img img{
|
||||
width: 100%;
|
||||
}
|
||||
.mservice{
|
||||
background:url(https://oss.wsdns.cn/20241130/9a620c7b47cd4bf8a1839439ef6551f8.png) no-repeat top center;
|
||||
background-size:cover;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
|
||||
.s-title{
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ms{
|
||||
padding: 2% 10%;
|
||||
}
|
||||
.ms p{
|
||||
color: #bbd5ed;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.ms2{
|
||||
|
||||
}
|
||||
|
||||
.ms2-list li{
|
||||
float: left;
|
||||
width: 25%;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background: url(/assets/m/navli.png) no-repeat right center;
|
||||
}
|
||||
.ms2-list li b{
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.ms2-list li span{
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
/* news css style*/
|
||||
|
||||
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
|
||||
.news_title{background:url(/assets/m/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5; font:400 14px/40px "微软雅黑"; height:40px; width:100%; border-bottom:1px solid #d5d5d5;}
|
||||
.news ul{padding:10px;}
|
||||
.news ul li{line-height:35px; border-bottom:1px dashed #d3d3d3; background:url(/assets/m/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
|
||||
.news ul li a{font:400 14px/35px "微软雅黑"; text-align:left; display:block;color:#0c6fcd;}
|
||||
|
||||
.news ul li span{display:block;font-size:14px;text-align: left;}
|
||||
|
||||
/* product_cate css style*/
|
||||
.product_cate {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
z-index: 999;
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-transition: all 0.3s ease-in-out 0s;
|
||||
-moz-transition: all 0.3s ease-in-out 0s;
|
||||
-ms-transition: all 0.3s ease-in-out 0s;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
height: auto;
|
||||
padding: 5px 0;
|
||||
display: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.product_cate_title {
|
||||
background: url(/assets/m/eef.jpg) 18px center no-repeat #fff;
|
||||
background-size: 2px 22px;
|
||||
text-align: left;
|
||||
padding-left: 30px;
|
||||
border-bottom: 1px solid #d5d5d5;
|
||||
font: 400 16px/40px "微软雅黑";
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #d5d5d5;
|
||||
}
|
||||
|
||||
.product_cate ul {}
|
||||
|
||||
.product_cate ul li {
|
||||
line-height: 35px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.product_cate ul li.yiji {
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.product_cate ul li a {
|
||||
font: 400 12px/35px "微软雅黑";
|
||||
padding-left: 20px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
width: 88%;
|
||||
}
|
||||
|
||||
.product_cate ul li .class-down {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 12%;
|
||||
display: block;
|
||||
line-height: 35px;
|
||||
cursor: pointer;
|
||||
background: url(/assets/m/abcd.png) center no-repeat;
|
||||
height: 35px;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
|
||||
.product_cate ul li .layer2 li a {
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
.product_cate ul li .layer2 .layer3 li a {
|
||||
padding-left: 36px;
|
||||
}
|
||||
|
||||
.product_cate ul li .class-up {
|
||||
background: url(/assets/m/abcde.png) center no-repeat;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
|
||||
|
||||
.job_cate{width:99.5%; margin:0 auto;margin-top:20px;}
|
||||
.job_cate ul{}
|
||||
.job_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(/assets/m/abcd.png) 95% center no-repeat; background-size:20px 20px;}
|
||||
.job_cate ul li a{font:400 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}
|
||||
|
||||
/* footer css style*/
|
||||
.distraction{height:58px; width:100%;}
|
||||
.footer{ width:100%;margin-top:6px;position: fixed; z-index: 110;bottom: 0;left: 0;}
|
||||
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
|
||||
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:400 16px/35px "微软雅黑"; color:#fff; height:35px;}
|
||||
.footer span.span1{background:url(/assets/m/a1.png) 10px 6px no-repeat; background-size:23px 24px;}
|
||||
.footer span.span2{background:url(/assets/m/a2.png) 10px 4px no-repeat; background-size:23px 24px;}
|
||||
.footer span.span3{background:url(/assets/m/a3.png) 10px 6px no-repeat; background-size:23px 24px;}
|
||||
.footer span.span0{background:url(/assets/m/icon.png) 10px -75px no-repeat; background-size:110px 385px;}
|
||||
|
||||
|
||||
.ffs{max-width:640px;margin:0 auto;display:-webkit-box;background:#0c6fcd;}
|
||||
|
||||
/*share css style*/
|
||||
#mobile_share{position:fixed;right:0;bottom:90px;
|
||||
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
|
||||
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
|
||||
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
|
||||
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
|
||||
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
|
||||
.share-link i{background: url(/assets/m/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
|
||||
.share-link span{display:inline-block;}
|
||||
.share-weibo i{background-position:0 0;}
|
||||
.share-renren i{background-position:-42px 0;}
|
||||
.share-douban i{background-position:-84px 0;}
|
||||
.share-qweibo i{background-position:-126px 0;}
|
||||
.share-qzone i{background-position:-168px 0;}
|
||||
.share-weixin {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
|
||||
.share-weixin i{background:url(/assets/m/share_icon2.png) no-repeat;background-size:32px 32px;
|
||||
width:32px;height:32px;display: block;margin-right: 20px;float: left;}
|
||||
.share-weixin span{display:inline-block;}
|
||||
body{width:100%; height:100%; overflow-x:hidden; position:relative;max-width:640px !important;margin:0 auto !important;background:#fff !important;}
|
||||
|
||||
/*job css style*/
|
||||
.jobcontent h4{background-color:#fff;height: 26px;line-height: 26px;padding-left:15px;}
|
||||
.jobcontent .text{padding:5px 15px;line-height:20px;}
|
||||
|
||||
/*search css style*/
|
||||
.search{padding:8px 10% 0;}
|
||||
#formsearch{width:100%;}
|
||||
#keyword{border:1px solid #959595;line-height:32px;height:32px;width:80%;text-align:left;text-indent:20px;float:left;border-radius:4px;}
|
||||
#s_btn{width:15%;line-height:32px;height:32px;background:#0c6fcd;border-radius:6px;float:right;color:#fff;}
|
||||
|
||||
/*search news css style*/
|
||||
.newslist{border-top:10px solid #fff;border-bottom:10px solid #fff;}
|
||||
.newslist li{text-align:left;padding-left:10px;line-height:34px;height:34px;position:relative;margin-bottom:1px;background:#fff;font-family: "Microsoft YaHei"}
|
||||
.newslist li span{position:absolute;right:10px;top:0;}
|
||||
|
||||
|
||||
/*分页样式*/
|
||||
.paging_num{padding:10px 0px;overflow: hidden;text-align: right;}
|
||||
.paging_num a{width:25px;height:20px;line-height: 20px;text-align: center;display:inline-block;
|
||||
border: 1px dashed #e0e1dc;color:#666;margin-left:15px;}
|
||||
.paging_num a:hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}
|
||||
.paging_num .paging_hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}
|
||||
|
||||
|
||||
/*简历提交*/
|
||||
.job-title {padding-left:10px;line-height:40px;font-size:16px;margin-bottom:15px;}
|
||||
.job-title .job-send{background:#476199;padding:5px 10px;border-radius:4px;color:#fff;}
|
||||
.reveal-modal {position: relative;}
|
||||
.send-title{border-bottom: 1px solid #ddd;margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#060;}
|
||||
.message-job{padding-bottom:10px;}
|
||||
.message-job li{line-height:30px;margin-bottom:10px;text-align: left;}
|
||||
.message-job li label{font-size:14px;width:20%;float:left;text-align:right;}
|
||||
.message-job li span{color:red;}
|
||||
.message-job li input[type='radio']{margin:0 10px;}
|
||||
.message-job li input.jobinput{border:1px solid #ccc;width:70%;margin:0 5px;line-height:24px;height:24px;padding:0 5px;text-align: left;}
|
||||
.message-job li select{line-height:24px;height:24px;padding:0 5px;border:1px solid #ccc !important;width: 70%;margin:0 5px;}
|
||||
.message-job li #experience{width:70%;height:80px;border:1px solid #ccc !important;margin:0 5px;}
|
||||
.message-job li input#file{margin-top:18px;margin-right:20px;}
|
||||
.message-job input.jobbtn{width:80px;border:1px solid #f1f1f1;background:#476199;color:#fff;border-radius:4px;font-family:"Microsoft Yahei";line-height:30px;height:30px;margin:0 8px 0;cursor:pointer;padding:0 !important;}
|
||||
.message-job input.jobbtn:hover{background:#476199;}
|
||||
.message-job li.last{border-bottom: 1px solid #ddd;margin-bottom:8px;padding:5px 0;font-size:14px;color:#060;}
|
||||
.resume-prompt{line-height:36px;color:#999;font-size: 12px;}
|
||||
.message-job span.last{color:red;display:inline-block;line-height:36px;font-size: 12px;}
|
||||
.message-job li #checkcode{height: 32px;line-height: 32px;width: 20%;border: 1px solid #dedede;text-align: left;margin-bottom: 0;margin-left: 5px;}
|
||||
.message-job li a{font-size: 12px;}
|
||||
.message-job input{font-size: 12px !important;}
|
||||
textarea{ -webkit-user-select: auto !important; border: 1px solid rgba(0,0,0,.2) !important;}
|
||||
3
assets/scss/var.scss
Normal file
3
assets/scss/var.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
$drak-blue: #292838;
|
||||
|
||||
$light-gray: #666;
|
||||
@@ -0,0 +1 @@
|
||||
<svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="17.621%" y1="50%" x2="100%" y2="50%" id="a"><stop stop-color="#FFE2B8" offset="0%"/><stop stop-color="#FFCA7C" offset="100%"/></linearGradient><filter x="-10.7%" y="-10.7%" width="121.4%" height="121.4%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"/><feOffset dx="3" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" in="shadowInnerInner1"/></filter><path id="b" d="m1291 377 70 70v-70z"/></defs><g transform="translate(-1291 -377)" fill="none" fill-rule="evenodd"><use fill="url(#a)" xlink:href="#b"/><use fill="#000" filter="url(#c)" xlink:href="#b"/></g></svg>
|
||||
|
After Width: | Height: | Size: 953 B |
1
assets/svg/github-mark-white.svg
Normal file
1
assets/svg/github-mark-white.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 960 B |
1
assets/svg/github-mark.svg
Normal file
1
assets/svg/github-mark.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
|
||||
|
After Width: | Height: | Size: 963 B |
1
assets/svg/search.svg
Normal file
1
assets/svg/search.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" ><path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path></svg>
|
||||
|
After Width: | Height: | Size: 260 B |
15
assets/svg/websoft-mark-white.svg
Normal file
15
assets/svg/websoft-mark-white.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 30 KiB |
Reference in New Issue
Block a user