@font-face {   
    font-family: 'icomoon'; 
    src:url('font/icomoon.svg');
    src:url('font/icomoon.eot') format('embedded-opentype'),
        url('font/icomoon.woff') format('woff'),
        url('font/icomoon.ttf') format('truetype'),
        url('font/icomoon.svg') format('svg');   
    font-weight: normal;
    font-style: normal;
}

*, *: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;
}
.audio-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;}

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

/* 仿腾讯的导航 */
.m-top { height: 40px; background-color: #F4F4F4; position: relative; z-index: 101;}
.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;}

/* 视频缩略图 */
.audio-thumb { position: relative; width: 80px; height: 60px; float: left; margin-right: 15px;}
.audio-thumb > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.audio-thumb > .play-icon { width: 20px; height: 20px; position: absolute; background: url(images/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 { position: relative; width: 100%; color: #666; overflow: hidden; padding-top: 16px;}
.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 { position: relative; height: 0; padding-bottom: 100%; font-family: 'icomoon';}
.album .thumb a { position: absolute; display: block; width: 70%; height: 70%; border-radius: 50%; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.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;}
.album .duration { display: none;}
.album .thumb:before {
    content: '\e608';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    line-height: 40px;
    text-align: center;
    font-size: 32px;
}

/* 播放器 */
.article .player-inner { position: absolute; width: 100%; height: 100%; background: #000;}
.article .player .thumb { width: 100%; text-align: center; background: black; position: relative; overflow: hidden; height: 100%;}
.article .player .thumb > img {max-width: 100%; margin: 0 auto; width: 100%; }
.article .player .thumb .album-thumb { width: 140px; position: absolute; left: 0; right: 0; top: 0; bottom: 15px; margin: auto; height: 140px; border-radius: 50%; overflow: hidden; border: 10px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5); font-family: 'icomoon';}

.article .player .thumb .album-thumb > img {width: 100%; height: 100%;}

.jp-video-play .status {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
    border-radius: 50%;
    margin: auto;
    font-family: 'icomoon'; 
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
}
.jp-video-play .jp-play:before {
    content: '\e60a';
    display: block;
    width: 100%;
    height: 100%;
}
.jp-video-play .jp-pause:before {
    content: '\e609';
    display: block;
    width: 100%;
    height: 100%;
}
.jp-video-play .jprogress {
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 30px;
    margin: auto;
    left: 0;
    right: 0;
}
.jp-video-play .jp-seek-bar {
    height: 4px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
}
.jp-video-play .jp-play-bar {
    height: 100%;
    background-color: #fff;
    position: absolute;
}
.jp-video-play .jp-play-bar:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -4px
}
.jp-video-play .jp-duration,
.jp-video-play .jp-current-time {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5;
}
.jp-video-play .jp-duration { right: 5% }
.jp-video-play .jp-current-time { left: 5% }

.player .thumb  .prev,
.player .thumb  .next {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 100;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer;
    font-family: 'icomoon';
    color: #fff;
    font-size: 45px;
    line-height: 40px;
    text-align: center;
}
.player .thumb  .prev {
    left: 10%;
}
.player .thumb  .prev:before {
    content: '\e60c';
    margin-left: -3px;
}
.player .thumb  .next {
    right: 10%;
}
.player .thumb  .next:before {
    content: '\e60b';
    margin-left: -3px;
}