@charset "utf-8"; /* LESS Document */ /*中间总宽度*/ @census_width:100%; /*其它变量*/ @main_bg_cer_width:100%; *{margin:0;padding: 0;} li{list-style: none;} body{background: #f0f0f0;} .overview_bg_top{float:left;width:@census_width;height:20px;} .over_query{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto; .right_box{float:right;overflow:hidden;width:203px;height:28px; li{float:left; a{color:#2c8ee5;text-indent:20px;line-height:28px;display:block;} a.one{background:url(../../../images/rightBox_top_aEdit.png) 0px 5px no-repeat;margin-right:12px;} a.two{background:url(../../../images/rightBox_top_aExport.png) 0px 7px no-repeat;margin-right:12px;} a.three{background:url(../../../images/rightBox_top_aBack.png) 0px 8px no-repeat;} a:hover{color:#1e1e1e;} } } h1{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;background:#f5f5f5;line-height:35px;text-align:center;font-size:18px;color:#ff0000;font-weight:bold;margin-top:10px;} .overview_nav{float:left;overflow:hidden;width:@main_bg_cer_width - 2;height:42px;margin-top:10px; ul{height:40px;border:1px solid #cccccc;background:#fff; li{float:left;line-height:40px;text-align:center;width:186px;border-right:1px solid #ccc; a{color:#1e1e1e;display:block;width:188px;height:40px;} a:hover{background:#dddddd;color:#136dbd;font-weight:bold;display:block;width:188px;height:40px;} } li.hover{background:#dddddd; a{color:#136dbd;font-weight:bold;} } } } .overview_data{float:left;overflow:hidden;width:@main_bg_cer_width - 3;height:48px;margin-top:10px;border:1px solid #cccccc;background:#fff; .data_time{width:485px;height:48px;float:left;overflow:hidden;line-height:48px;padding-left:10px;color:#1e1e1e;font-size:12px; .over_inp{outline:none;width:128px;height:16px;background:#fff;line-height:16px;border:1px solid #abadb3;} .over_but{width:70px;height:28px;background:#3fa2ea;border:none;color:#fff;cursor:pointer;border-radius:3px;} } .over_check{float:right;width:155px;height:48px;line-height:48px;color:#1e1e1e;font-size:12px;} } } .over_pic_one{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;margin-top:10px; .track{background:#fff;float:left;overflow:hidden;width:@main_bg_cer_width;height:409px; .track_title{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;background-color:#e1e1e1; border-radius:10px 10px 0 0;-webki-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-bottom:1px solid #cacaca; img{float:left;} p{height:30px;line-height:30px;padding:0 10px;color:#1380cf;float:left;font-size:16px;} } .over_text{float:left;overflow:hidden;width:@main_bg_cer_width;height:65px; h2{font-style:normal;color:#1e1e1e;font-size:14px;line-height:30px;width:96%;float:right; i{color:#c9000b;font-style:normal;} } } .over_map{overflow:hidden;width:96%;height:310px; overflow:hidden;margin:10px auto;} } } .over_pic_two{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;margin-top:10px; .track{background:#fff;float:left;overflow:hidden;width:@main_bg_cer_width;height:540px; .track_title{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;background-color:#e1e1e1; border-radius:10px 10px 0 0;-webki-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-bottom:1px solid #cacaca; img{float:left;} p{height:30px;line-height:30px;padding:0 10px;color:#1380cf;float:left;font-size:16px;} } .over_text{float:left;overflow:hidden;width:@main_bg_cer_width;height:63px;border:1px solid #dcdcdc;margin-top:10px;background:#f5f5f5; ul{width:@main_bg_cer_width;height:30px; li{float:left;width:@main_bg_cer_width/13;height:30px;line-height:30px;text-align:center;border-right:1px solid #dcdcdc;} } .num_list{width:@main_bg_cer_width;height:30px;border-top:1px solid #dcdcdc; a{color:#666666;} a:hover{color:red;} } } .over_map{float:left;overflow:hidden;width:850px;height:420px;overflow:hidden;margin:10px 0 0 50px;} } } .over_pic_three{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;margin-top:10px; .track{float:left;overflow:hidden;width:@main_bg_cer_width; .track_title{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;background-color:#e1e1e1; border-radius:10px 10px 0 0;-webki-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-bottom:1px solid #cacaca; img{float:left;} p{height:30px;line-height:30px;padding:0 10px;color:#1380cf;float:left;font-size:16px;} } .media_list{overflow:hidden;width:100%;border:1px solid #dcdcdc;margin:16px auto 0;background:#f0f0f0; .list_one{float:left;overflow:hidden;width:100%;border-bottom:1px solid #dcdcdc; li{float:left;line-height:20px;text-align:center;color:#1e1e1e;padding: 5px 0;} li.one{width:10%;border-right:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} li.two{width:20%;border-right:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} li.three{width:40%;border-right:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} li.four{width:30%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} } .list_two{float:left;overflow:hidden;width:770px;height:30px;border-bottom:1px solid #dcdcdc; li{float:left;line-height:30px;text-align:center;color:#1e1e1e;} li.one{width:76px;border-right:1px solid #dcdcdc;} li.two{width:153px;border-right:1px solid #dcdcdc;} li.three{width:383px;border-right:1px solid #dcdcdc;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; a:hover{color:#f60;} a{color:#666;} } li.four{width:154px;} } .list_three{float:left;overflow:hidden;width:770px;height:30px;border-bottom:1px solid #dcdcdc; li{float:left;line-height:30px;text-align:center;color:#1e1e1e;} li.one{width:76px;border-right:1px solid #dcdcdc;} li.two{width:153px;border-right:1px solid #dcdcdc;} li.three{width:383px;border-right:1px solid #dcdcdc;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; a:hover{color:#f60;} a{color:#666;} } li.four{width:154px;} } .list_four{float:left;overflow:hidden;width:770px;height:30px;border-bottom:1px solid #dcdcdc; li{float:left;line-height:30px;text-align:center;color:#1e1e1e;} li.one{width:76px;border-right:1px solid #dcdcdc;} li.two{width:153px;border-right:1px solid #dcdcdc;} li.three{width:383px;border-right:1px solid #dcdcdc;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; a:hover{color:#f60;} a{color:#666;} } li.four{width:154px;} } .list_five{float:left;overflow:hidden;width:770px;height:95px;border-bottom:1px solid #dcdcdc; li{float:left;line-height:25px;color:#1e1e1e;height:95px;} li.one{width:76px;border-right:1px solid #dcdcdc;line-height:95px;text-align:center;} li.two{width:153px;border-right:1px solid #dcdcdc;line-height:95px;text-align:center;} li.three{width:383px;border-right:1px solid #dcdcdc; a:hover{color:#f60;} a{color:#666;} } li.four{width:154px;line-height:95px;text-align:center;} } .list_six{float:left;overflow:hidden;width:770px;height:30px; li{float:left;line-height:30px;text-align:center;color:#1e1e1e;} li.one{width:76px;border-right:1px solid #dcdcdc;} li.two{width:153px;border-right:1px solid #dcdcdc;} li.three{width:383px;border-right:1px solid #dcdcdc;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; a:hover{color:#f60;} a{color:#666;} } li.four{width:154px;} } } } } .over_pic_four{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;margin-top:10px; .track{background:#fff;float:left;overflow:hidden;width:@main_bg_cer_width;height:410px; .track_title{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;background-color:#e1e1e1; border-radius:10px 10px 0 0;-webki-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-bottom:1px solid #cacaca; img{float:left;} p{height:30px;line-height:30px;padding:0 10px;color:#1380cf;float:left;font-size:16px;} } .over_map{overflow:hidden;width:90%;height:360px;overflow:hidden;margin:40px auto 0;} } } .over_pic_five{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;margin-top:10px; .track{background:#fff;float:left;overflow:hidden;width:@main_bg_cer_width;height:410px; .track_title{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;background-color:#e1e1e1; border-radius:10px 10px 0 0;-webki-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-bottom:1px solid #cacaca; img{float:left;} p{height:30px;line-height:30px;padding:0 10px;color:#1380cf;float:left;font-size:16px;} } .over_map{overflow:hidden;width:90%;height:360px;overflow:hidden;margin:40px auto 0;} } } .overview_bg_bottom{float:left;width:@census_width;height:20px;}