@charset "utf-8"; /* LESS Document */ /*中间总宽度*/ @census_width:100%; /*其它变量*/ @main_bg_cer_width:@census_width; .microblog_bg{float:left;overflow:hidden;width:@census_width;height:auto;margin-bottom:10px; .microblog_bg_top{float:left;width:@census_width;height:20px;} .microblog_bg_cer{float:left;width:@census_width;height:auto;background:#f0f0f0; .microblog_wrap{overflow:hidden;width:@main_bg_cer_width;height:auto; .over_query{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto; .right_box{float:right;overflow:hidden;width:148px;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:187px;height:40px;} a:hover{background:#dddddd;color:#136dbd;font-weight:bold;display:block;width:187px;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:auto; .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;} } } } /*时间轴*/ .anal_time{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto;background:#fff; .anal_time_title{float:left;overflow:hidden;width:840px;height:58px;margin-left:9%;line-height:58px;text-indent:10px;color: #58a6fb;font-family: microsoft YaHei;font-size: 23px;font-weight: bold; img{float:left;margin-top:11px;} } } .anal_time_con{float:left;overflow:hidden;width:@main_bg_cer_width;height:auto!important;height:60px;min-height:60px;background:#fff; .time_con_l{float:left;overflow:hidden;width:12%; .month{float:left;overflow:hidden;width:100%;margin-top:10px; i{display:block;float:left;width:14px;height:14px;overflow:hidden;background:url(../../../images/icon_pushShowSmall.png) no-repeat;margin-left:23px;margin-right:5px;cursor:pointer;} i.hover{display:block;float:left;width:14px;height:14px;overflow:hidden;background:url(../../../images/icon_pushHideSmall.png) no-repeat;} span{display:block;float:right;color:#00002a;font-weight:bold;text-align:right;margin-right:5px;margin-top:-2px;} } } .time_con_r{float:left;overflow:hidden;height:auto!important;height:60px;min-height:60px;width:88%;border-left:2px solid #58a6fb;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; ul{height:auto!important;min-height:59px;margin-left:10px;margin-top:10px; li{float:left;border: 1px solid #999;border-radius: 5px;box-shadow: 3px 3px 3px #ccc;margin-bottom: 20px;padding: 7px 10px 10px;width:90%;position:relative; .time_message{width:100%;float:left;margin-top: 5px; a{color:#ec6a13;display:block; span{display:block;overflow: hidden;float:left;height:auto; line-height: 24px;} i{font-style:normal;color:#ff0000;display:block;float:left;width:100px;} } a:hover{text-decoration:none;color:#ad4c0b;} } .time_message_one{width:100%;float:left;overflow:hidden;color:#999999;margin-top: 5px; } .time_message_two{width:100%;float:left;overflow:hidden;color:red;font-weight:bold;margin-top: 5px; } .time_pic{background:url(../../../images/timeLine_focus.png) no-repeat;width:7px;height:14px;position:absolute;left:-12px;} } } } } .interval_pic{float:left;overflow:hidden;width:100px;height:20px;border-left:2px solid #58a6fb;margin-left: 12%;} .time_end{float:left;overflow:hidden;width:@main_bg_cer_width;background:#fff;height:42px; .pic_end{float:left;overflow:hidden;width:22px;height:22px;background:url(../../../images/timeLine_end.png) no-repeat;margin-left:10.6%;} } .anal_year{float:left;overflow:hidden;width:@main_bg_cer_width;height:30px;color:#fff;font-weight:bold;background:#58a6fb;line-height:30px;font-size:18px;text-indent:50px;} } } .overview_bg_bottom{float:left;width:@census_width;height:20px;} } @media screen and (min-width: 980px){ .microblog_bg{ .microblog_bg_cer{ .microblog_wrap{margin:0px auto;width:980px; /*时间轴*/ .anal_time{ .anal_time_title{margin-left:95px;} } .anal_time_con{ .time_con_l{width:119px; .month{width:119px; } } .time_con_r{width:855px; ul{width:774px; li{width:774px; .time_message{width:774px;} .time_message_one{width:774px;} .time_message_two{width:774px;} } } } } .interval_pic{margin-left: 119px;} .time_end{ .pic_end{margin-left:109px;} } } } } } @media screen and (min-width:320px) and (max-width: 560px){ .microblog_bg .microblog_bg_cer .microblog_wrap .time_end{ .pic_end{ margin-left: 9.5%; } } }