@charset "gb2312";
/* CSS Document */
body{font-family:"Microsoft Yahei","宋体",Arial Narrow; font-size:14px; color:#222; background:#fff; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,em,cite{padding:0; margin:0;}
img{border:0; display:block;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a:link,a:visited{color:#222;text-decoration:none;}
a:active,a:hover{color:#5272d9;text-decoration: none;}
.lt{float:left;}
.rt{float:right;}
.cl{ clear:both;}
.mr0{margin-right:0 !important;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}3 /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
code{font-family:"Microsoft Yahei";}

.wrap{ width:100%;}
.head{ height:356px; width:100%; background:url(../images/head.jpg) center top no-repeat;}
.headnav{ width:100%; height:70px; background:rgba(34,34,34,0.92);}
.navBox{ width:1200px; margin:0 auto;}
.nav li{ height:70px; line-height:70px; font-size:18px; float:left; padding:0 20px;}
.vote a{ font-size:18px; line-height:70px; position:relative; padding-left:70px;}
.vote a.fahao{ padding-left:53px;}
.vote a:after{ width:26px; height:26px; background:url(../images/toupiao.png) no-repeat; content:""; position:absolute;left:35px; top:-2px;}
.vote a.fahao:after{ width:21px; height:24px; background:url(../images/fahao.png) no-repeat; content:""; position:absolute; left:21px; top:0;}

.main{ width:1200px; margin:0 auto;}

/*幻灯 头条*/
.flashBox{ position:relative; width:100%; margin-bottom:34px;}
.flash{ width:698px; height:393px; overflow:hidden; position:relative; z-index:3;}
.flashContent li{ width:698px; height:393px; float:left; position:relative;}
.flashContent li a{ display:block; width:100%; height:100%;}
.flashContent li img{ width:698px; height:393px;}
.flashContent li p{ width:648px; height:50px; background:#333; line-height:50px; font-size:18px; overflow:hidden; color:#fff; padding:0 25px; position:absolute;left:0; bottom:0;}
.flashPage{ width:152px; height:36px; position:absolute;right:0; bottom:7px;}
.flashPage ul{ margin-top:17px; width:100%; text-align:center;}
.flashPage li{ width:20px; height:3px; background:#fff; display:inline-block; cursor:pointer; margin:0 5px; text-indent:-888em;}
.flashPage li.on{ background:#ec4444;}
.flashArrow i{ width:36px; height:60px; position:absolute; top:168px; cursor:pointer;}
.flashArrow i.prev{ left:0; background:url(../images/leftArrow.png) no-repeat;}
.flashArrow i.next{ right:0; background:url(../images/rightArrow.png) no-repeat;}
.flashArrow i.prev:hover,.flashArrow i.next:hover{ background-position:-36px 0;}

.columnTitle{ font-size:22px; height:24px; border-bottom:1px solid #e4e4e4; padding-bottom:16px; font-weight:normal;}
.columnTitle strong{ font-weight:normal; position:relative; padding-left:16px; background:#fff;}
.columnTitle strong:before{ width:4px ; height:20px; background:#f9646c; content:""; position:absolute;left:0; top:6px;}
.columnTitle span{ font-size:14px; color:#c7c7c7; font-family:"Arial"; padding-left:8px; background:#fff;}
.t{ border-bottom:none; position:relative;}
.t:after{ width:100%; height:1px; background:#ddd; content:""; position:absolute;left:0; top:15px; z-index:-1}
.t span{ padding-right:20px;}
.more{ float:right; width:66px; height:20px; background:#5272d9; font-size:12px; font-family:"Arial"; text-align:center; line-height:20px; margin-top:5px;}
.more:link,.more:visited{ color:#fff;}
.more:hover,.more:active{ color:#eaeaea;}
.t1{ width:438px; padding-top:12px;}
.t2{border-bottom:none; width:105px; height:40px;}
.t2 strong:before,.t3 strong:before,.t8 strong:before{ background:#5272d9;}
.t2 span{ display:block; margin-top:10px; padding-left:16px;}
.t3{ width:698px;}
.t4 strong:before{ background:#39bbcb;}
.t4 .more{background:#39bbcb;}
.t5 strong:before{ background:#ee6e00;}
.t5 .more{ background:#ee6e00;}
.t6 strong:before{ background:#f1ad4e;}
.t6 .more{ background:#f1ad4e;}
.t7 strong:before{ background:#5272d9;}
.t7 .more{ background:#333;}

.topLine{ padding-left:52px; width:472px; background:#fff; position:absolute;right:0; top:-23px; z-index:2;}
.ttLink li{ height:60px; line-height:60px; font-size:18px; width:438px; overflow:hidden;}
.ttLink li a:link,.ttLink li a:visited{ color:#222;}
.ttLink li a:hover,.ttLink li a:active{ color:#f9646c;}
.ttLink li i{ padding-right:16px; padding-left:12px; font-style:normal;}
.ttLink li:hover{ box-shadow: 0px 0px 7px 0px rgb( 174, 174, 174 ); transition: box-shadow .3s ease;-webkit-transition:box-shadow .3s ease; padding-right:30px; border-right:4px solid #888;}

.hotSearch{ position:relative; text-align:right; margin-top:15px;}
.hotSearch .columnTitle{ position:absolute;left:0; top:60px;}
.hotSearch .columnTitle span{ text-align:left;}
.hotSearch .hs{ width:42px; height:137px; display:inline-block;-webkit-writing-mode: vertical-lr;writing-mode: tb-lr;writing-mode: vertical-lr;text-align:center; line-height:42px; background:url(../images/icon.png) 0 -55px no-repeat; font-size:16px; letter-spacing:2px; margin-left:16px; position:relative;}
.hotSearch .hs a{ display:block;width:42px; height:137px; overflow:hidden; position:relative;}
.hotSearch .hs p{ position:relative; z-index:99;}
.hotSearch .hs span{background:url(../images/icon.png) -42px -55px no-repeat; width:42px; height:137px; position:absolute;left:0; top:137px; z-index:8;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;}
.hotSearch .hs:hover span{ top:0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;}
.hotSearch .hs:hover p{ color:#fff;}
.hotSearch .hs i{ width:20px; height:20px; background:url(../images/icon.png) no-repeat; content:""; position:absolute;left:50%; margin-left:-10px; bottom:-29px;}
.hotSearch .hs2 i{ background-position:-63px 0; width:18px; margin-left:-9px;}
.hotSearch .hs3 i{ background-position:-123px 0; width:22px; margin-left:-11px;}
.hotSearch .hs4 i{ background-position:-184px 0; width:24px; margin-left:-12px;}
.hotSearch .hs5 i{ background-position:-250px 0; width:17px; margin-left:-8px;}
.hotSearch .hs6 i{ background-position:-313px 0;}
.hotSearch .hs:hover i{ background-position:0 -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.hotSearch .hs2:hover i{ background-position:-63px -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.hotSearch .hs3:hover i{ background-position:-123px -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.hotSearch .hs4:hover i{ background-position:-184px -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.hotSearch .hs5:hover i{ background-position:-250px -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}
.hotSearch .hs6:hover i{ background-position:-313px -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;}

/*新闻*/
a.fd{ display:block; overflow:hidden;}
a.fd img{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
a.fd img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}

.newsBox{ width:698px;}
.newsContent li{ height:134px; padding:20px 15px; position:relative; border-bottom:1px solid #ddd; cursor:pointer;}
.newsContent li a.fd{ margin-right:15px;}
.newsContent li a.fd,.newsContent li img{ width:238px; height:134px; float:left;}
.newsContent li strong{ font-size:20px; font-weight:normal; height:24px; line-height:24px; overflow:hidden;display:block;}
.newsContent li p{ font-size:14px; line-height:24px; color:#999; margin-top:15px;}
.newsContent .date{ position:absolute;right:23px; bottom:20px; text-align:right; width:100%; font-size:14px; color:#c2c2c2;}
.newsContent .date span{ padding-left:40px; position:relative;}
.newsContent .date span:after{ width:12px; height:12px; background:url(../images/icon.png) 0 -230px no-repeat; content:""; position:absolute;left:22px; top:4px;}
.newsContent .date span.zz:after{ background-position:0 -246px;}
.newsContent li:hover{ background:url(../images/icon2.jpg) repeat; border-left:4px solid #5272d9; padding:20px 15px 20px 11px;}
.newsContent li:hover strong a{ color:#5272d9;}
.newsContent li:hover a.fd img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.newsContent li.b0{ border-bottom:none;}
.chakanMore{ width:336px; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:20px;-webkit-border-radius:20px; background:#f6f4f4; margin:16px auto 0;}
.chakanMore a:link,.chakanMore a:visited{ color:#999;}
.chakanMore a:hover,.chakanMore a:active{ color:#c2bdbd;}
/*专题栏目*/
/*.zhuantiColumn{ width:472px;}
.ztlm{ padding:20px; width:432px; background:#f6f4f4; margin-bottom:26px;}
.ztlm li{ width:432px; margin-bottom:7px;}
.ztlm li a{ display:block; width:100%; height:100%;}
.ztlm li img{ width:428px; height:0;}
.ztlm li p{ height:59px; line-height:59px; text-align:center;padding:0 3%; background:#fff; font-size:18px; position:relative;}
.ztlm li p i{ position:absolute;width:46px; height:46px; left:0; top:0; background:url(../images/xz.png) 0 -64px no-repeat; text-align:center; font-style:normal; color:#fff; line-height:18px;}
.ztlm li p span{-moz-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0);-webkit-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0);-ms-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0); display:inline-block; font-size:16px;margin-right: 15px;margin-top: 7px;}
.ztlm li.cur img{ height:241px; border:2px solid #333; border-bottom:none;}
.ztlm li.cur p{ background:#333; color:#fff;}
.ztlm li.cur p i{ background-position:0 0;}*/

.zhuantiColumn{ width:450px;}
.special {display: block;background:  #f6f4f4;padding: 20px; margin-bottom:28px;}
.special li {position: relative;height: 59px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;overflow: hidden;margin-bottom: 1px;border: 2px solid #fff; margin-bottom:5px;}
.special li img {width: 100%}
.special li .s {position: absolute;top: 0;left: 0;}
.shuzi{ position:absolute;width:46px; height:46px; left:0; top:0; background:url(../images/xz.png) 0 -64px no-repeat; text-align:center; font-style:normal; color:#fff; line-height:18px; z-index:999;}
.shuzi span{-moz-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0);-webkit-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0);-ms-transform: matrix( 0.71245969712836,-0.70171303249104,0.70171303249104,0.71245969712836,0,0); display:inline-block; font-size:16px;margin-right: 15px;margin-top: 7px;}
.special li .t {padding: 0 20px 0 35px;font-size: 20px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:373px;height: 59px;line-height: 59px;background:  #fff;}
.special li .bg span {display: block;height: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;}
.special li.on,.special li:hover{height: 300px;border: 2px solid #333;}
.special li.on .s,.special li:hover .s {height: 59px;}
.special li.on .shuzi,.special li:hover .shuzi{ background-position:0 0; font-weight:bold; top:243px;}
.special li.on .t,.special li:hover .t {color: #fff;background:  #333;top: 241px;}
.special li.on .bg span,.special li:hover .bg span {height: 241px;}


/*精彩图片*/
.picBox{ padding-bottom:110px; background:url(../images/nc_bg.png) center bottom no-repeat;}
.bpic{ width:450px; height:254px; position:relative; overflow:hidden; margin:10px auto 0;}
.bpic ul{ overflow:hidden; position:absolute;}
.bpic li{ width:450px; height:254px; float:left; position:relative;}
.bpic li a{ display:block; width:100%; height:100%;}
.bpic li img{width:450px; height:254px; }
.bpic li p{ position:absolute;left:0; bottom:0; width:440px; height:66px; padding:0 5px; line-height:85px; overflow:hidden; background:url(../images/icon.png) 0 -324px no-repeat; font-size:16px; color:#fff; text-align:center;}
.spic{ width:450px; margin:0 auto;}
.spic ul{ overflow:hidden;}
.spic li{ width:150px; height:84px; float:left;filter:brightness(0.5);-webkit-filter:brightness(0.5); cursor:pointer;}
.spic li.on{filter:brightness(1);-webkit-filter:brightness(1);}
.spic li img{ width:150px; height:84px;}
/*游戏视频*/
.playVideo{ margin-bottom:30px;}
.playVideo li{ width:282px; position:relative; float:left; margin:10px 24px 0 0;}
.playVideo li a.fd i{ width:50px; height:50px; position:absolute;left:117px; top:54px; background:url(../images/video.png) no-repeat;}
.playVideo li img,.playVideo li a.fd{ width:282px; height:158px;}
.playVideo li p{ width:230px; border:1px solid #eaeaea; border-top:none; font-size:16px; line-height:28px; padding:22px 25px; position:relative;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.playVideo li p:after{ width:250px; height:77px; background:url(../images/shuangyinhao.png) no-repeat; content:""; position:absolute;left:15px; top:10px; z-index:-1;}
.playVideo li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.playVideo li:hover p{box-shadow: 0px 0px 12px 0px rgb( 124, 124, 124 ); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.playVideo li:hover p a{ color:#da9432;}
.playVideo li:hover p:after{ background:none;}
/**/
.moreTj{ width:770px;}
.tjnewsbtn{ display:inline-block; background:#fff; font-size:14px; color:#d2d2d2; padding-left:18px; position:relative;left:-8px;}
.tjnewsbtn li{ display:inline-block; font-size:16px; padding:0 10px; cursor:pointer; color:#555;}
.tjnewsbtn li.cur{ font-weight:bold; color:#5272d9;}
.tjnewsContent{ margin-top:12px; display:none;}
.tjnewsContent li{ height:96px; line-height:96px; border-top:1px dashed #d2d2d2; float:left; margin-right:30px; width:356px; font-size:16px; position:relative; padding-left:14px; overflow:hidden;}
.tjnewsContent li:after{ width:3px; height:3px; background:#5272d9; position:absolute;left:0; top:46px; content:'';}
.tjnewsContent li a{ display:block;}

.zlbk{ width:400px;}
.baiK{ margin-top:12px; border-top:1px solid #e7e5e5; }
.baiK h2{ font-size:18px; padding-left:25px; font-weight:normal; line-height:30px; padding-top:16px; position:relative;}
.baiK h2:after{ width:12px; height:12px; background:url(../images/lx.png) no-repeat; content:""; position:absolute;left:0; top:25px;}
.baiK ul{ overflow:hidden; border-bottom:1px solid #e7e5e5; padding-bottom:14px;}
.baiK li{ padding-left:25px; float:left; font-size:16px; line-height:36px;}

/* 底部信息*/
.footer{ background:#333; margin-top:45px;}
.friendlink{ width:418px; margin-right:20px; margin-top:69px;}
.tg{ width:432px; margin-right:20px; margin-top:69px;}
.zqxx{ width:310px; margin-top:69px;}
.title3{font-size:18px;height:50px;line-height:50px;color:#fff;position:relative;display:block;font-weight:  normal;}
.title3:after{width:30px;height:2px;background: #4a4a4a;content:"";position:absolute;left:0;bottom:0;}
.ylbox,.tgbox,.zqbox{ padding:20px 0;}
.ylbox a{ font-size:14px; color:#a9b5de; line-height:24px; padding-right:25px;}
.ylbox a:link,.ylbox a:visited,.tgbox a:link,.tgbox a:visited{color: #888;}
.ylbox a:hover,.ylbox a:active,.tgbox a:hover,.tgbox a:active{ color:#e7e7e7;}
.tgbox a{ margin-right:20px; padding-left:27px; position:relative;}
.tgbox a:after{ background:url(../images/icon.png) 0 -267px no-repeat; width:16px; height:18px; content:""; position:absolute;left:0; top:0;}
.tgbox a.yxi:after{ background-position:0 -291px; width:20px; top:3px;}
.zqbox p{width:137px;float:left;margin-right:16px;font-size:14px;line-height:24px;color: #888;}
.zqbox p a:link,.zqbox p a:visited{color: #c6c6c6;font-weight:bold;}
.zqbox p a:hover,.zqbox p a:active{ color:#fff; font-weight:bold;}

#footer{line-height:24px; padding:20px 0; text-align:center; font-size:14px;color:#6a6969; font-size:12px;}
#footer a{color:#6a6969 !important;}

/*文章内页*/
.localHost{ font-size:14px; height:35px; line-height:35px; color:#c0bfbf;}
.localHost a:link,.localHost a:visited{ color:#c0bfbf;}
.localHost a:hover,.localHost a:active{ color:#666;}
.localHost span{ color:#666;}

.zwContent{ width:820px; background:#fff; border-top:1px solid #d9d9d9; margin-right:25px;}
.zwContent h1{ font-size:24px; color:#444; text-align:center; height:54px; line-height:54px; padding:0 25px; margin-top:23px;}

.msg{height:44px;line-height:44px; border-bottom:1px solid #ddd; margin:0 25px;}
.m_left{float:left;color:#879ee7;}
.m_left span{color:#b8c5ef;margin-right:25px; position:relative; padding-left:20px;}
.m_left span:after{ width:13px; height:13px; background:url(../images/icon.png) 0 -395px no-repeat; position:absolute;left:0; top:3px; content:"";}
.m_left span.ly:after{ width:12px; height:12px; background:url(../images/icon.png) 0 -415px no-repeat; position:absolute;left:0; top:4px; content:"";}
.m_left span.zz:after{ width:11px; height:12px; background:url(../images/icon.png) 0 -432px no-repeat; position:absolute;left:0; top:4px; content:"";}
.m_right{float:right;}
.m_right a{ padding:0 3px;}
.m_right a:link,.m_right a:visited{color:#b1c159;}
.m_right a:hover,.m_right a:active{color:#b1c159;}
.m_right a.gtpl:link,.m_right a.gtpl:visited{color:#c4914a;}
.m_right a.gtpl:hover,.m_right a.gtpl:active{color:#c4914a;}
.m_right a.xg:link,.m_right a.xg:visited{color:#74a6cd;}
.m_right a.xg:hover,.m_right a.xg:active{color:#74a6cd;}
.body{ padding:25px;}
.body p{ font-size:16px; line-height:30px; color:#333;padding:10px 0;}
.body p img{ margin:0 auto;}
.wqshow{ width:766px; height:40px; line-height:40px; margin:0 auto; font-size:16px;border:2px solid #eee; text-align:center;color:#5272d9; cursor:pointer;}
.wqshow a{color:#5272d9;}

.tag{ padding: 0 25px 20px;font-size: 14px; color: #5272d9;}
.tag a{ padding: 0 8px;}

/*内页页码*/
.page{line-height:32px;padding:30px 0; text-align:center;}
.page ul li{ text-align:center; display:inline;line-height:22px;margin-right:5px; font-size:16px;}
.page ul li a,#page__pre{ padding: 4px 12px;border: 1px solid #e9e9e9;color: #666; text-decoration:none;background: #fff;}
.page ul li a:hover,#page__pre:hover{ background:#fff; border:1px solid #5272d9;color:#5272d9;}
.page__no__this{ background: #fff; border: 1px solid #5272d9;padding: 2px 10px;color:#5272d9;}
/*相关推荐标题*/
.columnTitle2{ font-size:18px; color:#000; border-bottom:#ddd 1px solid;line-height: 46px; font-weight:normal;height:46px; margin:0 25px;}
.columnTitle2 .more2{ float:right; font-size:14px; color:#5272d9; line-height:54px;}
.columnTitle2 .more2:link,.columnTitle2 .more2:visited{ color:#5272d9;}
.columnTitle2 .more2:hover,.columnTitle2 .more2:active{ color:#7793ed;}
.columnTitle2 span{ display:inline-block; border-bottom:4px solid #5272d9; padding:0 3px 0 30px;height: 44px; position:relative; z-index:999;}
.columnTitle2 span:after{ width:18px; height:18px; background:url(../images/icon.png) 0 -447px no-repeat; position:absolute;left:0; top:15px; content:"";}

.xgRecommend{ padding:0 25px 35px;}
.recommendPic{width: 473px;margin-top:25px;}
.recommendPic li{width:210px;float:left;margin-right: 26px;position:relative;}
.recommendPic li img,.recommendPic li a.fd{ width:210px; height:118px;}
.recommendPic li p{ position:absolute;left:0; bottom:0; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.7); color:#fff;width:94%;padding:0 3%;}
.recommendPic li p a:link,.recommendPic li p a:visited{ color:#fff;}
.recommendPic li p a:hover,.recommendPic li p a:active{ color:#fff;}
.recommendTxt{width: 285px;margin-top:13px;}
.recommendTxt li{ font-size:12px; line-height:25px; height:25px; overflow:hidden; position:relative; padding-left:15px;}
.recommendTxt li span{ float:right;}
.recommendTxt li a:link,.recommendTxt li a:visited{ color:#444;}
.recommendTxt li a:hover,.recommendTxt li a:active{ color:#5272d9;}
.recommendTxt li:after{ width:3px; height:3px; background:#5272d9; position:absolute;left:2px; top:12px; content:"";}
.recommendTxt li:hover:after{ width:7px; height:7px; background:url(../images/icon3.jpg) no-repeat; left:0; top:9px;}
.recommendTxt li:hover span{ color:#5272d9;}
.pinglun{ padding:8px 25px 35px;}

.sidebar{ width:355px; border-top:1px solid #d9d9d9;}

.background{ background:#fff;box-shadow: 1px 1.732px 2px 0px rgb( 226, 226, 226 ); padding:20px 0 15px 0; margin-bottom:10px;}
.background:last-child{ margin-bottom:0;}

.playHot{ width:320px; margin:10px auto 0; overflow:hidden;}
.playPic{ height:180px; overflow:hidden;}
.playPic li{ float:left; width:320px; height:180px; position:relative;}
.playPic li p{ position:absolute;left:0; bottom:0;height:30px; background:rgba(0,0,0,0.5); font-size:12px; color:#fff; line-height:30px; width:94%; padding:0 3%; overflow:hidden;text-align:center;}
.playPic li img{width:320px; height:180px;}
.playBtn{ text-align:center; padding:16px 0;}
.playBtn li{ width:8px; height:8px; text-indent:-888em; background:#e0e0e0; border-radius:50%; display:inline-block; margin:0 3px; cursor:pointer;}
.playBtn li.on{ background:#5272d9;}

.recentlyYw{ padding:0 18px;}
.recentlyYw li{ height:46px; padding:15px 0; border-bottom:1px solid #dcdcdc; position:relative;}
.recentlyYw li:last-child{ border-bottom:1px solid transparent;}
.recentlyYw li .fd{ width:82px; height:46px; float:left; margin-right:15px;}
.recentlyYw li strong{ font-size:14px; line-height:24px; font-weight:normal;display:block; height:48px;overflow:hidden;}
.recentlyYw li:before{ width:100%; height:1px; background:#f5882b; content:""; position:absolute;left:0; top:-1px; transform:scaleX(0);-webkit-transform:scaleX(0);transition:all ease .7s;-webkit-transition:all ease .7s;}
.recentlyYw li:after{ width:100%; height:1px; background:#f5882b; content:""; position:absolute;left:0; bottom:-1px; transform:scaleX(0);-webkit-transform:scaleX(0);transition:all ease .7s;-webkit-transition:all ease .7s;}
.recentlyYw li:hover:before,.recentlyYw li:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1); transition:all ease .7s;-webkit-transition:all ease .7s;}
.recentlyYw li:hover strong a{ color:#f5882b;}
.recentlyYw li:hover img,.nPlayVideo li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}

.PlayVideoBox{ padding:20px 0 30px 0;}
.nPlayVideo{ text-align:center;}
.nPlayVideo li{ width:150px; margin:0 6px; display:inline-block; border:1px solid transparent; position:relative;}
.nPlayVideo li .fd,.nPlayVideo li img{ width:150px; height:84px;}
.nPlayVideo li i{ position:absolute;left:50px; top:20px; width:50px; height:50px; background:url(../images/video.png) no-repeat;}
.nPlayVideo li strong{display:block;font-size:14px;font-weight:normal;line-height: 26px;text-align:left;padding:10px 8px;height: 48px;overflow:  hidden;}
.nPlayVideo li:hover{ border:1px solid #f5882b;}
.nPlayVideo li:hover strong a{ color:#f5882b;}

.footerBox{ background:#333; color:#6a6969; margin-top:50px;}
/*文章列表页*/
.listHead{ width:750px; height:38px; background:url(../images/listHead.png) no-repeat; margin:45px auto 15px;}
.listTab{ height:70px; line-height:70px; text-align:center; font-size:16px; position:relative;}
.listTab a{ color:#888; display:inline-block; position:relative; height:70px; z-index:999; margin:0 15px;}
.listTab a.cur{ color:#5272d9; padding:0 4px; border-bottom:2px solid #5272d9;}
.listTab a.back{ color:#b0b0b0; font-size:14px; position:absolute; left:50%; top:0; margin-left:-445px;}
.listTab a.back:hover{ color:#444;}
.listContent {overflow: hidden;position: relative;min-height: 1100px;border-top: 2px solid #e7e7e7}
.listContent li {width: 100%;border-bottom: 1px solid #f2f2f2}
.listContent li a {display: block;width: 900px;margin: 0 auto;padding: 35px 0;position: relative;}
.listContent li a i {position: absolute;top:62px;left: 0;color: #333;font-size: 16px;width: 80px;height: 35px;line-height: 35px;text-align: center;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;transition: all .6s ease;background: #e1eafc;border-radius: 20px;font-style:  normal;}
.listContent li a em {position: absolute;top: 50%;right: -56px;margin-top: -10px;width: 14px;height: 26px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(-10px,0);-moz-transform: translate(-10px,0);-ms-transform: translate(-10px,0);transform: translate(-10px,0);-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;transition: all .6s ease;background-repeat: no-repeat;background-image:url(../images/icon4.png);}
.listContent li a .lside {padding-left: 110px;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;transition: all .6s ease;}
.listContent li a .lside .time,.listContent li a .lside .title {font-size: 20px;color: #222;}
.listContent li a .lside .time {padding-right: 10px}
.listContent li a .lside .comment {display: block;line-height: 22px;color: #999;margin-top:26px;}
.listContent li a .lside .comment code{ color:#718be0;}
.listContent li:hover {background-color: #edf0fa;border-bottom:1px solid #ddd;}
.listContent li:hover i {-webkit-transform: translate(-70px,0);-moz-transform: translate(-70px,0);-ms-transform: translate(-70px,0);transform: translate(-70px,0);background:#718be0;color:#fff;}
.listContent li:hover .lside {-webkit-transform: translate(-70px,0);-moz-transform: translate(-70px,0);-ms-transform: translate(-70px,0);transform: translate(-70px,0)}
.listContent li:hover em {opacity: 1;filter: alpha(opacity=100);-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0)}
/*列表页页码*/
.pages{margin:50px auto 0;text-align:center;}
.pages a{display:inline-block;color: #666;padding:0 14px;height: 32px;background:#fff;text-align:center;line-height: 32px;border: 1px #e9e9e9 solid;margin-right:6px;font-size:14px;}
.pages a.current{background: #fff;border: 1px #5272d9 solid;color: #5272d9;}
.pages a:hover{background:#fff;border:1px #5272d9 solid; text-decoration:none;color:#5272d9;}
/*视频列表页*/
.videolistTab{border-bottom: 2px solid #e7e7e7;}
.videolistTab a.back{ margin-left: -600px; font-size: 16px; line-height: 85px;}
.videoList{ width: 1200px; display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex: wrap;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box; margin: 20px auto 0;}
.videoList li{ width: 220px;margin-bottom: 20px;position: relative;}
.videoList li a.fd,.videoList li img{ width: 220px; height: 123px;}
.videoList li h2{ font-size: 14px; line-height: 24px; font-weight: normal; margin-top: 8px;}
.videoList li i{ position: absolute;left:90px; top: 40px; width: 50px; height: 50px; background: url("../images/video.png") no-repeat;}
.videoList li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.videoList li:hover i{}
.videoList li:hover h2 a{ color: #5272d9;}
.videoList li.pic i{ display: none;}