SourceCode/jiouosdp/Content/WX/productinfo/css/artice.css

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

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

/* 
* @Author: anchen
* @Date:   2015-09-11 15:41:55
* @Last Modified by:   anchen
* @Last Modified time: 2015-09-17 17:13:07
*/


/*轮播图*/
/*#wai{width:100%; height:auto; background: pink;}*/

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#FF4000;  }
.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); }




.contentIn{width:100%; height:50px; background: green;}



.header{width: 100%; height:140px; /*border-bottom: 1px solid #e7e7e7;*/ padding:0 10px; box-sizing: border-box; background: #fff;}
.header .headerTop{width: 100%; height: 70px; border-bottom: 1px solid #e7e7e7; padding:15px 0 10px 0; box-sizing: border-box;}
.header .headerBottom{width: 100%; height:70px; border-bottom: 1px solid #e7e7e7; padding-top:15px; box-sizing: border-box;}
.header .headerBottom h2{margin-bottom:5px; color:#ef3a00; font-size:16px; font-size: 1rem;}
.header .headerBottom p{font-size:14px;font-size: .875rem; color:#999999;}
.header .headerBottom p i{float:left;}
.header .headerBottom p b{float:right; font-weight:normal;}
.headerTop-left{width:60%; height:46px; border-right: 1px solid #e7e7e7; font-size:14px; font-size: .875rem; float:left;}
.headerTop-left p{color:#151515; font-size:14px; font-size: .875rem;}
.headerTop-right{ float: right; /*padding-left:17px;*/   /*padding: 0 5%;*/ box-sizing: border-box;}
.headerTop-right button{width:104px; height:42px; /*border: 1px solid #dbdbdb;*/ /*background: -webkit-linear-gradient(top,#f5534c,#d52d25);*/ background: #fffdfd; border-radius: 5px; color:#cc3528; font-size:12px; font-size: .75rem; border: 1px solid #cc3528;}
.headerTop-right button:before{content:""; width:16px; height:16px; background: url(../img/pic-1.png) no-repeat; display: inline-block; background-size:100% 100%; margin-right:5px; vertical-align:-4px;}



/*content*/
.content{width: 100%; height:136px; border-bottom: 1px solid #e7e7e7; padding:0 10px; box-sizing: border-box; background: #fff;}
.content .contentTop{width:100%; height: 75px; border-bottom: 1px solid #e7e7e7; padding-top:15px; box-sizing: border-box;} 
.content .contentTop .contentTop-left{width:80px; float:left; padding-left:5px; box-sizing: border-box;}
.content .contentTop .contentTop-right{width:73%; float:left; font-size:12px; font-size: .75rem;color:#151515;}
.content .contentTop .contentTop-right h5{font-weight: normal;}
.content .contentTop .contentTop-right p{margin-top:10px; color:#7b7b7b;}
.contentBottom{width:100%; padding-top:9px; box-sizing: border-box;}
.contentBottom .one{float:left; width:48%; line-height:38px; border: 1px solid #e8e8e8; border-radius: 5px; background: #fff;}
.contentBottom .one:before{content:""; width:14px; height:12.5px; background: url(../img/pic-02.png) no-repeat; display: inline-block; background-size:100% 100%; margin-right:5px; }
.contentBottom .two{float:right;  width:48%; line-height:38px; border: 1px solid #e8e8e8; border-radius: 5px; background: #fff;}
.contentBottom .two:before{content:""; width:18px; height:16px; background: url(../img/pic-03.png) no-repeat; display: inline-block; background-size:100% 100%; margin-right:5px;   vertical-align: -2px;}


/*show*/
#menu .show{width: 100%; height: auto; background: #fff; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top:10px; margin-bottom:10px; padding:0 10px; box-sizing: border-box;}
.show h3{width:100%; height:38px; line-height: 38px; font-weight: normal; color:#000;}
.show .showBtn{width:100%; height:auto;  box-sizing: border-box; padding-bottom:10px;}