SourceCode/jiouosdp/Content/Coupons/css/ct-style.css

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

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

/*   font-size: 25px; */    
/* 对于设计图来说，我们是用这个作为相对单位 */



/*首页index*/
body{min-width: 320px;}


/*nav*/
.mb60 { margin-bottom:60px;}
.mb50 { margin-bottom:50px;}

.nav{width:100%; background: #404042; position:fixed; left:0; bottom:0px; z-index: 999; min-width: 320px;/* padding-top:5px;*/ box-sizing: border-box; border-top: 1px solid #d1d1d1; padding:3px 0;}
.nav ul li a {width:25%; float:left; text-align: center; color:#acacac; font-size: 12px;}
.nav ul li a.select { color:#fff; font-size: 12px; border-bottom:#ff4f3c 1px solid; background:#262628;}
.nav ul li a.shouye:before{content:'\e621';font-family: 'ziti'; display:block; font-size: 24px;}
.nav ul li a.guanyu:before{content:'\e605';font-family: 'ziti'; display: block; font-size: 24px;}
.nav ul li a.gwc:before{content:'\e629';font-family: 'ziti'; display: block; font-size: 24px;}
.nav ul li a.wode:before{content:'\e60c';font-family: 'ziti'; display: block; font-size: 24px;}



/*轮播图*/
.focus{ width:auto; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:15px; text-align:center;}
.focus .hd ul{ display:inline-block; height:8px; padding:8px 5px; }
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:10px; border-radius:5px; background:#808080; margin:0 5px;  vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.focus .hd ul .on{ background:#ae9788;}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


/*内容区*/
.wap { width:100%; margin:0 auto; position:relative;}

/*首页*/
.sy-top { height:46px; border-bottom:#dfdfdf 1px solid; position:relative; background:#fff;}
.sy-top .sy-logo { left:0px; top:-23px; z-index:10; width:30%; position: relative; text-align:center;}
.sy-top .sy-logo .logo-img { width:48px; height:48px; border-radius:50%; overflow:hidden; margin:0 auto;}
.sy-top .sy-logo p { font-size:12px; color:#555555; font-family: '微软雅黑 Light'; line-height:22px;}


.sy-top .top-nav { right:0px; bottom:0px; position:absolute; margin:5px 0; width:70%; height:37px; box-sizing:border-box; font-family: '微软雅黑 Light';}
.sy-top .top-nav li a { width:33%; float:left; text-align:center; color:#555555; font-size:12px; border-right:#dfdfdf 1px solid;}
.sy-top .top-nav li a.xzmd:before{content:'\e62c';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}
.sy-top .top-nav li a.scbd:before{content:'\e62d';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}
.sy-top .top-nav li a.sys:before{content:'\e62f';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}


.sy-money { padding:10px 0px 10px; position:relative;}
.sy-money li { width:33.3%; float:left; text-align:center; line-height:60px; position:relative; padding:0 5px; box-sizing:border-box;}
.sy-money li .money-bj { width:100%; height:60px; border-radius:3px; font-family: '微软雅黑 Light';}
.sy-money li .bai-bg { background:#fff; width:100%; height:5px; position: relative; top:15px;}
.sy-money li .red { background:#feeaeb; border:#f59fbb 1px solid;}
.sy-money li .red p { color:#ec595f; font-size:14px;}