## 通用CSS基类
~~~
@charset "utf-8";
/*！
* BASE CSS 基类 v2.0 基于bootstrap 3.37 ZUI1.4此版本已摒弃IE6
* Copyright 2016,XIAOBING TECH MR. WANGHAO
* 请保留版权
*/
/*Global Normalize 全局设置*/
body{
font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
}
/*容器*/
.wrapper{width: 100%}
.container.p-n,.container-fluid.p-n{padding-left:0;padding-right:0;}
.p-n{padding-left:0;padding-right: 0}
.w-720{width: 720px}.w-960{width: 960px}.w-970{width: 970px}
.w-980{width: 980px}.w-990{width: 990px}.w-1000{width:1000px}
.w-1002{width: 1002px}.w-1003{width:1003px}.w-1100{width:1100px;max-width: none}
.w-1200{width: 1200px}.w-1070{width:1070px}.w-p100{width:100%;max-width: none}
.w-1190{width:1190px;max-width: none}
@media (max-width: 1000px){}
/*自动增长*/
.autoheight{overflow:hidden;height:auto;zoom:1;}
/*******浮动*******/
.fl{ float: left;*display: inline;}.fr {float: right;*display: inline;}
/*文本对齐*/
.t-c{ text-align: center;}.t-l{ text-align: left;}.t-r{ text-align: right;}
.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}
/*透明度*/
.opacity{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity.a0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.opacity.a10{filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}
.opacity.a80{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
/*背景透明文字不透明*/
.box-opacity{
background: rgba(0, 0, 0, 0.6) !important;
filter: alpha(opacity=60);
background-color: #000000;
}
.box-opacity p {
/*ie下文字不透明*/
position: relative;
}
.box-opacity-white {
background: rgba(22, 160, 33, 0.6) !important;
filter: alpha(opacity=60);
background-color: rgba(22, 160, 33, 0.6);
}
/*文字溢出省略号*/
.box-ellipsis {
white-space:nowrap;
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis
}
/*清除inline-block元素空白间距*/
.clear-i-b {
font-size: 0;
}
.clear-i-b li {
/* 设置具体的字体大小 */
}
/*******display块*******/
.d-n {display: none;}.d-b {display: block;}.d-i {display: inline;}
.d-i-b {display: inline-block;*display: inline;*zoom: 1;}
.d-t-c {display: table-cell;}
/*边框border*/
/*背景色*/
.bg-ffffff{background-color:#ffffff}
.bg-f1f1f1 {background-color:#f1f1f1}
.bg-f2f2f2 {background-color:#f2f2f2}
.bg-f3f3f3 {background-color:#f3f3f3}
.bg-f4f4f4 {background-color:#f4f4f4}
.bg-f5f5f5 {background-color:#f5f5f5}
.bg-f6f6f6 {background-color:#f6f6f6}
.bg-f8f8f8 {background-color:#f8f8f8}
.bg-f9f9f9 {background-color:#f9f9f9}
.bg-fafafa {background-color:#fafafa}
.bg-fbfbfb {background-color:#fbfbfb}
/*******文本*******/
/*font-size*/
.text-0{font-size:0}.text-12{font-size:9pt}.text-13{font-size:13px}
.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}
.text-17{font-size:17px}.text-18{font-size:18px}.text-19{font-size:19px}
.text-20{font-size:20px}.text-21{font-size:21px}.text-22{font-size:22px}
.text-23{font-size:23px}.text-24{font-size:24px}.text-25{font-size:25px}
.text-26{font-size:26px}.text-27{font-size:27px}.text-28{font-size:28px}
.text-29{font-size:29px}.text-30{font-size:30px}.text-32{font-size:32px}
.text-35{font-size:35px}.text-40{font-size:40px}.text-45{font-size:45px}
.text-50{font-size:50px}.text-60{font-size:60px}.text-72{font-size:72px}
/**/
.bold{font-weight:700}.italic{font-style:italic;}
/*color*/
.c-111{color:#666}.c-222{color:#999}.c-333{color:#333}.c-444{color:#444}.c-555{color:#555}.c-666{color:#666}
.c-777{color:#777}.c-888{color:#888}.c-999{color:#999}.c-000{color:#000}.c-aaa{color:#aaa}.c-bbb{color:#bbb}
.c-ccc{color:#ccc}.c-ddd{color:#ddd}.c-eee{color:#eee}.c-fff{color:#fff}
/*边距重置*/
.p-n{padding:0;}.m-n{margin:0;}.p-l-n{padding-left: 0}.p-r-n{padding-right: 0}.p-t-n{padding-top: 0}.p-b-n{padding-bottom: 0}
/*外边距*/
/*外左边距*/
.m-l-5{margin-left:5px}.m-l-10{margin-left:10px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}.m-l-40{margin-left:40px}
/*外上边距*/
.m-t-5{margin-top:5px}.m-t-10{margin-top:10px}.m-t-15{margin-top:15px}
.m-t-20{margin-top:20px}.m-t-25{margin-top:25px}.m-t-30{margin-top:30px}
.m-t-40{margin-top:40px}.m-t-50{margin-top:50px}.m-t-80{margin-top:80px}
/*外右边距*/
.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-20{margin-right:20px}
/*外下边距*/
.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-15{margin-bottom:15px}.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-b-50{margin-bottom:50px}.m-b-80{margin-bottom:80px}
/*内边距*/
.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-12{padding-top:12px;}
.p-t-15{padding-top:15px}.p-t-20{padding-top:20px;}.p-t-30{padding-top:30px;}
.p-t-40{padding-top:40px;}.p-t-50{padding-top:50px;}.p-t-60{padding-top:60px;}
.p-t-70{padding-top:70px;}.p-t-80{padding-top:80px;}.p-t-85{padding-top:85px;}
.p-t-100{padding-top:100px;}
.p-l-5{padding-left:5px;}.p-l-10{padding-left:10px ;}.p-l-20{padding-left:20px ;}
.p-l-30{padding-left:30px;}.p-l-50{padding-left:50px ;}
.p-r-5{padding-right:5px;}.p-r-10{padding-right:10px;}.p-r-20{padding-right:20px;}.p-r-30{padding-right:30px;}
.p-r-50{padding-right:50px ;}
.p-b-10{padding-bottom:10px;}.p-b-12{padding-bottom:12px;}.p-b-15{padding-bottom:15px;}
.p-b-20{padding-bottom:20px;}.p-b-25{padding-bottom:25px;}.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:50px ;}.p-b-60{padding-bottom:60px;}
.p-b-70{padding-bottom:70px ;}.p-b-80{padding-bottom:80px;}.p-b-85{padding-bottom:85px;}
.p-b-100{padding-bottom:100px;}
/*定位*/
.ps{position:static}.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
/*全局链接*/
a:link,a:active{}
a:hover,a:visited{}
/*水平线*/
hr.dotted{border-top:1px dotted #ddd;background: none}
/*图片适应*/
.img-adapt{max-width: 100%;width: auto\9;height: auto;}
/*animate css lib*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 100
}
/*动画过度*/
.transition {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.transition-300 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.transition-500 {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.transition-800 {
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.transition-1000 {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/*文字阴影*/
.text-shadow {text-shadow:1px 1px 1px rgba(0,0,0,.6);}
/*盒阴影*/
.box-shadow-inset {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.box-shadow-out {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*阿里图标*/
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.eot?t=1466668288'); /* IE9*/
src: url('../fonts/iconfont.eot?t=1466668288#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/iconfont.woff?t=1466668288') format('woff'), /* chrome, firefox */
url('../fonts/iconfont.ttf?t=1466668288') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg?t=1466668288#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before { content: "\e61c"; }
.icon-weixin:before { content: "\e609"; }
.icon-huodong:before { content: "\e61d"; }
.icon-unie61d:before { content: "\e610"; }
.icon-dongtai:before { content: "\e600"; }
.icon-shangshi:before { content: "\e601"; }
.icon-guangbo:before { content: "\e602"; }
.icon-liaotian:before { content: "\e603"; }
.icon-xinwen:before { content: "\e61e"; }
.icon-tengxunweibo:before { content: "\e611"; }
.icon-ruanjian:before { content: "\e604"; }
.icon-gouwuche:before { content: "\e60c"; }
.icon-qq:before { content: "\e612"; }
.icon-dianhua:before { content: "\e60d"; }
.icon-dianhua1:before { content: "\e614"; }
.icon-menu:before { content: "\e608"; }
.icon-email:before { content: "\e615"; }
.icon-qq1:before { content: "\e60a"; }
.icon-weibo:before { content: "\e60b"; }
.icon-weixin1:before { content: "\e613"; }
.icon-address:before { content: "\e60e"; }
.icon-baogao:before { content: "\e605"; }
.icon-guanyuwomen:before { content: "\e606"; }
.icon-dizhi:before { content: "\e616"; }
.icon-lishidingdan:before { content: "\e61b"; }
.icon-sheji:before { content: "\e617"; }
.icon-yonghukaihu:before { content: "\e607"; }
.icon-kefu-copy:before { content: "\e618"; }
.icon-chanpin:before { content: "\e61f"; }
.icon-dizhi1:before { content: "\e60f"; }
.icon-renren:before { content: "\e619"; }
.icon-tuijian:before { content: "\e61a"; }
.icon-wenyuda:before { content: "\e620"; }
~~~
