html,body{
    overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body{
    margin:0 auto;font-size:14px;line-height:1;
    font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",arial,sans-serif;
    background:#ddd;
    color:#333;
}
*{outline:none;padding:0;margin:0;}
ul,li{list-style:none;margin:0;padding:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#3589e1;}
img{border:0;}

.image img{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.image img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.main-area{width:850px;margin:0;overflow:hidden;zoom:1;position:relative;background:#fff;}
.main-area,#information-flow,#scroll-bar{height:500px;}
.jspPane{min-height:500px;}
#navigation{position:absolute;top:10px;left:10px;width:80px;}
#information-flow{position:absolute;top:0;left:100px;width:750px;height:480px;margin-top: 10px;overflow:hidden;overflow-y:auto;}
#information-flow .left{width:100%;}
#content-right{position:fixed;top:10px;right:29px;width:200px;height:480px;
    _bottom:auto;
    _top:"expression(eval(document.documentElement.scrollTop))";
    _position:absolute;}

#navigation ul{text-align:center;}
#navigation ul li{width:80px;overflow:hidden;}
#navigation ul li span.on {
    background-color: #3589e1;
    color: #fff;
}
#navigation ul li span {
    display: block;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    border-radius: 3px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    text-decoration: none;
}




#information-flow .left ul{padding-top:0px;width:516px;display:none;}
#information-flow .left ul li.toast{
    height:30px;background:#78b1f6;border-radius:2px;color:#fff;line-height:30px;
    text-align:center;padding-bottom: 0;
}
#information-flow .left ul li{
    width:100%;overflow:hidden;zoom:1;position:relative;
    margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;
}
#information-flow .left ul li:hover{}
#information-flow .left ul li.baidu{height:62px;padding-bottom:0;display:none;}
#information-flow .left ul li.mediav{display:none;}
#information-flow .left ul li a{display:block;overflow:hidden;zoom:1;position:relative;cursor:pointer;}
#information-flow .left ul li a.link{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;zoom:1;display:block;z-index:1;cursor:pointer;background:url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
#information-flow .left ul li.hover h2{color:#c00;}
#information-flow .left ul li .image{float:left;margin-right:10px;}
#information-flow .left ul li .image.last{margin-right:0;}
#information-flow .left ul li .image,
#information-flow .left ul li .image a{
    width:110px;height:62px;overflow:hidden;display:block;
    background-color:#f8f8f8;
}
#information-flow .left ul li .image img{width:110px;overflow:hidden;display:block;}
#information-flow .left ul li .content{
    width:396px;height:62px;
    float:left;position:relative;overflow:hidden;
}
#information-flow .left ul li .content .inner{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    width:100%;
}
.lte-ie8 #information-flow .left ul li .content .inner{
    position:initial;top:0;transform:none;
}
#information-flow .left ul li h2{
    display: block;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 4px;
    font-weight: bold;
    max-height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
#information-flow .left ul li .info{font-size:12px;color:#bbb;margin-top:4px;line-height:20px;}
#information-flow .left ul li .info i,
#information-flow .left ul li .info a,
#information-flow .left ul li .info em{
    font-style:normal;
    padding-right: 6px;
    color: #a0a0a0;
}
#information-flow .left ul li .info a.category{color:#3589e1;}
#information-flow .left ul li .info i{margin-right:3px;}
#information-flow .left ul li .info a:hover{color:#3589e1;}
#information-flow .left ul li.nopic .image{display:none;}
#information-flow .left ul li.nopic .content{width:456px;}
/*#information-flow .left ul li.nopic .content .inner{transform:none;-webkit-transform:none;-ms-transform:none;position:relative;top:0;}*/
#information-flow .left ul li.single{position:relative;}
#information-flow .left ul li.single .image,
#information-flow .left ul li.single .image img{width:100%;height:170px;clear:both;}
#information-flow .left ul li.single img{margin-right:0;}
#information-flow .left ul li.single,
#information-flow .left ul li.group{position:relative;*padding-bottom:5px;}
#information-flow .left ul li.group .image{position:relative;margin-right:0;}
#information-flow .left ul li.single h2,
#information-flow .left ul li.group h2{display:block;margin-bottom:5px;}
#information-flow .left ul li.group .image{margin-right:4px;}
#information-flow .left ul li.single .tuig,
#information-flow .left ul li.group .tuig{
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 12px;
    color: #666;
    background: #fff;
    opacity: 0.7;
    filter:alpha(opacity=70);
    height: 16px;
    line-height: 16px;
    padding: 0px 3px;
    text-align: center;
    z-index: 1;
    border-top-right-radius: 3px;
}
#information-flow .left ul li.group p.title,
#information-flow .left ul li.group p.mask-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #fff;
    height:24px;
    line-height:24px;
}
#information-flow .left ul li.group p.mask-bg{
    background:#000;
    -webkit-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;
}
#information-flow .left ul li.group p.title a{
    display:block;white-space:nowrap;
    width:auto!important;height:auto!important;color:#fff;background:none!important;
}
#information-flow .left ul li.group p.title a:hover{color:#3589e1;}

#content-right .one-box{margin-bottom:10px;background:#f5f6f8;overflow:hidden;position:relative;}
#content-right .one-box a{display:block;cursor:pointer;}
#content-right .one-box,
#content-right .one-box img{height:102px;width:200px;}
#content-right .one-box p{position:absolute;bottom:0;left:0;z-index:2;padding:0 3px;width:194px;height:22px;line-height:22px;color:#fff;overflow:hidden;}
#content-right .one-box p.mask{z-index:1;background:#000;opacity:0.6;filter:alpha(opacity=60);}

#content-right .tuig{
    position:absolute;top:0;text-align:center;font-size:12px;
    padding:2px;background:#bbb;opacity:0.8;filter:alpha(opacity=80);color:#fff;width:25px;
}
#content-right .one-box .tuig{
    right:0;
}
#content-right .top .tuig{
    left:0;
}

#content-right .top{background:#f5f6f8;}
#content-right .top .head{border-top:3px solid #3589e1;font-size:14px;font-weight:bold;padding-left:5px;line-height:32px;}
#content-right .top ul{padding:0 5px;}
#content-right .top ul li{overflow:hidden;zoom:1;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid #fff;position:relative;}
#content-right .top ul li .image{float:left;width:60px;height:46px;overflow:hidden;background:#fff;}
#content-right .top ul li .image img{width:60px;height: 46px;}
#content-right .top ul li .title{
    float:left;padding-left:5px;width:125px;height:46px;line-height:22px;font-size:14px;
    overflow:hidden;text-overflow:ellipsis;
}

.lte-ie7 #content-right .top ul li{display:inline;}
.lte-ie8 #information-flow .left ul li h2{line-height:1.2;}