## 通用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"; } ~~~