@charset "utf-8";
/* sdd-2015.01.05 */
body{background:#f1f1f1; font-family:'微软雅黑'; font-size:12px; color:#666;}

/*公共样式*/
a{ text-decoration:none;color:#666;}
.Wrap{ background:url(../images/bg.jpg) no-repeat center 45px; padding-top:375px;}
.main{ width:1200px; margin:0 auto; overflow:hidden; }
.box {background:#fff;height: 100%;}
.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.ls1{letter-spacing:1px}
.ls5{letter-spacing:5px}
.ls10{letter-spacing:10px}
h2.title{ color:#000; font-size:18px; padding-left:10px;}
h2.title em{ color:#ccc; font-weight:normal; padding-left:5px;}
h2.title1{ color:#000; font-size:18px; padding-left:10px; border-bottom:2px solid #333;}
h2.title1 em{ color:#ccc; font-weight:normal; padding-left:5px;}
h2.title1 .more{ display:inline-block; line-height:30px;float:right;font-size:12px; font-weight:normal;}
h2.title2{ color:#000; font-size:18px; padding-left:10px;}
h2.title2 em{ color:#ccc; font-weight:normal; padding-left:5px;}
h2.title2 .more{ display:inline-block; line-height:30px;float:right;font-size:12px; font-weight:normal; margin-right:20px;}

/**视频/相册蒙板**/
.Mask-list li {width:275px; height:182px;float:left; display:inline; vertical-align:middle; margin-left:20px;}
.Mask-list li a { display:inline-block; text-align:center; color:#333;}
.Mask-list li p { display:block; position:relative; cursor:pointer; overflow:hidden; height:100%; width:100%; }
.Mask-list li img {width:275px; height:162px;}
.Mask-list li em { display:block; height:25px; overflow:hidden; line-height:25px; float:left; width:100%; cursor:pointer; color:#333;}
.Mask-list li s { position:absolute; left:0; top:100%; width:100%; height:100%; background:url(http://rnimg.cn/common/v1/images/hover-photo.png)  no-repeat center center;-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; cursor:pointer; _filter:alpha(opacity=70); }
.Mask-list li a:hover s { top:0; }
.Mask-list li { display: inline; float: left; vertical-align: middle; }
.Mask-list li a:hover s { top: 0; }
.Video-img-list li s { background-image:url(http://rnimg.cn/common/v1/images/hover-video.png); _height:100px; }

/*首页*/
.nav{ height:50px;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.nav a{ display:block; float:left; width:110px; height:50px; color:#fff; font-size:16px;font-weight:bold; line-height:50px; text-align:center;}
.nav a:hover{ color:#e7574c; text-decoration:none;}
.topLeft{width:960px;}
.topRight{width:240px; height:125px; background:url(../images/search.jpg) no-repeat;}
.topRight a.libao{ display:block; width:240px; height:74px; text-indent:-9999px;}
.topRight .search{ height:50px; overflow:hidden;}
.topLeft p{padding-left:20px; line-height:38px;background:#dbdbdb;height: 38px;}
.topLeft p.t_1 em{ display:inline-block; font-weight:bold; color:#333;}
.topLeft p.t_1 a{ color:#333;}

.ZB-search-input{width:192px; height:30px; height:30px; margin:10px 0 0 10px; border:0;}
.ZB-search-but{ width:25px; height:30px; margin-top:10px; border:0; background:none; cursor:pointer;}
.zb_1{ overflow:hidden;}
.zb_2{ height:103px;  border-bottom:1px solid #cecfd7;background:#fff; overflow:hidden;}
.zb_2 .tui_card{width:550px; background:url(../images/tkp.jpg) no-repeat 1% 1%; padding-left:30px; margin-left:20px;}
.zb_2 .hot_card{width:550px; background:url(../images/rkp.jpg) no-repeat 1% 1%; padding-left:30px;}
.zb_2 li {float: left;padding: 7px 9px;text-align: center;width: 60px; margin-top:10px;}
.zb_2 li img{ width:50px; height:auto;}
.zb_2 em {display: block;height: 20px;line-height: 20px;transition: all 0.2s ease 0s; overflow:hidden; }
.zb_2 p.p01{ width:15px; height:80px; color:#FFF; position:absolute;top:0; left:28px;}
.zb_2 p.p02{ width:15px; height:80px; color:#FFF; position:absolute;top:0; left:610px;}

.zb_3{ overflow:hidden;}
.focusHot{width:560px; overflow:hidden;}
/*focus*/
#focus { width:560px; height:280px; overflow:hidden; position:relative; }
#focusList { height:280px; position:absolute; top:0; left:0; overflow:hidden; }
#focusList li { list-style-type:none; width:560px; height:280px; float:left; }
#focusList li img { width:560px; height:252px; overflow:hidden; display:block; }
#focusNumber li { float:left; display:inline; cursor:pointer; width:18px; height:10px; margin-right:6px; text-align:center; background:#fff; }
#focusNumber { height:12px; float:right; position:absolute; top:10px; right:3px; }
#focusNumber li.on { background:#e7574c; }
#focusBottom { height:28px; background:#111; position:absolute; bottom:0px; clear:both; width:550px; text-align:right; z-index:2001; line-height:28px; font-size:12px; font-family:"Tahoma"; padding:0 0 0 10px; opacity:0.9; filter:alpha(opacity=90); }
#focusTitle { text-align:left; color:#fff; position:absolute; bottom:0px; left: 12px; height: 28px; }

.hotRecom{background:#fff; overflow:hidden; padding:10px;}
.hotRecom ul li{width:260px; height:98px; float:left; margin-left:10px; margin-top:10px}
.hotRecom ul li a{display:block;width:265px; height:98px; line-height:98px; text-align:center; color:#fff; font-size:18px; font-weight:bold; text-decoration:none;}
.hotRecom ul li a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.hotRecom ul li.l01{ background-color:rgb(119,111,223);}
.hotRecom ul li.l02{ background-color:rgb(0,208,208);}
.hotRecom ul li.l03{ background-color:rgb(114,196,236);}
.hotRecom ul li.l04{ background-color:rgb(254,118,118);}

.zb_news{width:400px; background:#fff; overflow:hidden; margin:0 20px; padding:10px 0;}
.zb_news p{ text-align:center;}
.zb_news h2 a{ display:block;color:#da1c12; line-height:45px; font-size:18px; text-decoration:none; text-align:center;}
.linebg{ width:360px; height:1px; background:url(../images/unlinebg.jpg) repeat-x; margin:22px 20px;}
.news li{ line-height:25px; padding:0 10px 0 25px; height:25px; overflow: hidden; font-size:14px; margin-top:5px;}
.news li span{ display:inline-block;width:42px; height:20px; line-height:20px; text-align:center; margin-right:10px;}
.news li .s2{ background:#a7a7a7;color:#fff; }
.news li a{ color:#000;}
.news li.diyBorder{ padding-bottom:6px; margin-bottom:7px; border-bottom:1px dotted #d0d0d0;}
.onload {width:200px;background:#dbdbdb; overflow:hidden;}
.onload dl{height:420px;}
.onload dt.load-img{ padding:20px 0 10px 40px;}
.onload dd{height:32px; line-height:32px; overflow:hidden;}
.onload dd .game{display:inline-block;width:65px; height:20px; text-align:center; line-height:20px; color:#fff; background:url(../images/zl_bg.jpg) no-repeat;margin:10px 10px 0 20px;}
.onload img{width:130px; height:130px;border-radius:5px;}
.unOpen a{display:block; width:160px; height:50px; margin:12px 0 0 20px}
.unOpen .android a{ background:url(../images/android.jpg) no-repeat;}
.unOpen .android a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.unOpen .ios a{ background:url(../images/ios.jpg) no-repeat; margin-bottom:20px}
.unOpen .ios a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.open a{display:block; width:160px; height:50px; margin:12px 0 0 20px}
.open .android a{ background:url(../images/android_open.jpg) no-repeat;}
.open .android a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
.open .ios a{ background:url(../images/ios_open.jpg) no-repeat; margin-bottom:20px}
.open .ios a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}

.zb_4{ overflow:hidden; background:#fff; padding:10px 0;}
.topics{padding:20px 0 0 0;}

.zb_5{ overflow:hidden; }
.dataLeft{width:805px;background:#fff; padding:10px;}
.videoRight{width:340px;background:#fff;padding:10px;}
.dataLeft dl{width:390px;margin-left:10px; height:103px; background:#f7f7f7; margin-top:10px; float:left; border:1px solid #ededed;}
.dataLeft dl dt{background:#2cd0ca; height:20px; line-height:20px; color:#fff; padding-left:29px}
.dataLeft dl dd{width:100px; height:30px; line-height:30px;float:left; margin-left:20px}
.video{width:240px; margin-top:10px; margin-left:52px;}
.video li{width:240px; height:220px; display:none;opacity:0; filter:alpha(opacity:0);margin:0;position:absolute; top:0x; left:52px;}
.video li img{width:240px; height:190px;}
.videoShow {width:360px; height:220px;}
a.leftBtn{display:block;width:32px; height:218px;background:url(../images/left_btn.jpg) no-repeat; position:absolute; left:6px; top:0;}
a.rigBtn{display:block;width:32px; height:218px;background:url(../images/right_btn.jpg) no-repeat; position:absolute;right:25px; top:0;}

.zb_6{ overflow:hidden; background:#fff;}
.search_1{width:225px; height:40px; background:url(../images/search_1.jpg) no-repeat;}
.ZB-search1-input{width:185px; height:24px; line-height:24px; margin:8px 0 0 7px; border:0;}
.ZB-search1-but{ width:25px; height:30px; margin-top:8px; border:0; background:none; cursor:pointer;}
.picTop{ height:40px; background:#000;}
.picTop h3{ width:120px; text-align:center; float:left; line-height:40px; color:#fff; font-size:18px; font-weight:bold;}
.tab li{ cursor:pointer; width:92px; height:40px;line-height:40px; text-align:center;float:left; color:#fff; margin-left:10px}
.tab li.active{ color:#000; background:url(../images/tab_active.jpg) repeat-x;}
.tab1{ margin:10px 0 0 10px; height:37px;}
.tab1 li{cursor:pointer; width:90px; height:37px;line-height:37px; text-align:center;float:left; color:#666; margin-left:10px; background:url(../images/tab.jpg) no-repeat;}
.tab1 li.active{background:url(../images/tab_hover.jpg) no-repeat; color:#fff;}
.bigShow{ margin-bottom:20px;}
.tabShow{display:none; overflow:hidden; padding:10px 0 0 20px;}
.tabShow ul,{ height:378px; overflow:auto;}
.tabShow ul li {float: left; height: 126px; margin:0 10px 0 0;width: 96px;overflow:hidden;}
.tabShow ul li p{ height:28px; line-height:28px; text-align:center; overflow:hidden; font-size:14px;}
.tabShow ul li img{ width:80px; height:80px; display:block; overflow:hidden;}

.zb_7{ overflow:hidden;}
.zb_7 .ques{width:360px; padding:20px; background:#fff;}
.zb_7 .ques ul{ margin-top:10px}
.zb_7 .ques ul li{ line-height:30px; overflow:hidden;  height:30px; padding:0 10px;}
.zb_7 .player{ width:320px;}

.zb_8{ overflow:hidden; background:#fff; padding:10px;}
.zbBigPic{width:380px;}
.zbBigPic em{ display:block; line-height:40px; text-align:center; color:#333;}
.zbBigPic img{width:380px; height:400px;}
.zbSmallPic{width:800px;}
.pic li{width:240px; height:210px; margin-left:20px; margin-bottom:10px;}
.pic li img{width:240px; height:180px;}

/*友链*/
.yqlj{ padding:10px 20px;}
.bjtx{ width:130px; background:url(../images/r.jpg) no-repeat left center; height:138px; padding-left:30px;}
.bjtx ul{ width:140px;}
.bjtx li{ float:left; width:50px; height:70px; overflow:hidden; margin-right:20px;}
.bjtx li img{ display:block; overflow:hidden; width:50px; height:50px;}
.bjtx li p{ height:20px; line-height:20px; text-align:center; overflow:hidden; color:#999;}
.fbxxBox{ padding:20px;}
.fbxxBox ul li{ height:36px; border-bottom:1px dotted #d0d0d0; line-height:36px; overflow:hidden; color:#bbb;}
.fbxxBox ul li span{ display:inline-block; background:url(../images/f.jpg) no-repeat; text-align:center; font-size:14px; color:#fff; width:88px; margin-right:6px; }
.fbxxBox ul li a{padding:0 3px;}
.linkUrl{ background:url(../images/y.jpg) no-repeat left center; padding:20px 0 0 120px; height:118px;}
.linkUrl a{ padding:0 6px; line-height:24px;}

.footer {background: none repeat scroll 0 0 #333;border-top: 1px solid #d0d0d0;}
.ZB-footer {color: #aaa;font-size: 13px;line-height: 22px;padding: 18px 0;text-align: center;}
.ZB-footer a {color: #aaa;}
.ZB-footer strong {color: #aaa;}

/*内容列表*/
.contList{ overflow:hidden; margin-bottom:40px;}
.conlist_left{width:290px; overflow:hidden;}
.conlist_left .hotRecom ul li{width:260px; height:98px; margin-left:5px; margin-top:10px;}
.conlist_left .hotRecom{padding:5px 0 10px 10px;}
.conlist_left .dataLeft{width:270px; overflow:hidden;}
.conlist_left .dataLeft dl{width:265px; margin-left:0;}
.conlist_left .dataLeft dl dd{width:60px; overflow:hidden;}
.conlist_left .ques{width:270px; padding:10px; background:#fff;}
.conlist_left .ques ul{ margin-top:10px}
.conlist_left .ques ul li{ line-height:30px; height:30px;  overflow: hidden; padding:0 10px;}
.conlist_left .player{ width:320px;}
.conlist_rig{width:890px; overflow:hidden;}