@browse-nav-bj-color:#eeeeee; //左侧导航背景颜色 @browse-nav-title-bj-color:#dc150e; //左侧导航title背景颜色 @browse-nav-title-font-color:#fff; //左侧导航title字体颜色 @browse-nav-tit-ico:"../../images/comold/tit_bj.png"; //左侧导航 title图片 @browse-nav-con-ico:"../../images/comold/skin2/icons.png"; //左侧导航 展开图片 @browse-nav-con-ico-but:url(@browse-nav-con-ico) -30px 0 no-repeat; //左侧导航 展开图片 @browse-nav-con-ico-buthover:url(@browse-nav-con-ico) 0 0 no-repeat; //左侧导航 展开图片 @browse-nav-con-ico-top:27px; //左侧导航 图标位置 @browse-nav-border:1px solid #323339; //左侧导航 边框 @browse-nav-height:69px; //左侧导航高度 @browse-nav-operation-hover-b-color:#fceeee; //左侧导航高度 @browse-nav-zj-f-color:#fff; //左侧展开后 鼠标放上颜色 @browse-nav-zj-hover-f-color:#000; //左侧展开后 鼠标放上颜色 @browse-centent-nav-bj:#496170; //中间导航背景 @browse-centent-nav-font-color:#fff; //中间导航 字体颜色 @browse-centent-nav-con-hover-f-color:#eaeaea; //中间导航 高亮 字体颜色 @browse-centent-nav-con-hover-b-color:#65666e; //中间导航 高亮 bj颜色 body{background-color:#ffffff} /*左侧边栏导航栏css*/ a:hover{text-decoration: none;} a:hover{text-decoration:none} .centre .slide_nav{float:left;overflow:hidden;width:15%;height:auto;background:@browse-nav-bj-color;font-family:"黑体"} .centre .slide_nav .title_head{width:100%;height:53px;background:@browse-nav-title-bj-color;color:@browse-nav-title-font-color;font-weight:700;font-size:18px;line-height:53px;text-indent: 10px;position:relative;} .centre .slide_nav .title_head img{display: none;} .centre .slide_nav .title_head > i{display: block;width: 10px;height: 16px;background: url(@browse-nav-tit-ico) no-repeat top left;position:absolute;top:20px;right:15px;cursor:pointer;} .centre .slide_nav .title_head > i.hover{width: 16px;height: 10px;background: url(@browse-nav-tit-ico) no-repeat top right;top:23px;right:15px;} .centre .slide_nav .telescopic_nav,.centre .slide_nav .telescopic_nav ul{width:100%;height:auto} .centre .slide_nav .telescopic_nav ul li{overflow:hidden;width:100%;height:auto;color:#333;font-size:1pc} .centre .slide_nav .telescopic_nav ul li .operation{width:100%;height:@browse-nav-height;} .centre .slide_nav .telescopic_nav ul li .operation:hover{background:@browse-nav-operation-hover-b-color;border-left: 2px solid #dc150e;} .centre .slide_nav .telescopic_nav ul li span{float:left;display:block} .centre .slide_nav .telescopic_nav ul li span.node_name{float: none;} .centre .slide_nav .telescopic_nav ul li .text{margin-left:15px;height:@browse-nav-height;font-weight:700;line-height:@browse-nav-height;color:#000;} .centre .slide_nav .telescopic_nav ul li .text a.hover{color: #dc150e;} .centre .slide_nav .telescopic_nav ul li .num{margin-top:13px;margin-left:15px;height:14px;padding:0 5px;background:#f9bb58;color:#fff;text-align:center;font-size:9pt;font-family:"宋体";line-height:14px} .centre .slide_nav .telescopic_nav ul li .but{float:right;margin-top:@browse-nav-con-ico-top;margin-right:15px;width:1pc;height:1pc;background:@browse-nav-con-ico-but;cursor:pointer} .centre .slide_nav .telescopic_nav ul li .but.hover{float:right;margin-top:@browse-nav-con-ico-top;margin-right:15px;width:1pc;height:1pc;background:@browse-nav-con-ico-buthover;cursor:pointer} .centre .slide_nav .telescopic_nav ul li .but1{width: 12px;height: 12px;margin-top: 14px;display:inline-block;background:url("../../images/comold/browseEdit.png") 0 0 no-repeat;float: left;} .centre .slide_nav .telescopic_nav ul li .iconWrap{width: 54px;height:40px;overflow: hidden;position: absolute;top: 0;right: 0;} .centre .slide_nav .telescopic_nav ul li .child{width:100%;height:auto;display:none;} .centre .slide_nav .telescopic_nav ul li .child li{height:auto;width:100%;position:relative;} .centre .slide_nav .telescopic_nav ul li .child li .again{padding:5px 10px;background: #ce2f2f;color:#fff;position: absolute;right:5%;top:8px;font-size:12px;border-radius:5px;cursor:pointer;font-family:"宋体";z-index: 10} .centre .slide_nav .telescopic_nav ul li .child li div{display:block;float:left;height:auto;margin-left:25px;width:90%;text-indent: 5px;} .centre .slide_nav .telescopic_nav ul li .child li a{display:block;width:100%;color:@browse-nav-zj-f-color;font-size:14px;line-height:40px;} .centre .slide_nav .telescopic_nav ul li .child li a.hover,.centre .slide_nav .telescopic_nav ul li .child li a:hover{border-left:2px solid #dc150e;background:#fceeee;color:@browse-nav-zj-hover-f-color} .centre .slide_nav .telescopic_nav ul li .child li.hover a{border-left:2px solid #dc150e;background:#fceeee;color:@browse-nav-zj-hover-f-color} .centre .slide_nav .telescopic_nav ul li .child li .children_dom{position:relative;width:100%;height:40px} .centre .slide_nav .telescopic_nav ul li .child li .child_but{position:absolute;top:1pc;right:19px;width:15px;height:19px;background:url(@browse-nav-con-ico) -15px -20px no-repeat;cursor:pointer;z-index: 10;} .centre .slide_nav .telescopic_nav ul li .child li .children .child_but{top:1pc;right:20px;} .centre .slide_nav .telescopic_nav ul li .child li .child_but.hover{background:url(@browse-nav-con-ico) 5px -22px no-repeat;} .centre .slide_nav .telescopic_nav ul li .child li .children{display:none;width:100%;height:auto} .centre .slide_nav .telescopic_nav ul li .child li .children li{width:100%;height:auto;position: relative;} .centre .slide_nav .telescopic_nav ul li .child li .children li .child_text a{margin-left:1pc;font-size:9pt} /*右侧内容css*/ .right_content{width:84%;float:right;height:auto;overflow:hidden;} .right_content .erwm{width: 100%;text-align: center;} .right_content .erwm >img{display: block;margin: 10px auto;} .right_content .erwm > button{display: block;padding:0 15px;height:30px;border:none;background:#dc150e;color:#fff;border-radius:3px;cursor:pointer;margin:15px auto;} .right_content .search_wrap{width:100%;height:auto;border:1px solid #eeeeee;background:#fff;padding:30px 20px;font-family:"黑体";} .right_content .search_wrap .input_wrap{width:100%;height:auto;} .right_content .search_wrap .input_wrap .QQ{width:100%;height:50px;} .right_content .search_wrap .input_wrap .QQ .qqqun{width:32%;float:left;} .right_content .search_wrap .input_wrap .QQ .qqqun span{display:block;float:left;height:28px;line-height:28px;font-size:14px;} .right_content .search_wrap .input_wrap .QQ .qqqun .title{padding:0 10px;text-align:right;font-weight:bold;width:60px;} .right_content .search_wrap .input_wrap .QQ .qqqun .input .input_text{width:100%;height:28px;background:#f9f9f9;border:1px solid #dddddd;} .right_content .search_wrap .input_wrap .QQ .qqnum{width:32%;float:left;margin-left: 26px;} .right_content .search_wrap .input_wrap .QQ .qqnum span{display:block;float:left;height:28px;line-height:28px;font-size:14px;} .right_content .search_wrap .input_wrap .QQ .qqnum .title{padding:0 12px;text-align:right;font-weight:bold;} .right_content .search_wrap .input_wrap .QQ .qqnum .input .input_text{width:200px;height:28px;background:#f9f9f9;border:1px solid #dddddd;} .right_content .search_wrap .input_wrap .QQ .qqname{width:32%;float:left;} .right_content .search_wrap .input_wrap .QQ .qqname span{display:block;float:left;height:28px;line-height:28px;font-size:14px;} .right_content .search_wrap .input_wrap .QQ .qqname .title{padding:0 20px;text-align:right;font-weight:bold;} .right_content .search_wrap .input_wrap .QQ .qqname .input .input_text{width:100%;height:28px;background:#f9f9f9;border:1px solid #dddddd;} .right_content .search_wrap .input_wrap .qqcontent{width:100%;height:77px;} .right_content .search_wrap .input_wrap .qqcontent .qqqun{width:100%;height:auto;} .right_content .search_wrap .input_wrap .qqcontent .qqqun span{display:block;float:left;font-size:14px;} .right_content .search_wrap .input_wrap .qqcontent .qqqun .input{width:75.6%;} .right_content .search_wrap .input_wrap .qqcontent .title{padding:0 10px;text-align:right;font-weight:bold;height:28px;line-height:28px;width:60px;} .right_content .search_wrap .input_wrap .qqcontent textarea{width:100%;height:58px;background:#f9f9f9;border:1px solid #dddddd; resize: none;} .right_content .search_wrap .input_wrap .qqtime{width:100%;height:30px;} .right_content .search_wrap .input_wrap .qqtime .qqqun{width:100%;height:auto;} .right_content .search_wrap .input_wrap .qqtime .qqqun span{display:block;float:left;font-size:14px;} .right_content .search_wrap .input_wrap .qqtime .qqqun .input_text{width:210px;height:28px;background:#f9f9f9 url(../../images/comold/over_datapic.gif) right center no-repeat;border:1px solid #dddddd;} .right_content .search_wrap .input_wrap .qqtime .qqqun .text{width:40px;height:30px;line-height:30px;text-align:center;} .right_content .search_wrap .input_wrap .qqtime .qqqun .input_sub{padding:0 15px;height:30px;border:none;background:#dc150e;color:#fff;border-radius:3px;cursor:pointer;margin-left:15%;} .right_content .search_wrap .input_wrap .qqtime .title{padding:0 10px;text-align:right;font-weight:bold;height:28px;line-height:28px;width:60px;} /*内容列表*/ .content_list{width:100%;height:auto;margin-top:17px;background:#fff;font-size:12px;float:left;} .content_list .search_top{width:100%;height:56px;background:@browse-centent-nav-bj;color:@browse-centent-nav-font-color;} .content_list .search_top .all_checkbox{width:85px;line-height:56px;text-align:center;font-size:14px;font-family:"黑体";float:left;} .content_list .search_top .all_checkbox .input_checkbox{vertical-align: middle;margin-top:-2px;} .content_list .search_top .dom_operation{float:left;overflow:hidden;} .content_list .search_top .dom_operation ul li{float:left;cursor:pointer;border-right:1px solid #4e505d;height: 56px;} .content_list .search_top .dom_operation ul li.numone{float:left;cursor:pointer;border-left:1px solid #e5e5e5;} .content_list .search_top .dom_operation ul li span{display:block;padding:0 15px;} .content_list .search_top .dom_operation ul li span a{color:#fff;} .content_list .search_top .dom_operation ul li .one{background:url(../../images/comold/push_zhenzhuo.png) 0 -2px;width:18px;height:15px;margin-left:30px;margin-top:8px;margin-bottom:10px;} .content_list .search_top .dom_operation ul li:hover{background-color:@browse-centent-nav-con-hover-b-color;color:@browse-centent-nav-con-hover-f-color;} .content_list .search_top .dom_operation ul li .fou{background:url(../../images/comold/push_zhenzhuo.png) -234px -84px;width:18px;height:15px;margin-left:20px;margin-top:8px;margin-bottom:10px;padding:0;} .content_list .search_top .dom_operation ul li:hover .fou{background:url(../../images/comold/push_zhenzhuo.png) -233px -56px;width:18px;height:15px;margin-left:20px;margin-top:8px;margin-bottom:10px;} .content_list .search_top .right_dom{float:right;height:56px;line-height:56px;width:220px;} .content_list .search_top .right_dom select{border:1px solid #dedede;color:#909090;font-size: 12px;width:55px;height:28px;} .content_list .search_top .right_dom .select{float:left;margin-left: 60px;} .content_list .message_list{width:100%;height:auto;float:left;} .content_list .message_list ul{width:100%;height:auto;} .content_list .message_list ul li{width:100%;height:auto;padding:10px 0;float:left;border-bottom: 1px dashed #e5e5e5;} .content_list .message_list ul li.color{background:#f3f9fc;} .content_list .message_list ul li .all_checkbox{width:42px;font-size:14px;float:left;} .content_list .message_list ul li .all_checkbox .input_checkbox{vertical-align: middle;margin-left:19px;} .content_list .message_list ul li .main_content{width:92%;height:auto;float:left;} .content_list .message_list ul li .main_content .title_text{width:60%;height:20px;float:left;} .content_list .message_list ul li .main_content .title_text .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .content_list .message_list ul li .main_content .title_text .title a{font-size:18px;font-weight:bold;color:#333;} .content_list .message_list ul li .main_content .title_text .title a:hover{color:#f7a700;} .content_list .message_list ul li .main_content .top_message{width:100%;height:auto;overflow:hidden;} .content_list .message_list ul li .main_content .url_wrap{width:100%;height:25px;margin-top:20px;} .content_list .message_list ul li .main_content .url_wrap .address{width:80%;height:25px;float:left;} .content_list .message_list ul li .main_content .url_wrap .address em{color:#888888;margin-right:20px;display:block;float:left;padding:0 20px 0 0;} .content_list .message_list ul li .main_content .url_wrap .address .qq{color:#e1af91;} .content_list .message_list ul li .main_content .url_wrap .address .name{color:#d88faa;} .content_list .message_list ul li .main_content .url_wrap .address .time{color:#90aa8a;} .content_list .message_list ul li .main_content .dom_but{width:5%;height:25px;float:right;} .content_list .message_list ul li .main_content .dom_but ul{width:100%;height:25px;} .content_list .message_list ul li .main_content .dom_but ul li{float:right;width:16px;height:20px;padding:0;border:none;margin-right:10px;} .content_list .message_list ul li .main_content .dom_but ul li a{display:block;width:16px;height:20px;} .content_list .message_list ul li .main_content .dom_but ul li.thr .xu{background: url(../../images/comold/push_anniu.png) -260px 0;cursor:pointer;} .content_list .message_list ul li .main_content .dom_but ul li.thr .shi{background: url(../../images/comold/push_anniu.png) -184px -23px;cursor:pointer;} @media screen and (max-width: 980px) { .right_content .search_wrap .input_wrap .qqcontent .qqqun .input{width:87%;} } @media (min-width: 1025px) and (max-width: 1280px) { .right_content .search_wrap .input_wrap .qqcontent .qqqun .input{width:80.5%;} } @media (min-width: 1290px) and (max-width: 1366px) { .right_content .search_wrap .input_wrap .qqcontent .qqqun .input{width:78.5%;} }