以下是 雅虎社区4屏焦点轮换轮播滚动特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为雅虎社区4屏焦点轮换" />
<title>雅虎社区4屏焦点轮换</title>
<link media=screen href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<br />
<!--flash幻灯展示开始-->
<div id=flash_show_out>
<div id=flash_show>
<div id=flash_img></div>
<div id=flashtrans></div>
<div id=flash_btn>
<div>
<a id=img_prev_btn onClick="showPrevImage();return false;"
href="http://focus.cn.yahoo.com/community/#" target=_self>«</a>
</div>
<div>
<a id=aimg0 onClick="javascript:showImage(0);return false;"
href="http://cn.bbs.yahoo.com/message/read_´óǧÊÀ½ç_74315.html" target=_self
name=Home/community/topic/lantern></a>
</div>
<div>
<a id=aimg1 onClick="javascript:showImage(1);return false;"
href="http://cn.bbs.yahoo.com/message/read_ÈýÃ÷_822.html" target=_self
name=Home/community/topic/lantern></a>
</div>
<div>
<a id=aimg2 onClick="javascript:showImage(2);return false;"
href="http://cn.bbs.yahoo.com/message/read_ºÃͼ¿ìÏí_92500.html" target=_self
name=Home/community/topic/lantern></a>
</div>
<div>
<a id=aimg3 onClick="javascript:showImage(3);return false;"
href="http://club.cn.yahoo.com/bbs/threadview.html?gid=1400004554&tid=426"
target=_self name=Home/community/topic/lantern></a>
</div>
<div>
<a id=img_next_btn onClick=" showNextImage();return false;"
href="http://focus.cn.yahoo.com/community/#"
target=_self>»</a>
</div>
</div>
</div>
<div id=flash_show_ctl>
<div id=flash_show_ctl_msg><a id=flash_title></a></div>
</div>
</div>
<script src="css/imgscroll.js" type=text/javascript></script>
<script language=javascript type=text/javascript>
var fImgs = new Array();
fImgs[0] = { title: " 让世界充满“2”", img: "images/01.jpg ", href: "#" };
fImgs[1] = { title: " 中国人的十大欲望排行榜", img: "images/02.jpg ", href: "#" };
fImgs[2] = { title: " 窒息!当我走近青藏高原", img: "images/03.jpg ", href: "#" };
fImgs[3] = { title: " 看看国外充满童趣的性教育", img: "images/04.jpg ", href: "#" };
imagePlay();
</script>
</body>
</html>
JS代码(imgscroll.js):
function show_selector_menu(select_menu_id){
var select_menu = $(select_menu_id);
if( select_menu.style.visibility == "inherit"){
var menu_content = select_menu.firstChild;
if(navigator.userAgent.indexOf('MSIE')>=0){
menu_content.style.marginBottom = "0";
var select_menu_height = select_menu.offsetHeight;
var timer = setInterval(function(){
var marginb = parseInt(menu_content.style.marginBottom);
if( marginb<=parseInt("-"+select_menu_height) ){
menu_content.style.marginBottom = "0";
select_menu.style.visibility = "hidden";
clearInterval(timer);
}
else{
menu_content.style.marginBottom = (marginb-20)+"px";
}
}
,1);
}
else{
select_menu.style.visibility = "hidden";
}
}
else{
var menu_content = select_menu.firstChild;
if(navigator.userAgent.indexOf('MSIE')>=0){
menu_content.style.marginBottom = "-"+ select_menu.offsetHeight+"px";
var timer = setInterval(function(){
var marginb = parseInt(menu_content.style.marginBottom);
if(marginb>=0){
menu_content.style.marginBottom = "0";
clearInterval(timer);
}
else{
menu_content.style.marginBottom = (marginb+20)+"px";
}
}
,1);
}
selector_is_clicked[select_menu_id] = true;
select_menu.style.visibility = "inherit";
}
}
var showImageIndex = -1;
var imageTimer;
function showImage(imageIndex){
var flash_img_div = document.getElementById("flash_img");
var flash_title = document.getElementById("flash_title");
var aimgs = new Array();
aimgs[0] = 0;
aimgs[1] = 1;
aimgs[2] = 2;
aimgs[3] = 3;
for(var i=0;
i<aimgs.length;
i++){
var a_img = document.getElementById("aimg"+i);
if(a_img!=null){
if(aimgs[i]==imageIndex || (imageIndex==4 && i==0)){
a_img.className = "aimg";
}
else{
a_img.className = "";
}
}
}
if(imageIndex>fImgs.length-1){
imageIndex = 0;
}
if(!fImgs[imageIndex] || imageIndex==showImageIndex)return false;
var imgId = "__fImg"+imageIndex;
flash_img_div.filters && flash_img_div.filters[0].Apply();
for(i=0;
i<flash_img_div.childNodes.length;
i++){
flash_img_div.childNodes[i].style.display = "none";
}
if( document.getElementById(imgId) ){
var imga = document.getElementById(imgId);
imga.style.display = "block";
if(imga.tagName=="OBJECT"){
imga.rewind();
imga.Play();
}
}
else{
var pos = fImgs[imageIndex].img.lastIndexOf(".");
if( fImgs[imageIndex].img.substr(pos+1).substr(0,3).toLowerCase()=="swf" ){
flash_img_div.innerHTML += '\<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="320" height="240" id="'+imgId+'">\<param name="movie" value="'+fImgs[imageIndex].img+'" />\<param name="quality" value="high" />\<embed src="'+fImgs[imageIndex].img+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="320" height="240"></embed>\</object>';
}
else{
var img = new Image();
img.border = "0";
img.src = fImgs[imageIndex].img;
img.width = "320";
img.height = "220";
var a = document.createElement("a");
a.href = fImgs[imageIndex].href;
a.target = "_blank";
a.id = imgId;
a.appendChild(img);
flash_img_div.appendChild(a);
}
}
flash_img_div.filters && flash_img_div.filters[0].Play();
var flash_show_ctl_msg = document.getElementById("flash_show_ctl_msg");
flash_show_ctl_msg.filters && flash_show_ctl_msg.filters[0].Apply();
flash_title.href = fImgs[imageIndex].href;
flash_title.innerHTML = fImgs[imageIndex].title;
flash_show_ctl_msg.filters && flash_show_ctl_msg.filters[0].Play();
showImageIndex = imageIndex;
return true;
}
function imagePlay(){
if(imageTimer) return;
if(showImageIndex>=fImgs.length-1){
showImageIndex = -1;
}
showImage(showImageIndex+1);
imageTimer = setInterval(function(){
var stat = showImage(showImageIndex+1);
if(!stat){
stop();
}
}
,7000);
}
function stop(){
clearInterval(imageTimer);
imageTimer = null;
}
function showNextImage(){
showImage(showImageIndex+1);
}
function showPrevImage(){
showImage(showImageIndex-1);
}
CSS代码(css.css):
BODY{FONT-SIZE:12px;MARGIN:0px;FONT-FAMILY:Arial;TEXT-ALIGN:center}
TD{FONT-SIZE:12px}
FORM{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
IMG{BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-WIDTH:0px}
#foot{CLEAR:both;PADDING-RIGHT:0px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:1em auto 0px;WIDTH:780px;LINE-HEIGHT:1.6;PADDING-TOP:0.8em;FONT-FAMILY:arial;TEXT-ALIGN:center}
#foot A{FONT-FAMILY:arial}
A:link{FONT-FAMILY:Arial;TEXT-DECORATION:none}
A:visited{FONT-FAMILY:Arial;TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:underline}
A.s1{COLOR:#0066cb}
.red{COLOR:#f00}
A.red{COLOR:#f00}
.black{COLOR:#000}
A.black{COLOR:#000}
.f14{FONT-SIZE:14px}
A.f14{FONT-SIZE:14px}
.gray{COLOR:#999}
A.gray{COLOR:#999}
.l{FLOAT:left}
.r{FLOAT:right}
.input1{WIDTH:420px}
.col3{FLOAT:left;WIDTH:33%}
.col2{FLOAT:left;WIDTH:48%}
.hack{CLEAR:both;DISPLAY:block;FONT:0px/0px sans-serif}
.x{CLEAR:both;BORDER-TOP:transparent 0px solid}
.w950 #foot{WIDTH:950px}
.fixtab{PADDING-RIGHT:0.5em;WHITE-SPACE:nowrap}
DIV:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
FORM{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
#channel_info{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/userlog_info_bg.gif) repeat-x left top;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:948px;PADDING-TOP:0px;HEIGHT:63px}
#channel_info A:link{COLOR:#184099;TEXT-DECORATION:none}
#channel_info A:visited{COLOR:#184099;TEXT-DECORATION:none}
#channel_info A:hover{TEXT-DECORATION:underline}
#channel_logo{PADDING-RIGHT:14px;PADDING-LEFT:12px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:12px}
#globalsearch_area{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/globalsearch_area_bg.gif) no-repeat left top;FLOAT:right;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:424px;PADDING-TOP:3px;HEIGHT:60px;TEXT-ALIGN:right}
#globalsearch{MARGIN:0px 0px 10px}
.searchtext{PADDING-RIGHT:0px;PADDING-LEFT:3px;PADDING-BOTTOM:0px;WIDTH:328px;PADDING-TOP:2px}
.buttonposition{MARGIN:0px 6px -4px 0px}
#staticlink{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px 10px 0px 0px;COLOR:#818181;PADDING-TOP:0px}
A{COLOR:#00c}
#cmgbd{MARGIN:0px auto;FONT:12px arial,simsun,sans-serif;WIDTH:950px}
#cmghead{BORDER-RIGHT:#818181 1px solid;BORDER-TOP:#818181 1px solid;BORDER-LEFT:#818181 1px solid;BORDER-BOTTOM:#818181 0px solid}
#cmghead DIV.bb{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif) #003d82 no-repeat 0px -97px;OVERFLOW:hidden;HEIGHT:0.3em}
#cmgcontainer{}
.cmpadd{MARGIN-TOP:10px}
#cmglfrm{FLOAT:left;WIDTH:602px}
#cmgrfrm{FLOAT:right;TEXT-ALIGN:left}
#cmcont{TEXT-ALIGN:left}
#cmcont DIV SPAN{DISPLAY:block;BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/tittbbg_811.gif);FLOAT:left}
SPAN.cmct1{WIDTH:4px}
SPAN.cmct3{WIDTH:4px}
SPAN.cmbm1{WIDTH:4px}
SPAN.cmbm3{WIDTH:4px}
#cmcont .cmctt SPAN{HEIGHT:25px}
#cmcont .cmmrhd SPAN{HEIGHT:25px}
#cmcont .cmcbm SPAN{OVERFLOW:hidden;HEIGHT:7px}
#cmcont .cmctt SPAN.cmwda{WIDTH:594px}
#cmcont .cmcbm SPAN.cmwda{WIDTH:594px}
#cmcont .cmmrhd SPAN.cmwda{WIDTH:594px}
#cmcont .cmctt SPAN.cmct2{BACKGROUND-POSITION:0px -25px}
#cmcont .cmctt SPAN.cmct3{BACKGROUND-POSITION:0px -50px}
#cmcont .cmcbm SPAN.cmbm1{BACKGROUND-POSITION:0px -99px}
#cmcont .cmcbm SPAN.cmbm2{BACKGROUND-POSITION:0px -91px}
#cmcont .cmcbm SPAN.cmbm3{BACKGROUND-POSITION:0px -83px}
#cmcont .cmmrhd SPAN.cmct1{BACKGROUND-POSITION:0px -348px}
#cmcont .cmmrhd SPAN.cmct2{BACKGROUND-POSITION:0px -377px}
#cmcont .cmmrhd SPAN.cmct3{BACKGROUND-POSITION:0px -407px}
DIV.cmcct{BORDER-RIGHT:#a5a5a5 1px solid;BACKGROUND:#f8f7f7;BORDER-LEFT:#a5a5a5 1px solid}
.cmgsch SPAN .schbt{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif)}
#cmcont DIV.cmcfg{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif)}
#cmcont DIV.cmyl{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif)}
#cmcont DIV.cmcfg{BACKGROUND-POSITION:0px -27px;OVERFLOW:hidden;HEIGHT:0.4em}
SPAN.cmct2{FONT:bold 13px/25px Arial;TEXT-INDENT:0.75em}
.cmhgt1{HEIGHT:250px}
.cmhgt2{HEIGHT:250px}
.cmhgt3{HEIGHT:236px}
.ad{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid}
.cmand{HEIGHT:113px}
#cmttimg{PADDING-RIGHT:8px;PADDING-LEFT:8px;FLOAT:left;PADDING-BOTTOM:8px;PADDING-TOP:8px}
.cmscrl{WIDTH:320px;HEIGHT:225px}
#cmttext{PADDING-RIGHT:8px;PADDING-LEFT:8px;FLOAT:right;PADDING-BOTTOM:8px;WIDTH:240px;PADDING-TOP:8px}
#cmttext A{COLOR:#000}
#cmttext A:hover P{TEXT-DECORATION:none}
#cmttext A H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;FONT:1.5em/30px '���ź�','����',Arial;PADDING-TOP:0px;TEXT-ALIGN:center;TEXT-DECORATION:underline}
#cmttext P{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0.2em;TEXT-INDENT:2em;LINE-HEIGHT:1.5em;PADDING-TOP:0.2em;FONT-STYLE:normal}
#cmttext B{DISPLAY:block;BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/tittbbg_811.gif) 0px -115px;OVERFLOW:hidden;HEIGHT:0.5em}
.cmimls B{DISPLAY:block;BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/tittbbg_811.gif) 0px -115px;OVERFLOW:hidden;HEIGHT:0.5em}
#cmttext I{PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:0px;PADDING-BOTTOM:0.2em;PADDING-TOP:0.2em;FONT-STYLE:normal}
UNKNOWN{PADDING-RIGHT:0px! important;PADDING-LEFT:0px! important;PADDING-BOTTOM:0.1em! important;PADDING-TOP:0.2em! important}
#cmttext I.impt A{COLOR:#03f}
I.impt A:link{COLOR:#03f}
#flash_show_out{WIDTH:320px;POSITION:relative;HEIGHT:220px}
#flash_show{}
#flash_img{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);OVERFLOW:hidden;BORDER-LEFT:#000 1px solid;WIDTH:318px;BORDER-BOTTOM:#000 1px solid;HEIGHT:220px}
#flash_btn{Z-INDEX:202;RIGHT:0px;WIDTH:80px;POSITION:absolute;TOP:198px}
#flash_btn DIV{FLOAT:left;MARGIN:5px 2px}
#flash_btn DIV A{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;DISPLAY:block;BACKGROUND:#fff;OVERFLOW:hidden;BORDER-LEFT:#000 1px solid;WIDTH:7px;BORDER-BOTTOM:#000 1px solid;HEIGHT:7px}
#flash_btn DIV A:hover{DISPLAY:block;BACKGROUND:#0bb6ce}
#flash_show_ctl{BORDER-TOP:#000 1px solid;Z-INDEX:20;LEFT:1px;WIDTH:318px;POSITION:absolute;TOP:191px;HEIGHT:30px}
#flashtrans{Z-INDEX:2;BACKGROUND:#fff;FILTER:Alpha(opacity=70);LEFT:1px;WIDTH:318px;POSITION:absolute;TOP:191px;HEIGHT:30px;moz-opacity:.7;opacity:.7}
#flash_show_ctl_msg{FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);FLOAT:left;OVERFLOW:hidden;WIDTH:289px}
#flash_show_ctl A{FONT:bold 13px/28px Arial,'����';COLOR:#000;TEXT-DECORATION:none}
#flash_show_ctl A:hover{COLOR:#309;TEXT-DECORATION:none}
#flash_show_ctl_tuber{Z-INDEX:100;LEFT:305px;POSITION:relative;TOP:-17px}
#flash_show_ctl_arrow{MARGIN-RIGHT:5px}
#img_prev_btn{FONT-SIZE:12px;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#000;BORDER-TOP-STYLE:none! important;LINE-HEIGHT:10px;BORDER-RIGHT-STYLE:none! important;BORDER-LEFT-STYLE:none! important;HEIGHT:12px! important;BORDER-BOTTOM-STYLE:none! important}
#img_next_btn{FONT-SIZE:12px;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#000;BORDER-TOP-STYLE:none! important;LINE-HEIGHT:10px;BORDER-RIGHT-STYLE:none! important;BORDER-LEFT-STYLE:none! important;HEIGHT:12px! important;BORDER-BOTTOM-STYLE:none! important}
#cmcont .cmpart{PADDING-RIGHT:8px;PADDING-LEFT:8px;MIN-HEIGHT:190px;FLOAT:left;PADDING-BOTTOM:8px;WIDTH:30%;PADDING-TOP:8px;HEIGHT:200px}
.rgtbd{BACKGROUND:url(http://cn.yimg.com/cmtfocus/headpic/tittbbg_811.gif) no-repeat right -108px}
.cmp{WIDTH:178px;HEIGHT:128px}
.impt{PADDING-RIGHT:10px! important}
.cmpart H3{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0.7em;MARGIN:0px;FONT:14px/1.3em '����';PADDING-TOP:0.7em}
.cmpart P{FONT-SIZE:12px;MARGIN:0px;LINE-HEIGHT:1.5em}
.cmlst P{FONT-SIZE:12px;MARGIN:0px;LINE-HEIGHT:1.5em}
#cmcont .cmimls{PADDING-RIGHT:8px;PADDING-LEFT:8px;PADDING-BOTTOM:8px;PADDING-TOP:8px}
.cmlsm{FLOAT:left;WIDTH:178px;HEIGHT:128px}
.cmlst{FLOAT:right;WIDTH:387px;HEIGHT:128px}
.cmlst H4{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:14px;PADDING-BOTTOM:0.8em;MARGIN:0px;PADDING-TOP:0.8em}
.cmlst H4 A{TEXT-DECORATION:underline}
.cmimls DL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:1em 0px 3em;PADDING-TOP:0px}
.cmimls DL DT{DISPLAY:none}
.cmimls DL DD{PADDING-RIGHT:0px;PADDING-LEFT:0px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:290px;LINE-HEIGHT:22px;PADDING-TOP:0px;HEIGHT:22px}
#cmcont .cmcct DIV.cmyl{BACKGROUND-POSITION:0px -74px;OVERFLOW:hidden;HEIGHT:0.4em}
.cmmrhd{}
.pstin{POSITION:relative}
.pstin EM{FONT-STYLE:normal;POSITION:absolute;TOP:2px}
.pstin EM.jb{Z-INDEX:10;COLOR:#fff;TOP:1px! important}
.scrollpages UL{FLOAT:left;WIDTH:240px;LIST-STYLE-TYPE:none}
UL.dtk-list{FLOAT:left;WIDTH:240px;LIST-STYLE-TYPE:none}
.scrht{HEIGHT:317px}
.scrollpages{ZOOM:1}
.scrollpages UL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
#scrlct H3{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
.scrollpages UL LI{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
.scrollpages UL{LIST-STYLE-TYPE:none}
.scrollpages UL LI{FLOAT:left;WIDTH:300px}
.scrollpages UL LI A:link{BORDER-TOP:#fff 1px solid;DISPLAY:block;Z-INDEX:60;BACKGROUND:#e6f3d9;FLOAT:left;WIDTH:300px;LINE-HEIGHT:27px;BORDER-BOTTOM:#dae7ce 1px solid;HEIGHT:27px}
.scrollpages UL LI A{BORDER-TOP:#fff 1px solid;DISPLAY:block;Z-INDEX:60;BACKGROUND:#e6f3d9;FLOAT:left;WIDTH:300px;LINE-HEIGHT:27px;BORDER-BOTTOM:#dae7ce 1px solid;HEIGHT:27px}
.scrollpages UL LI A B{MARGIN-TOP:1px;DISPLAY:block;BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif) -67px -38px;FLOAT:left;OVERFLOW:hidden;WIDTH:28px;CURSOR:hand;MARGIN-RIGHT:10px;HEIGHT:28px}
UNKNOWN{MARGIN-TOP:0px! important}
.scrollpages UL LI EM{BORDER-RIGHT:#89e179 1px solid;PADDING-RIGHT:0.4em;BORDER-TOP:#89e179 1px solid;DISPLAY:none;PADDING-LEFT:1.3em;Z-INDEX:80;RIGHT:0px;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/bd_bg_a.gif);PADDING-BOTTOM:0.8em;BORDER-LEFT:#89e179 1px solid;WIDTH:250px;TEXT-INDENT:2em;LINE-HEIGHT:1.5em;PADDING-TOP:1.2em;BORDER-BOTTOM:#89e179 1px solid;POSITION:absolute;TOP:29px;HEIGHT:110px}
.scrollpages UL LI.upon EM{BOTTOM:-1px;TOP:auto! important}
.scrollpages UL LI.upon A:hover{BORDER-BOTTOM:#89e179 1px solid}
.scrollpages UL LI.upon A:hover B{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/uppon.gif) -1px 0px}
.scrollpages UL LI I{DISPLAY:block;FLOAT:left;POSITION:relative}
.scrollpages UL LI A:hover{BORDER-RIGHT:#89e179 1px solid;FONT-WEIGHT:bold;BACKGROUND:#d2ffce;WIDTH:299px}
.scrollpages UL LI A:hover B{BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/citeimg.gif) -38px -38px}
.scrollpages LI UL{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/bd_bg_a.gif);PADDING-BOTTOM:0.5em;WIDTH:300px;PADDING-TOP:0.3em}
.scrollpages LI LI{PADDING-RIGHT:1em;PADDING-LEFT:1em;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:250px;TEXT-INDENT:1.5em;LINE-HEIGHT:1.5em;PADDING-TOP:0.5em;HEIGHT:165px}
.scrollpages LI LI A{PADDING-RIGHT:1em;PADDING-LEFT:1em;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:250px;TEXT-INDENT:1.5em;LINE-HEIGHT:1.5em;PADDING-TOP:0.5em;HEIGHT:165px}
.scrollpages LI LI A:hover{TEXT-DECORATION:none}
.nscrpt{BORDER-RIGHT:#ffba00 1px solid;PADDING-RIGHT:1em;BORDER-TOP:#ffba00 1px solid;PADDING-LEFT:1em;BACKGROUND:#feff9c;PADDING-BOTTOM:0.2em;MARGIN:2em;BORDER-LEFT:#ffba00 1px solid;COLOR:#ffa025;PADDING-TOP:0.2em;BORDER-BOTTOM:#ffba00 1px solid;TEXT-ALIGN:center}
#cmgcprt{BORDER-RIGHT:#818181 1px solid;BORDER-TOP:#818181 1px solid;BACKGROUND:#f1f1f1;BORDER-LEFT:#818181 1px solid;PADDING-TOP:1.5em;BORDER-BOTTOM:#818181 1px solid;HEIGHT:59px;TEXT-ALIGN:center}
#cmgcprt A{COLOR:#545454}
#cmgcprt{COLOR:#545454}
#cmgrfrm .colb{WIDTH:28.34em}
.dtk-carousel{MARGIN-BOTTOM:5px;WIDTH:580px;POSITION:relative;HEIGHT:100%}
.dtk-carousel H2{FONT-WEIGHT:lighter;FONT-SIZE:14px;OVERFLOW:hidden;COLOR:#244075;HEIGHT:1px}
.dtk-carousel H2 A{FONT-SIZE:14px;COLOR:#244075}
.dtk-carousel H2 A:visited{FONT-SIZE:14px;COLOR:#244075}
.dtk-carousel H2 A:hover{FONT-SIZE:14px;COLOR:#244075}
.dtk-carousel A.next SPAN{DISPLAY:none}
.dtk-carousel A.prev SPAN{DISPLAY:none}
.dtk-carousel A.prev{DISPLAY:inline;RIGHT:50px;BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/movcar_nav2.gif) no-repeat;OVERFLOW:hidden;WIDTH:31px;CURSOR:pointer;POSITION:absolute;TOP:-29px;HEIGHT:22px}
.dtk-carousel A.next{DISPLAY:inline;RIGHT:50px;BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/movcar_nav2.gif) no-repeat;OVERFLOW:hidden;WIDTH:31px;CURSOR:pointer;POSITION:absolute;TOP:-29px;HEIGHT:22px}
.dtk-carousel A.next{BACKGROUND-POSITION:-30px 0px;RIGHT:0px;WIDTH:50px}
A.off{CURSOR:default! important}
.dtk-carousel .scrollnav{Z-INDEX:1000;RIGHT:100px;LIST-STYLE-TYPE:none;POSITION:absolute;TOP:-24px}
.dtk-carousel .scrollnav A{PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:0px;BACKGROUND:url(http://cn.yimg.com/cmtfocus/img87/movcar_nav2.gif) no-repeat -11px -23px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px 1px;OVERFLOW:hidden;WIDTH:9px;TEXT-INDENT:-100px;PADDING-TOP:0px;HEIGHT:9px}
.dtk-carousel .scrollnav A.current{BACKGROUND-POSITION:0px -23px;CURSOR:default}
.dtk-carousel .ft A{PADDING-RIGHT:5px;DISPLAY:block;PADDING-LEFT:5px;FLOAT:right;PADDING-BOTTOM:5px;FONT:bold 85% arial;COLOR:#009dd9;PADDING-TOP:5px;BACKGROUND-COLOR:#eaeaea;TEXT-DECORATION:none}
.dtk-carousel DIV.scrollbody{DISPLAY:inline;FLOAT:left;MARGIN:0px;OVERFLOW:hidden;WIDTH:600px}
.dtk-carousel DIV.scrollpages{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;WIDTH:1900px;PADDING-TOP:0px;LIST-STYLE-TYPE:none}
UL.dtk-list{DISPLAY:inline;WIDTH:600px}
#yhd{CLEAR:both;MARGIN:0px auto 0.84em;WIDTH:79.17em}
#ybd{CLEAR:both;MARGIN:0px auto 0.84em;WIDTH:79.17em}
#yft{CLEAR:both;MARGIN:0px auto 0.84em;WIDTH:79.17em}
#ybd{TEXT-ALIGN:left}
#ybd .sideblock{FLOAT:left;WIDTH:13.34em}
#ybd .mainblock{FLOAT:right;WIDTH:65em}
#ybd .cola{FLOAT:left;WIDTH:35.84em}
#ybd .colb{FLOAT:right;WIDTH:28.34em}
#ybd .colc{CLEAR:both;WIDTH:65em}
#pa_maillst:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.mod .hd:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.mod .bd:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.mod .bd_a:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.mod .bd_b:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#pa_tabs_a:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#pa_tabs_b:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#everyday_tip:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
.pa_con:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#pa_tabs_a_preview:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#pa_tabs_b_preview:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#ycn_security:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#yhd:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#ybd:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#yft:unknown{CLEAR:both;DISPLAY:block;VISIBILITY:hidden;HEIGHT:0px;content:"."}
#yft{PADDING-BOTTOM:0.84em}
#ycn_security{MARGIN:0px auto 1em;WIDTH:48.4em}
.netchina SPAN{DISPLAY:inline;FLOAT:left}
.cyber110 SPAN{DISPLAY:inline;FLOAT:left}
.netbj SPAN{DISPLAY:inline;FLOAT:left}
.netchina{DISPLAY:inline;FLOAT:left}
.prosecute{DISPLAY:inline;FLOAT:left}
.cyber110{DISPLAY:inline;FLOAT:left}
.netbj{DISPLAY:inline;FLOAT:left}
.netchina{MARGIN-RIGHT:1em}
.prosecute{MARGIN-RIGHT:1em}
.cyber110{MARGIN-RIGHT:1em}
.netbj{MARGIN-RIGHT:1em}
.netchina{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:1em}
.prosecute{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:1em}
.cyber110{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:1em}
.netchina IMG{MARGIN-RIGHT:0.5em}
.cyber110 IMG{MARGIN-RIGHT:0.5em}
.netbj IMG{MARGIN-RIGHT:0.5em}
.netchina A{COLOR:#000}
.cyber110 A{COLOR:#000}
.netbj A{COLOR:#000}
.netchina SPAN{LINE-HEIGHT:1.6em}
.cyber110 SPAN{LINE-HEIGHT:1.6em}
.netbj SPAN{LINE-HEIGHT:1.6em}
.prosecute SPAN{LINE-HEIGHT:1.6em}
.prosecute SPAN{DISPLAY:block;TEXT-ALIGN:left}
#pa{MARGIN-BOTTOM:0.8em}
#pa .hd{FONT-FAMILY:arial}
#pa INPUT{FONT-FAMILY:arial}
#pa FIELDSET{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:0px}
#pa .bn_space{BORDER-TOP-WIDTH:0px;PADDING-RIGHT:0.2em;PADDING-LEFT:0.2em;BORDER-LEFT-WIDTH:0px;FONT-SIZE:1em;BORDER-BOTTOM-WIDTH:0px;PADDING-BOTTOM:0.1em;MARGIN-LEFT:0.4em;VERTICAL-ALIGN:middle;WIDTH:5.6em;CURSOR:hand;LINE-HEIGHT:1.3em;PADDING-TOP:0.1em;HEIGHT:1.58em;BORDER-RIGHT-WIDTH:0px}
#pa .bn_login{BORDER-TOP-WIDTH:0px;PADDING-RIGHT:0.2em;PADDING-LEFT:0.2em;BORDER-LEFT-WIDTH:0px;FONT-SIZE:1em;BORDER-BOTTOM-WIDTH:0px;PADDING-BOTTOM:0.1em;MARGIN-LEFT:0.4em;VERTICAL-ALIGN:middle;WIDTH:5.6em;CURSOR:hand;LINE-HEIGHT:1.3em;PADDING-TOP:0.1em;HEIGHT:1.58em;BORDER-RIGHT-WIDTH:0px}
#pa .bn_login{WIDTH:10.5em}
#pa .hd .sysdate{FLOAT:left;OVERFLOW:hidden;HEIGHT:3.9em}
#pa .hd .userinfo{FLOAT:left;OVERFLOW:hidden;HEIGHT:3.9em}
#pa .hd .login{FLOAT:left;OVERFLOW:hidden;HEIGHT:3.9em}
#pa .hd .logined{FLOAT:left;OVERFLOW:hidden;HEIGHT:3.9em}
#pa .hd .register{FLOAT:left;OVERFLOW:hidden;HEIGHT:3.9em}
#pa .hd .logined{FLOAT:none}
#pa .hd .sysdate{PADDING-TOP:0.3em}
#pa .hd .userinfo{PADDING-TOP:0.3em}
#pa .hd .login{WIDTH:21.8em}
#pa .hd .userinfo .welcome_user STRONG{FONT-SIZE:1.17em}
#pa .hd .register{PADDING-LEFT:0.4em}
#pa .hd .register SPAN{DISPLAY:block;PADDING-TOP:0.25em}
#pa .hd .item{DISPLAY:block;MARGIN-BOTTOM:0.2em;VERTICAL-ALIGN:middle}
#pa .hd .inp{VERTICAL-ALIGN:middle;WIDTH:7.6em;HEIGHT:1.17em}
#pa .hd{PADDING-RIGHT:0px;BACKGROUND-POSITION:50% top;PADDING-LEFT:0.6em;PADDING-BOTTOM:0.5em;PADDING-TOP:0.6em;BACKGROUND-REPEAT:repeat-x;HEIGHT:auto}
#pa .hd .avatar_user{FLOAT:left;MARGIN-RIGHT:0.6em;PADDING-TOP:0.2em}
#pa .hd .links_user{DISPLAY:block}
#pa .hd .sysdate{FLOAT:right;MARGIN-RIGHT:0.5em;TEXT-ALIGN:right}
#pa .hd .sysdate SPAN{DISPLAY:block}
#pa .bd{PADDING-RIGHT:0px;PADDING-LEFT:0.67em;PADDING-BOTTOM:0.2em;PADDING-TOP:0.67em}
#pa_tabs_a{ZOOM:1;POSITION:relative}
#pa_tabs_b{ZOOM:1;POSITION:relative}
#pa_tabs_b LI{DISPLAY:inline;FLOAT:left;WIDTH:8.65em;MARGIN-RIGHT:0.5em;LIST-STYLE-TYPE:none;POSITION:relative;HEIGHT:2.5em}
#pa_tabs_a LI{DISPLAY:inline;FLOAT:left;WIDTH:8.65em;MARGIN-RIGHT:0.5em;LIST-STYLE-TYPE:none;POSITION:relative;HEIGHT:2.5em}
#pa_tabs_b LI SPAN{DISPLAY:block;Z-INDEX:10;LEFT:-1px;WIDTH:8.5em;POSITION:absolute;TOP:-1px;HEIGHT:2.3em}
#pa_tabs_a LI SPAN{DISPLAY:block;Z-INDEX:10;LEFT:-1px;WIDTH:8.5em;POSITION:absolute;TOP:-1px;HEIGHT:2.3em}
#pa_tabs_b LI SPAN A{DISPLAY:block;FONT-SIZE:1.08em;MARGIN-BOTTOM:1px;LINE-HEIGHT:2.07em;HEIGHT:2.07em}
#pa_tabs_a LI SPAN A{DISPLAY:block;FONT-SIZE:1.08em;MARGIN-BOTTOM:1px;LINE-HEIGHT:2.07em;HEIGHT:2.07em}
#pa_tabs_b LI SPAN.open{BORDER-BOTTOM-WIDTH:0px;HEIGHT:2.8em}
#pa_tabs_a LI SPAN.open{BORDER-BOTTOM-WIDTH:0px;HEIGHT:2.8em}
#pa_tabs_b LI SPAN.open A{HEIGHT:2.35em}
#pa_tabs_a LI SPAN.open A{HEIGHT:2.35em}
.pa_con{ZOOM:1;FONT-FAMILY:arial;HEIGHT:98%;TEXT-ALIGN:left}
#pa_tabs_b LI SPAN A{POSITION:relative;TEXT-DECORATION:none}
#pa_tabs_a LI SPAN A{POSITION:relative;TEXT-DECORATION:none}
#pa_tabs_b LI SPAN A EM{FONT-WEIGHT:bold;MARGIN-LEFT:3.5em}
#pa_tabs_a LI SPAN A EM{FONT-WEIGHT:bold;MARGIN-LEFT:3.5em}
#pa_tabs_a LI SPAN A B{FONT-WEIGHT:normal;FONT-SIZE:0.84em;FONT-FAMILY:verdana}
#pa_tabs_b_preview{MARGIN-BOTTOM:0.3em;MARGIN-LEFT:-1px;OVERFLOW:hidden;WIDTH:27em;PADDING-TOP:0.22em;HEIGHT:1px}
#pa_tabs_a_preview{MARGIN-BOTTOM:0.3em;MARGIN-LEFT:-1px;OVERFLOW:hidden;WIDTH:27em;PADDING-TOP:0.22em;HEIGHT:1px}
#pa_tabs_b_preview{MARGIN-BOTTOM:0px}
.pamail{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.pablog{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.paalbum{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.pagroups{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.pastock{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.paspa{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/3/ic.gif) no-repeat 1em -398px}
.pablog{BACKGROUND-POSITION:1em -447px}
.paalbum{BACKGROUND-POSITION:1em -496px}
.pagroups{BACKGROUND-POSITION:1em -547px}
.pastock{BACKGROUND-POSITION:1em -596px}
.newmail{BACKGROUND-POSITION:1em -687px}
.paspa{BACKGROUND-POSITION:1em -753px}
.tip{VERTICAL-ALIGN:middle;ZOOM:1}
.bnhelp{VERTICAL-ALIGN:middle;ZOOM:1}
.bnhelp{MARGIN-TOP:-3px;MARGIN-LEFT:0.5em;OVERFLOW:hidden;WIDTH:14px;HEIGHT:13px}
A.bnhelp:hover{BACKGROUND-POSITION:-14px -300px}
#everyday_tip{CLEAR:both;MARGIN-BOTTOM:0.1em;LINE-HEIGHT:2em;PADDING-TOP:0.25em;ZOOM:1}
#everyday_tip SPAN{FLOAT:left}
#everyday_tip EM{FLOAT:right}
#everyday_tip .tip{MARGIN-TOP:0.2em;LINE-HEIGHT:1.4em}
#everyday_tip_con{BORDER-RIGHT:#a7b5be 1px solid;BORDER-TOP:#a7b5be 1px solid;BACKGROUND:#e9edf6;BORDER-LEFT:#a7b5be 1px solid;WIDTH:19.75em;BORDER-BOTTOM:#a7b5be 1px solid;POSITION:absolute}
#everyday_tip_con .bd{BORDER-RIGHT:#b3c1ca 1px solid;PADDING-RIGHT:0.8em;BORDER-TOP:#b3c1ca 1px solid;PADDING-LEFT:0.8em;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/ic_tt.gif) #fff no-repeat 98% 2%;PADDING-BOTTOM:0.8em;MARGIN:2px;BORDER-LEFT:#b3c1ca 1px solid;COLOR:#333;LINE-HEIGHT:1.5em;PADDING-TOP:0.8em;BORDER-BOTTOM:#b3c1ca 1px solid}
#everyday_tip_con .bd H3{FONT-SIZE:1em;MARGIN-BOTTOM:0.4em}
.tip{PADDING-LEFT:16px;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/2/ic.gif) no-repeat 0px -350px}
.icowe1{BACKGROUND:url(http://cn.yimg.com/i/we/g/1.gif) no-repeat 0.8em 0.1em}
.icowe2{BACKGROUND:url(http://cn.yimg.com/i/we/g/6.gif) no-repeat 1em 0.2em}
.icowe3{BACKGROUND:url(http://cn.yimg.com/i/we/g/3.gif) no-repeat 1em 0.2em}
.icowe4{BACKGROUND:url(http://cn.yimg.com/i/we/g/13.gif) no-repeat 1em 0.2em}
.icowe5{BACKGROUND:url(http://cn.yimg.com/i/we/g/14.gif) no-repeat 1em 0.2em}
.icowe6{BACKGROUND:url(http://cn.yimg.com/i/we/g/15.gif) no-repeat 1em 0.2em}
.icowe7{BACKGROUND:url(http://cn.yimg.com/i/we/g/16.gif) no-repeat 1em 0.2em}
.icowe8{BACKGROUND:url(http://cn.yimg.com/i/we/g/11.gif) no-repeat 1em 0.2em}
.icowe9{BACKGROUND:url(http://cn.yimg.com/i/we/g/10.gif) no-repeat 1em 0.2em}
.icowe10{BACKGROUND:url(http://cn.yimg.com/i/we/g/20.gif) no-repeat 1em 0.2em}
.icowe11{BACKGROUND:url(http://cn.yimg.com/i/we/g/21.gif) no-repeat 1em 0.2em}
.icowe12{BACKGROUND:url(http://cn.yimg.com/i/we/g/23.gif) no-repeat 1em 0.2em}
.icowe13{BACKGROUND:url(http://cn.yimg.com/i/we/g/24.gif) no-repeat 1em 0.2em}
.icowe14{BACKGROUND:url(http://cn.yimg.com/i/we/g/25.gif) no-repeat 1em 0.2em}
.icowe15{BACKGROUND:url(http://cn.yimg.com/i/we/g/30.gif) no-repeat 1em 0.2em}
.icowe16{BACKGROUND:url(http://cn.yimg.com/i/we/g/27.gif) no-repeat 1em 0.2em}
.icowe17{BACKGROUND:url(http://cn.yimg.com/i/we/g/22.gif) no-repeat 1em 0.2em}
.icowe18{BACKGROUND:url(http://cn.yimg.com/i/we/g/22.gif) no-repeat 1em 0.2em}
.icowe19{BACKGROUND:url(http://cn.yimg.com/i/we/g/17.gif) no-repeat 1em 0.2em}
.icowe20{BACKGROUND:url(http://cn.yimg.com/i/we/g/12.gif) no-repeat 1em 0.2em}
.icowe21{BACKGROUND:url(http://cn.yimg.com/i/we/g/18.gif) no-repeat 1.1em 0.2em}
#pa .bd .paweather{POSITION:relative}
#pa .bd .paweather EM{LINE-HEIGHT:1.6em}
#pa .bd .paweather B{FONT-WEIGHT:normal;FONT-SIZE:0.75em;LEFT:4.6em;FONT-FAMILY:verdana;POSITION:absolute;TOP:0.7em}
#pa .bd .paweather B DFN{FONT-SIZE:10px;FONT-STYLE:normal}
#groups_block .bd{PADDING-BOTTOM:0.5em;PADDING-TOP:0.65em}
#groups_block .bd_a{MARGIN-BOTTOM:0.65em}
#groups_block .bd_b LI{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/s_d2.gif) no-repeat 0px -14px;FLOAT:left;WIDTH:33.2%;LIST-STYLE-TYPE:none;HEIGHT:1.8em}
#groups_block .bd_b LI A{MARGIN-LEFT:0.5em}
#groups_block .bd_a LI{CLEAR:both;LINE-HEIGHT:1.8em;LIST-STYLE-TYPE:none}
#groups_block .bd_a LI A{MARGIN-RIGHT:0.4em}
#space_block .bd{PADDING-RIGHT:0.6em;PADDING-LEFT:1em;PADDING-BOTTOM:0.5em;PADDING-TOP:1em}
#space_block .bd LI{FLOAT:left;LIST-STYLE-TYPE:none}
#space_block .bd .bd_a LI{WIDTH:33.3%;LINE-HEIGHT:2em;TEXT-ALIGN:center}
#space_block .bd .bd_b LI{WIDTH:49.9%}
#bbs_block .list{WIDTH:58%}
#ks_block .list{WIDTH:58%}
#blog_block .list{WIDTH:58%}
#bbs_block .bd_b LI{CLEAR:both;LIST-STYLE-TYPE:none;HEIGHT:1.65em}
#ks_block .bd_b LI{CLEAR:both;LIST-STYLE-TYPE:none;HEIGHT:1.65em}
#blog_block .bd_b LI{CLEAR:both;LIST-STYLE-TYPE:none;HEIGHT:1.65em}
#photos_block .bd{PADDING-RIGHT:1em}
#photos_block .bd LI{FLOAT:left;LIST-STYLE-TYPE:none}
#photos_block .bd{PADDING-RIGHT:1em;PADDING-LEFT:1em}
#photos_block .bd_a LI{WIDTH:33%;LINE-HEIGHT:2em;TEXT-ALIGN:center}
#photos_block .bd_b LI{WIDTH:50%}
#photos_block .bd .bd_a{BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:0px;PADDING-BOTTOM:0px}
#ks_block .question{MARGIN-RIGHT:1em}
#photos_highlight .bd{PADDING-RIGHT:0.84em;PADDING-LEFT:0.84em;PADDING-BOTTOM:0.84em;PADDING-TOP:0.84em}
#photos_highlight .bd LI{FLOAT:left;WIDTH:19.9%;LINE-HEIGHT:1.6em;LIST-STYLE-TYPE:none;TEXT-ALIGN:center}
.inline-scroll-info SPAN{OVERFLOW:hidden;WIDTH:8.6em;HEIGHT:1.4em;TEXT-ALIGN:left}
.inline-scroll-info{OVERFLOW:hidden;WIDTH:8.6em;HEIGHT:1.4em;TEXT-ALIGN:left}
.inline-scroll-info{VERTICAL-ALIGN:middle;ZOOM:1;POSITION:relative}
.inline-scroll-info SPAN{POSITION:absolute}
.inline-scroll-info SPAN EM{LEFT:0px;LINE-HEIGHT:1.4em;FONT-STYLE:normal;POSITION:absolute;TOP:0px}
.inline-scroll-info SPAN EM A{CLEAR:both;FLOAT:left;WHITE-SPACE:nowrap}
#join_nfp_invest A{MARGIN:0px}
BODY{FONT:12px arial,simsun,sans-serif;BACKGROUND-COLOR:#fff;TEXT-ALIGN:center}
BODY{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
FORM{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
P{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
OL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
UL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
P{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H3{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H4{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
UL{LIST-STYLE-TYPE:none}
H1{DISPLAY:none}
LEGEND{DISPLAY:none}
IMG{BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-WIDTH:0px}
FIELDSET{BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-WIDTH:0px}
A:link{TEXT-DECORATION:none}
A:visited{TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:none}
EM{FONT-STYLE:normal}
.cate{FONT-FAMILY:SimSun}
.bn_rotate_con{RIGHT:0px;OVERFLOW:hidden;WIDTH:20px;POSITION:absolute;TOP:-21px;HEIGHT:15px}
.bn_rotate_con EM{DISPLAY:none}
.rotate_con{CLEAR:both;MARGIN-TOP:-1px;WIDTH:100%;ZOOM:1;POSITION:relative;HEIGHT:0px}
.mod{CLEAR:both;BACKGROUND:#fff;MARGIN-BOTTOM:0.84em}
.mod .bd{PADDING-RIGHT:1.25em;PADDING-LEFT:1.25em;PADDING-BOTTOM:0.84em;PADDING-TOP:0.84em;ZOOM:1}
.mod .bd_a{BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/dot.gif) repeat-x 50% bottom;MARGIN-BOTTOM:0.8em;PADDING-BOTTOM:0.6em}
.mod .bd_a{CLEAR:both;ZOOM:1}
.mod .bd_b{CLEAR:both;ZOOM:1}
.sideblock .bd{PADDING-RIGHT:0.84em;PADDING-LEFT:0.84em;PADDING-BOTTOM:0.84em;PADDING-TOP:0.84em}
.mod LI{LINE-HEIGHT:1.6em}
.mod .hd{LINE-HEIGHT:1.58em;ZOOM:1;HEIGHT:1.58em}
.mod .hd H2{DISPLAY:inline;FONT-SIZE:1em;FLOAT:left;MARGIN-LEFT:1em;COLOR:#333}
.mod .hd H3{DISPLAY:inline;FONT-SIZE:1em;FLOAT:left;MARGIN-LEFT:1em;COLOR:#333}
.sideblock .hd H2{MARGIN-LEFT:0.84em}
.sideblock .hd H3{MARGIN-LEFT:0.84em}
.mod .hd H2 A{MARGIN:0px 0.25em}
.mod .hd EM{FLOAT:right;MARGIN-RIGHT:1.17em}
.sideblock .hd EM{MARGIN-RIGHT:0.84em}
.mod .hd EM LI{PADDING-LEFT:0.5em;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/s_d2.gif) no-repeat 0px -14px;FLOAT:left;MARGIN-LEFT:0.5em;LIST-STYLE-TYPE:none}
.focus{FLOAT:left;LINE-HEIGHT:2em;MARGIN-RIGHT:1em;TEXT-ALIGN:center}
#space_block IMG{PADDING-RIGHT:1px;PADDING-LEFT:1px;PADDING-BOTTOM:1px;PADDING-TOP:1px}
#photos_block IMG{PADDING-RIGHT:1px;PADDING-LEFT:1px;PADDING-BOTTOM:1px;PADDING-TOP:1px}
#shopping_block IMG{PADDING-RIGHT:1px;PADDING-LEFT:1px;PADDING-BOTTOM:1px;PADDING-TOP:1px}
#photos_highlight .bd IMG{PADDING-RIGHT:1px;PADDING-LEFT:1px;PADDING-BOTTOM:1px;PADDING-TOP:1px}
.focus IMG{PADDING-RIGHT:1px;PADDING-LEFT:1px;PADDING-BOTTOM:1px;PADDING-TOP:1px}
.mod .focus IMG{MARGIN-TOP:0.2em}
.list{FLOAT:left;WIDTH:68.2%;LINE-HEIGHT:1.6em}
.list H3{FONT-SIZE:1.17em}
.list P{MARGIN:0.2em 0px}
.list1 LI{CLEAR:both;LIST-STYLE-TYPE:none;HEIGHT:1.75em}
.list LI{CLEAR:both;LIST-STYLE-TYPE:none;HEIGHT:1.75em}
.list LI EM{COLOR:#000}
.list LI A{MARGIN-RIGHT:0.2em}
.list1 LI{CLEAR:none;BACKGROUND:url(http://cn.yimg.com/i/fp/3_0/s_d2.gif) no-repeat 0px -14px;FLOAT:left;WIDTH:49.9%}
.list1 LI A{MARGIN-LEFT:0.5em;MARGIN-RIGHT:0.4em}
.inner_col_1{FLOAT:left}
.inner_col_2{FLOAT:left}
.inner_col_3{FLOAT:left}
.inner_col_4{FLOAT:left}
.inner_col_1{WIDTH:10.67em}
.inner_col_2{WIDTH:8.34em}
.inner_col_3{WIDTH:6.27em;TEXT-ALIGN:center}
.inner_col_4{WIDTH:8em}
.aimg{BACKGROUND:#0bb6ce}