@charset "utf-8";
/* CSS Document */
/* 演示页面CSS样式 */
img {border:none}
h1 {margin:0; padding:0; font-size:18px}
#dtit a,
.dtit2 a {color:#f00}
body{font-size:12px;font-family:Arial, '微软雅黑'; margin:0}
#dtit {margin-bottom:10px;width:auto; height:34px; line-height:34px; background-color:#eee; border-bottom:solid 1px #ccc; font-size:14px; padding:0 20px}
#dtit a.x {display: block; float:right;background-color: #F00; color: #fff; height: 30px; line-height: 30px; padding: 0 15px; text-align: center; border-radius: 17px; margin-left: 20px; margin-top: 2px; text-decoration: none;}
#demotit {width:auto; height:30px; line-height:30px; text-align:center; margin:0 auto 10px; border-bottom:solid 1px #CCC}
#demotit span {width:100px; height:30px; margin:0 auto; background-color:#EEE; display:block}
.ad {width:980px; height:auto; overflow:hidden; margin:0 auto 10px; margin-top:10px}
/*广告2不再使用*/
.ad2 {width:980px; height:auto; overflow:hidden; margin:0 auto 10px; margin-top:10px; border-top:solid 1px #CCC; padding-top:5PX}
.democon {width:100%; height:auto; overflow:hidden; clear:both}



/*演示页V2*/
#switcher {height:40px; line-height: 40px; color: #fff; background:#222222; z-index: 99999; position: fixed;
	width: 100%;
    top: 0; border-bottom:3px solid #fff;
}
 
.center {
width: 100%;
padding-top: 0px;
}

.center ul li {

display: inline;
float: left;
position: relative;

}

.logoTop { margin-left:5px;margin-right:15px; margin-top:7px; color: #FFFFFF; font-weight: bold; font-family: "microsoft yahei"; }
.logoTop a {color: #fff;}
.logoTop a:hover{ text-decoration:underline}
.center ul li ul {
font-family: 'Droid Serif', serif;
display: none;
margin-left: 17px;
position: absolute;
width: 313px;
background: #10100f;
border: 1px solid #323024;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
padding-bottom: 3px;
}

.center ul li ul li {
margin: 0 0 1px 4px;
padding: 5px;
width: 271px;
}

.center ul li ul li a {
display: block;
width: 210px;
font-size: 13px;
color: #c4beab;
float: left;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
}
    .center ul li ul li .tag {
        display: block;
        width: 50px;
        height: 22px;
        font-size: 10px;
        color: #c4beab;
        margin: 0 8px 0 0;
        line-height: 22px;
        white-space: nowrap;
        background: url(sel-sp-act.png) no-repeat;
        text-align: center;
        float: left;
    }
    .center ul li ul li a span.link {
        display: block;
        width: 209px;
        height: 22px;
        overflow: hidden;
        float: left;
    }

.center ul li ul li:hover {
    background: url(sel-act.png) no-repeat;
}
    .center ul li ul li:hover a {
        color: #f8bc06;
    }
    .center ul li ul li:hover .tag {
        color: #f8bc06;
    }

.center ul li ul li:first-child {
margin-top: 3px;

}

li.device-resolution {
    text-transform: uppercase;
    font-size: 12px;
    color: #ada58b;
    font-family: 'Cambria';
    line-height: 54px;
}

li.purchase {
    float: right !important;
    margin-top: 11px;
}

li.purchase a {
    padding: 0;
    background: url(trolley2.png) no-repeat 0 0;
    width: 133px;
    height: 36px;
    display: block;
    transition: all 0.3s ease-out 0s;
}
li.purchase a:hover {
    background-position: 0 -36px;
}

li.remove_frame {
    margin-left: 17px;
    float: right !important;
    margin-right: 30px;
}

li.remove_frame a.closeFrame {
    background: url(../images/cross2.png) no-repeat 0px 0px;
    width: 20px;
    height: 21px;
    display: block;
    margin-top: 18px;
    transition: all 0.3s ease-out 0s;
}
li.remove_frame a.closeFrame:hover {
    background-position: 0px -21px;
}

li.remove_frame a.addGroup{float:left;position:absolute;top:17px;right:80px;}
#iframe {
margin-top: 0px;

} 

.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3 {
    margin-right: 7px;
    margin-top: 9px;
    width:30px;
    height: 23px;
}
.icon-monitor { background-image: url(demo_device_ico.png); background-position: 0 0; background-repeat: no-repeat; }
.icon-tablet {
    background: url(demo_device_ico.png) no-repeat -40px 0;
}
.icon-mobile-1 {
    background: url(demo_device_ico.png) no-repeat -76px 0;
}

.icon-monitor:hover, .icon-monitor.active {
    background-position: 0 -24px;
}
.icon-tablet:hover, .icon-tablet.active {
    background-position: -40px -24px;
}
.icon-mobile-1:hover, .icon-mobile-1.active {
    background-position: -76px -24px;
}


.icon-mobile-2 {
    background: url(demo_device_ico.png) no-repeat -118px 0;
}
.icon-mobile-3 {
    background: url(demo_device_ico.png) no-repeat -151px 0;
}
.icon-mobile-2:hover, .icon-mobile-2.active {
    background-position: -118px -24px;
}
.icon-mobile-3:hover, .icon-mobile-3.active {
    background-position: -151px -24px;
}


#iframe-wrap {
    height: 100%;
    overflow: visible;
    position: relative;
    top: 40px;
    z-index: 50;
}
.tablet-width {
    height: 1000px !important;
    margin: 0 auto;
    padding: 175px 100px 115px 100px;
    width: 785px;
    margin-top: 40px;
	margin-bottom: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 0;
}
    .tablet-width iframe {
        height: 960px !important;
    }
.mobile-width {
    height: 730px !important;
    margin: 0 auto;
    padding: 165px 115px 100px 100px;
    width: 1041px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 -1249px;
}
    .mobile-width iframe {
        height: 704px !important;
    }
.mobile-width-2 {
    height: 417px !important;
    margin: 0 auto;
    padding: 125px 25px 159px 25px;
    width: 337px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat 0 -2217px;
}
    .mobile-width-2 iframe {
        height: 416px !important;
    }
.mobile-width-3 {
    height: 256px !important;
    margin: 0 auto;
    padding: 45px 115px 69px 105px;
    width: 497px;
    margin-top: 40px;
    background: url(demo_bg_mob.png) no-repeat -387px -2217px;
}
    .mobile-width-3 iframe {
        height: 256px !important;
    }
.by{overflow-y: hidden}


@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}

.fdad{width:200px;padding:7px 10px 10px;height:225px;background-color: #FFF;position: fixed;top: 64px;z-index: 888;}
.leftfloat{left:25px;}
.rightfloat{right:25px;}
.fdad .title{float:left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.fdad .title .close {float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;}
.fdad .content {width:200px;height:200px;position:relative;}
.fdad .content .notip{position:absolute;height:40px;width:150px;font:normal 12px/1.8 'microsoft yahei';top:50%;left:50%;margin-top:-20px;margin-left:-75px;color:#999;z-index:0;text-align:center;}
.fdad .content .mainad{position:absolute;left:0;top:0;zindex:2;}

.bottomad{width:960px;height:85px;padding:7px 10px 10px;background-color: #FFF;position: fixed;bottom:50px;left:50%;margin-left:-480px;z-index: 888;}
.bottomad .title{float: left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.bottomad .title .close {float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;}
.bottomad .content {width:960px;height:60px;position:relative;}
.bottomad .content .notip{position:absolute;height:20px;width:220px;font:normal 12px/20px 'microsoft yahei';top:50%;left:50%;margin-top:-10px;margin-left:-110px;color:#999;z-index:0;}
.bottomad .content .mainad{position:absolute;left:0;top:0;zindex:2;}




.muen_top{padding-left:17%; float:left; line-height: 40px;}
.muen_top a{ font-size:12px;padding:0 5px; line-height:40px; color:#fff;}

.tougao {width:80px;height:26px;  text-align:center;  float:right; display:inline; margin:7px 5px 0 0;}
.tougao a{ display:block; line-height:26px; font-size:12px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background-color: #ff6600; color: #fff;}

#chinaz_topbar{float:right;}
#chinaz_topbar .userbar{float:right;white-space:nowrap;margin-top:3px;}
#chinaz_topbar .userbar a{float:left;display:inline;margin-left:10px;height:20px;line-height:20px;}
#chinaz_topbar .userbar a:link,#chinaz_topbar .userbar a:visited{color:#000;}
#chinaz_topbar .userbar a:hover,#chinaz_topbar .userbar a:active{color:#12459c;cursor:pointer;}
#chinaz_topbar .userbar .counts{font-size:83%;font-style:normal;background:#c00;color:#fff;padding:0 .3em;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;border-radius:0.6em;}
#chinaz_topbar .userbar a.username:link,#chinaz_topbar .userbar a.username:visited{color:#12459c;}
#chinaz_topbar .userbar a.item-expand{margin-right:-7px;margin-left:5px;padding-right:18px;background:url(../images/toolbar_arrow.gif) no-repeat 100% 0;}
#chinaz_topbar .userbar a.hover{position:relative;z-index:100;background:url(../images/toolbar_arrow.gif) no-repeat 100% -50px;}
#chinaz_topbar .userbar a.item-expand span{float:left;padding-left:5px;background:url(../images/toolbar_arrow.gif) no-repeat 0 999px;}
#chinaz_topbar .userbar a.hover span{background-position:0 -100px;}
* html #chinaz_topbar .userbar .counts{position:relative;top:-4px;}

.accesslink{float:left;white-space:nowrap;margin-top:3px;/*Fixed IE < 8 bug*/position:relative;z-index:1;}
.accesslink li{float:left;position:relative;}
.accesslink a{float:left;display:inline;margin-left:10px;height:20px;line-height:20px;}
.accesslink a:link,.accesslink a:visited{color:#000;}
.accesslink a:hover,.accesslink a.active{color:#12459c;cursor:pointer;}
.accesslink a.item-expand{margin-right:-7px;margin-left:5px;padding-right:18px;background:url(../images/toolbar_arrow.gif) no-repeat 100% 0;}
.accesslink a.item-expand:hover,.accesslink li:hover a.item-expand,.accesslink li.hover a.item-expand{position:relative;z-index:100;background:url(../images/toolbar_arrow.gif) no-repeat 100% -50px;}
.accesslink a.item-expand span{float:left;padding-left:5px;background:url(../images/toolbar_arrow.gif) no-repeat 0 999px;}
.accesslink a.item-expand:hover span,.accesslink li:hover a.item-expand span,.accesslink li.hover a.item-expand span{background-position:0 -100px;}
.accesslink .dropdownmenu-wrap{left:4px;top:18px;visibility:hidden;}
.accesslink .dropdownmenu{width:110px !important;}
.accesslink .dropdownmenu-inner{border:1px solid #bbb;}
.accesslink .dropdownmenu a{display:block;float:none;margin:0;padding:0 10px;height:auto;line-height:2;}
.accesslink li:hover .dropdownmenu-wrap,.accesslink li.hover .dropdownmenu-wrap{visibility:visible;}

.topbar-hiddencontents{display:none;}

.userbar,.accesslink{*margin-top:4px;margin-top:4px\9;}
* html .userbar,* html .accesslink{margin-top:5px;}

/*= Popup dialog =========================================*/
.dialog{position:absolute;padding:5px;background:rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000);}
.dialog-inner{background:#f6fbff;border:1px solid #779cb0;}

/*= Dropdown menu ========================================*/
.dropdownmenu-wrap{position:absolute;margin:3px 0 0 3px;z-index:10;background:transparent url(../images/shadow.png);}
.dropdownmenu{position:relative;top:-2px;left:-2px;width:150px;background:#fff;}
.dropdownmenu-list,
.dropdownmenu-inner{padding:1px;border:1px solid #dcdcdc;zoom:1;}

.dropdownmenu a:link,.dropdownmenu a:visited{color:#000;}

.dropdownmenuloader{text-align:center;padding:40px 10px 20px 10px;color:#999;background:url(../images/ajaxloading.gif) no-repeat 50% 20px;}

/*= Notice & Message =*/
.menu-notice .dropdownmenu{width:260px;}
.menu-notice .noticelist{padding:0 10px 0 9px;overflow:hidden;}
.menu-notice .noticelist li{margin:-1px 0 7px 0;padding-top:5px;border-top:1px solid #ddd;}
.menu-notice .noticelist .date{font-size:92%;color:#999;}
.menu-notice .noticelist .action{color:#999;text-align:right;}
.menu-notice .noticelist .action a:link,.menu-notice .noticelist .action a:visited,
.menu-notice .noticelist .entry a:link,.menu-notice .noticelist .entry a:visited,
.menu-notice .messagelist .msgignore:link,.menu-notice .messagelist .msgignore:visited{color:#12459c;}
.menu-notice .noticelist-nodata,
.menu-notice .messagelist-nodata{padding:20px;text-align:center;color:#999;}
.menu-notice .messagemenu-link{text-align:right;margin:0 10px;padding:5px 0;border-top:1px solid #ddd;}
.menu-notice .messagelist li{margin:-1px 0 0 0;border-top:1px solid #ddd;}
.menu-notice .messagelist .msgitem{display:block;padding:5px 0 7px 40px;}
.menu-notice .messagelist .msgitem:hover,
.menu-notice .messagelist .msgitem:active{text-decoration:none;background-color:#f6fbff;}
.menu-notice .messagelist .avatar{float:left;display:inline;width:32px;margin:3px 0 0 -40px;}
.menu-notice .messagelist .avatar img{background:#fff;padding:3px;border:1px solid #f0f0f0;}
.menu-notice .messagelist .name{float:left;font-weight:bold;margin-right:5px;}
.menu-notice .messagelist .unread{float:left;font-weight:bold;color:#c00}
.menu-notice .messagelist .date{float:right;font-size:92%;color:#999;}
.menu-notice .messagelist .summary{float:left;width:100%;overflow:hidden;white-space:nowrap;}
.menu-notice .messagelist .lastmsg{padding-right:2.5em;}
.menu-notice .messagelist .msgignore{float:right;margin-top:-2em;}

/*= Setting =*/
.menu-normal .dropdownmenu-inner{border-color:#bbb;}
.menu-normal .dropdownmenu-inner a{display:block;padding:0 10px;line-height:2;}

.menu-setting{margin:2px 0 0 3px;padding-bottom:1px;}
.menu-setting .dropdownmenu{width:200px;top:-1px;}
.menu-setting .dropdownmenu-inner{padding:10px;border:1px solid #bbb;}
.menu-setting .menu-setting-account{margin-bottom:5px;padding:0 0 10px 62px;border-bottom:1px dashed #ddd;}
.menu-setting .menu-setting-account .accountavatar{float:left;display:inline;margin-left:-62px;width:52px;}
.menu-setting .menu-setting-account .accountavatar a{background:none;display:block;}
.menu-setting .menu-setting-account .accountavatar img{display:block;padding:1px;border:1px solid #e6e6e6;}
.menu-setting .menu-setting-account .visible,
.menu-setting .menu-setting-account .invisible{position:relative;display:block;float:right;width:16px;height:16px;overflow:hidden;text-indent:-999px;margin:-18px -2px 0 0;padding:2px;background:#fff url(../images/ueser_invisible.gif) no-repeat 50%;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;}
.menu-setting .menu-setting-account .visible{background-image:url(../images/ueser_visible.gif);}
.menu-setting .menu-setting-account .toggle{clear:both;width:52px;text-align:center;}
.menu-setting .menu-account-info{margin-bottom:5px;line-height:1.6;}
.menu-setting .menu-account-info li{float:left;width:49.9%;white-space:nowrap;}
.menu-setting .menu-account-info li.span{width:100%;white-space:normal;}
.menu-setting .menu-account-info .label{color:#999;margin-right:5px;}
.menu-setting .menu-account-info .value{font-style:normal;color:#f60;}
.menu-setting .menu-setting-list li{float:left;line-height:1.8;width:49.9%;}
.menu-setting .menu-setting-list a{white-space:nowrap;}
.menu-setting .menu-setting-list a:link,.menu-setting .menu-setting-list a:visited{color:#000;}

/*= Tip =*/
.menu-tip{top:38px;right:100px;background:transparent none;opacity:.95;}
.menu-tip .dropdownmenu{width:220px;background:transparent none;}
.menu-tip .dropdownmenu-inner{padding:0;border:1px solid #dfc97f;background:#fbfbf0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,0.15);}
.menu-tip .menu-closer{float:right;}
.menu-tip .menu-closer a{float:left;display:inline;margin:5px 5px 0 0;width:14px;height:0;padding-top:14px;overflow:hidden;background:url(../images/menu_tip_close.gif) no-repeat;}
.menu-tip-list li{margin:5px 10px;}
.menu-tip-list strong{color:#c00;}
.menu-tip a:link,.menu-tip a:visited{color:#0af;}

/*= Friend =*/
.menu-friend{background:transparent none;}
.menu-friend .dropdownmenu{width:250px;background:#fff;}
.menu-friend .dropdownmenu-inner{padding:0;border-color:#b4c9dd;}

.menufriend-head{position:relative;height:72px;overflow:hidden;border-bottom:1px solid #b4c9dd;background:url(../images/menu_friend_bg_2.png) no-repeat;}
.menufriend-head-inner{padding:9px 7px 9px 70px;}
.menufriend-head .avatar{float:left;display:inline;width:54px;margin-left:-63px;}
.menufriend-head .avatar a{float:left;background:url(../images/menu_friend_bg_2.png) no-repeat 0 -300px;}
.menufriend-head .username{margin-bottom:5px;padding-top:3px;cursor:move;}
.menufriend-head .closer{position:absolute;top:8px;right:10px;}
.menufriend-head .closer a{display:block;width:22px;height:22px;text-indent:-9999px;overflow:hidden;background:url(../images/menu_friend_bg_2.png) no-repeat -100px -300px;}
.menufriend-head .closer a:hover{background-position:-122px -300px;}
.menufriend-body{height:290px;overflow:auto;background:#fff url(../images/menu_friend_bg_2.png) no-repeat 0 -400px;}
.menufriend-body-inner{padding:5px;}
.menufriend-body a:link,.menufriend-body a:visited{text-decoration:none;}
.menufriend-title{margin-bottom:1px;padding-right:2px;background:url(../images/menu_friend_bg.png) no-repeat -999px 0;}
.menufriend-title a{display:block;font-weight:normal;padding-left:20px;background:url(../images/menu_friend_bg.png) no-repeat 0 -100px;cursor:pointer;}
.menufriend-title span{display:block;padding-right:3px;height:25px;line-height:25px;background:url(../images/menu_friend_bg.png) repeat-x 0 -999px;}
.menufriend-title .count{font-style:normal;color:#999;}
.menufriend-title:hover{background-position:100% -175px;}
.menufriend-title:hover a{background-position:0 -125px;}
.menufriend-title:hover span{background-position:0 -150px;}
.menufriend-group-expand .menufriend-title{background-position:100% -250px;}
.menufriend-group-expand .menufriend-title a{background-position:0 -200px;}
.menufriend-group-expand .menufriend-title span{background-position:0 -225px;}
.menufriend-list .frienditem{padding:4px 5px 4px 40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.menufriend-list .frienditem:hover{padding:3px 4px 3px 39px;border:1px solid #ffe5a0;background:#fffae3;}
.menufriend-list .frienditem .avatar{float:left;display:inline;margin:5px 0 0 -35px;}
.menufriend-list .frienditem .avatar img{padding:1px;background:#fff;border:1px solid #eee;}
.menufriend-list .online .avatar img{background:#85deff;border:1px solid #f0fbff;}
.menufriend-list .space{display:inline-block;width:16px;height:16px;border:1px solid #fff;background:url(../images/icons/space.gif) no-repeat;}
.menufriend-list .space:hover{border-color:#ffe5a0;background-color:#fff;}
.menufriend-list .status{display:block;width:150px;color:#999;white-space:nowrap;overflow:hidden;}
.menufriend-foot{padding:5px;border-top:1px solid #b4c9dd;background:#fff url(../images/menu_friend_bg_2.png) repeat-x 0 -100px;}
.menufriend-foot a{float:left;padding-left:12px;background:url(../images/menu_friend_bg.png) no-repeat;}
.menufriend-foot a.friend-manage{background-position:0 -280px;}
.menufriend-foot a.friend-search{float:right;background-position:0 -310px;}
.menufriend-head a:link,.menufriend-head a:visited{color:#12459c;}

.menu-friend .usertagline-wrap{float:left;width:170px;height:24px;overflow:hidden;background:url(../images/menu_friend_bg_2.png) repeat-x 0 999px;}
.menu-friend .usertagline-inner{margin:0 5px;overflow:hidden;}
.menu-friend .usertagline-hover{background-position:0 -200px;}
.menu-friend .usertagline-active{background-position:0 -224px;}
.menu-friend .usertagline-text{height:24px;line-height:24px;color:#666;white-space:nowrap;overflow:hidden;}
.menu-friend .usertagline-form{height:24px;line-height:24px;}
.menu-friend .usertagline-form .tagline-input{float:left;width:100%;height:24px;overflow:hidden;}
.menu-friend .usertagline-form .tagline-input .text{width:100%;height:20px;line-height:20px;margin-top:2px;padding:0;border:0;}

.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;font:0/0 sans-serif;visibility:hidden;}


body {
margin:0;
border:0;
padding:0;
height:100%; 
max-height:100%; 
background:#fff; 
font-family:arial, verdana, sans-serif; 
font-size:12px;
overflow: hidden; 
}
a{ text-decoration:none}
*{ margin:0; padding:0;}
* html body {
padding:30px 0 -1px 0; 
}

#container {
position:fixed; 
top:30px;
left:0;
bottom:41px; 
right:0; 
overflow:auto; 
background:#fff;

text-align:center;
}
* html #container {
height:100%; 
width:100%; 
}

#header {
position:absolute; 
top:0; 
left:0; 
width:100%;
overflow:auto; 
}
* html #header {height:120px;}
#footer {
position:absolute; 
bottom:-1px; 
left:0;
width:100%; 
height:41px; 
overflow:auto; 
text-align:right; 
}
* html #footer {height:40px;}
#left { float:left;width:19.1%;background-color: #e0ced6; height:100%;}
#right {float:right;width:80.9%;background-color: #ffcc00;height:100%}

.kj_top{ background:url(images/kl_top.gif) repeat-x; height:30px; line-height:30px;}
.kj_top div p.left{ float:left; height:30px; line-height:30px;}
.kj_top div p.left a{ color:#666; margin-right:5px}
.kj_top div p.left a:hover{ color:#000; text-decoration:none}
.kj_top div p.right{ float:right; margin-top:5px;}
.kj_top div p.right a{ color:#000; margin-right:10px;}

.kj_bottom{ background:url(images/kj_bottom.gif) repeat-x; height:41px; }
.kj_bottom div p.left{ float:left; height:41px; line-height:41px;}
.kj_bottom div p.cut{ width:530px; overflow:hidden}
.kj_bottom div p.left span,.kj_bottom div p.left a{ float:left; margin-right:10px}
.kj_bottom div p.left a{ color:#666666}
.kj_bottom div p.left span{ margin: 0 2px 0 8px; color:#02558e}
.kj_bottom div p.left a.down{ display:block; background:url(images/gif-0160.gif) no-repeat right 14px;  padding-right:20px}
.kj_bottom div p.left a.sn{ background:url(images/sina_w.gif) no-repeat left 11px; padding-left:20px; margin-right:10px}
.kj_bottom div p.left a.tx{background:url(images/QQ_w.gif) no-repeat left 11px; padding-left:20px; margin-right:10px}
.kj_bottom div p.left a.qq{background:url(images/qzone_w.gif) no-repeat left 11px; padding-left:20px; margin-right:10px}
.kj_bottom div p.right{ float:right;height:41px;; line-height:41px;}
.kj_bottom div p.right a{ color:#333; margin-left:5px;display:block; float:left; text-align:center; background:url(images/kj_btn.gif) no-repeat; width:63px; height:26px; line-height:26px; margin-top:8px}
.kj_top div #chinaz_topbar .userbar{ margin-top:5px;+margin-top:6px;_margin-top:5px}
.kj_top div #chinaz_topbar{ margin-right:10px}