CmsWeb/shop/css/style - 副本.css

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

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

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}




img{ border:none;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
body{ font-family:"微软雅黑"; background:#eaeaea;}
input,select,button{ font-family:"微软雅黑";}

.clear{ clear:both; width:100%; height:0; overflow:hidden;}

.all{ max-width:640px;}
header{ background:url(../images/hd_bg.jpg) no-repeat; width:100%; height:74px; position:relative;}
.nav{ display:block; background:url(../images/nav_menu.png) center no-repeat; width:74px; height:74px; position:relative; z-index:2;}
.shopping{ float:right; background:url(../images/gwc_ico.png) center no-repeat; width:74px; height:74px; margin-top:-74px; position:relative; z-index:2;}
.logo{ display:block; width:140px; position:relative; top:-54px; margin:0 auto;}
.banner{ max-width:640px; margin:0 auto;}
.banner img{ max-width:100%;}
/*-------插件已包含关键性样式以下只用于设置焦点按钮的样式可自定义------*/
.slider{display:none}/*用于获取更加体验*/
.focus span{width:12px;height:12px;margin-right:5px;background:#fff;font-size:0; border-radius:6px;}
.focus span.current{ background:url(../images/ban_h.png) no-repeat;}
.quick-column{ background:#130f0d; padding:10px;}
.quick-column li{ float:left; display:inline; width:25%; text-align:center;}
.quick-column li img{ display:block; overflow:hidden; margin:0 auto 5px;}
.quick-column li a{ display:block; color:#ded3c2; font-size:16px;}
.idx-product{ background:#1f1a17; padding:10px 0 10px 10px;}
.idx-product li{ float:left; display:inline; width:48%; position:relative; margin-right:2%; margin-bottom:10px;}
.idx-product li img,.idx-product-last img{ display:block; overflow:hidden; max-width:100%;}
.idx-product a,.idx-product-last a{ display:block;}
.idx-product li i,.idx-product-last i{ display:block; position:absolute; bottom:0; width:100%; background:url(../images/black.png) repeat; height:32px;}
.idx-product li p,.idx-product-last p{ position:absolute; bottom:0; height:32px; overflow:hidden; line-height:32px; font-size:14px; color:#ded3c2; padding-left:10px;}
.idx-product-last{ margin-right:10px; position:relative;}
footer{ padding:25px 0; background:#120f0d; text-align:center; color:#ded3c2;}
footer p{ line-height:24px; font-size:14px;}
footer p a{ color:#ded3c2;}

/*左侧导航*/
.sidebar-left { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.3); background-image: url(../images/sidebar-bg.png); background-repeat: repeat; width: 270px; position: fixed; z-index: 99999; top: 0px; left: -273px; bottom: 0px; overflow: hidden; position: fixed; }
.sidebar-scroll-left { padding-right: 20px; left: 0px; width: 310px; overflow: scroll!important; overflow-x: hidden!important; -webkit-overflow-scroll: touch!important; height: 100%; position:relative;}
/*Left sidebar styles*/
.sidebar-left a{ display:block; position:relative;}
.sidebar-header-left { height: 51px; background-color: #1d1f22; border-bottom: solid 1px #141719; }
.sidebar-left-logo { position: absolute; top: 12px; left: 15px; }
.close-sidebar-left { background-color: #212326; background-image: url(../images/accessdenied.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: 13px 13px; height: 50px; width: 50px; margin-left: 220px; display: block; }
.sidebar-divider-text { color: #FFFFFF; font-size: 14px; font-weight: 700; padding-top: 15px; padding-left: 15px; margin-bottom: 15px; }
.nav-item { display:block; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); text-shadow: 0px 2px 0px rgba(0,0,0,1); font-size: 12px; font-weight: 700; color: #f1f1f1; height: 50px; line-height: 49px; padding-left:15px; background-position: 20px center; background-image: url(../images/sidebar-deco.png); background-repeat: repeat-x; background-position: left bottom;}
.icon-page { position: absolute; background-image: url(../images/gopage@2x.png); background-size: 8px 11px; background-repeat: no-repeat; display: block; width: 10px; height: 15px; top: 19px; left: 240px; }
.icon-drop { position: absolute; background-image: url(../images/godrop@2x.png); background-size: 11px 8px; background-repeat: no-repeat; display: block; width: 10px; height: 15px; top: 19px; left: 239px; }
.submenu a { text-shadow: 0px 2px 0px rgba(0,0,0,1); background-image: url(../images/sidebar-deco.png); background-repeat: repeat-x; padding-top: 12px; padding-bottom: 12px; padding-left: 25px; font-size: 12px; color: #ccc; text-transform: uppercase; font-weight: 900; }
.submenu a em { background-image: url(../images/gopage@2x.png); background-size: 8px 11px; background-repeat: no-repeat; float: left; width: 10px; height: 15px; display: block; margin-top: 5px; padding-right: 35px; }
.submenu a:first-child { background-image: none!important; }
.submenu { display: none; }
.close-bottom-left { display: block; background-image: url(../images/accessdenied.png); background-repeat: no-repeat; background-position: center 16px; background-size: 25px 25px; height: 50px;}

/*内页样式*/