.mt12 { margin-top: 12px; } .mh480 { max-height: 480px; overflow: hidden;} .mh520 { max-height: 520px; overflow: hidden;} /* 820瀹藉害锛?鍒楋紝闂撮殧20 */ .c2_820_20 { width: 820px; overflow: hidden; } .c2_820_20 ul { margin-right: -20px; } .c2_820_20 li { float: left; width: 400px; margin-right: 20px; } .c2_820_20 li:nth-child(2n) { margin-right: 0;} /* 1120瀹藉害锛?鍒楋紝闂撮殧20 */ .c4_1120_20 { width: 1120px; overflow: hidden; } .c4_1120_20 ul { margin-right: -20px; } .c4_1120_20 li { float: left; width: 265px; margin-right: 20px; } /* 1120瀹藉害锛?鍒楋紝闂撮殧360 */ .c3_1120_20 { width: 1120px; overflow: hidden; } .c3_1120_20 > ul { margin-right: -20px; } .c3_1120_20 > ul > li { float: left; width: 360px; margin-right: 20px; } .c3_1120_20 > ul > li:nth-child(3n) { margin-right: 0;} :root .c2_820_20, :root .c3_1120_20 { overflow: visible; } :root .c2_820_20 ul, :root .c3_1120_20 ul { margin-right: 0; } .c2_820_20 img, .c3_1120_20 img{ display: block; } .c2_820_20>ul>li:hover,.c3_1120_20>ul>li:hover {box-shadow: 0 0 8px hsla(205, 86%, 49%,0.75); } /*蹇*/ #news { position: absolute; top: 0; left: 0; z-index: 9; height: 420px; width: 280px; background: url(/uploads/image/pccss/bg060p.png) 0 0 repeat; background: hsla(0,0%,0%,0.7);} #news h2 { width: 60px; height: 24px; line-height: 24px; margin: 12px 0 0 12px; font-size: 16px; text-align: center; color: #fff; background-color: #1291ea;} #news h2 a { color: #fff;} #news .list { height: 378px; overflow: hidden; *position: relative;} #news ul { margin-left: 12px; border-left: 1px solid #555; } :root #news ul { border-left-color: hsla(0,100%,100%,0.25); } #news li { position: relative; margin: 0 12px; padding: 14px 0; border-bottom: 1px solid #555; zoom: 1; } :root #news li { border-bottom-color: hsla(0,100%,100%,0.25);} #news .info { max-height: 40px; line-height: 20px; font-size: 14px;} #news .info a { color: #fff; opacity: 0.9; filter: alpha(opacity=80); zoom: 1;} #news .info a:hover { opacity: 1; filter: alpha(opacity=100); } #news .time { margin-top: 5px; color: #fff; opacity: 0.25; filter: alpha(opacity=25); zoom: 1;} #news .icon { position: absolute; left: -16px; top: 20px; width: 7px; height: 7px; background-color: #749ed9; border-radius: 50%; -webkit-transition: all 0.2s; transition: all 0.2s;} #news .more { padding: 20px 0; border-left: 1px solid #555; } :root #news .more { border-left-color: hsla(0,100%,100%,0.25); } #news .more a{ display: block; width: 100px; height: 24px; line-height: 24px; margin: 0 auto; text-align: center; color: #749ed9; border: 1px solid #555; } :root #news .more a{ border-color: hsla(0,100%,100%,0.25);} #news .more a:hover { color: #1291ea; } #news li:hover .icon { left: -18px; top: 18px; width: 11px; height: 11px; background-color: #1291ea; } /*鐒︾偣鍥?/ #focus { position: relative; width: 1120px; height: 420px; overflow: hidden; } #focus ul { position: relative; width: 500%;} #focus li { float: left; width: 20%; zoom:1;} #focus .tit { width: auto; left: 280px; right: 0; padding-right: 150px; font-size: 20px; overflow: hidden;} #focus .per,#focus .next { position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; text-align: center; font-family: \5b8b\4f53; font-size: 40px; color: #aaa; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s;} #focus .per { left: 280px;} #focus .next { right: 0;} #focus .per:hover, #focus .next:hover { color: #fff; -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2);} #focus .page { position: absolute; bottom: 20px; right: 20px;} #focus .page em { display: inline-block; height: 8px; width: 8px; margin-left: 10px; border: 1px solid #fff; border-radius: 50%; background-color: #333; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer;} #focus .page em:hover, #focus .page em.cur { background-color: #1291ea; } /*绮鹃€夊鍥?/ #nav_icon { float: left; width: 278px; margin-right: 20px; padding: 4px 0; border: 1px solid #e6eff7; background-color: #fafbfd;} #nav_icon ul { overflow: hidden;} #nav_icon li { float: left; width: 80px; padding: 0 6px; margin-left: -1px; margin-top: -1px; border-left: 1px solid #f4f5f7; } #nav_icon a,#nav_icon i,#nav_icon em { display: block; } #nav_icon a { padding: 14px 0; color: #4c577b; text-align: center; border-top: 1px solid #f4f5f7; cursor: pointer;} #nav_icon i { height: 30px; line-height: 30px; font-size: 30px;} #nav_icon em { height: 20px; line-height: 20px; color: #7a819a;} #nav_icon a:hover { color: #749ed9; } #nav_icon a:hover em { color: #7ba7e6;} /*鐑棬鏂囩珷*/ .hotart_tab a { display: inline-block; height: 28px; line-height: 28px; margin-left: 20px; padding: 0 10px; font-size: 14px; color: #666; border: 1px solid #ddd; cursor: pointer; } .hotart_tab a:hover { color: #1291ea; border-color: #1291ea; } .hotart > li { position: relative; height: 424px; margin-top: 20px; background: #fff;} .hotart .con { padding: 20px; } .hotart .tit { max-height: 3em; font-size: 18px; overflow: hidden;} .hotart .author { line-height: 20px; margin-top: 10px; color: #ccc;} .hotart .info { max-height: 4.5em; margin-top: 10px; font-size: 14px; color: #999; overflow: hidden;} .hotart .sns { position: absolute; left: 20px; bottom: 20px; z-index: 1;} .hotart_rank { padding: 10px 20px;} .hotart_rank .tab { font: 0; } .hotart_rank .tab span{ display: inline-block; width: 26.333333%; margin: 0 3.5%; font-size: 18px; text-align: center; border-bottom: 2px solid #fff; cursor: pointer; *margin: 0 3%;} .hotart_rank .tab span:hover,.hotart_rank .tab span.cur { color: #1291ea; border-bottom-color: #1291ea;} .hotart_rank .list_round_h40 { max-height: 360px; overflow: hidden;} .hotart_rank li { margin-top: 20px; } .hotart .sort { position: absolute; top: 12px; left: 12px; height: 24px; line-height: 24px; padding: 0 10px; color: #fff; background-color: #1291ea; opacity: 0.9; filter: alpha(opacity=90);} .hotart .sort:hover { opacity: 1; filter: alpha(opacity=);} /*鍒涙姇锛屽ぇ鍜栨帹鑽?/ .recomm_tit { height: 40px; line-height: 40px; padding-left: 20px; padding-right: 10px; background-color: #f0f4f7;} .recomm_tit .tit_more { font-size: 22px; margin-top: 8px; border: none; } .recomm_tit .tit_more:hover { color: #1291ea; background: none;} /*娲诲姩*/ .event_tit { height: 26px; line-height: 26px; margin-top: 7px;} .event_tit .tit_more { margin-top: 0;} #event .tit_pa { margin-top: 10px; padding: 0 12px 17px 12px; background-color: #fff; } #event li { padding-top: 17px;} #event img { display: block;} /*缁忔祹瀛︿汉*/ #economist .c3_1120_20 { overflow: hidden;} #economist .c3_1120_20 ul { margin-top: -20px;} #economist li { margin-top: 40px; font-size: 14px; box-shadow: none;} #economist .teach { float: right;} #economist .teach a { margin-right: 20px; font-size: 16px; color: #1291ea; } #economist .teach a:hover { text-decoration: underline;} #economist .face { float: left; margin-right: 10px;} #economist img { display: block;} #economist .info { max-height: 3em; font-size: 16px; overflow: hidden;} #economist .name,#economist .honor { font-size: 14px; color: #bbb;} #economist .name { margin-top: 10px;} #economist .list { line-height: 20px; margin-top: 1px; overflow: hidden;} #economist .list ul { margin-top: -7px; border-left: 1px dotted #bbb; } #economist .list li { height: 20px; margin-top: 0; margin-left: -1px; padding-left: 9px; padding-top: 15px; overflow: hidden;} #economist .list li:first-child { border-left: 1px solid #aaa;} /*宄颁細*/ .meet_tit { position: relative; z-index: 1; height: 30px; line-height: 30px; text-align: center; } .meet_tit i { position: absolute; top: 15px; left: 0; z-index: -1; height: 1px; width: 100%; background-color: #ddd; } .meet_tit h2 { display: inline-block; padding: 0 20px; font-size: 22px; background-color: #f5f5f5; *width: 150px;} /*鍙充晶鎮诞瀵艰埅*/ #nav_fixed { width: 110px; border-left: 1px solid #e6e6e6;} #nav_fixed li { padding: 5px 0 5px 20px;} #nav_fixed i,#nav_fixed a { display: inline-block; vertical-align: middle;} #nav_fixed i { width: 10px; height: 10px; margin-left: -25px; background-color: #ddd; border-radius: 50%; } #nav_fixed a { height: 30px; line-height: 30px; padding: 0 5px; margin-left: 10px; font-size: 16px; } #nav_fixed a:hover,#nav_fixed .cur a { color: #fff; background-color: #1291ea }