@index-ico:"../../images/comold/sprite/ind_ico.png"; //首页小图标 .row{ overflow: hidden;padding-bottom: 1.2%; .block{ box-shadow: 3px 4px 5px #c0d2e7; background: rgba(255,255,255,0.65);margin-right: 5px;box-sizing: content-box; .loads { padding: 10px 0; text-align: center; } .tit_wrap{ width: 100%;height: 32px;background: rgba(255,255,255,0.6);padding-top: 13px; .tit{ height: 18px;line-height: 18px;margin: 0 25px 0 15px;font-size: 18px;color: #000;text-indent: 12px;border-left: 5px solid #228eeb;float: left; } .more{ display: block; color: #218eeb; font-size: 16px;float: right;padding-right: 24px; } } } .oneweek_chart{ width: 58%;height:330px;float: left; #accosted{ width: 100%;height: 280px;margin-top: 12px; } } } /*最新舆情*/ .new-info{width: 68.5%;height:910px;float: right;} .new-info .info{padding-top: 10px;font-size:12px;line-height: 20px;} .new-info .info .info-tit{margin:0px auto;padding-bottom: 10px;width: 100%;width:94%;border-bottom:1px dashed #e5e5e5;} .new-info .info .info-tit p{float:left;width:100px;} .new-info .info .info-tit span{padding:4px 10px;background: #d84547;color:#fff;font-size: 10px;} .new-info .info .info-tit .more{float:right;display: block;margin-right: 20px;color:#666666;font-size: 12px;font-family: "黑体";} .new-info .info .info-pub{clear: both;margin:0px auto;padding:15px 0;width:94%;border-bottom:1px dashed #e5e5e5;color:#333333;} .new-info .info .info-pub > div{width:100%;} .new-info .info .info-pub > div > h1{font-weight: 900;font-size: 18px;font-family: "黑体";overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .new-info .info .info-pub > div > p{margin-top: 10px;color:#888888;font-size: 12px;word-break: break-all;} .new-info .info .info-pub > div i{float:left;display: block;margin-top: 20px;padding:2px 15px;background-color: #2f9dd5;color:#fff;} .new-info .info .info-pub > div strong{float:right;display: block;margin-top: 22px;width: 50%;color:#acacac;text-align: right;font-size: 12px;} .new-info .info .info-pub-tx{overflow:hidden;} .new-info .info .info-pub-tx > img{float:left;display: block;width:28%;max-height: 120px;} .new-info .info .info-pub-tx > div{float:left;display: block;margin-left: 10px;width:70%;} /*今日舆情*/ .today_wrap{width: 30%;height:910px;float: left} .today{margin:10px auto 0;width:94%;} .today .type{position:relative;float:right;margin-right: 20px;width:20%;color:#5d5d5d;text-indent: 20px;font-size:12px;} .today .type span{position: absolute;bottom:3px;display:block;width:12px;height: 5px;border:1px solid #1F96D2;border-radius: 2px;background-color: #B3DCF0;} .today .type span.span1{border-color:#DF6C6E;background-color: #F7EBEB;} .today .today-ul{margin: 10px auto 0;width:94%;} .today .today-ul li{overflow:hidden;padding:13px 0;width:100%;border-bottom:1px dashed #e5e5e5;font-size:12px;} .today .today-ul li em{float:left;margin-left: 10px;width: 50px;line-height: 20px;} .today .today-ul li strong{float:right;display: block;margin-right: 5%;width:60px;height: 20px;text-align: center;line-height: 21px;} .today .today-ul li strong a{display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:60px;height: 20px;border:1px solid #1f96d2;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #F2F9FF;color:#1f96d2;} .today .today-ul li strong a:hover{border-color:#2498d3;background-color: #38a9e1;color:#fff;} .today .today-ul li strong.fu a{border:1px solid #DF6C6E;background-color: #F6E8E8;color:#DF6C6E;} .today .today-ul li strong.fu a:hover{border-color:#df6c6e;background-color: #df6c6e;color:#fff;} .today .today-ul li i{float:left;display: block; width: 25px;height: 21px;} .today .today-ul li i.new{background:url(@index-ico) no-repeat -2px -30px;} .today .today-ul li i.forum{background:url(@index-ico) no-repeat -32px -30px;} .today .today-ul li i.blogs{background:url(@index-ico) no-repeat -62px -30px;} .today .today-ul li i.blog{background:url(@index-ico) no-repeat -91px -30px;} .today .today-ul li i.weixin{background:url(@index-ico) no-repeat -120px -30px;} .today .today-ul li i.media-p{background:url(@index-ico) no-repeat -150px -30px;} .today .today-ul li i.video{background:url(@index-ico) no-repeat -185px -30px;} .today .today-ul li i.blog-c{background:url(@index-ico) no-repeat -218px -30px;} .today .today-ul li i.app{background:url(@index-ico) no-repeat -243px -30px;} .today .today-ul li i.comment{background:url(@index-ico) no-repeat -270px -30px;} .today .today-ul li i.other{background:url(@index-ico) no-repeat -220px 0;} .today .push{overflow:hidden;margin: 10px 0;padding:10px 0;} .today .push > div{position:relative;overflow: hidden;padding-bottom: 5px;height: 40px;} .today .push > div .pu-s1{margin-left: 10px;width:50%;color:#333333;font-size:14px;} .today .push > div .pu-s1 a{float:right;display: block;width:40px;height: 15px;border:1px solid #fd8061;color:#fd8061;text-align: center;font-size:12px;line-height: 15px;} .today .push > div .pu-s2{float:left;margin: 10px 10px 0 10px;width:65%;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #292929;} .today .push > div > strong{color:#38A9E1;line-height: 25px;} .today .push > div .pu-s2 i{display: block;width: 50%;height: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: url("../../images/comold/push_bj.png") no-repeat top left;} /*重点舆情*/ .emphasisyq_wrap{width: 40.5%;height:330px;float: right} .emphasisyq{padding-left: 15px;} .emphasisyq li{padding-top: 10px;overflow: hidden;border-bottom: 1px dashed #e5e5e5;} .emphasisyq li a{width: 90%;height:24px;float: left;line-height: 24px;font-size: 12px;display: block;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .emphasisyq li p{font-size: 12px;line-height: 20px;padding-right: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box} .emphasisyq li .pleft{width: 45%;color:#818588;float:left;} .emphasisyq li .pright{width: 45%;color:#228eeb;float:right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;} /*国内热点*/ .countryhotnew_wrap{width: 68.5%;height:330px;float: right;} /*排行傍*/ .rank_wrap{width: 30%;height:330px;float: left;} .rank{margin: 0 54px 0 18px;} .rank .ranknewul{margin: 8px 0 10px 0;} .rank .ranknewul li{overflow: hidden;line-height: 16px;padding: 16px 0} .rank .ranknewul li > a {cursor: default;width: 80%;float: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rank .ranknewul li > span{width: 16px;height: 16px;background: #228eeb;font-size: 12px;color: #fdfdfe;top: 16px;} .rank .ranknewul li > i {display: block;float: right;} /**/ .nav_next{overflow: hidden;width: 70%;margin: 15px auto 0 auto;} .nav_next li{width: 24.25%;height:76px;float: left;margin-right: 1%;background: rgba(255,255,255,0.65);position: relative;border-left: 4px solid #00a0e9;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .nav_next li:nth-of-type(4){margin-right: 0;} .nav_next li .icon_wrap{width: 52px;height: 52px;background: #e3eef8;float: left;margin-left: 14px;margin-top: 14px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;} .nav_next li:nth-of-type(1) .icon_wrap .icon{width: 30px;height: 30px;background: url("../../images/unicomProject/icons.png") 0 -30px no-repeat;margin: 11px 0 0 11px;} .nav_next li:nth-of-type(2) .icon_wrap .icon{width: 30px;height: 30px;background: url("../../images/unicomProject/icons.png") -45px -30px no-repeat;margin: 11px 0 0 11px;} .nav_next li:nth-of-type(3) .icon_wrap .icon{width: 29px;height: 34px;background: url("../../images/unicomProject/icons.png") -90px -30px no-repeat;margin: 11px 0 0 9px;} .nav_next li:nth-of-type(4) .icon_wrap .icon{width: 32px;height: 32px;background: url("../../images/unicomProject/icons.png") -135px -30px no-repeat;margin: 10px 0 0 10px;} .nav_next li .num{float: right;padding-right: 20px;text-align: right;color: #228eeb;line-height: 22px;font-size: 12px;padding-top: 20px;} .nav_next li .detailBtn{width: 38px;height: 18px;border: 1px solid #692da5;background: #2c2a37;color: #fff;text-align: center;font-size: 12px;line-height: 18px;position: absolute;right: 0;top:0;} .nav_next li .detailBtn a{color: #fff;} .nav_next li:nth-of-type(5) .detailBtn{border: 1px solid #7be7dc;background: #2a3037;} @media screen and (max-width:1600px){ .nav_next{width: 80%} }