/* ========================================================================== Component: Base ============================================================================ */ /* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ /* Set and to inherit the height of the viewport */ html, body { min-height: 100%; } /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Remove default margin. */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, 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; box-sizing:border-box; -wekit-box-sizing:border-box; -moz-box-sizing:border-box; list-style:none; } /* 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. */ audio:not([controls]) { display: none; height: 0; } /** * Remove excess height in iOS 5 devices. * 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 ========================================================================== */ /* Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /* Remove text-decoration */ 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; max-width: 100%; height: auto; vertical-align: middle; 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 { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } body { position: relative; background: #f7f7f7; font-family: 'STHeiti Light [STXihei]', 'Microsoft Yahei', SimSun, STHeiti, Helvetica, Arial, sans-serif; font-weight: normal; color: #333333; font-size: 1.4em; overflow:-Scroll; overflow-x:hidden } 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 { } a:hover, a:focus { text-decoration: none; } a:focus { 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; } * + 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; font-weight: 600; font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 2em; } /* List ========================================================================== */ /* Ordered and unordered lists */ ul, ol { padding-left: 2em; } /* Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 1em 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; 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); } /***常用基本样式==单独调用--start ======================================================================================================================= ***/ /*a标签需要定义初始颜色*/ a {transition: all 0.2s ease-out 0s; color:#333} a:hover{transition: all 0.2s ease-out 0s; color:#e60012} a:focus{outline:none;}/*ff下去掉虚线*/ strong{ font-size:14px;} /********div 容器样式**********/ /*外框*/ .lef{float:left} .rig{float:right} .clear{ clear:both} .none{ display:none} .block{ display:block} /*外边距设置*/ .margin_left10{ margin-left:10px;} .margin_left13{ margin-left:13px;} .margin_left15{ margin-left:15px;} .margin_left20{ margin-left:20px;} .margin_left25{ margin-left:25px;} .margin_left30{ margin-left:30px;} .margin_top10{ margin-top:10px;} .margin_top15{ margin-top:15px;} .margin_top20{ margin-top:20px;} .margin_top25{ margin-top:25px;} .margin_top30{ margin-top:30px;} .margin_right10{ margin-right:10px;} .margin_right15{ margin-right:15px;} .margin_right20{ margin-right:20px;} .margin_right25{ margin-right:25px;} .margin_right30{ margin-right:30px;} .margin_bottom10{ margin-bottom:10px;} .margin_bottom15{ margin-bottom:15px;} .margin_bottom20{ margin-bottom:20px;} .margin_bottom25{ margin-bottom:25px;} .margin_bottom30{ margin-bottom:30px;} .margin10{ margin:10px;} .margin15{ margin:15px;} .margin20{ margin:20px;} .margin25{ margin:25px;} .margin30{ margin:30px;} /*内边距设置*/ .padding_left10{ padding-left:10px;} .padding_left15{ padding-left:15px;} .padding_left20{ padding-left:20px;} .padding_left25{ padding-left:25px;} .padding_left30{ padding-left:30px;} .padding_top10{ padding-top:10px;} .padding_top15{ padding-top:15px;} .padding_top20{ padding-top:20px;} .padding_top25{ padding-top:25px;} .padding_top30{ padding-top:30px;} .padding_right10{ padding-right:10px;} .padding_right15{ padding-right:15px;} .padding_right20{ padding-right:20px;} .padding_right25{ padding-right:25px;} .padding_right30{ padding-right:30px;} .padding_bottom10{ padding-bottom:10px;} .padding_bottom15{ padding-bottom:15px;} .padding_bottom20{ padding-bottom:20px;} .padding_bottom25{ padding-bottom:25px;} .padding_bottom30{ padding-bottom:30px;} .padding10{ padding:10px;} .padding15{ padding:15px;} .padding20{ padding:20px;} .padding25{ padding:25px;} .padding30{ padding:30px;} /*边框样式===实线==虚线*/ .solid{border:#ccc solid 1px;} .solid_b{border-bottom:#e5e5e5 solid 1px;} .solid_l{border-left:#868686 solid 1px;} .dashed{border:#CCC dashed 1px;} .dashed_b{border-bottom:#e5e5e5 dashed 1px;} /********常用字体===图片样式**********/ .line_height26{ line-height:26px;} .line_heiht30{ line-height:30px;} .line_height35{ line-height:35px;} .line_height40{ line-height:40px;} .font_100{ font-weight:100;} .font_bold{font-weight:bold} .font_sun{ font-family:"Sim sun"} .font_yahei{ font-family:"Ya Hei"} .font_13{ font-size:13px;} .font_14{ font-size:14px;} .font_15{ font-size:15px;} .font_16{ font-size:16px;} /*********表单样式*****************/ input, textarea, select, button { text-rendering: optimizeLegibility; /*加入文本渲染优化，不变准的样式，不推荐*/ -webkit-font-smoothing: antialiased; /**字体清晰**/ -moz-osx-font-smoothing: grayscale; /**字体清晰**/ -moz-font-feature-settings: "liga", "kern"; } /***标准框架/常用样式*** ============================================================================================================================ */ /**主框架**/ .bt_head{max-width:1170px; min-height:125px ;margin:0 auto; background:#FFF} .bt_head_cen{width:1170px; height:auto; margin:0 auto;} .bt_top{width:100%; height:30px; margin:0 auto;} .bt_center{width:1170px; height:auto; margin:0 auto;} .search{ height:125px; width:220px; } .linkr{ height:125px; width:230px; } .fl{float:left;} .fr{float:right;} .bt_footer{max-width:1440px; min-height:130px; margin:0 auto; background:#c1c5c4 } .bt_footer_cen{width:1170px; height:auto; margin:0 auto; text-align:center} .note{width:100%; height:20px; clear:both;}/*华丽的分割行*/ /*常用框架*/ .bt_cen240{width:240px; height:auto; overflow:hidden;} .bt_cen320{width:320px; height:auto; overflow:hidden; padding:10px; *+width:300px;} .bt_cen490{width:490px; height:auto; overflow:hidden;} .bt_cen660{width:660px; height:auto; overflow:hidden;} .bt_cen980{width:980px; height:auto; overflow:hidden;} .bt_cen{width:100%; height:auto; overflow:hidden; padding:10px} /**头尾通用样式**/ /**顶部导航**/ .bt_top_img{width:980px; height:21px; background:url(bt_top_pic_01.jpg) no-repeat top right;} /**logo**/ .bt_logo{min-width:335px; height:125px; float:left;background: url(logo.jpg) no-repeat center;} /**站内检索**/ .bt_search{width:272px; height:30px;text-align:right;} .bt_search .text{width:220px; *+width:218px; height:30px; *+height:28px; background:#FFF; border:#b6b6b6 solid 1px; border-right:0; padding-left:2px; line-height:30px; float:right} .bt_search .bnt{width:50px; height:30px; float:right; background:#900; border:0; color:#FFF } /**bananr 区**/ .banner{width:1000px; height:130px;} .bt_bananr{width:1170px; min-height:130px; line-height:130px; margin:0 auto; } .bt_bananr_cen{width:1170px; height:210px;} /**主导航**/ .bt_nav{max-width:1440px; min_height:231px; margin:0 auto; background:url(nav_bj.jpg) no-repeat center top;} /**底部导航**/ .bt_botttom_nav{width:1000px; height:35px;font-size:13px;} .bt_botttom_nav span{padding:0 10px; line-height:35px;} /**标题**/ .bt_botttom_nav a{padding:0 20px; line-height:35px; cursor:pointer} /**版权信息**/ .bt_footer_font{ width:1000px; min-height:110px;padding:20px 0; *+min-height:90px; font-size:13px; display:table;} /*模拟table*/ .bt_footer_font span{width:100%;line-height:30px; vertical-align:middle; display:table-cell; float:left; } /*模拟table样式，实现N行居中问题*/ .bt_footer_font img{padding-top:10px;} /**底部logo**/ /******栏目页专用样式*****/ .bt_lm_center{width:1000px; height:auto; margin:0 auto; overflow:hidden; position:relative} .bt_lm_menu{width:220px; height:auto; border:#CCC solid 1px; position:absolute; left:0;top:0px; bottom:0px;} /*绝对定位值是解决自适应高度问题=同时父div要加相定位*/ /*左边div*/ .bt_lm_menu .title{height:35px; line-height:35px; width:100%; border-bottom:#CCC solid 1px; text-align:center ; } .bt_lm_menu .title span{ line-height:35px; text-align:left; padding:0 10px 0 20px; float:left} /*子栏目列表*/ .bt_lm_menu .list{width:220px; *+width:200px; padding:10px; height:auto; float:left;} .bt_lm_menu .list ul{ margin:0; padding:0;} .bt_lm_menu .list li{width:200px; height:35px; text-align:left; border-bottom:#CCC solid 1px;} .bt_lm_menu .list li a{line-height:45px; padding-left:90px; font-size:15px;} .bt_lm_menu .list li a:hover{color:#ce1127} /*右边div*/ .bt_lm_box{width:765px; height:auto; overflow:hidden; text-align:left; float:right} .bt_lm_box .title{width:100%; height:38px; line-height:37px; border-bottom:#CCC solid 1px; text-align:left } .bt_lm_box .title span{ border-bottom:#F00 solid 2px; padding:0 10px; line-height:36px; display:block; float:left} .bt_lm_box .title .img{ float:left; margin:5px 15px 0 10px} .bt_lm_cen{width:100%; *+width:745px; min-height:400px; overflow:hidden; padding:10px;} /*******文章页专用样式********/ .bt_article{width:1000px; *+width:800px; min-height:450px; padding:40px 100px; margin:0 auto } /****JCMS 常用设参样式式 ================================================================================================================================== ***/ /**通用--标题前缀==圆角/三角/竖线块**/ i{float:left;} .bt_i_round24 {width:3px; height:3px; background:#333; overflow:hidden; margin:11px 10px 0 10px} .bt_i_round26 {width:3px; height:3px; background:#333; overflow:hidden; margin:13px 10px 0 10px} .bt_i_round30 {width:3px; height:3px; background:#333; overflow:hidden; margin:14px 10px 0 10px} .bt_i_triangle {width:0px; height:0px; border-top:3px solid #f7f7f7; border-bottom:3px solid #f7f7f7; border-left:4px solid #dd0317; margin:15px 10px 0 0px} .bt_i_triangle2 {width:0px; height:0px; border-top:3px solid #fff; border-bottom:3px solid #fff; border-left:4px solid #000; margin:11px 10px 0 0px} .bt_i_block{width:4px; height:18px; background:#e05d05; overflow:auto; margin:12px 0 0 10px;} /**通用-栏目标题样式**/ .bt_title{width:100%; height:30px; float:left; position:relative; border-bottom:#CCC solid 1px; }/*外框*/ .bt_title img{float:left; margin:5px 10px 0 10px;}/*修饰图标*/ .bt_title span{ line-height:29px; font-size:15px;} .bt_title .sp_bt{ padding:0 15px; border-bottom:#F00 solid 2px; float:left; } .bt_title .sp_bt_bj{ background:url(bt_title_01.jpg) no-repeat left center; padding-left:20px} /*标题背景图无限延伸形式==start*/ .bt_title .lef_bj{height:29px;*+height:30px; float:left; padding-left:15px; color:#FFF; background:url(bt_title_bj.png) no-repeat left top} .bt_title .rig_bj{float:left; width:15px;height:29px;*+height:30px; overflow:hidden; background:url(bt_title_bj.png) no-repeat top right} /*标题背景图无限延伸形式==end*/ .bt_title .bt_more{float:right; line-height:30px; padding-right:10px; } /*更多*/ .bt_title .bt_more a{line-height:30px; font-size:13px; font-weight:100; } /***多行一列**/ .bt_menu_list{width:100%; min-height:150px; overflow:hidden; } .bt_menu_list ul{margin:0;padding:0} .bt_menu_list li{float:left;height:30px;width:100%} .bt_menu_list li img{float:left}/*图片前缀*/ .bt_menu_list li a{color:#696969;text-align:center;font-size:14px;line-height:30px; float:left} .bt_menu_list li a: hover{} /**多行多列**/ .bt_sub_list{width:100%; min-height:150px; overflow:hidden } .bt_sub_list ul{margin:0;padding:0} .bt_sub_list li{height:30px; float:left} .bt_sub_list li img{float:left}/*图片前缀*/ .bt_sub_list li a{display:block;line-height:30px; float:left; padding:0 10px} .bt_sub_list li a:hover{} /**通用--标题信息****/ .bt_list24{width:100%; min-height:100px; overflow:hidden; padding-top:10px} .bt_list24 ul{ margin:0; padding:0;} .bt_list24 li{width:100%; height:24px; float:left} .bt_list24 li img{ float:left; margin:8px 10px 0 0} /*图片前缀*/ .bt_list24 li a{line-height:24px; float:left; font-size:14px; } /*新闻*/ .bt_list24 li .sp_bt {line-height:24px; padding-right:5px; float:left} /*括号分类*/ .bt_list24 li .sp_time{line-height:24px; color:#999; font-size:13px; float:right; padding-right:10px;} /*日期*/ .bt_list24 h3{ line-height:24px; padding:5px 0 0 0; margin:0; font-weight:100; font-size:13px;width:100%; display:block; text-align:right; float:left}/*折行更多*/ /**通用--图片+简介****/ .bt_intro{width:100%; height:auto; overflow:hidden; padding:10px 0 10px 0 ; position:relative} .bt_intro img{float:left; margin:3px 10px 0 10px } .bt_intro span{width:390px; position:relative; line-height:24px; float:left; text-indent:2em;} .bt_intro a{ position:absolute; bottom:10px; right:10px; height:24px; } .bt_list26{ width:100%; min-height:100px; overflow:hidden; float:left; padding-top:10px} .bt_list26 ul{ margin:0; padding:0;} .bt_list26 li{width:100%; float:left; height:26px;} .bt_list26 li img{ float:left; margin:9px 10px 0 0} /*图片前缀*/ .bt_list26 li a{line-height:26px; float:left; font-size:14px; } /*新闻*/ .bt_list26 li .sp_bt {line-height:26px; padding-right:5px; float:left} /*括号分类*/ .bt_list26 li .sp_time {line-height:22px; color:#999; font-size:13px; float:right; padding-right:10px;} /*日期*/ .bt_list26 h3{ line-height:22px; margin:0;font-weight:100; font-size:13px; width:100%; display:block; text-align:right; float:left}/*折行更多*/ .bt_list30{ width:100%; height:auto; position:relative; float:left; padding-top:10px} .bt_list30 ul{ margin:0; padding:0;} .bt_list30 li{width:100%; height:30px; float:left} .bt_list30 li img{ float:left; margin:12px 10px 0 0} .bt_list30 li a{line-height:30px; float:left;} .bt_list30 li .sp_bt {line-height:30px; padding-right:5px; float:left} .bt_list30 li .sp_time {line-height:30px; color:#999; font-size:13px; float:right; padding-right:10px;} /**特殊样式==日在上面，字号大，年份和月份下面，字号小**/ .bt_list55{width:100%;height:auto; overflow:hidden; padding:10px 0} .bt_list55 ul{ margin:0; padding:0;} .bt_list55 li{width:100%; height:57px; float:left; margin-top:10px;} .bt_list55 li .time{width:52px; height:45px; float:left; margin:0 10px 0 0; display:block; text-align:center; background:url(bt_news_title_bj.jpg) no-repeat;} .bt_list55 li .sp_day{width:52px; height:27px; line-height:27px; color:#0580b4; font-size:16px; display:block}/*日在上面，字号大**/ .bt_list55 li .sp_month{width:52px; color:#fff;height:18px; line-height:18px; font-size:11px; display:block}/*年份和月份下面，字号小**/ .bt_list55 li a{height:45px; line-height:23px; text-align:left; text-wrap:normal; } /*标题新闻-两行/折行显示====日期再右下角位置*/ .bt_list_zh{width:100%; height:auto; overflow:hidden; padding:10px 0} .bt_list_zh ul{ margin:0; padding:0} .bt_list_zh li{ width:100%; height:auto; position:relative; padding:5px 0; float:left} .bt_list_zh li a{ width:100%; line-height:22px; } .bt_list_zh li .sp_time{ position:absolute; bottom:5px; right:0px; line-height:24px; font-size:12px;} /**新闻排列--end**/ /***文章正文**/ .article{min-height:300px; text-align:left;} .article .title{width:100%; line-height:40px; font-size:22px; text-align:center; border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:5px;} .article .font{width:100%; min-height:30px; text-align:center} .article .font span{padding:0 20px; line-height:30px;} .article .wenz{width:100%; min-height:300px;} .article .wenz p{ padding:5px 0 15px 0; text-indent:2em; line-height:24px;} .article .wenz img{padding:10px 0; text-align:center} .article .fenxiang{text-align:left; height:35px; border-bottom:#CCC dashed 1px;margin-top:10px; } .article .next{text-align:left; line-height:30px; margin-top:10px;} /*********************************js常用特效样式***********************************/ /*选项卡切换--staet*/ .bt_tab{width:100%; height:30px; float:left; border-bottom:#CCC solid 1px; } .bt_tab ul{ margin:0; padding:0;} .bt_tab li{line-height:30px; float:left; padding:0 15px; cursor:pointer; } .bt_tab .hover{color:#0077cf; border-bottom:#F00 solid 2px; line-height:29px;} .bt_tab2{width:100%; height:30px; float:left; border-bottom:#CCC solid 1px; } .bt_tab2 ul{ margin:0; padding:0;} .bt_tab2 li{line-height:30px; float:left; padding:0 10px; cursor:pointer; margin-left:10px; } .bt_tab2 .hover{color:#0077cf; border:#CCC solid 1px; border-bottom:none ; height:30px; line-height:28px; *+line-height:28px; background:#FFF} .bt_tab_con{width:100%; height:auto; position:relative;} .bt_tab_con .box_mone{line-height:30px; text-align:right; float:right; position:absolute; top:-30px; right:2px;*+right:10px;} .bt_tab_con .box_mone a{ line-height:30px; font-size:13px;} /*选项卡切换--end*/ /**css3 常用特效样**/ /**圆角显示**/ .bt_radius{ 　-moz-border-radius: 5px; 　border-radius: 5px; } /**阴影显示**/ .bt_shadow{ -moz-box-shadow:5px; -webkit-box-shadow:5px; box-shadow:5px; } /**透明度显示**/ .bt_alpha{ filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ -moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ } /**css 控制字数/加省略号**/ .bt_nowrap{ overflow: hidden; /*一定要有*/ text-overflow: ellipsis; white-space: nowrap;}