gdsx/WebRoot/pages/monitor/csssx/page_ztjs_sx_new.css

/* CSS Document */
body {	
	background-color: #fff;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	margin: 0px; padding:0px;
}
@font-face {
    font-family: 'fontNameRegular';
    src: url('../fonts/DS-DIGIT-webfont.eot');
    src: local('../fonts/DS-DIGIT-webfont Regular'), 
              local('../fonts/DS-DIGIT-webfont'), 
url('../fonts/DS-DIGIT-webfont.woff') format('woff'), 
url('../fonts/DS-DIGIT-webfont.ttf') format('truetype'), 
url('../fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
    font-size: 20px;
	font-weight: bolder;
} 
a:link {
    color: #fff;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #ffefc0;
}
a:active {
    text-decoration: none;
    color: #ffefc0;
}
li{
	list-style:none;
	
}
.all{
    backgroun: #fff;
	float: left;
	height: 864px;
	width: 1899px;
}
.l{float:left;}
.page_box1, .page_box3{
	width:1898px;
	margin-left:1px;}
.page_box1{height:309px;background:url(../img/page_ztjs_sx_box1_bg.png) no-repeat left top;
	margin-top:4px;}
.page_box1_title{
	width:133px; font-family:"Microsoft YaHei";
	text-align:center;}
.page_box1_title h1{
	color:#fff;
	line-height:34px;
	font-size:14px;
	margin:0;
}
.page_box1_title h2{
	color:#5e5f61;
	line-height:25px;
	font-size:12px;
	margin:0;
}	
.page_box1_title h3{
	color:#003181;
	font-weight:bold;
	line-height:31px;
	font-size:14px;
	margin:0;
	height:31px;
	 padding-left:20px;
	 text-align:left;
	 
}
.page_box1_title h4{
	color:#1f671e;
	font-weight:bold;
	line-height:31px;
	font-size:14px;
	margin:0;
	height:31px;
}
.page_box1_title h5{
	color:#1f671e;
	line-height:31px;
	font-size:14px;
	margin:0;
	font-weight:normal;
	height:31px;
	 text-align:left;
	  padding-left:20px;
}
.page_box1_col{
	width:126px;height:309px;float:left; text-align:center;}
.page_box1_col_on{
	background: url(../img/page_ztjs_sx_box1_bg_a.png) no-repeat left top;
	width: 127px;
	margin-top:-4px;
	height:313px;float:left; text-align:center;
}
.page_box1_col h1{
	color:#fff;
	line-height:34px;
	font-size:14px;
	margin:0;
	width:126px;
}
.page_box1_col_on h1{
	color:#fff;
	line-height:38px;
	font-size:14px;
	margin:0;
	width:126px;
}
.page_box1_col h2, .page_box1_col_on h2{
	color:#5e5f61;
	line-height:25px;
	font-size:12px;
	margin:0;
	width:126px;
}
.page_box1_col h3, .page_box1_col_on h3{
	color:#000;
	line-height:31px;
	font-size:18px;
	margin:0;
	font-weight:normal;
	font-family:fontNameRegular,DS-Digital;
	width:126px;
	height:31px;
	
}





.page_box3{height:207px; margin-top:3px;}
.page_box3_left{
	width:20px;
	height:207px;
	background:url(../img/page_ztjs_box3_left.png) no-repeat left top;
	color:#fff;
	font:bold 14px/18px Arial, "Microsoft YaHei";
	float:left;
	padding-left:7px;
}
.page_box3_right1, .page_box3_right{
	height:205px;
	border:1px solid #bec3c7;
	border-left:0px;
	float:left;
}		
	
.page_box3_right1{
	width:514px;
}		
.page_box3_right{
	width:1326px;
	margin-right:2px;
}		

.page_box_bottom_leftfont{
	width:78px;
	font:12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;
	padding-left:2px;}
.page_box_bottom_rightfont{
	width:53px;
	font:bold 12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;}
.page_box_bottom_centerfont{
	width:51px;
	font:12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;
	padding-left:2px;}
	
*{ margin:0 auto; padding:0px;}	
.page_ztjs_sx_top{ float:left; width:1899px; height:52px; background:url(../img/page_ztjs_sx_top.jpg); }
.page_ztjs_sx_dh{ float:left; width:1899px; height:31px; background:url(../img/page_ztjs_sx_dh.jpg) repeat-x;} 
.page_ztjs_sx_dh li{ float:left; width:103px; height:31px; font-size:14px; color:#000; text-align:center; line-height:31px; background:url(../img/page_ztjs_sx_shu.jpg) right no-repeat ;}
.page_ztjs_sx_dh li a{ color:#000; }
.page_ztjs_sx_dh li a:hover{float:left; width:100px; height:31px; background:url(../img/page_ztjs_sx_jg.jpg) no-repeat;color:#1fbf86; }

.page_ztjs_sx_main_center{height:auto;margin-top:2px;margin-left:1px; }
.page_ztjs_sx_bj{ float:left; width:378px; height:187px; background:url(../img/page_ztjs_sx_bj1.png) no-repeat;}
.page_ztjs_sx_bj1{ float:left; width:378px; height:187px; background:url(../img/page_ztjs_sx_bj1.png) no-repeat;margin-left:2px;}
.page_ztjs_sx_lan_t{ float:left; width:378px; height:33px; color:#5d5d5d; font-weight:600;}
.page_ztjs_sx_bk{ float:left; width:130px; height:33px; line-height:33px; color:#5d5d5d; font-size:14px; text-align:center; font-weight:600; }
.page_ztjs_sx_lv_bj{ float:left; width:97px; height:27px; background:url(../img/page_ztjs_sx_lv.png) no-repeat; margin-left:118px; margin-top:3px;  }
.page_ztjs_sx_lv_shuzi{
	width:80px;
	height:27px;
	line-height:32px;
	color:#fff;
	text-align:right;
	
}
.page_ztjs_sx_tai{ float:left;height:33px;line-height:33px; color:#5d5d5d; margin-left:6px; font-size:13px;}
.page_ztjs_sx_fd{ float:left; width:378px; height:66px;}
.page_ztjs_sx_fd_left{ float:left; width:170px; height:66px;}
.page_ztjs_sx_biao{ float:left; width:108px; height:57px; margin-left:4px; margin-top:5px; display:inline}

.page_ztjs_sx_tsz{ float:left; width:50px; height:20px; line-height:20px;  font-size:20px; margin-left:2px; margin-top:22px;font-family:fontNameRegular,DS-Digital;}
.page_ztjs_sx_dw{ float:left; width:40px; line-height:20px; height:20px; margin-left:10px; color:#5d5d5d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page_ztjs_sx_fdl_right{ float:left; width:200px; height:66px; margin-left:5px;}
.page_ztjs_sx_fdl_right li{ float:left; width:200px; line-height:26px; margin-top:2px;}
.page_ztjs_sx_fdl_zi{ float:left; text-align:center; width:55px; line-height:27px; height:27px; color:#5d5d5d; font-weight:600; font-size:14px; }
.page_ztjs_sx_fdl_bj{ float:left; width:90px; height:27px; background:url(../img/page_ztjs_sx_z_bj.png) no-repeat;  font-size:20px;  color:#000; line-height:27px; text-align:center;font-family:fontNameRegular,DS-Digital;}
.page_ztjs_sx_fdl_bj1 {float:left; width:90px;line-height:27px; height:27px; background:url(../img/page_ztjs_sx_jingguo.png) no-repeat; font-size:20px; color:#000; text-align:center;font-family:fontNameRegular,DS-Digital;}

.page_ztjs_sx_danwei{ float:left; width:40px; height:20px; margin-top:10px; line-height:20px; color:#9b9b9b; font-size:12px; text-align:left; padding-left:8px;}

.page_ztjs_sx_bg_bj{ float:left; width:378px; height:93px}
.page_ztjs_sx_bg_bj li{ float:left; width:189px; height:29px; text-align:center; line-height:29px; font-size:14px;}
.page_ztjs_sx_yanse1{ float:left; width:66px; height:29px; color:#2b9ecd}
.page_ztjs_sx_yanse2{ float:left; width:66px; height:29px; color:#cb2222}
.page_ztjs_sx_yanse3{ float:left; width:66px; height:29px; color:#982672}
.page_ztjs_sx_yanse4{ float:left; width:66px; height:29px; color:#6bb10c}
.page_ztjs_sx_yanse5{ float:left; width:66px; height:29px; color:#f26600}
.page_ztjs_sx_yanse6{ float:left; width:66px; height:29px; color:#5d5d5d}
.page_ztjs_sx_liang{ float:left; width:77px; height:29px; text-align:center; font-size:20px; font-family:fontNameRegular,DS-Digital;} 
.page_ztjs_sx_tai_s{ float:left; width:45px; line-height:30px; clear:#5d5d5d; height:30px; text-align:center}

.page_ztjs_sx_dltjbg{ float:left; width:728px; height:228px;margin-top:2px; background:url(../img/page_ztjs_sx_dltjbg.png) no-repeat;}
.page_ztjs_sx_dltjbg_t{ float:left; width:27px; height:166px; color:#fff; font-size:14px; text-align:center; padding-top:60px;}
.page_ztjs_sx_dltjbg_tu{ float:left; width:696px; height:224px; margin-top:1px;}
.page_ztjs_sx_main_tubiao{ float:left; width:100%; height:auto; margin-top:2px;margin-left:1px;}
.page_ztjs_sx_ycdlylldl{float:left; width:758px; height:auto;margin-right:1px}

.page_ztjs_sx_rdlbg{ float:left; width:758px; height:166px; background: url(../img/page_ztjs_sx_rdlbg.png) no-repeat;margin-top:2px;}
.page_ztjs_sx_rdlbg_t{ float:left; width:27px; height:166px; color:#fff; font-size:14px; text-align:center;}
.page_ztjs_sx_rdlbg_tu2{ float:left; width:731px; height:166px;margin-top:2px;}

.page_ztjs_sx_ssglbg{ float:left; width:1138px; height:356px; background:url(../img/page_ztjs_sx_ssglbg.png) no-repeat;margin-left:2px;}
.page_ztjs_sx_ssglbg_t{ float:left; width:27px; height:293px;  color:#fff; font-size:14px; text-align:center; padding-top:100px;}
.page_ztjs_sx_ssglbg_tu3{ float:left; width:555px; height:356px;z-index: 0;}


.page_ztjs_sx_bjbj{ float:left; width:258px; height:218px; background:url(../img/page_ztjs_sx_bjbj.jpg) no-repeat;}
.page_ztjs_sx_bjbj_bt{ float:left; width:258px; height:31px; line-height:31px; font-family:"宋体"; font-size:14px; font-weight:600; color:#fff; text-align:center}
.page_ztjs_sx_bjbj_bt2{ float:left; width:258px; height:31px; color:#5e5f61;line-height:31px; font-family:"宋体"; font-size:14px; text-align:center}
.page_ztjs_sx_bjbj_nr{ float:left; width:255px; height:155px;}
.page_ztjs_sx_bjbj_nr li{float:left; width:255px; height:31px; line-height:31px;}
.page_ztjs_sx_bjbj_nr_z1{float:left; width:82px; height:31px; line-height:31px; font-family:"微软雅黑"; font-size:14px; color:#1f671e; text-align:left; padding-left:20px;} 
.page_ztjs_sx_bjbj_nr_z2{float:left; width:101px; height:31px; line-height:31px;font-family:fontNameRegular,DS-Digital; font-size:18px; color:#000; text-align:center}
.page_ztjs_sx_bjbj_nr_z3{float:left; width:42px; height:25px; line-height:25px; margin-top:5px; color:#5e5f61; font-size:12px; text-align:left; padding-left:10px;font-family:"Arial";}


/*损失电量*/

.page_ztjs_sx_ssglbg_tu3_l{ float:left; width:374px; height:356px;z-index: 1;}
.page_ztjs_sx_ssglbg_tu3_r{
	float:right;
	width:147px;
	height:253px;
	margin-right: 33px;
	margin-top: 73px;
	z-index: 3;
}
.tu3_r_list{float:left; width:147px; height:33px; margin-bottom:3px;}
.tu3_r_list_l{
	float:left;
	width:64px;
	height:31px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9dce1;
	border-bottom-color: #d9dce1;
	border-left-color: #d9dce1;
	font-size: 12px;
	line-height: 31px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-left: 6px;
}
.tu3_r_list_r_01{float:left;width:70px;height:33px;background-color: #0185da;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_02{float:left;width:70px;height:33px;background-color: #3cb8fe;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_03{float:left;width:70px;height:33px;background-color: #ff7314;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_04{float:left;width:70px;height:33px;background-color: #ca2020;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_05{float:left;width:70px;height:33px;background-color: #ac3889;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_06{float:left;width:70px;height:33px;background-color: #01d487;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}
.tu3_r_list_r_07{float:left;width:70px;height:33px;background-color: #adadad;font-size: 14px;line-height: 33px;font-weight: bold;color: #FFFFFF;text-decoration: none;padding-left: 6px;}