雅虎社区4屏焦点轮换轮播滚动特效代码

版权:原创 更新时间:1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 雅虎社区4屏焦点轮换轮播滚动特效代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:

部分效果截图:

雅虎社区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>&laquo;</a>
                </div>
                <div>
                    <a id=aimg0 onClick="javascript:showImage(0);return false;"
                       href="http://cn.bbs.yahoo.com/message/read_&acute;ó&Ccedil;§&Ecirc;&Agrave;&frac12;&ccedil;_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_&Egrave;&yacute;&Atilde;÷_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_&ordm;&Atilde;&Iacute;&frac14;&iquest;ì&Iuml;í_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&amp;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>&raquo;</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}
附件:下载该文件资源,减少时间成本(增值服务)
留言
该资源可下载
File Source
.rar
89.12 KB
Html 焦点滚动特效4
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害,或使用了您的版权,请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
联系我们
  • QQ:21499807
  • 邮箱:sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章