/* 项目部 2017.3.31 版本: V2.7*/ /* 更新说明: 1. 都掉弱标签的默认边距属性 2. 增加栏目名称一类用到的标准样式 */ /* 使用注意: 1. hanweb全局定义缺少页面字体的整体大小和风格定义。(请在个性表中按项目PSD 定义) 2. 默认 a 标签的link hover 等交互色和默认值同样未定义,(同上)。 3. 如项目需兼容ie7,请将所有加了"border"和"padding"两个属性值的class固定宽度/高度值,用" *+宽度/高度" 兼容IE7的写法减去所设的两个属性占的px; (详情请参阅 "JCMS 模板制作规范文档") */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; } /* Remove default margin. */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2,jia'hao h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* HTML5 display definitions */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template, script { display: none; } /* Links ========================================================================== */ /* 默认背景色透明*/ a { background-color: transparent; } /* 获取焦点字段,并设计其样式*/ a:focus { outline: thin dotted; } /* 当使用TAB键盘控制页面时,取消默认选中模块的虚线框 */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /* 下划线 */ ins, a { text-decoration: none; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Embedded content ========================================================================== */ /** * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers * 4. Remove border when inside `a` element in IE 8/9. */ img { box-sizing: border-box; vertical-align: middle; border: 0; } a img{border:0} /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; padding: 0; } /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; padding: 0; box-sizing: border-box; } /* Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } /* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical; } optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== Component:Hanweb Base ============================================================================ */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } html, body { min-height: 100%; padding:0; margin:0; } body { font-weight: normal; color: #333; } body, input, textarea, select, button { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } /* links */ a { text-decoration:none; transition: all 0.2s ease-out 0s; } a:hover, a:focus { text-decoration: none; text-decoration:none; transition: all 0.2s ease-out 0s; } a:focus { outline:none; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Spacing for block elements */ p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure { /*margin: 0 0 10px 0; 2017年1-23*/ margin:0; } /* * + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 10px; } */ /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { /*margin: 0 0 10px 0; 2017-01*/ margin: 0; font-weight: 600; font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } /* List ========================================================================== */ /* Ordered and unordered lists */ ul, ol, li { padding:0; list-style:none; text-decoration:none; } /* Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eeeeee; -moz-box-sizing: content-box; box-sizing: content-box; } /* iframe */ iframe { border: 0; } /* ========================================================================== Component: Table ============================================================================ */ table { max-width: 100%; /*background-color: transparent; 背景色透明有问题2017-01*/ empty-cells: show; } th { text-align: left; } .bt-table { width: 100%; margin-bottom: 10px; border-spacing: 0; border-collapse: separate; } .bt-table > thead > tr > th, .bt-table > tbody > tr > th, .bt-table > tfoot > tr > th, .bt-table > thead > tr > td, .bt-table > tbody > tr > td, .bt-table > tfoot > tr > td { padding: 0.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #dddddd; } .bt-table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #dddddd; } .bt-table > caption + thead > tr:first-child > th, .bt-table > colgroup + thead > tr:first-child > th, .bt-table > thead:first-child > tr:first-child > th, .bt-table > caption + thead > tr:first-child > td, .bt-table > colgroup + thead > tr:first-child > td, .bt-table > thead:first-child > tr:first-child > td { border-top: 0; } .bt-table > tbody + tbody tr:first-child td { border-top: 2px solid #dddddd; } /* Bordered version */ .bt-table-bordered { border: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th, .bt-table-bordered > tbody > tr > th, .bt-table-bordered > tfoot > tr > th, .bt-table-bordered > thead > tr > td, .bt-table-bordered > tbody > tr > td, .bt-table-bordered > tfoot > tr > td { border-left: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th:first-child, .bt-table-bordered > tbody > tr > th:first-child, .bt-table-bordered > tfoot > tr > th:first-child, .bt-table-bordered > thead > tr > td:first-child, .bt-table-bordered > tbody > tr > td:first-child, .bt-table-bordered > tfoot > tr > td:first-child { border-left: none; } /* Border-radius version */ .bt-table-radius { border: 1px solid #dddddd; border-radius: 2px; } .bt-table-radius > thead > tr:first-child > th:first-child, .bt-table-radius > thead > tr:first-child > td:first-child { border-top-left-radius: 2px; border-left: none; } .bt-table-radius > thead > tr:first-child > th:last-child, .bt-table-radius > thead > tr:first-child > td:last-child { border-top-right-radius: 2px; border-right: none; } .bt-table-radius > tbody > tr > th:first-child, .bt-table-radius > tbody > tr > td:first-child { border-left: none; } .bt-table-radius > tbody > tr > th:last-child, .bt-table-radius > tbody > tr > td:last-child { border-right: none; } .bt-table-radius > tbody > tr:last-child > th, .bt-table-radius > tbody > tr:last-child > td { border-bottom: none; } .bt-table-radius > tbody > tr:last-child > th:first-child, .bt-table-radius > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 2px; } .bt-table-radius > tbody > tr:last-child > th:last-child, .bt-table-radius > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 2px; } /* Zebra-striping */ .bt-table-striped > tbody > tr:nth-child(odd) > td, .bt-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* Hover effect */ .bt-table-hover > tbody > tr:hover > td, .bt-table-hover > tbody > tr:hover > th { background-color: #e9e9e9; } .bt-table > thead > tr > td.bt-active, .bt-table > tbody > tr > td.bt-active, .bt-table > tfoot > tr > td.bt-active, .bt-table > thead > tr > th.bt-active, .bt-table > tbody > tr > th.bt-active, .bt-table > tfoot > tr > th.bt-active, .bt-table > thead > tr.bt-active > td, .bt-table > tbody > tr.bt-active > td, .bt-table > tfoot > tr.bt-active > td, .bt-table > thead > tr.bt-active > th, .bt-table > tbody > tr.bt-active > th, .bt-table > tfoot > tr.bt-active > th { background-color: #ffffdd; } .bt-table > thead > tr > td.bt-disabled, .bt-table > tbody > tr > td.bt-disabled, .bt-table > tfoot > tr > td.bt-disabled, .bt-table > thead > tr > th.bt-disabled, .bt-table > tbody > tr > th.bt-disabled, .bt-table > tfoot > tr > th.bt-disabled, .bt-table > thead > tr.bt-disabled > td, .bt-table > tbody > tr.bt-disabled > td, .bt-table > tfoot > tr.bt-disabled > td, .bt-table > thead > tr.bt-disabled > th, .bt-table > tbody > tr.bt-disabled > th, .bt-table > tfoot > tr.bt-disabled > th { color: #999999; } .bt-table > thead > tr > td.bt-primary, .bt-table > tbody > tr > td.bt-primary, .bt-table > tfoot > tr > td.bt-primary, .bt-table > thead > tr > th.bt-primary, .bt-table > tbody > tr > th.bt-primary, .bt-table > tfoot > tr > th.bt-primary, .bt-table > thead > tr.bt-primary > td, .bt-table > tbody > tr.bt-primary > td, .bt-table > tfoot > tr.bt-primary > td, .bt-table > thead > tr.bt-primary > th, .bt-table > tbody > tr.bt-primary > th, .bt-table > tfoot > tr.bt-primary > th { color: #292929; background-color: rgba(61, 61, 61, 0.115); } .bt-table > thead > tr > td.bt-success, .bt-table > tbody > tr > td.bt-success, .bt-table > tfoot > tr > td.bt-success, .bt-table > thead > tr > th.bt-success, .bt-table > tbody > tr > th.bt-success, .bt-table > tfoot > tr > th.bt-success, .bt-table > thead > tr.bt-success > td, .bt-table > tbody > tr.bt-success > td, .bt-table > tfoot > tr.bt-success > td, .bt-table > thead > tr.bt-success > th, .bt-table > tbody > tr.bt-success > th, .bt-table > tfoot > tr.bt-success > th { color: #5eb95e; background-color: rgba(94, 185, 94, 0.115); } .bt-table > thead > tr > td.bt-warning, .bt-table > tbody > tr > td.bt-warning, .bt-table > tfoot > tr > td.bt-warning, .bt-table > thead > tr > th.bt-warning, .bt-table > tbody > tr > th.bt-warning, .bt-table > tfoot > tr > th.bt-warning, .bt-table > thead > tr.bt-warning > td, .bt-table > tbody > tr.bt-warning > td, .bt-table > tfoot > tr.bt-warning > td, .bt-table > thead > tr.bt-warning > th, .bt-table > tbody > tr.bt-warning > th, .bt-table > tfoot > tr.bt-warning > th { color: #f37b1d; background-color: rgba(243, 123, 29, 0.115); } .bt-table > thead > tr > td.bt-danger, .bt-table > tbody > tr > td.bt-danger, .bt-table > tfoot > tr > td.bt-danger, .bt-table > thead > tr > th.bt-danger, .bt-table > tbody > tr > th.bt-danger, .bt-table > tfoot > tr > th.bt-danger, .bt-table > thead > tr.bt-danger > td, .bt-table > tbody > tr.bt-danger > td, .bt-table > tfoot > tr.bt-danger > td, .bt-table > thead > tr.bt-danger > th, .bt-table > tbody > tr.bt-danger > th, .bt-table > tfoot > tr.bt-danger > th { color: #dd514c; background-color: rgba(221, 81, 76, 0.115); } /*********************************************************************************************************************************************************** ============================================================第一部分:标准框架样式/常用样式==================================================================== **********************************************************************************************************************************************************/ /******标准==华丽的分割行*******/ .bt-note-10, .bt-note-15, .bt-note-20{ width:100%; clear:both; } .bt-note-10 {height:10px;} .bt-note-15 {height:15px;} .bt-note-20 { height:20px;} /******************标准模块宽度====传统+雅黑*******************/ /***页头+中间部分+页脚通用样式***/ .bt-head, .bt-main, .bt-footer{ width:100%; height:auto; margin:0 auto; } .bt-main{ min-height:400px; } /*************标准==顶部导航****************/ .bt-top-nav{ height:30px; width:100%; margin:0 auto; } .bt-top-nav-cen{ height:30px; line-height:30px; width:1000px; margin:0 auto; } /***********head区域*****************/ .bt-head-cen{ width:1000px; height:150px; margin:0 auto; } .bt-logo{float:left} /*页脚区域*/ .bt-footer{width:100%} .bt-footer-nav{ width:100%; height:30px; } .bt-footer-nav-cen{ width:1000px; height:30px; line-height:30px; margin:0 auto; } .bt-copyright { width:1000px; min-height:110px; margin:0 auto; padding:20px 0; *+min-height:90px;/*兼容IE7*/ text-align:center; } /**导航通用**/ .bt-nav-y{ width:100%; height:50px; line-height:50px; } .bt-nav-s { width:100%; height:35px; line-height:35px; } /******************************************************************************************************************************** 2017-04新增响应式模式下页面框架的通用样式,命名规则:bt + vary(变化)+ 位置 响应式规则是页面在宽屏 笔记本 移动端 三种分辨率下 页面正常显示! 宽屏:1400px; 笔记本:1000px; 移动端:750px(自适应) **********************************************************************************************************************************/ /**三种分辨率情况下通用样式**/ .bt-vart-head, .bt-vart-nav, .bt-vart-main, .bt-vart-footer{ margin:0 auto} @media only screen and (max-width:1920px) { /**屏幕最大分辨率尺寸==适用台式机**/ /**head区域样式变换**/ .bt-vart-head{width:1400px;min-height:150px;} .bt-vart-head .top-nav{height:35px;} .bt-vart-head .head-banner{height:115px;} /**主导航区域**/ .bt-vart-nav{width:1400px; height:50px;} .bt-vart-main{width:1400px; min-height:100px; margin:0 auto;} /**footer区域**/ .bt-vart-footer{width:1400px; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } @media only screen and (max-width:1366px) { /**屏幕最大分辨率尺寸==适用笔记本**/ /**head区域样式变换**/ .bt-vart-head{width:1000px;min-height:150px;} .bt-vart-head .head-banner{height:115px;} /**主导航区域**/ .bt-vart-nav{width:1000px; height:50px;} /**主内容区域**/ .bt-vart-main{width:1000px; min-height:100px; margin:0 auto;} /**footer区域**/ .bt-vart-footer{width:1000px; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } @media only screen and (max-width:768px) { /**屏幕最大分辨率尺寸==适用手机端** / /**head区域样式变换**/ .bt-vart-head{width:100%;min-height:150px;} .bt-vart-head .head-banner{height:auto; overflow:hidden} /**主导航区域**/ .bt-vart-nav{width:50px; height:50px; overflow:hidden; position:absolute; top:10px; right:20px;} /**主内容区域**/ .bt-vart-main{width:100%; min-height:100px; margin:0; padding:0 30px} /**footer区域**/ .bt-vart-footer{width:100%; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } /*****中间===模块化标准尺寸*****/ .bt-box{ width:100%; height:auto; } .bt-box-1000 { width:1000px; height:auto; margin:0 auto; } .bt-box-980{ width:1000px; *+width:980px; padding:0 10px; height:auto; margin:0 auto; } .bt-box-970{ width:1000px; *+width:970px; padding:0 15px; height:auto; margin:0 auto; } .bt-box-960{ width:1000px; *+width:960px; padding:0 20px; height:auto; margin:0 auto; } .bt-box-220, .bt-box-235, .bt-box-240, .bt-box-310, .bt-box-320, .bt-box-430, .bt-box-490, .bt-box-520, .bt-box-660, .bt-box-745, .bt-box-750{ /*通用属性*/ background:#FFF; height:auto; } .bt-box-220 {width:220px;} .bt-box-235 {width:235px;} .bt-box-240 {width:240px;} .bt-box-310 {width:310px;} .bt-box-320 {width:320px;} .bt-box-430 {width:430px;} .bt-box-490 {width:490px;} .bt-box-520 {width:520px;} .bt-box-660 {width:660px;} .bt-box-745 {width:745px;} .bt-box-760 {width:760px;} /*********************************************************************************************************************************************************** ============================================================第二部分:标准组件样式==================================================================== **********************************************************************************************************************************************************/ /*********************标准===组件按钮样式**************/ .bt-bnt-big{ width:188px; height:45px; line-height: 45px; font-size: 17px; border:0; } .bt-bnt-small{ width:145px; height:35px; border:0; } /***bnt_01样式开始**/ .bt-bnt-big-01, .bt-bnt-small-01 { color:#FFF; background: #3385ff; } .bt-bnt-big-01:hover, .bt-bnt-small-01:hover { background: #5096fd; } .bt-bnt-big-01:active, .bt-bnt-small-01:active { background: #1c6fea; } /*按钮组件-02*/ .bt-bnt-big-02 {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_big.png""") no-repeat 0 0;} .bt-bnt-big-02:hover {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_big.png""") no-repeat -189px 0;} .bt-bnt-big-02:active {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_big.png""") no-repeat -378px 0;} .bt-bnt-small-02 {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_small.png""") no-repeat 0 0;} .bt-bnt-small-02:hover {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_small.png""") no-repeat -147px 0;} .bt-bnt-small-02:active {background: url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bnt_02_small.png""") no-repeat -294px 0;} /*按钮组件-03*/ .bt-bnt-big-03, .bt-bnt-small-03{ border:#FFF solid 1px; background:none; color:#FFF; } .bt-bnt-big-03:hover, .bt-bnt-small-03:hover{ background: #2989d5; border: #eff0f0 solid 1px } .bt-bnt-big-03:active, .bt-bnt-small-03:active{ background: #04528f; border: #eff0f0 solid 1px } .bt-bnt-big-04 { line-height: 45px; font-size: 17px; border: #FFF solid 1px; border-radius: 25px ; /*圆角样式从ie9开始支持*/ background:none; color:#FFF; } .bt-bnt-big-04:hover {background: #2989d5;} .bt-bnt-big-04:active {background: #04528f;} .bt-bnt-small-04 { line-height: 35px; font-size: 15px; border: #FFF solid 1px; border-radius: 25px ; background:none; color:#FFF; } .bt-bnt-small-04:hover {background: #2989d5;} .bt-bnt-small-04:active {background: #04528f;} /*********************标准===组件信息检索样式**************/ .bt-search{ float:right } .bt-mod-xxjs-01 { /**编号**/ width:321px; height:40px; text-align:right; } .bt-mod-xxjs-01 .bt-text { width:270px; *+width:268px; height:40px; line-height:40px; background:#F3f3f3; border:0; padding-left:2px; float:right } .bt-mod-xxjs-01 .bt-bnt { width:51px; height:40px; float:right; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_01_bnt.png"") no-repeat; border:0; } .bt-mod-xxjs-01 .bt-bnt:hover { background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_01_bnt.png"") no-repeat left bottom; } .bt-mod-xxjs-02 { /**编号**/ width:370px; height:40px; text-align:right; } .bt-mod-xxjs-02 .bt-text { width:320px; *+width:318px; height:40px; line-height:40px; background:#F3f3f3; border:0; padding-left:2px; float:right } .bt-mod-xxjs-02 .bt-bnt { width:50px; height:40px; float:right; background:#db0505; color:#FFF; border:0; font-size:15px; } .bt-mod-xxjs-02 .bt-bnt:hover { background:#c10202; } .bt-mod-xxjs-03 { /**编号**/ width:auto; height:40px; text-align:right; border:#ccc solid 1px; background:#fff; -webkit-box-shadow: 2px 2px 2px; -moz-box-shadow: 2px 2px 2px; box-shadow: 2px 2px 2px #999; } .bt-mod-xxjs-03 .bt-text { width:270px; height:38px; line-height:38px; padding-left:2px; float:right; border:0; } .bt-mod-xxjs-03 .bt-bnt { width:48px; height:38px; float:right; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_03_bnt.png"") no-repeat left top; border:0; } .bt-mod-xxjs-03 .bt-bnt:hover { background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_03_bnt.png"") no-repeat left bottom; } .bt-mod-xxjs-04 { /**编号**/ width:auto; height:42px; text-align:right; } .bt-mod-xxjs-04 .bt-text { width:320px; height:40px; line-height:38px; border:#CCC solid 1px; border-right:0; padding-left:2px; background:#fff; float:right } .bt-mod-xxjs-04 .bt-bnt { width:48px; height:40px; float:right; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_04_bnt.png"") no-repeat left top; color:#FFF; border:0; font-size:15px; } .bt-mod-xxjs-04 .bt-bnt:hover { background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/XXJS_04_bnt.png"") no-repeat left bottom; } .bt-mod-xxjs-05 { /**编号**/ widtsh:420px; height:45px; text-align:right; background:#cc0000 } .bt-mod-xxjs-05 .bt-text { width:365px; *+width:363px; height:41px; line-height:41px; border:0; padding-left:2px; background:#fff; margin:2px 0 0 2px; float:right } .bt-mod-xxjs-05 .bt-bnt { width:59px; height:39px; float:right; background:url("/wwwycjgcnet/images/244/XXJS_05_bnt.png") no-repeat left top; color:#FFF; border:0; margin-top:2px; } .bt-mod-xxjs-05 .bt-bnt:hover { } /*********========基础组件=栏目外框======*********/ /***通用***/ .bt-box-title-s{ width:100%; height:30px; } .bt-box-title-s span{ line-height:30px; } .bt-box-title-s .bt-font { min-width:100px; float:left; height:30px; font-size:14px; font-weight:bold; position:relative; } .bt-box-title-s .bt-font .bt-lef-bg, .bt-box-title-s .bt-font .bt-rig-bg{ height:30px; float:left; } .bt-box-title-y{ width:100%; height:45px; } .bt-box-title-s span{ line-height:45px; } .bt-box-title-s .bt-font { min-width:100px; float:left; height:45px; font-size:15px; font-weight:bold; position:relative; } .bt-box-title-s .bt-font .bt-lef-bg, .bt-box-title-s .bt-font .bt-rig-bg{ height:45px; float:left; } /*更多*/ .bt-box-more { float:right; padding-right:13px; } .bt-box-more a { line-height:30px; font-size:13px; color:#666; } .bt-box-more a:hover { color:#f30; } /***日期时间***/ .bt-data-time { float:right; color:#666; } .bt-data-time a{ color:#999; } .bt-mod-lmwk-01 { /**编号**/ border:#d1e7f2 solid 1px; } .bt-mod-lmwk-01 .bt-box-title{ border-bottom:#d1e7f2 solid 1px; background:#f5fafd } .bt-mod-lmwk-01 .bt-box-title .bt-font { padding:0 15px 0 35px; border-top:#1a6ab6 solid 2px; background:url("/wwwycjgcnet/images/244/lmkj_01.png") no-repeat 10px 6px #FFF; margin-top:-1px; margin-left:20px; border-left:#d1e7f2 solid 1px; border-right:#d1e7f2 solid 1px; height:31px; *+height:30px; } .bt-mod-lmwk-01 .bt-box-title .bt-font span { line-height:31px; *+line-height:30px; color:#1a6ab6 } .bt-mod-lmwk-02 { /**编号**/ border:#d1e7f2 solid 1px; } .bt-mod-lmwk-02 .bt-box-title { background:url("/wwwycjgcnet/images/244/lmkj_02.png") repeat-x; margin-top:-1px; } .bt-mod-lmwk-02 .bt-box-title img { float:left; margin:6px 10px 0 0px; } .bt-mod-lmwk-02 .bt-box-title .bt-font { padding:0 15px; background:#FFF; height:28px; margin-top:2px; } .bt-mod-lmwk-02 .bt-box-title .bt-font span { line-height:33px; color:#1a6ab6 } .bt-mod-lmwk-03 { /**编号**/ border:#d8d8d8 solid 1px; } .bt-mod-lmwk-03 .bt-box-title { border-bottom:#00F solid 1px; } .bt-mod-lmwk-03 .bt-box-title .bt-font { padding:0 35px; background:url("/wwwycjgcnet/images/244/lmkj_03.png") no-repeat 15px 10px; } .bt-mod-lmwk-03 .bt-box-title .bt-font span { line-height:30px; color:#1a6ab6 } .bt-mod-lmwk-04 { /**编号**/ border:#d8d8d8 solid 1px; } .bt-mod-lmwk-04 .bt-box-title { border-bottom:#c91212 solid 1px; } .bt-mod-lmwk-04 .bt-font { color:#FFF; } .bt-mod-lmwk-04 .bt-font .bt-lef-bg { padding-left:15px; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/lmkj_04.png"") no-repeat left top } .bt-mod-lmwk-04 .bt-font .bt-rig-bg { width:15px; overflow:hidden; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/lmkj_04.png"") no-repeat top right } .bt-mod-lmwk-04 .bt-font .bt-sanjiao{ width:0px; height:0px; border-left:6px solid #fff; border-right:6px solid #fff; border-top:7px solid #c91212; position:absolute; left:45%; right:50%; bottom:-7px; display:block; } .bt-mod-lmwk-07 { /**编号**/ } .bt-mod-lmwk-07 .bt-box-title { height:35px; *+height:33px; border-bottom:#d7d7d7 solid 2px; } .bt-mod-lmwk-07 .bt-box-title .bt-font { height:33px; padding:0 45px; background:url("/wwwycjgcnet/images/244/lmkj_07.png") no-repeat; margin-top:2px; } .bt-mod-lmwk-07 .bt-box-title .bt-font span { line-height:33px; font-size:15px; color:#1a6ab6 } .bt-mod-lmwk-08 { /**编号**/ } .bt-mod-lmwk-08 .bt-box-title { height:35px; *+height:33px; border-bottom:#d7d7d7 solid 2px; } .bt-mod-lmwk-08 .bt-box-title .bt-font { padding:0 15px 0 30px; border-bottom:#c91212 solid 2px; color:#c91212; height:35px; *+height:33px; background:url("/wwwycjgcnet/images/244/lmkj_08.png") no-repeat 5px 5px; } .bt-mod-lmwk-08 .bt-box-title span { line-height:33px; } /*********========基础组件-标题链接样式=======*********/ /**** 新闻前缀使用说明: 1.前缀支持背景和标签两种形式,背景是调用images中的图片,标签是预留位置在jcms 中获取上传的图片! 具体使用细节,请看使用手册! ***********/ .bt-prefix{ float:left; min-width:3px; } .bt-prefix-bg-d{ /*圆点*/ background:url("/wwwycjgcnet/images/244/bt_prefix_d.gif") no-repeat; padding-right:13px; } .bt-prefix-bg-s{ /*三角*/ background:url("/wwwycjgcnet/images/244/bt_prefix_s.gif") no-repeat; padding-right:13px; } /****文字排版重复样式合并***/ .bt-mod-wzpb-01, .bt-mod-wzpb-02, .bt-mod-wzpb-03, .bt-mod-wzpb-04, .bt-mod-wzpb-05, .bt-mod-wzpb-06, .bt-mod-wzpb-07, .bt-mod-wzpb-08, .bt-mod-wzpb-09, .bt-mod-wzpb-10, .bt-mod-ajax { width:100%; height:auto; position:relative; padding:0 15px;/*此处内边距只控制左右! 不控制上下(考虑到上下的设计标准值不同)*/ margin:0; overflow:hidden; } .bt-mod-wzpb-01 .bt-data-time, .bt-mod-wzpb-02 .bt-data-time, .bt-mod-wzpb-03 .bt-data-time, .bt-mod-wzpb-04 .bt-data-time, .bt-mod-wzpb-05 .bt-data-time, .bt-mod-wzpb-06 .bt-data-time, .bt-mod-wzpb-07 .bt-data-time, .bt-mod-wzpb-08 .bt-data-time, .bt-mod-wzpb-09 .bt-data-time, .bt-mod-wzpb-10 .bt-data-time, .bt-mod-ajax .bt-data-time{ float:right; color:#666; } /******文字排版-01 ==样式****/ .bt-mod-wzpb-01{ padding:11px 15px; } .bt-mod-wzpb-01 li { width:100%; height:30px; float:left; } .bt-mod-wzpb-01 li a { line-height:30px; float:left; } .bt-mod-wzpb-01 li a:hover { } .bt-mod-wzpb-01 .bt-data-time{ line-height:30px; } /******文字排版-02 ==样式****/ .bt-mod-wzpb-02{ padding:11px 15px; } .bt-mod-wzpb-02 li { width:100%; height:30px; float:left; } .bt-mod-wzpb-02 li a { line-height:30px; float:left; } .bt-mod-wzpb-02 li a:hover{ } .bt-mod-wzpb-02 .bt-data-time{ line-height:30px; } /*前缀属性*/ .bt-mod-wzpb-02 li .bt-prefix{ height:30px; } .bt-mod-wzpb-02 li .bt-prefix img{ margin:13px 10px 0 0; display:block } /******文字排版-03 ==样式****/ .bt-mod-wzpb-03{ padding:10px 15px 11px 15px } .bt-mod-wzpb-03 ul { margin:0; padding:0; } .bt-mod-wzpb-03 li { width:100%; min-height:30px; float:left } /*左侧多栏目*/ .bt-mod-wzpb-03 li .bt-name-lef { line-height:30px; float:left; padding-right:30px; text-align:left; display:block } .bt-mod-wzpb-03 li a { line-height:30px; float:left; } /******文字排版-04 ==样式****/ .bt-mod-wzpb-04{ padding:5px 15px 20px 15px; } .bt-mod-wzpb-04 li { width:100%; height:40px; float:left; border-bottom:#CCC solid 1px; } .bt-mod-wzpb-04 li a { line-height:40px; float:left; } .bt-mod-wzpb-04 li a:hover{ } .bt-mod-wzpb-04 .bt-data-time{ line-height:40px; } /*前缀属性*/ .bt-mod-wzpb-04 li .bt-prefix{ height:40px; } .bt-mod-wzpb-04 li .bt-prefix img{ margin:18px 10px 0 0; display:block } /******文字排版-05 ==样式****/ .bt-mod-wzpb-05{ padding:5px 15px 20px 15px } .bt-mod-wzpb-05 ul { margin:0; padding:0; } .bt-mod-wzpb-05 li { width:100%; height:40px; float:left; border-bottom:#CCC dashed 1px; } .bt-mod-wzpb-05 li a { line-height:39px; float:left; } .bt-mod-wzpb-05 li .bt-data-time { line-height: 39px } /*前缀属性*/ .bt-mod-wzpb-05 li .bt-prefix{ height:30px; } .bt-mod-wzpb-05 li .bt-prefix img{ margin:17px 8px 0 0; display:block } .bt-mod-wzpb-05 .bt-prefix-bj-d{ background-position: 0 18px } .bt-mod-wzpb-05 .bt-prefix-bj-s{ background-position: 0 18px } /******文字排版-06 ==样式****/ .bt-mod-wzpb-06{ padding:5px 15px 20px 15px } .bt-mod-wzpb-06 ul { margin:0; padding:0; } .bt-mod-wzpb-06 li { width:100%; min-height:40px; padding:8px 0; float:left; border-bottom:#CCC solid 1px; position:relative } .bt-mod-wzpb-06 li a { width:400px; line-height:24px; float:left; } .bt-mod-wzpb-06 li .bt-data-time { line-height: 39px; position:absolute; bottom:0px; right:0px; } /**编号**==*两行/折行显示====日期再右下角位置**/ .bt-mod-wzpb-07{ padding:3px 15px 20px 15px; } .bt-mod-wzpb-07 ul { margin:0; padding:0 } .bt-mod-wzpb-07 li { width:100%; height:auto; border-bottom:#ccc solid 1px; position:relative; padding:10px 0; float:left } .bt-mod-wzpb-07 li a { width:100%; line-height:24px; } .bt-mod-wzpb-07 li .bt-data-time { position:absolute; bottom:8px; right:0px; line-height:24px; } /*前缀属性*/ .bt-mod-wzpb-07 li .bt-prefix{ height:40px; } .bt-mod-wzpb-07 li .bt-prefix img{ margin:8px 8px 0 0; display:block } .bt-mod-wzpb-07 .bt-prefix-bj-d{ background-position: 0 18px } .bt-mod-wzpb-07 .bt-prefix-bj-s{ background-position: 0 18px } .bt-mod-wzpb-08 { /**编号**==特殊日期形式**/ padding: 5px 15px 15px 15px } .bt-mod-wzpb-08 ul { margin:0; padding:0; } .bt-mod-wzpb-08 li { width:100%; height:45px; float:left; margin:6px 0; border-bottom:#CCC dashed 1px; } .bt-mod-wzpb-08 li .bt-data-time { width:52px; height:45px; float:left; margin:0 10px 0 0; display:block; text-align:center; background:url("/wwwycjgcnet/images/244/lmkj_08-1.png") no-repeat; } .bt-mod-wzpb-08 li .bt-day {/*日期在上面,字号大**/ width:52px; height:28px; line-height:25px; color:#fff; font-size:18px; display:block } .bt-mod-wzpb-08 li .bt-month { /*年份和月份下面,字号小**/ width:52px; color:#fff; height:18px; line-height:18px; font-size:10px; display:block } .bt-mod-wzpb-08 li a { height:45px; line-height:40px; text-align:left; } .bt-mod-wzpb-09 { /**编号**==特殊日期形式**/ padding:5px 15px 15px 15px } .bt-mod-wzpb-09 ul { margin:0; padding:0; } .bt-mod-wzpb-09 li { width:100%; height:auto; position:relative; padding:10px 0 15px 0; float:left; border-bottom:#CCC dashed 1px; } .bt-mod-wzpb-09 span { display:block } .bt-mod-wzpb-09 li .bt-nrw_pic { float:left; margin:5px 10px 0 0 } .bt-mod-wzpb-09 li .bt-h1 { height:35px; } .bt-mod-wzpb-09 li .bt-font { line-height:22px; font-size:13px; color:#999; } .bt-mod-wzpb-09 li .bt-data-time { position:absolute; top:10px; right:10px; line-height:24px; font-size:13px; } .bt-mod-wzpb-09 li a { line-height:30px; font-size:15px; color:#000; } .bt-mod-wzpb-10 { /**编号**==(图片+标题+摘要形式)**/ padding:0 0 15px 0; } .bt-mod-wzpb-10 ul { margin:0; padding:0; } .bt-mod-wzpb-10 li { width:100%; height:auto; position:relative; padding:10px 0 6px 0; float:left; border-bottom:#CCC dashed 1px; } .bt-mod-wzpb-10 span { display:block } .bt-mod-wzpb-10 li .bt-nrw_pic { float:left; max-width:160px; margin:5px 10px 0 0; } .bt-mod-wzpb-10 li .bt-h1 { height:35px; } .bt-mod-wzpb-10 li .bt-font { min-height:50px; line-height:22px; font-size:13px; color:#999; } .bt-mod-wzpb-10 li .bt-other { height:30px; color:#999; } .bt-mod-wzpb-10 li .bt-source{ float:right; line-height:30px; font-size:12px; } .bt-mod-wzpb-10 li .bt-source a{ background:url("/wwwycjgcnet/images/244/bt-fenxiang.png") no-repeat 30px 1px; padding-left:50px; line-height:30px; font-size:12px; } .bt-mod-wzpb-10 li .bt-data-time { position:absolute; top:15px; right:0px; line-height:24px; font-size:13px; } .bt-mod-wzpb-10 li a { line-height:30px; font-size:17px; color:#000 } /******文字排版-04 ==样式****/ .bt-mod-ajax{ padding:5px 15px 20px 15px; } .bt-mod-ajax li { width:100%; height:45px; float:left; border-bottom:#CCC solid 1px; } .bt-mod-ajax li a { line-height:45px; float:left; } .bt-mod-ajax li a:hover{ } .bt-mod-ajax .bt-data-time{ line-height:45px; } /*前缀属性*/ .bt-mod-ajax li .bt-prefix{ height:45px; } .bt-mod-ajax li .bt-prefix img{ margin:20px 10px 0 0; display:block } /**图片+摘要形式****/ .bt-mod-intro { height:auto; overflow:hidden; padding:10px ; position:relative } .bt-mod-intro img { float:left; margin:3px 10px 0 0px } .bt-mod-intro span { position:relative; line-height:24px; text-indent:2em; } .bt-mod-intro a { position:absolute; bottom:10px; right:10px; height:24px; } /*********========当前位置=======*********/ .bt-position { width:1100px; height:35px; line-height:35px; color:#000; margin:0 auto; text-align:left; font-size:13px; background:url("/wwwycjgcnet/images/244/bt_wz_bule.png") no-repeat 2px 12px; /*如需使用红色版请将blue换成red*/ } .bt-position span { line-height:35px; float:left; padding:0 5px 0 25px; } .bt-position img { margin:0 5px 0 0 } .bt-position table { float:left } .bt-position table td{ line-height:35px; } .bt-position a { padding-right:5px; line-height:35px; font-size:13px; } /***雅黑模式**/ .y-title{ font-size:26px; } .y-font { font-size:15px; } .y-zhengwen { font-size:15px; line-height:26px; } .y-fenxiang { } /**宋体**/ .s-title{ font-size:22px; font-weight:bold; } .s-font { font-size:12px; } .s-zhengwen { font-size:14px; line-height:26px; } .s-fenxiang { } /*********************************************************************************************************************************************************** ============================================================第三部分:页面常用js效果========================================================================== **********************************************************************************************************************************************************/ /*********========特效-导航效果=======*********/ .bt-nav-01 { /***编号:***/ width:1000px; height:35px; margin:0 auto; position:relative; } .bt-nav-01 ul { margin:0; padding:0; } .bt-nav-01 li { width:125px; height:35px; line-height:35px; float:left; color:#FFF; text-align:center; position:relative; } .bt-nav-01 li a { display:block; float:left; width:100%; line-height:35px; color:#fff; font-size:15px; } .bt-nav-01 li a:hover { background:#424242 } .bt-nav-01 li .bt-subdiv { display:none; } .bt-nav-01 li:hover .bt-subdiv { display:block; position:absolute; left:0; top:35px; z-index:999; background:#a9a9a9; } .bt-nav-01 li:hover .bt-subdiv li { border-bottom:#b7b7b7 solid 1px; overflow:hidden } .bt-nav-01 li:hover .bt-subdiv li a { display: block; color:#FFF; text-align:left; padding-left:20px; } .bt-nav-01 li:hover .bt-subdiv li a:hover {background:#424242;} .bt-jq-TX-070508 { /***编号:***/ width:1000px; height:50px; margin:0 auto; position:relative; background:#333 } .bt-jq-TX-070508-list { width:1000px; height:50px; margin:0 auto; } .bt-jq-TX-070508-list ul { margin:0; padding:0 } .bt-jq-TX-070508-list li { width:130px; height:50px; float:left; text-align:center } .bt-jq-TX-070508-list li a { line-height:50px; display:block; color:#fff; font-size:14px; } .bt-jq-TX-070508-list li a:hover { color:#e60012; background:#FFF; cursor:pointer } .bt-jq-TX-070508-sub { width:810px; *+width: 787px; min-height:300px; position:absolute; top:50px; left:150px; clear:both; display:none; z-index:999 } .bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu { width:100%; min-height:300px; margin:0; top:0; background:url("/wwwycjgcnet/images/244/bt-jq-TX-070508-bg.jpg") no-repeat left bottom #fff; position:absolute; display:none; height:auto; padding:0 0 10px 20px; border:#efefef solid 1px; border-top:none; } .bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu .navigation-down-inner { padding:35px 0px 0px 0px; position:relative; } .bt-jq-TX-070508-sub-menu ul { /*子栏目==下拉列表样式*/ width:100px; height:auto; float:left; display:block; overflow:hidden; margin:20px 0 0 28px; padding:0; } .bt-jq-TX-070508-sub-menu ul li { width:100px; line-height:45px; border-top:#bcbcbc 1px dashed; float:left; } .bt-jq-TX-070508-sub-menu ul li a { line-height:45px; padding-left:10px; display:block } .bt-jq-TX-070508-sub-menu ul li .three { color:#666; line-height:30px; } .bt-jq-TX-070508-sub-menu ul li .three:hover { color:#666; line-height:30px; color:#e60012 } .bt-jq-TX-070508-pic { float:left; width:265px; margin-top:30px; } .bt-jq-TX-070508-pic img { max-width:285px; } .bt-jq-TX-1603 { /***编号: 返回顶部***/ position: fixed; bottom: 40px; right: 20px; width: 46px; z-index: 999; } .bt-jq-TX-1603 a { transition:none; display: block; width: 46px; height: 46px; margin-bottom: 10px; background:url("/wwwycjgcnet/images/244/bt-go-top.png") no-repeat; } .bt-jq-TX-1603 a:last-child { margin-bottom: 0; } .bt-jq-TX-1603 .bt-jq-TX-1603-link { background-position: 0 -150px; } .bt-jq-TX-1603 .bt-jq-TX-1603-link:hover { transition:none; background-position: 0 -250px; } .bt-jq-TX-1603 .feedback { background-position: 0 -100px; } .bt-jq-TX-1603 .feedback:hover { transition:none; background-position: 0 -300px; } .bt-jq-TX-1603 .uc-2vm {transition:none; background-position: 0 0; } .bt-jq-TX-1603 .uc-2vm:hover { transition:none; background-position: 0 -350px; } .bt-jq-TX-1603 .go{transition:none; background-position: 0 -150px;} .bt-jq-TX-1603 .go:hover{transition:none; background-position: 0 -250px;} /* .bt-go-top .share{background-position: 0 -50px;} .bt-go-top .share:hover{background-position: 0 -200px;} */ .bt-jq-TX-1603 .uc-2vm-pop{ position: absolute;right: 60px;top: -100px; width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1); background: #fff; } .bt-jq-TX-1603 .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;} .bt-jq-TX-1603 .uc-2vm-pop .logo-2wm-box{position: relative;} /*********========特效-图片新闻效果=======*********/ .bt-jq-TX-010108{ /***编号:***/ width:100%; height:auto; position:relative; } .bt-jq-TX-010108 ul{ margin:0; padding:0 } .bt-jq-TX-010108-pic{ /*控制图片大小*/ width:460px; height:285px; border:#CCC solid 1px; position:relative; overflow:hidden } .bt-jq-TX-010108-pic ul{ margin:0; padding:0 } .bt-jq-TX-010108-pic li{ /*控制图片大小*/ width:460px; height:285px; float:left; overflow:hidden } .bt-jq-TX-010108-pic li a{ width:100%; display:block } .bt-jq-TX-010108-pic li a img{ width:100%; } .bt-jq-TX-010108-pic li span{ width:100%; height:40px; line-height:40px; background:url("/wwwycjgcnet/images/244/alpha_bj.png"); padding-left:20px; color:#FFF; display:block; position:absolute; left:0; bottom:0; } /*修改注意:在bt-jq-TX-010108.js 中最后一行修改图片尺寸*/ .rslides-nav{ height:51px; width:31px; position:absolute; top:40%; left:0; -webkit-tap-highlight-color:rgba(0,0,0,0); opacity:0.5; text-indent:-9999px; overflow:hidden; background:url("/wwwycjgcnet/images/244/bt-jq-TX-010108.png") no-repeat 0 0px; margin-top:-28px } .rslides-nav:active{ opacity:1.0 } .rslides-nav.next{ left:auto; right:0; background-position:-31px 0px; } .rslides-tabs { clear:both; position:absolute; right:15px; bottom:10px; } .rslides-tabs li { display:inline; float:none; _float:left; *float:left; margin-right:5px } .rslides-tabs a { text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:rgba(0,0,0, .2); background:#DDD; display:inline-block; _display:block; *display:block; width:9px; height:9px } .rslides-tabs .rslides-here a { background:rgba(0,0,0, .6); background:#390 } /*********========特效-图片横向滚动=======*********/ #bt-rolling { /***编号:***/ overflow:hidden; width: 960px; } .bt-rolling { float:left; padding:0 5px; width:192px; height:155px; } .bt-rolling-img{ width:192px; height:125px; margin:0 5px; } .bt-rolling-img a{ width:192px; height:95px; display:block } .bt-rolling-img img{ max-width:none; width:192px; height:95px; } .bt-rolling-img .sp-time{ display:block; height:30px; line-height:30px; padding-left:10px } #indemo { float: left; width: 800%; } #rolling1 {float: left;} #rolling2 {float: left; } .bt-jq-TX010304 {/***编号: 图片左右切换滚动***/ width:800px; height:auto; position:relative; margin-left:30px; } .bt-jq-TX010304 ul { margin:0; padding:0; } .bt-jq-TX010304 li { float:left; width:190px; height:120px; margin:0 5px; position:relative; overflow:hidden; color:#FFF } .bt-jq-TX010304 li:hover { color:#0060a6; } .bt-jq-TX010304 li a { display:block; height:120px; } .bt-jq-TX010304 li a img { margin:0; padding:0; } .bt-jq-TX010304 li .bt-font { position:absolute; left:0; bottom:0px; background:url(../images/"/wwwycjgcnet/images/244/alpha_bj.png"); width:100%; height:35px; line-height:35px; padding-left:20px; text-align:left; font-size:14px; } .bt-jq-TX010304-prev,.bt-jq-TX010304-next { width:16px; height:25px; position:absolute; top:50px; z-index:99; cursor:pointer; } .bt-jq-TX010304-prev { background:url("/wwwycjgcnet/images/244/bt_img_act_left.png") no-repeat; left:10px; } .bt-jq-TX010304-next { background:url("/wwwycjgcnet/images/244/bt_img_act_right.png") no-repeat; position:absolute; right:10px } /*********========特效-栏目选项卡切换=======*********/ .bt-tab-01,.bt-tab-02 { /**编号:**/ font-size:15px; margin-top:5px; } .bt-tab-01 { width:100%; height:30px; float:left; border-bottom:#CCC solid 1px; } .bt-tab-01 ul { margin:0; padding:0; } .bt-tab-01 li { line-height:29px; float:left; padding:0 15px; cursor:pointer; } .bt-tab-01 li.hover { color:#0077cf; border-bottom:#F00 solid 2px; } .bt-tab-02 { width:100%; height:30px; float:left; border-bottom:#CCC solid 1px; } .bt-tab-02 ul { margin:0; padding:0; } .bt-tab-02 li { line-height:29px; *+line-height:30px; float:left; padding:0 15px; cursor:pointer; margin-left:10px; } .bt-tab-02 .hover { color:#0077cf; border:#CCC solid 1px; border-bottom:none ; *+line-height:30px; background:#FFF } .bt-tab-con { width:100%; height:auto; position:relative; float:left; } .bt-tab-con .box-mone { line-height:30px; text-align:right; position:absolute; top:-33px; right:15px; } .bt-tab-con .box-mone a { line-height:30px; font-size:13px; color:#999 } .bt-tab-con .box-mone a:hover {color:#F00} #bt-tab-con{ display:block} /*********************************************************************************************************************************************************** ============================================================第四部分:中级组件-栏目页--文章页 完整样式==================================================================== **********************************************************************************************************************************************************/ /***栏目页的传统和扁平模式是由class的后缀名带s和y 来控制的, 通过主内容区的bt-column 在后面加上:"-s 宋体" ;"-y雅黑" **/ .bt-column-y, .bt-column-s { width:1000px; min-height:520px; margin:0 auto; overflow:hidden; position:relative } .bt-column-y{font-family:"微软雅黑"} .bt-column-s{ font-family:"宋体"} /*共用*/ .bt-column-y .bt-column-menu, .bt-column-s .bt-column-menu{ /*绝对定位值是解决自适应高度问题=同 时父div要加相定位*/ position:absolute; left:0; top:0px; bottom:0px; background:#f6f6f6; } /*私用*/ .bt-column-y .bt-column-menu{ width:235px; background:#f6f6f6; } .bt-column-s .bt-column-menu{ width:220px; background:#edf6f7; } /*共用*/ .bt-column-y .bt-column-cen, .bt-column-s .bt-column-cen{ overflow:hidden; float:right; text-align:left; min-height:520px; padding:0 15px 15px 15px; } /*私用*/ .bt-column-y .bt-column-cen{ width:745px; *+width:715px; border:#f1f1f1 solid 1px; background:#f9f9f9 } .bt-column-s .bt-column-cen{ width:770px; *+width:740px; padding-top:5px; border:#e6e6e6 solid 1px; background:#FFF } /*左侧栏目样式开始*/ .bt-column-y .bt-left-title { height:40px; line-height:40px; background:#1d79cc; text-align:center } .bt-column-y .bt-left-title span { font-size:16px; font-weight:600; color:#fff; line-height:40px; display:block; } .bt-column-s .bt-left-title { height:30px; line-height:30px; background:url("/wwwycjgcnet/images/244/bt_column_03_bj.png") no-repeat; text-align:center } .bt-column-s .bt-left-title span { font-size:14px; font-weight:bold; color:#fff; line-height:30px; } /*栏目列表-宋体*/ .bt-column-s .bt-left-con { padding:10px 15px; height:100%; *+min-height:470px; border:#cfe2f0 solid 1px; border-top:0; overflow:hidden } .bt-column-s .bt-left-con ul { margin:0; padding:0; } .bt-column-s .bt-left-con li { float:left; width:100%; height:35px; background:url("/wwwycjgcnet/images/244/bt_column_04_bj.png") repeat-x left bottom } .bt-column-s .bt-left-con li a { width:100%; height:35px; line-height:35px; display:block; vertical-align:middle; background:url("/wwwycjgcnet/images/244/bt_column_05_bj.png") no-repeat 10px 10px; } .bt-column-s .bt-left-con li a:hover { color:#0e8ad7; font-weight:bold; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_column_06_bj.png"") no-repeat 10px 10px; } .bt-column-s .bt-left-con li a.active { color:#0e8ad7; font-weight:bold; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_column_06_bj.png"") no-repeat 10px 10px; } .bt-column-s .bt-left-con li img { margin:-2px 10px 0 10px; border:0 } .bt-column-s .bt-left-con li span { line-height:35px; *+line-height:30px; font-size:14px; padding-left:30px } /*栏目列表-雅黑*/ .bt-column-y .bt-left-con { padding:5px 15px; height:auto; overflow:hidden } .bt-column-y .bt-left-con ul { margin:0; padding:0; } .bt-column-y .bt-left-con li { float:left; width:100%; height:45px; } .bt-column-y .bt-left-con li a { width:100%; height:45px; line-height:45px; display:block; vertical-align:middle; background:url("/wwwycjgcnet/images/244/bt_column_07_bj.png") no-repeat 0px 18px; } .bt-column-y .bt-left-con li a:hover { color:#0e8ad7; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_column_08_bj.png"") no-repeat 0px 18px; } .bt-column-y .bt-left-con li a.active { color:#0e8ad7; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_column_08_bj.png"") no-repeat 0px 18px; } .bt-column-y .bt-left-con li img { margin:-2px 10px 0 10px; border:0 } .bt-column-y .bt-left-con li span { line-height:45px; font-size:15px; padding-left:20px } /*栏目列表-雅黑*/ .bt-column-y .bt-rig-title { width:100%; height:40px; *+height:38px; border-bottom:#CCC solid 2px; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_title_blue.jpg"") no-repeat 0 12px } .bt-column-y .bt-rig-title img { margin:15px 10px 0 0; float:left } .bt-column-y .bt-rig-title span { line-height:38px; border-bottom:#1e79cc solid 2px; display:block; float:left; font-size:16px; font-weight:600; padding:0 10px 0 25px; /*如果前缀使用图片请删除内边距*/ } /*栏目列表-宋体*/ .bt-column-s .bt-rig-title { width:100%; height:30px; *+height:28px; border-bottom:#CCC solid 1px; background:url("/wwwycjgcnet/images/244/"/wwwycjgcnet/images/244/bt_title_blue.jpg"") no-repeat 0 5px } .bt-column-s .bt-rig-title img { margin:5px 10px 0 0; float:left } .bt-column-s .bt-rig-title span { line-height:28px; border-bottom:#1e79cc solid 2px; display:block; float:left; color:#1e79cc; font-weight:bold; font-size:14px; padding:0 10px 0 25px; /*如果前缀使用图片请删除内边距*/ } /***不同风格的不同展现类容**/ .bt-column-y .bt-rig-cen-01, .bt-column-y .bt-rig-cen-02, .bt-column-s .bt-rig-cen-01, .bt-column-s .bt-rig-cen-02{ width:100%; height:auto; overflow:hidden; padding-top:5px; } .bt-column-y .bt-rig-cen-01 ul, .bt-column-y .bt-rig-cen-02 ul, .bt-column-s .bt-rig-cen-01 ul, .bt-column-s .bt-rig-cen-02 ul{ margin:0; padding:0; } /*li通用*/ .bt-column-y .bt-rig-cen-01 li, .bt-column-y .bt-rig-cen-02 li, .bt-column-s .bt-rig-cen-01 li, .bt-column-s .bt-rig-cen-02 li{ width:100%; float:left; border-bottom:#e8e8e8 dashed 1px; } /*li独立*/ .bt-column-y .bt-rig-cen-01 li{ min-height:45px;} .bt-column-y .bt-rig-cen-02 li{min-height:36px; border:none} .bt-column-s .bt-rig-cen-01 li{min-height:30px;} .bt-column-s .bt-rig-cen-02 li{min-height:26px;border:none} /*li a通用*/ .bt-column-y .bt-rig-cen-01 li a, .bt-column-y .bt-rig-cen-02 li a, .bt-column-s .bt-rig-cen-01 li a, .bt-column-s .bt-rig-cen-02 li a{ float:left; font-size:14px; } /*li a独立*/ .bt-column-y .bt-rig-cen-01 li a{ line-height:45px; font-size:16px;width:560px; } .bt-column-y .bt-rig-cen-02 li a{ line-height:36px; font-size:16px;} .bt-column-s .bt-rig-cen-01 li a{ line-height:30px; width:560px;} .bt-column-s .bt-rig-cen-02 li a{ line-height:26px; } /*li sp通用*/ .bt-column-y .bt-rig-cen-01 li .sp-time, .bt-column-y .bt-rig-cen-02 li .sp-time, .bt-column-s .bt-rig-cen-01 li .sp-time, .bt-column-s .bt-rig-cen-02 li .sp-time{ float:right; color:#666; font-size:14px; } /*li sp独立*/ .bt-column-y .bt-rig-cen-01 li .sp-time{ line-height:45px; } .bt-column-y .bt-rig-cen-02 li .sp-time{ line-height:36px; } .bt-column-s .bt-rig-cen-01 li .sp-time{ line-height:30px;} .bt-column-s .bt-rig-cen-02 li .sp-time{ line-height:26px;} /*li img通用*/ .bt-column-y .bt-rig-cen-01 li img, .bt-column-y .bt-rig-cen-02 li img, .bt-column-s .bt-rig-cen-01 li img, .bt-column-s .bt-rig-cen-02 li img{float:left;} /*li img独立*/ .bt-column-y .bt-rig-cen-01 li img{margin:21px 10px 0 1px} .bt-column-y .bt-rig-cen-02 li img{margin:16px 10px 0 1px} .bt-column-s .bt-rig-cen-01 li img{margin:13px 10px 0 1px} .bt-column-s .bt-rig-cen-02 li img{margin:11px 10px 0 1px} /*********========中级组件-文章页专用样式=======*********/ .bt-article-s{width:1000px;min-height:450px;margin:0 auto } .bt-article-y{width:810px!important; min-height:450px; margin:0 auto } .bt-article-s {font-family:"宋体"} .bt-article-y {font-family:"微软雅黑"} .bt-article-s #zoom{ font-size:16px; line-height:28px; } .bt-article-y #zoom{ font-size:17px; line-height:36px; } /*.bt-article-02 span{ display:block}*/ /**通用p标签上下边距**/ .bt-article-s #zoom p, .bt-article-y #zoom p{ padding:10px 0} /*标题-共用*/ .bt-article-01 .sp_title, .bt-article-01 .sp_title, .bt-article-02 .sp_title, .bt-article-02 .sp_title{ text-align:center; line-height:40px; } /*标题-独立*/ .bt-article-y .sp_title{ font-size:30px; line-height:60px; } .bt-article-s .sp_title{ font-size:22px; font-weight:bold; border-bottom:#ededed solid 1px; } /*日期-共用*/ .bt-article-y .sp_time, .bt-article-s .sp_time{ text-align:center; } /*日期-独立*/ .bt-article-y .sp_time{ font-size:15px;color:#666666;border-bottom:1px solid #d9d9d9;padding:15px 0 22px;} .bt-article-s .sp_time{ font-size:14px;} /*日期-共用*/ .bt-article-s .sp_time font, .bt-article-y .sp_time font{ padding:0 20px; } /*文章-共用*/ /*编辑-共用*/ .bt-article-s .sp_bianji, .bt-article-y .sp_bianji{ line-height:40px; text-align:right } /*编辑-独立*/ .bt-article-s .sp_bianji{ font-size:14px} .bt-article-y .sp_bianji{ font-size:15px} /*分享-共用*/ .bt-article-y .fenxiang, .bt-article-s .fenxiang{ min-height:40px; background:#f2f2f2; padding:0 30px; overflow:hidden } .bt-article-y .fenxiang .fx-cen{ font-size:15px; line-height:35px;} .bt-article-s .fenxiang .fx-cen{ font-size:14px; line-height:35px;} /*下载-共用*/ .bt-article-y .down, .bt-article-s .down{ height:40px; line-height:40px; text-align:left; } .bt-article-y .down strong, .bt-article-s .down strong{ color:#F00; padding-right:5px; } /*下载-独立*/ .bt-article-y .down{font-size:15px; border-bottom:#CCC dashed 1px; } .bt-article-s .down{font-size:14px; border-bottom:#CCC dashed 1px; } /*翻页-共用*/ .bt-article-y .next, .bt-article-s .next{ line-height:30px; margin-top:20px; text-align:left; padding-left:30px; } .bt-article-y .next a { line-height:32px; font-size:15px;color:#355e92;display:block;} .bt-article-s .next a {line-height:30px; font-size:14px;} /*右侧开始*/ .bt-article-s .bt-rig-box, .bt-article-y .bt-rig-box{ height:auto; overflow:hidden; float:right; text-align:left } .bt-article-s .bt-rig-box{width:220px;} .bt-article-y .bt-rig-box{width:235px;} .bt-article-s .bt-cen{border:#CCC solid 1px; border-top:#1d79cc solid 2px; } .bt-article-y .bt-cen{padding:0 15px; border:#CCC solid 1px; border-top:#1d79cc solid 2px; } .bt-article-s .bt-cen .rig-title{height:35px; background:url("/wwwycjgcnet/images/244/bt_lm_bg_02.png") left bottom repeat-x} .bt-article-y .bt-cen .rig-title{height:45px;*+height:35px; padding-top:10px; border-bottom:#CCC solid 1px; background:url("/wwwycjgcnet/images/244/bt-lm-bg-01.png") no-repeat 1px 20px} .bt-article-s .bt-cen .rig-title span{line-height:35px; padding-left:15px; color:#1d79cc; font-size:14px; font-weight:600} .bt-article-y .bt-cen .rig-title span{line-height:35px; padding-left:15px; color:#1d79cc; font-size:17px;} .bt-article-s .bt-mod-wzpb-03{ padding:10px 15px 5px 15px; font-family:"宋体"} .bt-article-s .bt-mod-wzpb-03 li{ min-height:28px;} .bt-article-s .bt-mod-wzpb-03 li a{ line-height:28px;} .bt-article-y .bt-mod-wzpb-03{ padding:10px 0;} .bt-article-s .note{ height:10px; clear:both} .bt-article-y .note{ height:20px; clear:both} /*********************************************************************************************************************************************************** ============================================================第五部分:基础属性样式========================================================================== **********************************************************************************************************************************************************/ /***常用基本样式==单独调用-***/ .bt-weight{ font-weight:bold;} /*********通用==浮动、盒模型*********/ .bt-left {float:left} .bt-right {float:right} .bt-clear{clear:both} .bt-none{display:none} .bt-block{display:block} .bt-hidden{overflow:hidden} .bt-margin-left-10{margin-left:10px} .bt-margin-left-15{margin-left:15px} .bt-margin-left-20{margin-left:20px} .bt-margin-left-25{margin-left:25px} .bt-margin-left-30{margin-left:30px} .bt-margin-top-10{margin-top:10px} .bt-margin-top-15{margin-top:15px} .bt-margin-top-20{margin-top:20px} .bt-margin-top-25{margin-top:25px} .bt-margin-top-30{margin-top:30px} .bt-margin-right-10{margin-right:10px} .bt-margin-right-15{margin-right:15px} .bt-margin-right-20{margin-right:20px} .bt-margin-right-25{margin-right:25px} .bt-margin-right-30{margin-right:30px} .bt-margin-bottom-10{margin-bottom:10px} .bt-margin-bottom-15{margin-bottom:15px} .bt-margin-bottom-20{margin-bottom:20px} .bt-margin-bottom-25{margin-bottom:25px} .bt-margin-bottom-30{margin-bottom:30px} .bt-margin-10{margin:10px} .bt-margin-15{margin:15px} .bt-margin-20{margin:20px} .bt-margin-25{margin:25px} .bt-margin-30{margin:30px} .bt-padding-left-10{padding-left:10px} .bt-padding-left-15{padding-left:15px} .bt-padding-left-20{padding-left:20px} .bt-padding-left-25{padding-left:25px} .bt-padding-left-30{padding-left:30px} .bt-padding-top-10{padding-top:10px} .bt-padding-top-15{padding-top:15px} .bt-padding-top-20{padding-top:20px} .bt-padding-top-25{padding-top:25px} .bt-padding-top-30{padding-top:30px} .bt-padding-right-10{padding-right:10px} .bt-padding-right-15{padding-right:15px} .bt-padding-right-20{padding-right:20px} .bt-padding-right-25{padding-right:25px} .bt-padding-right-30{padding-right:30px} .bt-padding-bottom-10{padding-bottom:10px} .bt-padding-bottom-15{padding-bottom:15px} .bt-padding-bottom-20{padding-bottom:20px} .bt-padding-bottom-25{padding-bottom:25px} .bt-padding-bottom-30{padding-bottom:30px} .bt-padding-10{padding:10px} .bt-padding-15{padding:15px} .bt-padding-20{padding:20px} .bt-padding-25{padding:25px} .bt-padding-30{padding:30px} /*********通用==高度*********/ .bt-height-30{height:30px;} .bt-height-30{height:35px;} .bt-height-35{height:35px;} .bt-height-40{height:40px;} .bt-height-45{height:45px;} .bt-height-50{height:50px;} /********通用==虚线 实线 外框*********/ .bt-solid {border:#ccc solid 1px;} .bt-solid-bottom {border-bottom:#e5e5e5 solid 1px;} .bt-dashed{border:#CCC dashed 1px;} .bt-dashed-bottom {border-bottom:#e5e5e5 dashed 1px;} /********通用==行高 *********/ .bt-line-height-22{line-height:22px;} .bt-line-height-24{line-height:24px;} .bt-line-height-26{line-height:26px;} .bt-line-height-28{line-height:28px;} .bt-line-height-30{line-height:30px;} .bt-line-height-35 {line-height:35px;} .bt-line-height-40 {line-height:40px;} .bt-line-height-45 {line-height:45px;} .bt-line-height-50 {line-height:50px;} /********通用==字号*********/ .bt-size-12{font-size:12px;} .bt-size-13{font-size:13px;} .bt-size-14{font-size:14px;} .bt-size-15{font-size:15px;} .bt-size-16{font-size:16px;} .bt-size-17{font-size:17px;} .bt-font-y{ font-family:"微软雅黑" } .bt-font-s{ font-family:"宋体" } .bt-size-blod{ font-weight:bold} .bt-size-normal{ font-weight:100} /*********************************************************************************************************************************************************** ============================================================第六部分:默认表单美化样式========================================================================== **********************************************************************************************************************************************************/ /**********单选框和复选框=美化===(radio/checkbox)js图片替换原理********/ label.checkbox , .hRadio{ cursor:pointer; line-height:20px; height:20px; display:inline-block; vertical-align:middle; } label.checkbox { padding-left: 24px; background:url("/wwwycjgcnet/images/images/bt_from_check.png") no-repeat left -22px; /*图片美化路径,请替换*/ } label.checked {background-position:left 100%; } label.disabled{background-position:left 0px;} .hRadio { padding-left: 22px; background: transparent url("/wwwycjgcnet/images/images/bt_from_radio.png") no-repeat left top; /*图片美化路径,请替换*/ } .hRadio_Checked { background-position: left bottom;} /**********下拉滚动条=美化===(scrollbar)js图片替换原理********/ .scrollbar{ width:460px; height:400px; position:relative; overflow:hidden; } .content{ width:460px; height:auto; position:absolute; top:0px; left:0px; color:gray; } .scroll{ width:3px; height:100%; position:absolute; top:0px; right:0px; background:url("/wwwycjgcnet/images/images/bt_scroll_gdtbg.jpg") repeat-y center top; /*图片美化路径,请替换*/ } .bar{ width:100%; height:30px; position:relative; background:url("/wwwycjgcnet/images/images/bt_scroll_cs_02.jpg") no-repeat; /*图片美化路径,请替换*/ display:none; } /*********************************************************************************************************************************************************** =====================================================附表 CSS3 或 CSS 特效 考虑到兼容性,不做推荐=========================================================== **********************************************************************************************************************************************************/ /*****CSS3==圆角显示*****/ .bt-radius{ border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /*****CSS3==阴影显示*****/ .bt-shadow{ -webkit-box-shadow: 3px 3px 3px; -moz-box-shadow: 3px 3px 3px; box-shadow: 3px 3px 3px; } /*****CSS3==透明度显示*****/ .bt-alpha{ filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ -khtml-opacity: 0.5; opacity:0.5;/*其他,透明度50%*/ } /*****CSS3==IMG 划过放大*****/ .bt-hover-img:hover{ transform:scale(1.1); /*放大原尺寸的1.1倍*/ transition:all 0.5s; } /*****CSS==IMG 垂直水平居中*****/ .bt-box-img{ /*容器一定要固定宽度和高度*/ display:table-cell; vertical-align:middle; } .bt-box-img img{ width:auto; height:100% } /*****CSS==控制字数/加省略号*****/ .bt-nowrap{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*****CSS==强制换行*****/ .bt-wrap{word-wrap:break-word;} /************其他css 使用备注(有需要的请拷贝使用) 1. 针对所有ie的写法: 2. 自适应css写法: @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* css 注释说明:设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ /* @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ /* @media screen and (max-width: 900px) { .abc {width: 200px;} } /* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */ /* 未完暂定 */ /*********************************************************************************************************************************************************** ================================================================V1.6 版本样式过渡=========================================================================== **********************************************************************************************************************************************************/ /*底层栏目页标题列表及文章正文样式 大字体*/ .bt_content { font-size:14px; text-decoration:none; color:#3D3D3D; line-height:26px; } /*超链接样式=新版未涉及*/ .bt_link { text-decoration:none; color:#3d3d3d; } .bt_linkb { text-decoration:none; color:#3d3d3d; } .title {font-size:22px;color:#3D3D3D;font-weight:bold;line-height:150%;} /*1.6*/ /*1.6 "更多"显示样式*/ .bt_more { color:#3D3D3D; line-height: 30px; display: block; float: right; } a.bt_more { text-decoration:none; color:#3d3d3d; } a.bt_more:visited { text-decoration:none; color:#3d3d3d; } a.bt_more:hover { text-decoration:none; color:#ff0000; } /*1.6 时间显示样式*/ .bt_time { color:#999999; } .bt_date { color:#999999; } /*1.6 不同值*/ .padding10{ padding:10px 0px 10px 10px } .padding15{ padding:15px 0px 15px 15px }