skin/css/proc.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

#full-screen-slider { width:100%; height:500px; float:left; position:relative}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:456px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

h1,h2,h3,h4,h5,h6,small,strong{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

.rig_proc {width:980px; height:auto; margin: 0 auto; }
.rig_proc_cen { width:980px; border-top:none; height:auto; padding-top:10px; padding-bottom:2px;  }
.rig_proc_box {float: left; width: 326px;overflow:hidden; text-align: center; line-height:25px; height:170px;}
.rig_proc_box img {display: block;padding:0px; width:316px; height:168px; border:1px solid #dfdfdf; }
.rig_proc_box a:hover img { border:1px solid #e35314; }
.rig_proc_box p {margin: 2px 0px 2px 6px; width: 206px; line-height: 36px}
.rig_proc_box p a { background:none}

.index-img{width:100%;max-height:100%;height:auto;border:0;vertical-align:middle; }
.scaleAni{-webkit-transform:matrix(1.05,0,0,1.05,0,0);-moz-transform:matrix(1.05,0,0,1.05,0,0);-ms-transform:matrix(1.05,0,0,1.05,0,0);-o-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0)}
.home-wrapper{width:100%;min-width:1200px;margin-bottom:80px}
.home-container{position:relative;width:1200px;margin:0 auto}
.home-banner{width:100%}
.scroll-banner{position:relative;width:1200px;height:460px;overflow:hidden}
.scroll-banner a{display:block;width:100%;height:100%;overflow:hidden;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.bottom-banner{margin-top:10px;width:1200px}
.bottom-banner .bottom-banner-item{float:left;margin-right:8px;width:294px;height:200px}
.bottom-banner .bottom-banner-item a{display:block;width:100%;height:100%;overflow:hidden}
.bottom-banner .bottom-banner-item.last-item{margin-right:0}

.goods-container{ width:980px;margin: 0 auto; }
.goods-card { position:relative;margin-top:22px }
.card-header{position:relative;width:100%}
.card-header h2{color:#2B2B2B;font-size:24px;font-weight:200}
.view-more{position:absolute;right:0;top:6px;color:#232323;font-size:12px}
.card-body{margin-top:12px}
.card-footer{margin-top:36px;width:100%;height:1px;background-color:#e2e2e2}
.goods-banner{position:relative;float:left;height:718px}
.goods-banner3{position:relative;float:left;height:400px}
.la{width:710px}
.m{width:464px}
.sm{width:235px}
.goods-banner-item{width:100%;height:100%;overflow:hidden}
.goods-banner-item a{display:block}
.goods-list{height:700px}
.goods-list3{height:390px}
.la-list{margin-left:720px}
.m-list{margin-left:390px}
.sm-list{margin-left:240px}

.movetopAni,.scaleAni,.slidebottomAni{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.movetopAni:hover{margin-top:10px}
.goods-item{position:relative;float:left;width:192px;height:240px;text-align:center;box-sizing:border-box;overflow:hidden;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;width:192px\9}
.goods-item:hover .movetopAni{margin-top:10px}
.goods-item:hover .slidebottomAni{opacity:1;filter:alpha(opacity=100);bottom:0}
.goods-item:hover .scaleAni{-webkit-transform:matrix(1.03,0,0,1.03,0,0);-moz-transform:matrix(1.03,0,0,1.03,0,0);-ms-transform:matrix(1.03,0,0,1.03,0,0);-o-transform:matrix(1.03,0,0,1.03,0,0);transform:matrix(1.03,0,0,1.03,0,0)}
.goods-itemsz{position:relative;float:left;width:288px;height:200px;text-align:center;box-sizing:border-box;overflow:hidden;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;width:288px\9}
.goods-itemsz:hover .movetopAni{margin-top:10px}
.goods-itemsz:hover .slidebottomAni{opacity:1;filter:alpha(opacity=100);bottom:0}