 /* -----------------------------------------------------------------

The Whole CSS written by Elecom.
(C) Elecom Inc.
Annoucement here,Copyright
Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2017-04-09 20:00:06

---------------------------------------------------------------------------------------*/


a { color: #222222}
a:hover { text-decoration: none}
.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}
.span-mark { display: none}

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

.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: 660px; padding-left: 140px; margin: 20px 0 0 0}
.right_box { float: right; width: 340px; 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 30px; font-size: 16px; background-color: #f4f5f6}


/* 左侧随动/Left flow */

.elec_tab{width:100%;font-family:"Microsoft YaHei";padding-top:0}
.elec_tab .hd{position:absolute;border-bottom:0;left:0;top:0;width:158px}
.elec_tab .hd ul{float:left;width:100%;margin:0;z-index:5;zoom:1;text-align:center}
.elec_tab .hd a,.elec_tab .hd li{float:none;height:40px;line-height:40px;padding:0;margin-bottom:2px;color:#444;border-bottom:0;cursor:pointer;font-weight:400;font-size:16px;font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;border-radius:0;overflow:hidden;text-align:center;background:0 0}

.elec_tab .hd li.on{color:#FFF;font-weight:400;border-radius:4px;background:#ed4040}
.elec_tab .hd li.on a{color:#FFF}
.elec_tab .hd em{float:right;width:35px;height:35px;line-height:35px;padding-left:35px;color:#BBB;font-size:16px;background:url(../more.png) no-repeat left center}
.elec_tab .hd em a{color:#444}
.elec_tab .hd em a:hover{color:#ed4040}
.elec_tab .bd{border:0;padding:0;clear:both;position:relative;height:auto;overflow:hidden}
.elec_tab .bd .conWrap{width:100%}

/* end */


/* 右侧/Right Side */

.report{display:block;padding:12px 22px;background-color:#F4F5F6;margin-bottom:16px}
.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}

#jokeInner{padding:20px 30px}
.joke-list{padding-top:14px;border-bottom:1px solid #e8e8e8;color:#999;font-size:14px}
.joke-user{display:block;margin-bottom:6px}
.joke-user div{vertical-align:middle;height:30px;display:table-cell}
.joke-user div img{background:#ccc;border-radius:100%;width:30px;height:30px;float:left;margin-right:10px;border: 0}
.joke-user div{vertical-align:middle;height:30px;display:table-cell}
.joke-user div span{display:inline-block;color:#406599;font-size:14px}
.joke-text{position:relative}
.joke-text a{display:block;color:#222}
.joke-text a p{ width: 260px; padding: 10px; line-height:20px;text-align:justify;display:inline-block; background: #EDEFF2}
.joke-text a p:hover { background: #e4e7eb}
.joke-comment{font-size:12px;height:42px; margin-bottom: 8px}
.joke-comment a{ float: right; color:#777;line-height:40px}
.joke-comment span{color:#777;float:right;line-height:40px;padding-left:20px}
.joke-comment span i{float:left;width:16px;height:16px;margin:12px 7px 0 0;color:#ddd;font-size:14px;vertical-align:text-top;background:url(../hand.png) no-repeat 0 0}

.friend-links-content {
	float: left;
	margin: 10px 20px 10px 30px;
    overflow: hidden;
}
.friend-links-content .item {
    float: left;
    margin: 0 20px 20px 0;
}
.friend-links-content .item a {
    color: #777;
    line-height: 19px;
    font-size: 14px;
}

.news-content{padding:10px 30px}
.news-list{padding:12px 0;border-bottom:1px solid #EEE}
.news-list:last-child{border-bottom:0}
.news-link{display:block;overflow:hidden}
.news-pic{width:60px;height:60px;margin-right:12px;float:left; overflow: hidden}
.news-inner{height:60px;display:table-cell;vertical-align:middle}
.news-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}
.news-inner p:hover { color: #406599}

.company{padding:15px 30px;margin:16px 0 0 0;background-color:#f4f5f6;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 30px;
}
.video-item {
    padding-bottom: 16px;
}
.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: #406599}
.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 */

.elec_tab2{color:#FFF;font-size:14px}
.elec_tab2 .bd{float:left;position:relative;width:600px;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)}
.elec_tab2 .hd{float:right;width:60px;height:300px;color:#fff;font-size:14px;background-color:#222;padding:7px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.elec_tab2 .hd a,.elec_tab2 .hd li{position:relative;cursor:pointer;text-align:center;line-height:36px;margin-bottom:14px}
.elec_tab2 .hd li.on{background:#ED4040;background:rgba(237,64,64,.8)}
.elec_tab2 .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:200}
.elec_tab2 .block-name{top:-35px!important;left:-35px!important}
.elec_tab2 .edit{margin:-20px 0 0 -10px}

.toutiao_list_box { margin-top: 0}
.toutiao_list { padding: 15px 0; margin: 0; border-bottom: 1px solid #F8F8F8; background: #FFFFFF}
.toutiao_list_imgouter { position: relative; float: left; display: block; width: 220px; height: 130px; 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)}
.toutiao_list_con { position: relative; float: left; width: 420px; height: 130px}
.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}
.toutiao_list_con h3 { height: auto; line-height: 28px; margin-bottom: 15px; font-size: 18px; font-weight: 400; overflow: hidden}
.ui_colorG { color: #222222}
.ui_colorG:hover { color: #f04142}
.ui_2_userinfo { height: 28px; line-height: 28px; margin: 10px 0; font-size: 14px; color: #999999}
.ui_2_userinfo .authors a { font-weight: 400}
.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 { float: left; width: 20px; height: 20px; margin: 3px 0 0 0; margin-right: 8px; vertical-align: middle; border-radius: 50%}
.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}
.toutiao_list_con p { max-height: 48px; line-height: 24px; font-size: 13px; margin: 0; word-wrap: break-word; word-break: break-all; overflow: hidden; color: #888888}
.cdg { color: #5E5E5E}
.ui_2_userinfo a, .clg { color: #BBBBBB}
a.ds_inlineB:hover { color: #FF0000}


.get-mod-more{height:40px;width:660px;line-height:40px;margin-top: 13px;margin-bottom:50px;font-size:14px;text-align:center;cursor:pointer;display:inline-block;border:0;transition:all .2s ease-out;background:#f4f5f6}
.get-mod-more a{display:block;color:#BBB}
.get-mod-more a:hover{color:#CCC}
.get-mod-more:hover{background:#FCFCFC}



.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}



.is-sticky #flow_box { padding-top: 56px; background: url(../logo.png) no-repeat 0 0; background-size: 110px auto}
/* end */


	.m_wnews { width: 100%;  background: #78B1F6; line-height: 32px;  position: relative; border: 0; zoom: 1; height: 32px; padding: 0; overflow: hidden; text-align: center}
	.m_wnews a{ color: #FFFFFF; font-size: 14px}
	.m_wnews strong { background: #D7D7D7; position: absolute; left: 0; top: 0; width: 12px; padding: 3px 8px; height: 54px; overflow: hidden; text-align: center; font-weight: normal; }
	.m_wnews div { padding: 0; line-height: 32px}
	.m_wnews .m_wmore { position: absolute; right: 50px; top: 25px; font-family: "宋体"; }
	.m_wnews .pagesize { position: absolute; right: 5px; top: 3px; }
	.m_wnews .pagesize a { background: url(images/index_newadd.png) no-repeat -21px 0; width: 21px; height: 21px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px; }
	.m_wnews .pagesize a.prev:hover { background-position: 0 0; }
	.m_wnews .pagesize a.next { background-position: -21px -26px; }
	.m_wnews .pagesize a.next:hover {background-position: 0 -26px;}
	
	
.login_box1 {
    width: 300px;
    margin: 0 0 16px 0;
    padding: 20px;
    background: #f4f5f6;
}
.login_box1 .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: #ed4040;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.login .third-login .sns {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 62px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.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;
}