WebRoot/resource/uc/sxtc.css

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

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

.header-schbox .inner { border-color: #4dbb2b; }
.header-schbox .search-btn { background-color: #4dbb2b; }
.header-schbox .search-switch .item { border-left-color: #4dbb2b; }
.header-schbox .search-switch .item.active { background-color: #4dbb2b; }

.header .contact .tel { color: #53b921; }
.header .contact .ico { color: #53b921; }
.header .channel { color: #6ec759; }

.nav-box { border-color: #69b91c; }
.nav .slogan { background-color: #5eab13; }
.nav .category-tit { background-color: #5eab13; }

.category-menu { position: relative; float: left; z-index: 11; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; height: 400px; color: #fff; background-color: #69b91c; }
.category-menu .f-item { padding: 5px 0 5px 15px; margin: 8px 0 0 5px; }
.category-menu .f-item:hover { color: #69b91c; background-color: #fff; }
.category-menu .f-item:hover a { color: inherit; }
.category-menu .f-item:hover .c-box { display: block; }
.category-menu .f-tit { margin-bottom: 4px; line-height: 24px; }
.category-menu .f-list { overflow: hidden; height: 48px; line-height: 24px; font-size: 12px; }
.category-menu .f-list a { float: left; margin-right: 20px; color: #fff; }
.category-menu .f-list a:hover { text-decoration: underline; }
.category-menu .c-box { display: none; position: absolute; top: 0; left: 200px; width: 560px; height: 400px; background-color: #fff; opacity: 0.98; filter: alpha(opacity=98); }
.category-menu .c-list { padding: 8px 0 24px 10px; font-size: 12px; }
.category-menu .c-list .dl { padding-top: 1px; overflow: hidden; }
.category-menu .c-list .dt { float: left; width: 80px; padding: 4px 10px 4px 0; color: #69b91c; text-align: right; font-weight: 700; }
.category-menu .c-list .dd { overflow: hidden; }
.category-menu .c-list .dd a { float: left; padding: 0 6px; margin: 4px 0; white-space: nowrap; color: #666; line-height: 18px; border-left: 1px solid #ccc; }
.category-menu .c-list .dd a:hover { color: #6ec759; }
.category-menu .b-img { position: absolute; bottom: 0; left: 0; }
.category-menu .b-img img { width: 560px; height: 200px; }

.home-banner { position: relative; float: left; width: 800px; height: 400px; }
.home-banner img { width: 800px; height: 400px; }
.home-banner .slick-arrow { position: absolute; top: 50%; z-index: 3; width: 50px; height: 82px; margin-top: -41px; font-size: 0; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000', endColorstr='#33000000'); background-color: rgba(0, 0, 0, 0.2); border: none; }
.home-banner .slick-arrow:after { position: absolute; top: 0; left: 15px; width: 17px; height: 100%; content: ''; background: url(../img/sxtc/arrows.png) no-repeat left center; }
.home-banner .slick-arrow:hover { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#73000000', endColorstr='#73000000'); background-color: rgba(0, 0, 0, 0.45); }
.home-banner .slick-prev { left: 10px; }
.home-banner .slick-next { right: 10px; }
.home-banner .slick-next:after { left: 18px; background-position: -30px center; }
.home-banner .slick-dots { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; font-size: 0; }
.home-banner .slick-dots li { display: inline-block; vertical-align: middle; width: 20px; height: 5px; margin: 0 4px; opacity: 0.8; filter: alpha(opacity=80); background-color: #fff; }
.home-banner .slick-dots li button { display: none; }
.home-banner .slick-dots li.slick-active { opacity: 1; filter: alpha(opacity=100); }

.home-banner-ad { float: left; width: 200px; height: 400px; }
.home-banner-ad img { display: block; width: 200px; height: 200px; }

.home-promot { margin-bottom: 78px; }
.home-promot-tit { margin: 28px 0 13px; padding-left: 4px; font-size: 24px; color: #555; line-height: 44px; }
.home-promot .list-x { float: left; }
.home-promot .list-x .item { float: left; width: 278px; margin-right: 13px; }
.home-promot .list-x img { width: 278px; height: 221px; }
.home-promot .list-x .info { padding: 0 23px; height: 82px; line-height: 24px; background-color: #f5f4f4; }
.home-promot .list-x .name { padding-top: 15px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; }
.home-promot .list-x .name a { color: #555; }
.home-promot .list-x .name a:hover { color: #f34e4e; }
.home-promot .list-x .price { color: #ff0000; font-size: 18px; }
.home-promot .list-y { float: right; width: 325px; }
.home-promot .list-y .item { display: block; margin-top: 15px; }