*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", sans-serif; overflow-x: hidden; max-width: 100%}

.b-author {width:9px; height: 9px;  background: url('images/icon.png') 0 -10px; display: block; margin-right: 5px;
    background-image: -webkit-image-set(url('images/icon.png') 1x, url('images/icon.png') 2x);
    background-image: -moz-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -ms-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -o-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
}
.b-tag {width:9px; height:9px; background: url('images/icon.png') -10px -10px; display: block; margin-right: 5px;
    background-image: -webkit-image-set(url('images/icon.png') 1x, url('images/icon.png') 2x);
    background-image: -moz-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -ms-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -o-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
}
.b-comment {width:9px; height:9px; background: url('images/icon.png') -20px -10px; display: block; margin-right: 5px;
    background-image: -webkit-image-set(url('images/icon.png') 1x, url('images/icon.png') 2x);
    background-image: -moz-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -ms-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
    background-image: -o-image-set(url('images/icon.png') 1x,url('images/icon.png') 2x);
}


.g-container {margin: 0 auto;background: #f4f4f4;}

.g-container .extend {
    position: relative;
    font-size: 1rem;
}
.g-container .extend-box {
    margin: -1rem auto 0;
    text-align: center;
    width: 7rem;
    border: 1px solid #d5d5d5;
    border-radius: 18px;
    line-height: 16px;
    background: #eee;
    position: relative;
    z-index: 2;
}
.g-container .extend-line {
    content: '';
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    height: 1px;
    position: absolute;
    left: 0;
    margin: 8px 0;
    z-index: 1;
}
.video-container .arrow-down {
    width: 10px;
    height: 5px;
    background-image: url(images/arrow-down2.png);
    background-position: 0;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.slider {height:170px;}

.l-header {font-size: 1.4rem;overflow: hidden;height:40px;}
.l-header .m-nav {height:40px; overflow: hidden;}
.l-header .m-nav ul {margin: 0 auto;display: inline-block;}
.l-header .m-nav li {float:left;}
.l-header .m-nav li a {padding:0 8px;color: #000;text-align: center;line-height: 40px;height: 40px;display: block; border-bottom: 1px solid #000;opacity: 0.4;filter: alpha(opacity=40);}
.l-header .m-nav li a.curr{opacity: 1;filter: alpha(opacity=100);}

.m-list {overflow: hidden;}
.m-list .section {overflow: hidden;}
.m-list .section .block {padding: 15px 0; margin: 0 10px;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.m-list .section .block h3 {font-size:1.6rem; color:#333; line-height: 20px; height: 20px; overflow: hidden; }
.m-list .section .block .pic {width:80px; margin-right: 15px;}
.m-list .section .block .description {font-size: 1.2rem; color: #999; line-height: 18px; max-height: 40px; overflow: hidden; text-overflow: ellipsis;padding-top: 5px;}
.m-list .section .loadmore {font-size: 1.4rem;color: #666;text-align: center;margin: 0 10px;border: 1px solid #d8d8d8;height: 40px;line-height: 38px;background-color: #eaeaea;color: #666;margin-top: 20px;}

/*列表图集样式*/
.m-list .picture-sec .block .pic{width: 32%; margin-right: 2%}
.m-list .picture-sec .block .pic:last-child{margin-right: 0}
.m-list .picture-sec .block .pic-thumb{width: 80px;}

.a-header {height:240px; position: relative; zoom: 1;}
.a-header .title {padding:160px 10px 10px 10px;position: absolute;z-index: 20;}
.a-header .title h3 {font-family: "SimHei"; font-size:3rem; color:#fff;}
.a-header .title .detail { font-size:1.6rem; color:#fff; font-size: 1.0rem; margin-top:15px;}
.a-header .title .detail em {margin-top:2px;}
.a-header .title .detail a {color: #fff;}
.a-header .title .detail .source, .a-header .title .detail .tag {margin-right:10px;}

.player { width: 100%; margin: 0 auto; position: relative; height: 0; padding-bottom: 56%; top: 10px; margin-bottom: 1.5em;}
.player > * { width: 100%; height: 100%; position: absolute; top: 0; left: 0}

.article {margin: 0 auto; padding: 0 15px;font-size: 1.6rem; line-height: 2.5rem; overflow: hidden;}
.article p { margin: 1.5rem 0 1.5rem 0; word-break: break-all;  text-align: justify;text-justify: inter-word;}
.article p img {max-width: 300px;}
.article .description { font-size: 1.4rem; text-indent: 0; overflow: hidden; line-height: 1.5; margin: 0 0 1.5rem 0;}

.f-l{float:left}
.f-r{float:right}
.sharebox {margin:20px auto 10px;overflow: hidden;padding: 0 20px;}
.sharebox .digg, .sharebox .share {display: block;width: 90px;height: 28px; margin-right: 10px;line-height: 26px;text-align: center;margin-top: 4px;}
.sharebox .digg{border:1px solid #cdcdcd; color: #cdcdcd;border-radius: 50px;text-align: center}
.sharebox .digged{color: #5dc430;border-color: #5dc430;background: #E8FEDE;width: 90px;line-height: 26px;height: 26px;}

.footer {height:140px; padding:20px 10px 20px 10px; position: relative;}
.footer .recommand {border-top: 1px solid #fff;position: absolute;z-index: 20;}
.footer .recommand .tip {margin:5px auto 0px; font-size: 0.8rem; color: #fff;line-height: 16px;}
.footer .recommand h3 {font-size:1.6rem; line-height: 32px; color: #fff;}
.footer .recommand .detail {font-size: 1.0rem;color: #fff;line-height: 16px;margin-top:10px;}
.footer .recommand .detail em {margin-top:4px;}
.footer .recommand .descrption {font-size: 1.0rem;color: #fff;line-height: 16px;}
.footer .recommand .detail .author {margin-right:10px;}

/*首页*/
.slider .m-nav {font-size: 1.4rem;height:40px;line-height: 30px; margin: 0 0;text-align: center;font-family: "黑体"}
.slider .m-nav ul {zoom:1;display:inline-block;*display:inline;margin:0 auto;}
.slider .m-nav li {float:left;}
.slider .m-nav li a {padding:0 6px;color: #fff;text-align: center;line-height: 40px;height: 40px;display: block; border-bottom: 1px solid #fff;filter:alpha(opacity=40);opacity:0.4;}
.slider .m-nav li a.curr {opacity: 1;filter: alpha(opacity=100);}
.slider .m-nav li a.pl {padding-left: 24px;}
.slider .m-nav li a.pr {padding-right: 24px;}
.slider .m-nav li a.pl:hover, .slider .m-nav li a.pr:hover{border-bottom: 1px solid #eee;cursor: default;}

/*首页幻灯片样式*/
.pos-r {position: relative;}
.ov {overflow: hidden;}
.column {margin: 0 auto; width: 100%;}
.banner .imgs {height: 170px; overflow: hidden;transform: translate3d(0px, 0px, 0px); transition-property: -moz-transform; transition-duration: 0.5s; transition-timing-function: ease-out;}
.homebanner1 .item {position: relative; transition: left 0.6s ease-in-out 0s;}
.banner li {list-style-type: none;}
.banner .nums {margin: 0 auto; position: absolute; width: 100px;z-index: 10;margin-top:-20px;}
.nums {overflow: hidden;}
.nums li {float: left; overflow: hidden;}
.nums li p {background: url("images/index-ico.png") no-repeat scroll -50px 0 transparent; cursor: pointer; display: inline; float: left; height: 13px; margin: 0 5px; overflow: hidden; text-indent: -999px; width: 13px;}
.nums li.curr p {background-position: -70px 0;}
.banner img {border-width: 0; vertical-align: top;}
.banner a {color: #333; text-decoration: none;}

.slider .title {width:80%;margin: 0 auto;overflow: hidden; padding-top: 90px; position: absolute; z-index: 8;margin-top:-160px; text-align: center;}
.slider .title li{display:none;}
.slider .title li h3 {font-size: 1.8rem; line-height: 18px; color: #fff;margin-bottom: 35px;font-family:"黑体";}

.gallery {
    background:
            -webkit-radial-gradient(black 15%, transparent 16%) 0 0,
            -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px,
            -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
            -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:14px 14px;
    background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0,
    -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px,
    -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:14px 14px;
}
.gallery ul { height: 200px;}
.gallery a { display: block; width: 100%; height: 100%; position: relative;}
.gallery .bullets { background-color: rgba(0,0,0,0.5); height: 24px; line-height: 24px; width: 100%; position: absolute; bottom: 0; color: #fff; font-size: 14px; padding: 0 12px;}
.gallery .bullets > div { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gallery img { height: 200px; margin: 0 auto;}

/*背景遮罩层*/
.bg{background: none repeat scroll 0 0 #000;position: absolute;width: 100%;z-index:10; opacity: 0.3;filter: alpha(opacity=30);}
.a-header .bg{height:240px;}
.footer .bg{height:140px;left:0px;top:0px;}
.slider .bg{height:170px;z-index:5;left:0px;top:0px;}

/*内容页头部背景图*/
.bgimg{position: absolute;overflow: hidden;}
.footer .bgimg{margin-top:-20px;margin-left:-10px; z-index:-1000;}

/*更多栏目样式*/
.category{position: absolute;z-index: 100;width:100%;display: none;padding: 0 8px 0; background-color: #F4F4F4;}
.category ul { background:#fff;}
.category > ul { box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.5);}
.category li{border-bottom: 1px solid #ccc;width:100%;overflow: hidden;}
.category li a{color:#444;font-family: "黑体";}
.category li.first{text-align: center;height:40px;padding-top: 10px;font-size: 1.6rem;}
.category li.first a{padding-left: 10px;}
.category li.first .up{background: url("images/return.png") no-repeat scroll 0 0 transparent;width:24px;height:24px;overflow: hidden;float: right;margin-right: 10px;margin-top: -2px;}
.category li h5{height:26px; line-height: 26px; font-size: 1.8rem;margin-top:7px; text-indent: .8rem;}
.category li h5 a { color: #226FBB;}
.category li ul{ margin: 0 0 8px 0;}
.category li ul li{border:none;}
.category li ul span{height:22px; line-height: 22px;font-size: 1.7rem;margin-top:7px;margin-left: 12px;float: left;color: #666; border-left: 2px solid #226FBB; text-indent: 3px;}
.category li ul span a { display: inline-block; font-weight: bold;}
.category li ul div{overflow: hidden;}
.category li p{font-size: 1.5rem;height:22px; line-height: 22px; margin-top:7px;float: left;margin-left: 22px;}
.category li p a{color:#777; font-weight: bold;}
.category li p.catecurr{text-align: center;margin-top:5px;margin-left: 10px;margin-right: -11px;}
.category li p.catecurr .left{background: url("images/category_left.png") no-repeat scroll center 0 transparent;width:12px;overflow:hidden;height:23px;float: left;}
.category li p.catecurr .right{background: url("images/category_right.png") no-repeat scroll 0 0 transparent;width:12px;overflow: hidden;height:23px;float: left;}
.category li p.catecurr a{background:#666;color:#fff;float: left;height:23px;padding-top: 2px;}
.category li p a:hover{color:#ccc;}
.category li h5.catecurr{ height: 26px; line-height: 26px; text-indent: 0; margin-left: 3px;}
.category li h5.catecurr a{
    height: 26px;
    display: inline-block;
    text-align: center;
    text-indent: 0;
    padding: 0 6px;
    line-height: 26px;
    border-radius: 3px;
    background: #226FBB;
    color: #fff;
}
.category li ul span.catecurr { margin: 7px 0 4px 12px;}
.category li ul span.catecurr a { background: #226FBB; color: #fff; height: 26px; line-height: 26px; padding-right: 3px; border-radius: 3px; margin-top: -3px;}
.m-menu .more a { position: relative; padding-right: 12px;}
.m-menu .arrow-down { position: absolute; display: block; width: 9px; height: 6px; background: url("images/arrow-down.png"); background-position: -9px 0; right: 6px; top: 50%; margin-top: -3px;}
.m-menu .show-more .arrow-down { transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.category .catearrow{background: url("images/catearrow.png") no-repeat scroll 0 0 transparent;float: right;height: 20px;margin-right: 10px;margin-top: -2px;overflow: hidden;width: 20px;display:none;}

.g-cloumn {text-align: center;width:100%;margin-top: 10px;}
.g-cloumn div{margin-top: 5px;}
.g-cloumn .m-downclient { margin: 40px 0 20px;padding: 0 10px; }
.g-cloumn .m-downclient > a {  display: inline-block; color: #fff; width: 100%; height: 40px; background: #4998E7; border-radius: 8px; line-height: 40px; font-size: 1.6rem;}
.last .loadmore {background: none repeat scroll 0 0 #fff; border-color: #ddd; border-radius: 3px; font-size: 1.5rem; height: 30px; left: 0; line-height: 30px; width: auto;}
.last:hover {cursor:pointer;}
.a-title { padding: 0 15px 0;}
.a-title h1 { font-size: 1.8rem; line-height: 1.0; overflow: hidden; padding: 10px 0 8px; font-weight: normal;}
.a-author { font-size: 1rem; padding: 0 0 0 15px; color: #999;}
.a-author .copyright { display: inline-block; background: #ccc;line-height:20px;margin:0 8px 0 0;padding:0 5px; color: #333;cursor:default; }
.a-author span a { color: #999; }

/* 仿腾讯的导航 */
.m-top { height: 40px; background-color: #F4F4F4; position: relative; z-index: 102;}
.m-top .m-logo, .m-top .m-nav-status { line-height: 40px; font-size: 15px; position: relative; margin: 0 16px 0 8px;}
.m-top .m-logo img { height: 26px; vertical-align: middle; margin-top: -2px;}
.m-top .m-nav-status { padding: 0 26px; margin: 0;}
/* 三角形 */
.m-nav-status .triup, .m-nav-status .tridown {display: inline-block; margin-left: 3px; border-style: solid; border-width: 5px; position: absolute;}
.m-nav-status .triup { border-color:transparent transparent #444; top: 33%;}
.m-nav-status .tridown { border-color:#444 transparent transparent; top: 45%;}
.m-menu { background-color: #3E86CE; font-size: 0; display: none; text-align: left; position: relative; z-index: 101;}
.m-menu li { padding: 0; width: 23%; text-align: center; color: #fff; font-size: 16px; display: inline-block; margin-top: 0; white-space: nowrap; line-height: 40px; height: 40px;}
.m-menu li a { color: #fff; font-weight: bold; padding: 0; width: 90%; display: inline-block; line-height: 40px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin-top: -3px;}
.m-menu li .curr { background: #226FBB; border-radius: 6px;}
.m-footer { background-color: #404A54; color: #95A0AC; font-size: 1rem; padding: 20px 0 20px; line-height: 20px;}
.m-footer a { color: #ffffff;}

/*无数据*/
.nodata{height: 50px;line-height: 50px;font-size: 1.8rem;text-align: center;margin: 0 auto;}
/*广告位*/
.ad{text-align: center;padding: 0 10px;}

/* 畅言 hack */
#SOHUCS { font-size: 1.6rem;}

/* 视频缩略图 */
.video-thumb { position: relative; width: 80px; height: 60px; float: left; margin-right: 15px;}
.video-thumb > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-thumb > .play-icon { width: 20px; height: 20px; position: absolute; background: url(play.png); top: 50%; margin: -10px 0 0 -10px; left: 50%;}

/* 文章附件 */
.attachments {width: 100%;margin: 20px auto;overflow: hidden}
.attachments label {text-indent: 5px;font-weight: bold;font-size: 15px;height: 45px;line-height: 45px;display: block}
.attachments ul {list-style: none;border: 1px solid #eee;padding: 0;background: #fff;}
.attachments ul li {border-bottom: 1px solid #EEE;height: 45px;line-height: 45px;padding: 0 20px;}
.attachments ul li:last-child {border-bottom: none;}
.attachments .attach-item .attach-size {font-size: 14px;color: #CCC;display: inline-block;vertical-align: top;}
.attachments .attach-name{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:15px;width: 40%;}
.attachments .attach-download {float: right!important;  width: 20px;height: 20px;display: inline-block;background: url(images/download.png);background-size:contain;margin-top: 12px;}
.attachments .icon-filetype{width: 18px; height: 18px; display: inline-block;background: url(images/filetype.png);  float: left;margin-right: 10px;margin-top: 13px;}
.attachments .icon-filetype-excel{background-position: 0px 0;}
.attachments .icon-filetype-other{background-position: -18px 0;}
.attachments .icon-filetype-img{background-position: -36px 0;}
.attachments .icon-filetype-ppt{background-position: -54px 0;}
.attachments .icon-filetype-word{background-position: -72px 0;}
.attachments .icon-filetype-zip{background-position: -90px 0;}
.attachments .icon-filetype-psd{background-position: -108px 0;}


/* 专辑 */
.album  .thumb a .hide {display: none;}
.album { position: relative; width: 100%; color: #666; overflow: hidden; padding-top: 32px;}
.album .name { position: absolute; left: 0; top: 0; font-size: 1.4rem;}
.album .count { position: absolute; right: 0; top: 0; font-size: 1rem;}
.album .count:after { content: ''; width: 5px; height: 10px; background: url(images/arrow_hei2.png); display: inline-block; margin-left: 6px; background-size: 100%;}
.album .list { white-space: nowrap; font-size: 0; position: relative;}
.album .item { margin-right: 0; font-size: 1.2rem; width: 100%; vertical-align: top; float: left; padding: 0 0 10px 0; border-bottom: 2px solid #d5d5d5;}
.album .thumb { width: calc(100% - 5px); margin: 0 5px;}
.album .thumb a { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%;}
.album .thumb img { width: 100%; position: absolute; top: 0; left: 0; height: 100%}
.album .title { white-space: normal; max-height: 30px; line-height: 1.4; overflow: hidden; height: 30px; margin: 0 5px; margin-top: 9px;}
.album .duration { position: absolute; bottom: 0; line-height: 1.5; color: #FFF; background-color: rgba(0, 0, 0, 0.3); width: 100%; text-indent: 4px;}