css/app.css

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

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

body,html{background: #F1F1F1;color: #364C5A;font-family: "微软雅黑"}
.xzt-wp{width: 1000px;margin: 0 auto;}
.top-bar, .top-bar ul{background: none;}
.top-bar ul li a{color:  #364C5A;font-weight: bold;font-size: 14px;}
.top-bar ul li.divider a{width: 2px;background: #364C5A;height: 15px;padding:0px;}
.xzt-nav{background: #364C5A;min-height: 100px;}
#xztSearch,#xztLogo{margin-top: 22px;}
#xztSearch{width: 60%;margin-left: 40px;border-bottom: 1px solid #ddd;}
#xztSearch #key{border: none;background: none;outline: none;box-shadow: none;color: #fff;}
#xztSearch #key:focus{border: none;}
#xztSearch #searchBtn{background:url("../images/search.jpg") no-repeat center;}
.main-menu{background: #364C5A;}
.main-menu ul{margin: 0;padding: 0;}
.main-menu ul li{display: inline-block;list-style: none;}
.main-menu ul li a{display: block;line-height: 80px;color: #fff;width: 160px;height: 74px;text-align:center !important;}
.main-menu ul li a:hover,.main-menu ul li a.active{background: url("../images/nav-bg.png") no-repeat center}
.row.scad{margin: 15px auto;}
.row.scad .columns{}
.row.scad .columns.first{padding-left: 0;}
.row.scad .columns.last{padding-right: 0;}
.xzt-wp.box{background: #fff;padding: 10px 50px;margin-top: 20px;overflow: hidden;}
.xzt-wp .box-title{border-bottom: 1px solid #ddd;text-align: center;padding-top: 15px;}
.xzt-wp .box-title h2{border-bottom: 5px solid #FFB713;font-family: "微软雅黑";text-align: center;min-width: 80px;width: 100px;margin: 0 auto;position: relative;top: 5px;padding-bottom: 5px;font-size: 20px;font-weight: bold;}
footer{padding: 15px 0;margin-top: 25px;}
footer .columns{width: 142px;display: inline-block;}
footer .columns h2{font-size: 16px;font-weight: bold;font-family: "微软雅黑"}
footer .columns a{display: block;color: #727272;}
.copy{padding: 11px 0;text-align: center;}
.xzt-wp.shop {overflow: hidden;}
.xzt-wp.shop .box-content{padding: 25px 0;}
.xzt-wp.shop .box-title{position: relative;height: 39px;}
.xzt-wp.shop .box-title h2{display: inline-block;position:absolute;left: 0;}
.xzt-wp.shop .box-title .sort{display: inline-block;position: absolute;right: 10px;top: 5px;}
.xzt-wp.shop .box-title .sort a{color: #364C5A;display: inline-block;padding: 4px 10px;}
.xzt-wp.shop .box-title .sort a:hover,.xzt-wp.shop .box-title .sort a.active{
    border-bottom: 5px solid #FFB713;color: #FFB713;}
.xzt-wp.shop .box-title .sort a:hover{border: none;}
.xzt-wp.shop .box-title{}
.xzt-wp.shop .box-content .row .columns{text-align: center;border-right: 1px solid #F1F1F1;}
.xzt-wp.shop .box-content .row .columns:last-child{border: none;}
.xzt-wp.shop .box-content .row {border-bottom: 1px solid #f1f1f1;padding:15px;}
.xzt-wp.shop .box-content .row:last-child{border: none;}
.xzt-wp.shop .box-content .row .columns span{display: block;text-align: left;/*NNNN*/margin-left: 15px;}
.xzt-wp.shop .box-content .row .columns span.pname{margin-top: 15px;}
.xzt-wp.shop .box-content .row .columns span.cmp{color: #A2A2A2;}
.xzt-wp.shop .box-content .row .columns span.price{color: #FFB514;}
.pagination-previous,.pagination-next{border: 1px solid #364C5A;}
.pagination .current{background: #FFB514;}
.product-name{padding-bottom: 5px;border-bottom: 1px solid #ddd;padding-top: 20px;}
.product-image{padding: 20px 0;}
.product-name a{color: #555;}
.product-image .left{border-right: 1px solid #ddd;padding-right: 50px;}
span.vaspan,span.sep{display: inline-block;width: 72px;margin-top: 10px;}
span.sep{border-right: 1px solid #364C5A;}
span.sep.last{border: none;}
span.vaspan{text-align: center;}
span.psp,span.m{display: inline-block;width: 90px;text-align: center;margin-top: 10px;}
span.m{background: #FFB514;color: #fff;border-radius: 10px;}
span.sm{margin-top: 15px;display: inline-block;}
span.bold{font-weight: bold;margin-top: 5px;}