/**********页面红蓝双版本样式切换********/ .jact_box_red,.jact_box_blue{background-color:#ebebeb; width:1000px; height:auto; position:relative; padding:15px 0; margin:0 auto;} /*全局a交互色*/ .jact_box_red a:hover{ color:#e10404} .jact_box_blue a:hover{ color:#3872cb} /*标题色*/ .jact_box_red .jact_left_change{ background:url(bt_bj_01.png) no-repeat 10px center #e10404;} .jact_box_blue .jact_left_change{background:url(bt_bj_01.png) no-repeat 10px center #3872cb;} .jact_box_red .jact_title_bg_01{ background:url(bt_bj_10.png) no-repeat 10px center #e10404;} .jact_box_blue .jact_title_bg_01{background:url(bt_bj_10.png) no-repeat 10px center #3872cb;} .jact_box_red .jact_bnt_01{width:205px; height:30px; line-height:30px; border:0; background:#ed2424; text-align:center; color:#FFF} .jact_box_red .jact_bnt_01:hover{background:#e10404; transition: all 0.2s ease-out 0s} .jact_box_blue .jact_bnt_01{width:205px; height:30px; line-height:30px; border:0; background:#4472ba; text-align:center; color:#FFF} .jact_box_blue .jact_bnt_01:hover{background:#104ca9; transition: all 0.2s ease-out 0s} .jact_box_red .jact_bnt_011{width:65px; height:24px; line-height:24px; border:0; background:#ed2424; text-align:center; color:#FFF} .jact_box_red .jact_bnt_011:hover{background:#e10404; transition: all 0.2s ease-out 0s} .jact_box_blue .jact_bnt_011{width:65px; height:24px; line-height:24px; border:0; background:#4472ba; text-align:center; color:#FFF} .jact_box_blue .jact_bnt_011:hover{background:#104ca9; transition: all 0.2s ease-out 0s} /*右侧小箭头*/ .jact_box_red .prefix{ position:absolute; top:0px; left:0px; width:15px; height:15px; background:url(bt_red_01.png) no-repeat} .jact_box_blue .prefix{ position:absolute; top:0px; left:0px; width:15px; height:15px; background:url(bt_bule_01.png) no-repeat} /*表格标题前缀*/ .jact_box_red .td_bg_01{background:url(bt_bj_07_red.png) no-repeat 10px center;} .jact_box_blue .td_bg_01{background:url(bt_bj_07_blue.png) no-repeat 10px center;} .jact_box_red .td_bg_02{background:url(bt_bj_08_red.png) no-repeat 10px center;} .jact_box_blue .td_bg_02{background:url(bt_bj_08_blue.png) no-repeat 10px center;} .jact_box_red .td_bg_03{background:url(bt_bj_09_red.png) no-repeat #ececec 10px center;} .jact_box_blue .td_bg_03{background:url(bt_bj_09_blue.png) no-repeat #ececec 10px center;} /*详细页--流程图换色*/ /***********按钮样式集合***********/ /**通用幽灵按钮**/ .jact_box_red .jact_bnt_02{width:70px; height:30px; line-height:30px; *+line-height:24px; color:#e10404; background:#fff; border:#e10404 solid 1px;} .jact_box_red .jact_bnt_02:hover{color:#fff; background:#e10404; border:#e10404 solid 1px; } .jact_box_blue .jact_bnt_02{width:70px; height:30px; line-height:30px; *+line-height:24px; color:#3e76cd; background:#fff; border:#3e76cd solid 1px;} .jact_box_blue .jact_bnt_02:hover{color:#fff; background:#3e76cd; border:#3e76cd solid 1px; } .jact_box_red .jact_bnt_04{width:70px; height:30px; line-height:30px; *+line-height:24px; color:#fff; background:#ed2424; border:0} .jact_box_red .jact_bnt_04:hover{color:#fff; background:#e10404; border:0;} .jact_box_blue .jact_bnt_04{width:70px; height:30px; line-height:30px; *+line-height:24px; color:#fff; background:#4472ba; border:0 } .jact_box_blue .jact_bnt_04:hover{color:#fff; background:#1765a3; } /**独有写信幽灵按钮**/ .jact_box_red .jact_bnt_03{ width:160px; height:45px; line-height:30px; background:url(bt_mail_red.png) no-repeat 20px center #fff; border:#e10404 solid 1px; color:#e10404; font-size:15px; } .jact_box_red .jact_bnt_03:hover{background:url(bt_mail_mr.png) no-repeat 20px center #e10404; color:#fff} .jact_box_blue .jact_bnt_03{ width:160px; height:45px; line-height:30px; background:url(bt_mail_blue.png) no-repeat 20px center #fff; border:#3e76cd solid 1px; color:#3e76cd; font-size:15px; } .jact_box_blue .jact_bnt_03:hover{background:url(bt_mail_mr.png) no-repeat 20px center #3e76cd; color:#fff} /**********页面通用样式********/ body{background:#eeeded; color:#333} .blue_01{ background:#0350c8} /*head 背景*/ .blue_02{background:#104ca9} /*导航 背景*/ .bt_font-weight{ font-weight:bold} /*head 部分红蓝双色切换*/ .jact_red{width:100%; height:auto; background:#d60404} .jact_blue{width:100%; height:auto; background:#0350c8} .jact_red .jact_head{width:1000px; min-height:130px; margin:0 auto; background:url(bt_head_red.jpg) no-repeat center top;} .jact_blue .jact_head{width:1000px; min-height:130px; margin:0 auto; background:url(bt_head_blue.jpg) no-repeat center top;} .jact_head .logo{margin:30px 0 0 10px} .jact_head .title{margin:35px 200px 0 0; width:230px; height:40px; line-height:40px; text-align:center} .jact_head .title span{ font-size:20px; color:#FFF; font-weight:500} .jact_red .jact_nav{width:100%; height:45px; background:#a50a03} .jact_blue .jact_nav{width:100%; height:45px; background:#104ca9} .jact_red .li_bg{background:url(bt_nav_red.png) no-repeat top right} .jact_blue .li_bg{background:url(bt_nav_blue.png) no-repeat top right} /*导航部分*/ .jact_red .jact_nav .jact_nav_cen{width:1000px; height:45px; margin:0 auto; } .jact_red .jact_nav .jact_nav_cen ul{margin:0; padding:0} .jact_red .jact_nav .jact_nav_cen li{width:142px; height:45px; float:left; background:url(bt_nav_red.png) no-repeat top right} .jact_red .jact_nav .jact_nav_cen li a{ display:block; line-height:45px; color:#FFF; font-size:15px; text-align:center} .jact_red .jact_nav .jact_nav_cen li a:hover{ color:#d9e3f3; background:#8d0803;} .jact_red .jact_nav .jact_nav_cen .li_bj{ background:none} .jact_blue .jact_nav .jact_nav_cen{width:1000px; height:45px; margin:0 auto; } .jact_blue .jact_nav .jact_nav_cen ul{margin:0; padding:0} .jact_blue .jact_nav .jact_nav_cen li{width:142px; height:45px; float:left; background:url(bt_nav_blue.png) no-repeat top right} .jact_blue .jact_nav .jact_nav_cen li a{ display:block; line-height:45px; color:#FFF; font-size:15px; text-align:center} .jact_blue .jact_nav .jact_nav_cen li a:hover{ color:#d9e3f3; background:#063c91;} .jact_blue .jact_nav .jact_nav_cen .li_bj{ background:none} /*页脚部分*/ .jact_footer_red{width:100%; height:auto; } .jact_footer_blue{width:100%; height:auto;} .jact_footer_red .jact_footetr_nav{width:100%; height:35px; margin:0 auto; text-align:center; background:#a50a03} .jact_footer_blue .jact_footetr_nav{width:100%; height:35px; margin:0 auto; text-align:center; background:#104ca9} .jact_footer_red .jact_footetr_nav a, .jact_footer_blue .jact_footetr_nav a{ display:inline-block; height:35px; line-height:35px; padding:0 10px; color:#FFF; font-size:13px; } .jact_footer_red .jact_footetr_nav a:hover{background:#8d0803; color:#d9e3f3} .jact_footer_blue .jact_footetr_nav a:hover{ background:#063c91; color:#d9e3f3} .jact_footer_red .jact_footetr_nav span, .jact_footer_blue .jact_footetr_nav span{ height:35px; overflow:hidden; color:#FFF } .jact_footetr_copyright{width:100%; min-height:60px; line-height:30px; padding:20px 0; text-align:center} .jact_footetr_copyright span{ line-height:30px; width:100%; display:block;} /*中间部分通用*/ .jact_left{width:235px; height:auto; background:#FFF;} .jact_main{width:750px; height:auto; background:#FFF; position:relative;} /*左侧通用部分*/ .jact_left_title{ width:100%; height:50px; line-height:50px;} .jact_left_title span{ line-height:50px; color:#FFF; font-weight:bold; font-size:15px; padding-left:38px;} .jact_left_box_01{*+width:205px; height:auto; padding:5px 15px 15px 15px;} .jact_left_box_01 ul{ margin:0; padding:0;} .jact_left_box_01 li{ width:100%; height:36px; border-bottom:#eeeded solid 1px; background:url(bt_01.png) no-repeat 10px center;} .jact_left_box_01 li a{ line-height:36px; padding-left:25px; font-size:15px;} .jact_left_box_02{width:205px; height:auto; border-top:#dfdfdf solid 2px; margin:0 0 20px 15px;} .jact_base_title{height:40px;*+height:35px; line-height:35px; background:url(bt_bj_02.png) no-repeat 0 14px; padding-top:5px;} .jact_base_title span{ line-height:35px; padding-left:25px; font-weight:bold; font-size:15px;} .jact_base_from{width:100%; height:auto; } .jact_base_from .name{height:26px; line-height:26px; display:block} .jact_base_from .text{height:30px; display:block} .jact_base_from .bnt{width:100%; height:30px; display:block} .jact_left_box_03{width:205px; height:auto; border-top:#dfdfdf solid 2px; margin:0 0 15px 15px;} .jact_left_box_04{width:205px; height:auto; margin:0 0 20px 15px;} .show_01,.show_02{width:20px; height:20px; float:right; background:url(bt_bj_03_link.png) no-repeat left top; margin:10px 0 0 0; cursor:pointer} .show_01_active,.show_01_active{background:url(bt_bj_03_open.png) no-repeat; } .open_01,.open_02{display:none } /*文本框样式通用*/ .jact_text_01{width:205px; border:#cecece solid 1px; background:#f3f3f3; padding:6px 0;} .jact_text_02{width:128px;border:#cecece solid 1px; background:#f0efef; padding:6px 0;} .jact_text_021{width:100px;border:#cecece solid 1px; background:#f0efef; padding:6px 0;} .jact_text_03{width:65px; border:#cecece solid 1px; background:#f0efef; padding:6px 0;} /**首页--右侧单独部分**/ .jact_box{width:100%;*+width:720px; height:auto; padding:15px 15px 0 15px;} .jact_box_title{height:35px; border-bottom:#dfdfdf solid 2px;} .jact_box_title span{line-height:33px; *+line-height:35px; border-bottom:#9e9e9e solid 2px; padding:0 15px; float:left; font-size:17px; color:#000} .jact_box_font{ line-height:26px; padding:10px 0} .jact_box_font p{ padding:0; margin:0; line-height:26px;} .jact_box_email_bnt{padding-top:10px; text-align:center} .abc{width:720px;background:#fff; line-height:25px; border:#e8e8e8 solid 1px;} .abc tr{background:#fff; line-height:25px; border:#e8e8e8 solid 1px;} .abc td{border:#e8e8e8 solid 1px;height:32px;word-break:break-all;} .ie_7{*+width:85px;} .tr_main_value_odd{ font-size:13px; line-height:25px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } /**答复列表右侧单独部分**/ .abc th{background:#ececec;height:35px;font-size:14px;} /**页面阴影**/ .shadow{box-shadow: 2px 2px 2px #cccccc; -webkit-box-shadow: 2px 2px 2px #cccccc; -moz-box-shadow: 2px 2px 2px #cccccc; } /**报错页面单独部分**/ .error {width:100%; height:400px; background:url(bt_404.jpg) no-repeat #fff 200px center; position:relative; box-shadow: 2px 2px 2px #cccccc; -webkit-box-shadow: 2px 2px 2px #cccccc; -moz-box-shadow: 2px 2px 2px #cccccc; } .error_title{width:300px; height:auto; color:#2c2c2c; float:right; margin:110px 200px 0 0} .error_title .span_title{ display:block; line-height:36px; font-size:24px;} .error_title .span_font{display:block; line-height:24px; font-size:15px; padding-top:40px; } /**详细页面单独部分**/ .td_title{line-height:36px; padding-left:35px;} .abc .td_width_02{padding:0 10px 0 0} .abc .td_width_01{padding:0 0 0 10px} .process{width:210px; height:auto; float:right; margin:20px 10px 15px 0; background:url(bt_bg_11.png) repeat-y 15px 0;} .process ul{ margin:0; padding:0} .process li{width:210px; *+width:160px; min-height:90px; padding-left:50px; float:left; background:url(bt_bj_04_mr.png) no-repeat left top; } .process li h3{ line-height:30px; font-size:15px; padding:0; margin:0; font-weight:100} .process li p{ line-height:24px; color:#666; padding:0; margin:0;} /*详细页--流程图换色*/ .jact_box_red .start{background:url(bt_bj_05-red.png) no-repeat} .jact_box_red .start h3{ color:#e10404} .jact_box_blue .start{background:url(bt_bj_05-blue.png) no-repeat} .jact_box_blue .start h3{ color:#1765a3} .jact_box_red .behind{background:url(bt_bj_04-red.png) no-repeat} .jact_box_red .behind h3{ color:#e10404} .jact_box_blue .behind{background:url(bt_bj_04_blue.png) no-repeat} .jact_box_blue .behind h3{ color:#1765a3} .jact_box_red .over_mr, .jact_box_blue .over_mr{background:url(bt_bj_06.png) no-repeat #fff; min-height:50px} .jact_box_red .over_ok{background:url(bt_bj_06-red.png) no-repeat #fff;min-height:50px} .jact_box_red .over_ok h3{ color:#e10404} .jact_box_blue .over_ok{background:url(bt_bj_06-blue.png) no-repeat #fff; min-height:50px} .jact_box_blue .over_ok h3{ color:#1765a3} /**答复列表**/ .jact_speech_title{width:100%; height:37px;} .jact_speech_title span{ padding-left:35px; line-height:37px; font-weight:600} .jact_speech_title_02{width:100%; height:30px; margin-top:15px} .jact_speech_title_02 span{ padding-left:20px; line-height:30px; } .jact_speech_cen{margin:0px 15px; padding:5px 10px; min-height:80px; background:#f6f6f6; border:#e3e3e3 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:#e3e3e3 solid 1px; } .jact_speech_cen .cneter{min-height:42px; line-height:26px; border-bottom:#b9b9b9 dashed 1px} .jact_speech_cen .time{ height:30px; line-height:30px;} .jact_speech_cen .time span{ line-height:30px; padding-right:20px; color:#a1a1a1} .jact_speech_text{width:530px; height:auto; margin:0 0 15px 15px} .jact_speech_text .tefarea{width:530px; height:80px; line-height:30px; border:#d7d7d7 solid 1px;} .jact_text_04{width:70px; height:30px; *+height:28px; border:#d7d7d7 solid 1px; background:#f0efef} /**写信页面单独样式**/ .td_bg_04{ background:#ececec} .td_title_02{line-height:36px; padding-left:25px;} .must_table{width:100%; background:#fff; border:#e8e8e8 solid 1px; color:#666; font-size:12px;} .must_table tr{ background:#fff; line-height:35px; border-bottom:#e8e8e8 solid 1px;} .must_table td{padding:0 5px;} .must_table th{font-size:13px; color:#333} .must_table .must{background:url(bt_must.png) no-repeat 85% 50%;align:left } .must_table .must-title{background:url(bt_must.png) no-repeat 59% 50%;align:left } .must_table .must-content{background:url(bt_must.png) no-repeat 91% 50%;align:left } .must_table .must-verifycode{background:url(bt_must.png) no-repeat 56% 50%;align:left } .jact_text_04,.jact_text_05,.jact_text_06{width:210px; height:25px; border:0; background:#f7f7f7; padding-left:2px; line-height:25px;} .jact_text_05{width:180px; border:1px solid #d7d7d7} .jact_text_06{width:80px; border:1px solid #d7d7d7} .jact_select_01{width:80px;} .jact_select_02{width:180px;} .jact_box_email_bnt_02{padding:0 0 15px 0; text-align:center} .jact_box_red .jact_bnt_05{width:120px; height:35px; line-height:35px; *+line-height:30px; color:#e10404; background:#fff; border:#e10404 solid 1px;} .jact_box_red .jact_bnt_05:hover{color:#fff; background:#e10404; border:#e10404 solid 1px; } .jact_box_blue .jact_bnt_05{width:120px; height:35px; line-height:35px; *+line-height:30px; color:#3e76cd; background:#fff; border:#3e76cd solid 1px;} .jact_box_blue .jact_bnt_05:hover{color:#fff; background:#3e76cd; border:#3e76cd solid 1px; } .jact_m{ margin-right:50px;} /**注册页面单独部分**/ .jact_registered{width:100%; height:auto; position:relative; background:#FFF;} .jact_registered_cen{width:800px; height:auto; margin:0 auto; padding:15px 0} .jact_box_red .jact_title_bg_02{ background:url(bt_bj_11_red.png) no-repeat 10px center #e10404;} .jact_box_blue .jact_title_bg_02{background:url(bt_bj_11_blue.png) no-repeat 10px center #3872cb;} .jact_registered_cen table{width:100%; font-size:15px;} .jact_registered_cen table td{ height:53px; line-height:53px;} .jact_registered_cen .font_color{ color:#666} .jact_text_07,.jact_text_08{height:38px;*+height:36px; border:#a7a7a7 solid 1px; background:#fff; padding-left:2px; line-height:38px;} .jact_text_07{width:280px;} .jact_text_08{width:100px} .jact_text_071{height:30px;*+height:30px; border:#a7a7a7 solid 1px; background:#fff; padding-left:2px; line-height:22px;width:280px;} .jact_box_red .jact_bnt_06{width:280px; height:40px; line-height:40px; *+line-height:34px; color:#e10404; background:#fff; border:#e10404 solid 1px;} .jact_box_red .jact_bnt_06:hover{color:#fff; background:#e10404; border:#e10404 solid 1px; } .jact_box_blue .jact_bnt_06{width:280px; height:40px; line-height:40px; *+line-height:34px; color:#3e76cd; background:#fff; border:#3e76cd solid 1px;} .jact_box_blue .jact_bnt_06:hover{color:#fff; background:#3e76cd; border:#3e76cd solid 1px; } .jact_box_red .jact_box_title_02{height:35px; border-bottom:#dfdfdf solid 2px; color:#F00; margin-bottom:20px; background:url(bt_bj_11_red.png) no-repeat 10px center} .jact_box_blue .jact_box_title_02{height:35px; border-bottom:#dfdfdf solid 2px; color:#03C; margin-bottom:20px; background:url(bt_bj_11_blue.png) no-repeat 10px center} .jact_box_red .jact_box_title_02 span, .jact_box_blue .jact_box_title_02 span{line-height:33px; *+line-height:35px; border-bottom:#9e9e9e solid 2px; padding:0 15px 0 30px; float:left; font-size:18px; } .font-13{ font-size:13px;} /*登陆页面*/ .jact_text_09{width:208px; height:38px;*+height:36px; border:#a7a7a7 solid 1px; background:#fff; padding-left:2px; line-height:25px;} .jact_box_red .jact_bnt_07{width:208px; height:36px; line-height:36px; *+line-height:34px; color:#e10404; background:#fff; border:#e10404 solid 1px;} .jact_box_red .jact_bnt_07:hover{color:#fff; background:#e10404; border:#e10404 solid 1px; } .jact_box_blue .jact_bnt_07{width:208px; height:36px; line-height:36px; *+line-height:34px; color:#3e76cd; background:#fff; border:#3e76cd solid 1px;} .jact_box_blue .jact_bnt_07:hover{color:#fff; background:#3e76cd; border:#3e76cd solid 1px; } /*写信页内容输入框*/ .input-wrap { position: relative; text-align: left; width: 450px; height: 150px; } .input-wrap LABEL { position: absolute; padding-left: 10px; width: 100%; display: none; font-size: 14px; vertical-align: middle; top: 0px; right: 0px; left: 0px; color:#888888; } .textlimit { font-size: 12px; font-family: Arial; color: red; font-weight: bold; display: none; vertical-align: bottom; text-align: left; position:absolute; bottom: 0; } input,img{vertical-align:middle;} /** * 下载表单 */ .jact_box_blue .bt_down_form{background:url(a-link.png) no-repeat center;width:133px;height:35px; border:#3e76cd solid 1px;} .jact_box_blue .bt_down_form:hover{background:url(a-hover.png) no-repeat center;width:133px;height:35px; border:#3e76cd solid 1px;} .jact_box_blue .bt_down_inform{background:url(b-link.png) no-repeat center;width:133px;height:35px; border:#3e76cd solid 1px;} .jact_box_blue .bt_down_inform:hover{background:url(b-hover.png) no-repeat center;width:133px;height:35px; border:#3e76cd solid 1px;} .jact_box_red .bt_down_form{background:url(c-link.png) no-repeat center;width:133px;height:35px; border:#e10404 solid 1px;} .jact_box_red .bt_down_form:hover{background:url(c-hover.png) no-repeat center;width:133px;height:35px; border:#e10404 solid 1px;} .jact_box_red .bt_down_inform{background:url(d-link.png) no-repeat center;width:133px;height:35px; border:#e10404 solid 1px;} .jact_box_red .bt_down_inform:hover{background:url(d-hover.png) no-repeat center;width:133px;height:35px; border:#e10404 solid 1px;} /*业务系统选择按钮*/ .jact_box_blue .bgbutton{background:url(bglink.png) no-repeat center #fff;width:205px;height:36px;border:0; text-align:center;valign:middle;border:#3e76cd solid 1px;font-family:微软雅黑;line-height:36px; } .jact_box_blue .bgbutton:hover{background:url(bghover.png) no-repeat center #3e76cd;color:#fff;width:205px;height:36px;border:0; text-align:center;valign:middle;border:#3e76cd solid 1px;font-family:微软雅黑;line-height:36px; } .jact_box_red .bgbutton{background:url(bgrlink.png) no-repeat center #fff;width:205px;height:36px;border:0; text-align:center;valign:middle;border:#e10404 solid 1px;font-family:微软雅黑;line-height:36px;} .jact_box_red .bgbutton:hover{background:url(bgrhover.png) no-repeat center #e10404;color:#fff;width:205px;height:36px;border:0; text-align:center;valign:middle;border:#e10404 solid 1px;font-family:微软雅黑;line-height:36px;}