/* CSS Document */

@font-face{font-family:'icomoon';src:url("icomoon.eot?-csk716-1");src:url("icomoon.eot?#iefix-csk716-1") format("embedded-opentype"),url("icomoon.woff?-csk716-1") format("woff"),url("icomoon.ttf?-csk716-1") format("truetype"),url("icomoon.svg?-csk716-1#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

a { color: #222222}
a:hover { text-decoration: none}

.outer {
    width: 300px;
    margin: 0 0 16px 0;
    padding: 20px;
    background: #f4f5f6;
}
.outer .inner {
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    letter-spacing: 0;
}
.login {
    height: 166px;
    padding: 20px 28px 15px;
}
.login .login-msg {
    font-size: 12px;
    line-height: 17px;
    color: #777;
}
.login .login-button {
    width: 240px;
    height: 40px;
    margin: 16px 0 14px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background: #fb8526;
    border: none;
    border-radius: 0;
    cursor: pointer;
}
.login .third-login .sns {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 62px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.login .third-login .weibo {
    background-image: url(icon_weibo_pc.bde1e60.png);
}
.login .third-login .qq {
    background-image: url(icon_qq_pc.de846d6.png);
}
.login .third-login .weixin {
    background-image: url(icon_weixin_pc.1d58bef.png);
}
.login .third-login .sns span {
    position: absolute;
    left: 8px;
    top: 45px;
    width: 24px;
    font-size: 12px;
    line-height: 17px;
    color: #777;
}
.login .third-login .sns:not(:last-child) {
    margin-right: 24px;
}

.mtop20{ margin-top:20px;}
.margin0{ margin:0px !important;}
.padding0{ padding:0px !important;}
.padding_margin0 { margin: 0 !important; padding: 0 !important}


.span-mark { display: none}
.box-moder h3 { padding: 20px 0 10px 0}

.fr { float: right}
.mr15 { margin-right: 15px}
.ml li { padding: 0}

.act { margin: 0 0 10px 0}

.content_box { margin: 0}
.left_box { position: relative; float: left; width: 820px; padding-left: 0; margin: 20px 0 0 0}
.right_box { float: right; width: 320px; padding-bottom: 20px; margin-top: 20px}

.msgAlert{height:33px;line-height:32px;font-size:14px;color:#fff;text-align:center;background-color:#60a3f5;background-color:rgba(96,163,245,.85);z-index:20;-webkit-transition-property:height;transition-property:height;-webkit-transition-delay:0;transition-delay:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.msgAlert a { color: #FFFFFF}
.msgAlert span{cursor:pointer;min-width:500px;display:inline-block}


.ad_portal { margin-bottom: 0; padding: 20px; font-size: 18px; background-color: #FAFAFA}


/* ÃÅ»§Ê×Ò³»ÃµÆƬ */
	.focusBox { position: relative; width:590px; height:260px; margin-bottom: 20px !important; overflow: hidden; }
	.focusBox .pic img { width:590px; height:260px; display: block; }
	.focusBox .hd { overflow: visible; zoom:1; position:absolute; bottom:19px; right:20px; z-index:3}
	.focusBox .hd li {
		float: left;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFFFFF;
    margin: 0 0 0 6px;
    cursor: pointer;
}
	.focusBox .hd .on {
    background: #f4c203;
}
.focusBox .pic li { position: relative}
.focusBox .pic li h3 {
    position: absolute;
	width: 560px;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    padding: 10px 15px;
    background: url(bg_2.png) repeat-x left bottom;
    line-height: 40px;
	overflow: hidden
}
	.focusBox .prev,
	.focusBox .next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat;
	transition: all .4s;
    opacity: 0;
}
	.focusBox .prev {
    width: 15px;
    height: 40px;
    left: 35px;
    background: url(prev.png) 0 0 no-repeat;
        background-size: auto auto;
    background-size: cover;
}
	.focusBox .next {
    width: 15px;
    height: 40px;
    right: 35px;
    background: url(next.png) 0 0 no-repeat;
        background-size: auto auto;
    background-size: cover;
}
	.focusBox:hover .prev,
	.focusBox:hover .next { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }


/* ×ó²à */

.hb-src-icon {
    width: 9px;
    height: 14px;
    margin-top: -3px;
    margin-right: 8px;
	display: inline-block;
    vertical-align: middle;
}

.left_tab{width:100%;font-family:'Microsoft YaHei';padding-top: 16px}
.left_tab .hd{ padding-top: 10px}
.left_tab .hd ul.bar0 {float:left;width:100%;margin:0;z-index:5;zoom:1;text-align:center; border-bottom: 0}
.left_tab .hd li.bar1, .more1 {float: left; height:32px;line-height:32px;padding:0;margin-bottom: 0;color: #333333;border-bottom:0;cursor:pointer;font-weight: 400;font-size:15px;font-family: 'Microsoft YaHei';border-radius:0; text-align: center; overflow: hidden; background:0 0}
.left_tab .hd a { color: #333333}

.left_tab .hd li.bar1 { width: 12%}
.left_tab .hd li.bar1:hover { color: #ffb400}
.left_tab .hd li.bar1.on { color: #FFFFFF; background: #ffb400; border-radius: 2px}


.left_tab .bd{border:0;padding:0;clear:both;position:relative;height:auto;overflow:hidden}
.left_tab .bd .conWrap{width:100%; height: auto !important}
.left_tab .bd .conWrap .con {     display: block !important;position: relative !important}

/* end */


/* ÓÒ²à */

.report{display:block;padding:12px 22px;background-color: #F6F6F6;margin-bottom: 15px; border-bottom: 0}
.y-left{float:left}
.report .img-holder{width:57px;height:50px}
.report .img-holder img { width: 100%; height: 100%}
.report .info{margin-top: 0;margin-left:15px}
.report .info .tit1{font-size:18px;color:#222;margin-bottom: 0}
.report .info .tel{font-size:14px;color:#777}

.box-list2{padding-left:20px;margin:15px 30px 30px 30px;background:url(left_bar.png) no-repeat 0 7px}
.box-list2 li{height:83px;line-height:24px;padding:0;border-bottom:0}
.box-list2 li .story-content .story-title p{padding:0;font-size:14px;color:#455066;height:48px;line-height:24px;position:relative}
.box-list2 li .story-content .story-title p:hover{text-decoration:underline}
.icon-caret{position:absolute;background-position:-211px -720px;right:18px;top:13px}
.box-list2 li .story-content .story-time p.time{float:left;font-size:12px;color:#999;padding:0}

#god_reply{padding: 20px}
.god_list{padding-top:14px;border-bottom:1px solid #e8e8e8;color:#999;font-size:14px}
.god_user{display:block; height: 30px; margin-bottom:6px}
.god_user div{ float: left; vertical-align:middle;height:30px; line-height: 30px; display:table-cell}
.god_user div img{background:#ccc;border-radius:100%;width:30px;height:30px;float:left;margin-right:10px;border: 0}
.god_user div{vertical-align:middle;height:30px;display:table-cell}
.god_user div span{display:inline-block;color:#fb8526;font-size:14px}
.god_text{position:relative}
.god_text a{display:block;color:#222}
.god_text a p{ display: block; width: 260px; padding: 10px; line-height:25px; font-size: 14px; text-align:justify;display:inline-block; transition: all 0.5s ease 0s; background: #F4F5F6}
.god_text a p:hover { background: #e6e8ea}
.god_comment{font-size:12px;height:42px; margin-bottom: 8px}
.god_comment a{ float: right; color:#777;line-height:40px}
.god_comment span{color:#777;float:right;line-height:40px;padding-left:20px}
.god_comment span i{float:left;width:16px;height:16px;margin:10px 7px 0 0;color:#ddd;font-size:14px;vertical-align:text-top;background:url(hand.png) no-repeat 0 1px}

.news-content { padding: 10px 20px}
.today_hot{padding:12px 0;border-bottom: 0}
.today_hot:last-child{border-bottom:0}
.today_link{display:block;overflow:hidden}
.today_pic{width:60px;height:60px;margin-right:12px;float:left}
.today_inner{height:60px;display:table-cell;vertical-align:middle}
.today_inner p{vertical-align:middle;font-size:14px;line-height:20px;max-height:40px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.today_inner p:hover { color: #ed4040}

.company{ width: 280px; padding:15px 20px;margin:16px 0 0 0;background-color:#FAFAFA;line-height:2;font-size:14px;text-align:left}
.company p{color:#777}
.company a{cursor:pointer;color:#777}
.company span{display:block;color:#777}

.video-list {
    padding: 20px;
}
.video-item {
    padding-bottom: 30px;
}
.video-item dl {
    height: 68px;
    overflow: hidden;
}
.video-item dl dt {
    position: relative;
    float: right;
    width: 118px;
    height: 100%;
    overflow: hidden;
    margin-left: 10px;
	transform-style: preserve-3d;
}
.module-pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.module-pic img:hover { transform: matrix(1.04,0,0,1.04,0,0)}
.hot-tag {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 0 6px;
    border-radius: 10px;
    background: #000;
    filter: alpha(opacity=70);
    background: rgba(0,0,0,.7);
}
.video-item dl dt .video-tag { padding: 1px 6px 1px 6px}
.video-item dl dd {
    display: table;
    overflow: hidden;
    height: 100%;
}
.video-item dl dd .cell {
    display: table-cell;
    vertical-align: middle;
}
.video-item dl dd h4 {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video-item:hover h4 { color: #ed4040}
.video-item dl dd p {
    padding-top: 10px;
    color: #999;
}
.video-item dl dd p {
    color: #999;
}
.video-item dl dt .video-tag span { display: inline-block; width: 10px; height: 10px; overflow: hidden; background: url(play.png) no-repeat center center}
.video-item dl dt .video-tag em { display: inline-block; color: #FFFFFF}

/* end */




/* ×ó²à»ÃµÆ */

.banner_tab{color:#FFF;font-size:14px}
.banner_tab .bd{float:left;position:relative;width:740px;height:300px;background-image:-webkit-linear-gradient(top left,rgba(0,0,0,.3),#000);background-image:linear-gradient(to bottom right,rgba(0,0,0,.3),#000)}
.banner_tab .hd{float:right;width:60px;height:300px;color:#fff;font-size:14px;background-color: #333333;padding:7px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.banner_tab .hd a,.banner_tab .hd li{position:relative;cursor:pointer;text-align:center;line-height:36px;margin-bottom:14px}
.banner_tab .hd li.on{background:#ED4040;background:rgba(237,64,64,.8)}
.banner_tab .hd li.on::before{content:'';position:absolute;top:12px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-right:6px solid #ED4040;border-right:6px solid rgba(237,64,64,.8);border-bottom:6px solid transparent;z-index:20}
.banner_tab .block-name{top:-35px!important;left:-35px!important}
.banner_tab .edit{margin:-20px 0 0 -10px}

.toutiao_list_box { margin-top: 0}
.toutiao_list { padding: 20px 0; margin: 0; border-bottom: 1px solid #F0F0F0; background: #FFFFFF}
.toutiao_list_imgouter { position: relative; float: left; display: block; width: 200px; height: 120px; margin: 0 20px 0 0; overflow: hidden}
.toutiao_list_imgouter img { transition: all .5s ease-out}
.toutiao_list_imgouter img:hover { transform: matrix(1.04,0,0,1.04,0,0)}
.ganhuo { position: relative; float: left; width: 600px; height: 120px}
.tag_down { position: absolute; left: 8px; top: 8px; height: 20px; line-height: 20px; border-radius: 0; background: #4fa7fe}
.tag_down a { display: block; padding: 0 8px; color: #FFFFFF; transition: all 0s ease 0s}
.tag_down:hover, .tag_down a:hover { color: #FFFFFF; background: #ed4040}
.ganhuo h3 { height: auto; line-height: 30px; margin-bottom: 5px; font-size: 18px; font-weight: 400; overflow: hidden}
.ui_colorG { color: #333333}
.ui_colorG:hover { color: #ed4040}
.ui_2_userinfo { height: 28px; line-height: 28px; margin: 5px 110px 5px 0; font-size: 13px; color: #999999; font-family: 'Microsoft Yahei' !important}
.ui_2_userinfo .authors a { font-weight: 400; color: #7cbcff; font-size: 13px}
.ui_2_user { float: left; width: 26px; height: 26px; margin: 2px 0 0 0}
.toutiao_list .ui_2_userinfo span { height: 28px; line-height: 28px; margin-left: 0}
.toutiao_list .ui_2_userinfo .authors { width: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: none}
.toutiao_list .ui_2_userinfo .authors img { display: none}
.ui_2_user img { border-radius: 50%}
.toutiao_list .ui_2_userinfo .time1 { position: absolute; right: 0; bottom: 0; height: 28px; line-height: 28px; padding: 0; margin: 2px 10px 0 0}
.toutiao_list .ui_2_userinfo .time1 a { display: block; height: 28px; line-height: 28px; padding: 0 8px; color: #FFFFFF; background: #DADADA}
.ganhuo p { max-height: 50px; line-height: 24px; font-size: 14px; margin: 0 110px 0 0; word-wrap: break-word; word-break: break-all; overflow: hidden; color: #808080}
.cdg { color: #5E5E5E}
.ui_2_userinfo a, .clg { color: #999999}
a.ds_inlineB:hover { color: #FF0000}

.article-praise, .article-praise-after {
	position: absolute;
	right: 0;
	top: 41px;
    width: 60px;
    height: 60px;
    font-size: 14px;
    background: #ffb400;
    border-radius: 2px;
}
.article-praise:hover, .article-praise-after:hover { background: #fb8526}
.article-praise span, .article-praise-after span {
    display: block;
    width: 58px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.article-praise .praise-number, .article-praise-after .praise-number {
    height: 35px;
    line-height: 35px;
    margin-top: 1px;
    background: #fff;
    color: #ffb400;
    cursor: pointer;
}
.article-praise span, .article-praise-after span {
    display: block;
    width: 58px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.article-praise:hover .praise-number {
    color: #fb8526;
}

.get-mod-more{height:40px;width: 818px;line-height:40px;margin-top:10px;margin-bottom: 0;font-size:15px;text-align:center;cursor:pointer;display:inline-block;border:0; border-radius: 4px; transition:all .2s ease-out;background: none; border: 0}
.get-mod-more a{display:block;color: #7cbcff}
.get-mod-more a:hover{color: #ffb400}



.rom-list li { padding-left: 13px; background: url(dot.png) no-repeat 0 13px}

.friendlink li { float: left; margin: 20px 30px 0 0}
.friendlink li a { color: #666666}

/* end */

.link {
    width: 1170px;
    font-size: 14px;
    line-height: 30px;
    margin: 10px auto;
}
.link .tit {
    color: #333;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    font-weight: 400;
    padding-left: 10px;
    border-left: 3px #fb8526 solid;
    background: none;
}
.link .tit span {
    float: right;
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.link a {
    color: #999999;
    margin: 0 5px 0 0;
}

.tit_portal {
    margin-top: 20px;
	margin-bottom: 5px;
    padding-left: 0;
    font-size: 20px;
    color: #303030;
    font-weight: 400;
    border-left: 0;
	font-family: Arial, Helvetica, sans-serif,'Microsoft Yahei'
}
.right-iframe-img {
    margin-bottom: 15px;
    padding: 20px;
    background-color: #F6F6F6;
}
.right-iframe-img h4 {
    color: #222;
    font-size: 18px;
    padding: 12px 0 18px;
}
.right-iframe-img .source, .right-iframe-img .comment {
    color: #999;
}
.right-iframe-img a {
    display: inline-block;
}
.right-iframe-img .label {
    color: #fb8526;
}


.cr { display: block; float: none; font-size: 0; height: 0; line-height: 0; overflow: hidden; clear: both; visibility: hidden}

div.separation { background-color: #E6E6E6; height: 1px; width: 100px; overflow: hidden; margin: 5px 0 10px 0}

.channel-more-layer {
    display: none;
    position: absolute;
    bottom: -260px;
    left: -160px;
    width: 230px;
    z-index: 30;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    padding: 5px;
}
.bui-box {
    display: block;
    zoom: 1;
}
.bui-left {
    float: left !important;
	width: 110px;
}
.channel-item {
    display: block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #444;
    border-radius: 4px;
    margin-bottom: 2px;
    transition-property: color,background-color;
}
.channel-item span {
    display: inline-block;
    font-size: 16px;
	color: #AAAAAA !important
}
.channel-item:hover span { color: #242424 !important}
.more1 { position: relative}
.more1:hover .channel-more-layer { display: block !important}


.part {
    width: 220px;
    height: 125px;
	margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.shadow {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	transition: all 0.5s ease 0s;
    background: rgba(0,0,0,0.3);
}
.part:hover .shadow { background: rgba(0,0,0,0.1)}
.post_tag {
    position: absolute;
    top: 0;
    left: 0;
    border-left: 4px solid #2CFFFF;
    padding: 0 10px;
    background-color: #000;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    z-index: 3;
}
.bottom_banner {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    color: #fff;
    z-index: 2;
}
.bottom_banner .tits {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
}
.bottom_banner .tits a {
    color: #fff;
}
.post_data a {
    color: #fff;
}
.like_num {
    margin-right: 22px;
}
.post_data .like_num {
    cursor: pointer;
}
.post_data i {
    color: #2BF4F4;
    margin-right: 8px;
}
.icon-Shape10::before {
    content: "\e607";
}
.icon-comment::before {
    content: "\e076";
}








.hot-topic {
    width: 840px;
    margin-bottom: 30px;
    overflow: hidden;
}
.hot-topic-title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    margin: 15px 0 0 0;
}
.hot-topic dl {
    float: left;
    width: 238px;
    height: 320px;
    margin: 20px 20px 0 0;
    _margin-right: 7px;
    padding: 8px 10px 10px;
    border: 1px solid #ececec;
}
.hot-topic dt {
    height: 24px;
    line-height: 24px;
    padding: 5px 0 10px 0;
    font-size: 16px;
    overflow: hidden;
}
.hot-topic dt a {
    color: #333;
}
.hot-topic dd {
    width: 238px;
    height: 30px;
}
.hot-topic .img {
    position: relative;
    height: 120px;
    margin-bottom: 10px;
}
.hot-topic dd a {
    float: left;
    width: 210px;
    height: 30px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
}
.hot-topic dd a:hover { color: #fb8526}
.hot-topic .img a {
    width: 238px;
    height: auto;
}
.hot-topic .img span {
    position: absolute;
    left: 0;
    bottom: 0;
    float: none;
    display: block;
    width: 218px;
    height: 24px;
    line-height: 24px;
	margin: 0 10px;
    text-align: center;
    color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.hot-topic .img:hover span { color: #fb8526}
.hot-topic .img .context-bg {
	padding: 0 10px;
	margin: 0;
    background: #333;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.hot-topic dd a {
    float: left;
    width: 210px;
    height: 30px;
    line-height: 30px;
    color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}


.left_tab .hd .post {
	position: relative;
	display: block;
    float: right;
    width: 180px;
    height: 32px;
    margin: 0;
}
.left_tab .hd .post a {
    display: block;
    width: 60px;
    height: 20px;
    padding: 6px 60px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #fb8526;
}
.left_tab .hd .post a:hover { background: #ED6A00}
.left_tab .hd .post i {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(common.png) 2px -110px no-repeat;
}