/* CSS Document */
/*
 *  iT时代网 v5.1
 *  http://www.ityears.com 
 */
 /*全局*/
*{outline:0;}
html{-webkit-text-size-adjust:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
body{margin:0;line-height:1.2;font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:14px;color:#333;-webkit-text-size-adjust:none}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top; -webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:12px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a{color:#333;text-decoration:none}
a:hover{color:#FF4F53;text-decoration:none}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:""}
.clearfix{*zoom:1}
.dot{display:inline-block;width:3px;height:3px;background:#333;margin:8px 3px 0;line-height:0;font-size:0;overflow:hidden;border-radius:100%}
.bg-white{background-color:#fff;position: relative; }
.bg-gray{background-color:#f5f6fb; position: relative; }
.bg-hui{background-color:#f8f8f8; position: relative; }
.fn-left,.fl{float:left !important;}.fn-right,.fr{float:right !important;}
.f14{font-size:14px !important;}.f16{font-size:16px !important;}.f18{font-size:18px !important;}
.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt25{margin-top:25px !important;}.mgt30{margin-top:30px !important;}.mgt40{margin-top:40px !important;}
.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgb25{margin-bottom:25px !important;}.mgb30{margin-bottom:30px !important;}.mgb40{margin-bottom:40px !important;}
.pd10{padding:20px 10px !important;}.pd15{padding:15px !important;}
.pr{position:relative}
.r-last{margin-right:0 !important;}
.t-center{text-align:center}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.box-shadow {background-color:#fff; box-shadow: 0 -4px 25px 1px rgba(0, 0, 0, .05);}
.fix{width:100% !important; position:fixed;top:0px;_position:absolute;_top: expression(documentElement.scrollTop + "px");z-index:999;/*filter:alpha(opacity=90);opacity:0.9;*/border:0px solid #eee;box-shadow:0 0 12px #eee;}
/*.box_shadow{background-color:#fff; border: #e7e7e7 0px solid; moz-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 0px 15px 1px rgba(0, 0, 0, .05); box-shadow: 0 0px 15px 1px rgba(0, 0, 0., .05);}

/*通用*/
.main{margin:0;padding:0;display:block; min-height:800px;}  
.topbar,.header,.nav,.footer{width:100%; min-width:1160px;} 
.container{width: 1160px;margin: 0 auto; position: relative;}
.content-wrap{margin-bottom:30px;position: relative;}
.left-warp {position: relative; width:845px; float:left;}
.side-warp {position: relative; width:300px; float:right;} 
.mod-warp{margin-bottom:15px;}
.mod-cont{padding:15px 10px;border: #eee 0px solid;background-color:#fff;}
 
/*顶部*/
.topbar{/*position:relative;*/z-index:99;width:100%;height:35px;line-height:35px;background:#232836;color:#f5f5f5}
.topbar a{color:#fafafa}
/*.topbar i{width:20px;height:35px;float:left;font-size:1pc}*/
.topbar .extra{float:left;position:relative}
.topbar .extra a{float:left;margin-left:15px}
.topbar .slogan{float:left;line-height:3p5x;margin-left:10px}
.topbar .tougao{display:block;float:left;background:#008ee1;padding:0 18px}
.topbar .top-nav{float:left;font-size:15px}
.topbar .top-nav a{float:left;padding:0 10px;overflow:hidden}
.topbar .top-nav a.min-logo{display: table-cell;padding:0 10px 0 0;}
.topbar .top-nav a.min-logo img{display: inline-block; min-width:96px; height:30px; vertical-align: middle; margin-top: 3px;}
.topbar .top-nav a:hover,.topbar .top-nav a.current{background:#424755;color:#fff}
.topbar .u-center{float:left;margin-right:10px;min-width:4pc}
.topbar .u-center a{line-height:35px;}
.topbar .u-center,.topbar .u-center .avatar{color:#fff;font-size:9pt;overflow:hidden;}
.topbar .u-center .avatar{position:relative;margin-right:2px;width:25px;height:25px;line-height:17px;border-radius:50%;background-color:#fff}
.topbar .u-center img {display: inline-block; vertical-align: middle;}

 /*top-nav*/
.top-nav-wrap .sharp{top:-8px; left:59px;line-height:0; overflow:hidden;position:absolute; width:16px;height:8px; background:url('../images/sprite.png') -111px -49px no-repeat}
.top-nav-wrap .ydd-tag {display:none; position:absolute;z-index:2; top:35px; left:-35px; width:130px; border:1px solid #f0f0f0 ;background:#fff; line-height:15px; font-size:12px; border-radius: 0 0 3px 3px;}
.top-nav-wrap .ydd-tag .sharp{left:70px;}
.top-nav-wrap .ydd-box{ width:140px;padding-left:16px;padding-right:15px;padding: 10px;}
.top-nav-wrap .ydd-tag img{display:block;border:none;margin:0 auto;}
.top-nav-wrap .ydd-tag-dl{overflow:hidden;margin-bottom:10px;}
.top-nav-wrap .ydd-tag-dl dt{float:left;width:50px; height:20px; margin-right:0px; padding-left:10px;  color:#ef2d36; line-height:20px; background:url('../images/ico_tips.jpg') center center no-repeat;}
.top-nav-wrap .ydd-tag-dl dd{float:left;line-height:20px;color:#666;width:80px;}
.top-nav-wrap .ydd-tag-dl a,.ydd-tag-dl a:hover{color:#ef2d36;text-decoration:none;}
.top-nav-wrap .ico-ydd:hover em{color:#f80}
.top-nav-wrap .ico-ydd:hover .ydd-tag{display:block}
.top-nav-wrap .tn-navli:hover .ydd-tag{display:block}

/*top-nav-wrap*/
.top-nav-wrap{float:left; width: 100%;}
.top-nav-wrap .top-nav {float: left; _display: inline;}
.top-nav-wrap .top-person {float: right; display: inline;position: relative; _margin-left: -15px;}
.top-nav-wrap .tn-navli {float: left;position: relative;display: inline-block;font-size: 14px;padding: 0 5px;_border: none;margin-right: -1px;}
.top-nav-wrap .tn-navli .tn-tab{width: auto;color: #eee;display: inline-block;cursor: pointer;position: relative;z-index: 9999;padding: 0 5px;line-height: 35px;}
.top-nav-wrap .tn-navli em{float: left;display: inline;margin-top: 8px;width: 20px;height: 20px;line-height: 20px;}
.top-nav-wrap .tn-navli .tn-tab .Appo {background-position: -147px -175px;}
.top-nav-wrap .tn-navli .tn-tab:hover {}
.top-nav-wrap .tn-navli .dd-apps span, .layer-border .ke-hu span {color: #333;}
.layer-border {display: none; border: 1px solid #eee;position: absolute;z-index: 9999;top: 35px;-webkit-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);-moz-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);box-shadow: 4px 7px 16px rgba(0,0,0,0.05);left: -1px;border-radius: 5px;}
.top-nav-wrap .tn-nav .tn-navli:hover{background:#424755;color:#fff}
.top-nav-wrap .tn-navli:hover .layer-border{display: block;}
.layer-border.layer1 {margin-left: -142px;left: 50%;}
.layer-border .icon-up-arrow {width: 13px;height: 0;position: relative;font-size: 0;line-height: 0;margin-left: -6px;left: 50%;}
.layer-border .icon-up-arrow i {position: absolute;top: -7px;left: 0;width: 13px;height: 10px;overflow: hidden;background: url(https://img.233.com/www/img/index/top/ico1.png) no-repeat -153px -217px;clear: both;}
.layer-border .dd {width: 280px; display: block;overflow: hidden;background-color: #fff;border-radius: 5px;}
.layer-border .dd .dd-apps {display: inline-block;flaot: left;width: 100%;border-bottom: 1px dotted #e8e8e8;}
.layer-border .dd .dd-apps dt {width: 90px;height: 90px;display: inline-block;float: left;margin:15px;_margin: 18px 11px 0px 9px;padding: 0px;/*text-indent: -1900px;background: url(https://img.233.com/www/img/index/top/ico1.png) no-repeat;*/}
.layer-border .dd .dd-apps dt img{width: 100%;height: 100%;}
.layer-border .dd .dd-apps dt.App-p {background-position: 0 -278px;}
.layer-border .dd .dd-apps dt.weixin-net {background-position: 0px -1064px;}
.layer-border .dd .dd-apps dt.wap-net {background-position: 0px -403px;}
.layer-border .dd .dd-apps dd p { width: 100%; line-height: 22px; line-height: 22px; font-size: 12px; padding-bottom: 10px; _padding-bottom: 5px;}
.layer-border .dd .dd-apps dd,.layer-border .dd .dd-apps dd span {display: inline-block;flaot: left;font-size: 14px;line-height: 30px;text-align: left;width: 155px;padding-top: 5px;_padding-bottom: 8px;}
.layer-border .dd .dd-apps dd a {width: 40px;display: inline-block;font-size: 12px;line-height: 16px;text-align: center;padding: 0px;margin: 0px;margin-right: 10px;color: #333;}
.layer-border .dd .dd-apps dd .f-icon {margin: 0px;}
.layer-border .dd .dd-apps dd a.amag {margin-right: 0px;}
.layer-border .dd .dd-apps dd p.Gray {color: #a0a0a0;}
.layer-border .dd .dd-apps dd span.line24 {line-height: 24px;} 
.layer-border .dd .dlbg {background: #fcfcfc;}
.f-icon {width: 40px;height: 40px;display: inline-block;line-height: 14px;vertical-align: text-top;background: #e5e5e5 url(https://img.233.com/www/img/index/top/ico1.png) no-repeat;
border-radius: 50%;}
.icon-anz { float: left; background-position: -64px -210px;}
.icon-PC {float: left;background-position: -34px -128px;} 
.icon-IPh {float: left;background-position: -67px -128px;}

/*头部*/
.header{background:#fff; border-bottom: #e7e7e7 0px solid; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .08);}
.header .head-warp{height:42px;padding:15px 0;}
.header .logo{position: relative; height:42px; margin: 0px;padding-right:15px;float:left; /*background: url("../images/logo_line.png") right -1px no-repeat;background-size: 1px 41px;*/}
.header .logo:after { content: ''; position: absolute; width: 1px;  height: 30px; background: #cdcdcd; top: 7px; right: 0;}
.header .logo a{display:block;}
.header .logo img{height:42px; vertical-align: middle;}
.header .chanName{display:block;min-width:80px;float:left;margin: 0px 0;padding-left:15px;height: 42px;line-height:42px;}
.header .chanName img {margin-top:0px; vertical-align: middle;}
.header .chanName h2{margin:0px;line-height:42px; font-size:24px;font-size 2.4rem;font-weight:500;letter-spacing:1px}
.header .chanName h2 a{display:block;color:#666;}
.header .chanName h2 a:hover{color:#f85959}
.header .ivyLogo{display:block;margin-top: 5px; margin-right: 60px; float:left;line-height:31px;}
.header .ivyLogo .top01{display:block;}

/*搜索*/
.search {width: 330px;margin-top: 3px;padding:0px;overflow:hidden;}
.search .search-form{display:block;position:relative;height: 38px;position:relative;background: eee;border:0px #eee solid;background  #eee;}
.search .hot-key{width: 100%;/*float: right;*/  margin-top:6px; line-height:18px; font-size: 12px; color: #888;}
.search .hot-key li{float:right;}
.search .hot-key a{margin-right:10px;}
.search .search-hot{width:100%;height:17px;line-height:17px;color:#888;font-size:12px;margin-top:10px;overflow:hidden}
.search .search-hot a{margin-right:5px;color:#555}
.search-form .ipt{display:inline-block;height: 36px;border: 1px solid #eee;border-right:0;border-radius:3px 0 0 3px;float:left;}
.search-form .dropdown{position:static;float:left;}
.search-form .dropdown-toggle{display:inline-block;width:47px;work-break:break-all;height:38px;overflow:hidden;line-height:38px;padding:0 16px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;background:#f8f8f8 url(../images/v3/icon.png) no-repeat 62px 17px}
.search-form .dropdown-menu{min-width:81px;top:39px;margin:0;border:1px solid #eaeaea;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.search-form .dropdown-menu li{padding:0 18px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form .input-text{width: 170px;height: 38px;padding:0 18px;vertical-align:top;float:left;border:0;outline:0;background:0;color: #999;}
.search-form .btn{width:58px;height: 38px;line-height: 38px;font-size:16px;border-radius:0 3px 3px 0;vertical-align:top;float:left;overflow:hidden;word-break:break-all;background: #ffa742;color:#fff;border:0;outline:0;}
.search-form .tab{position:static;float:left;}
.search-form .tab input{color: #999;}
.search-form #sid{display:inline-block;width:43px;work-break:break-all;height: 36px;line-height: 36px;overflow:hidden;/* line-height: 33px; */padding: 0 10px;border-right:1px solid #e8e8e8;vertical-align:top;cursor:pointer;float:left;color: #999;background:#f8f8f8 url(../images/v3/icon.png) no-repeat 45px 14px;}
.search-form #nsid{position:absolute;min-width:77px;left:0;top:39px;margin:0;background:#fff;border:1px solid #eaeaea;padding:3px 0;z-index:999;}
.search-form #nsid li{padding:0 17px;height:30px;line-height:30px;cursor:pointer;overflow:hidden}
.search-form #sid.active{background-position:-29px 13px}

/*头部*/
.header .rec-nav{float:right;margin-left: 50px;padding-top:0px;font-size:0;text-align:center;height: 42px;}
.header .rec-nav a{position:relative;display:inline-block;width:76px;vertical-align:top}
.header .rec-nav .ico{width:22px;height:20px;display:block;background:url('https://www1.pconline.com.cn/home/gz20180428/images/sprite.png') no-repeat;margin:0 auto}
.header .rec-nav em{display:block; line-height: 26px;  font-size:14px;}
.header .rec-nav .u-vline{width:1px;height:12px;overflow:hidden;font-size:0;background:#e5e5e5;display:inline-block;margin-top: 15px;}
.header .rec-nav .sharp{top:-8px; left:59px;line-height:0; overflow:hidden;position:absolute; width:16px;height:8px; background:url('https://www1.pconline.com.cn/home/gz20180428/images/sprite.png') -111px -49px no-repeat}
.header .rec-nav .gzh-tag{display:none;width:130px;height:164px; padding-bottom: 5px; position:absolute;z-index:2;top:54px;left:-30px; border:1px solid #f0f0f0; background:#fff; line-height:15px; color:#333; font-size:12px; border-radius: 3px;}
.header .rec-nav .gzh-tag img{padding:10px 10px 8px}
.header .rec-nav .ydd-tag {display:none; position:absolute;z-index:2; top:50px; left:-40px; width:130px; border:1px solid #f0f0f0 ;background:#fff; line-height:15px; font-size:12px; border-radius: 3px;}
.header .rec-nav .ydd-tag .sharp{left:70px;}
.header .rec-nav .ydd-box{ width:140px;padding-left:16px;padding-right:15px;padding: 10px;}
.header .rec-nav .ydd-tag img{display:block;border:none;margin:0 auto;}
.header .rec-nav .ydd-tag-dl{overflow:hidden;margin-bottom:10px;}
.header .rec-nav .ydd-tag-dl dt{float:left;width:50px; height:20px; margin-right:0px; padding-right:5px;  color:#ef2d36; line-height:20px; background:url(http://www.offcn.com/statics/images/offcn0IcoTip.jpg) center center no-repeat;}
.header .rec-nav .ydd-tag-dl dd{float:left;line-height:20px;color:#666;width:80px;}
.header .rec-nav .ydd-tag-dl a,.ydd-tag-dl a:hover{color:#ef2d36;text-decoration:none;}
.header .rec-nav .ico-gzh .ico{background-position:-110px -129px}
.header .rec-nav .ico-gzh:hover em{color:#00b16d}
.header .rec-nav .ico-gzh:hover .gzh-tag{display:block}
.header .rec-nav .ico-ydd .ico{background-position:-132px -129px}
.header .rec-nav .ico-ydd:hover em{color:#f80}
.header .rec-nav .ico-ydd:hover .ydd-tag{display:block}
.header .rec-nav .ico-zzzj .ico{background-position:-154px -129px}
.header .rec-nav .ico-zzzj:hover em{color:#0094ce}
.header .rec-nav .ico-jcz .ico{background-position:-176px -129px}
.header .rec-nav .ico-jcz em{color:#ff3b3b}

/*位置*/
.crumbs{margin:10px auto; color:#666;}
.crumbs .fn-left{padding:0; line-height: 20px;font-size:13px;}
.crumbs .fn-left a{color:#666;}

/* 分页样式*/
.list_page {margin: 15px auto;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 5px;padding: 7px 11px 7px;border:1px solid #eee;background:#fff;text-align: center;display: inline;font-size: 14px;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2;background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;}
.pageLink b{margin:0px 3px;padding: 8px 12px 8px;border:0px solid #00a0e2;background:#00a0e2; color:#FFF;text-align: center;display: inline;font-size: 14px;}
/*分页样式2*/
.showpage .epages {text-align: center;}
.epages{margin:15px auto 0;line-height:36px;font-family:"Microsoft Yahei", simsun;text-align:center;font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 3px;padding:7px 11px 7px;border:1px solid #eee; background:#fff;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;}
.epages a:hover{border:#00a0e2 1px solid;background:#00a0e2;text-decoration:none;color:#FFF}
.epages input{margin-bottom:0px;border:1px solid #0096A5;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 3px;padding:8px 12px 8px;border:0px solid #00a0e2; background:#00a0e2; color:#FFF;text-align:center;text-decoration:none;}
 
/*== footer ==*/
.footer{width:100%;margin-top:0px;background:#232836;height 70px;line-height 70px;overflow:hidden}
.foot-links {border-top: solid 1px #e5e5e5; background: #fafafa; color: #666;}
.foot-friends {padding: 15px 0; width:105%; font-size:14px;}
.foot-friends strong {margin-right: 10px;}
.foot-friends a {display: inline-block; margin-right: 20px;white-space: nowrap; color: #666;}
.foot-friends a, .foot-friends strong {line-height: 29px;}
.foot-info {padding: 15px 0; height: 20px; line-height: 20px; font-size:12px; color: #b2b4c7; background: #272830;}
.foot-info a {color: #b2b4c7;} 
.foot-info .foot-site {float: left; max-width: 66%;}
.foot-info .foot-site dd{float: left; margin-right: 20px;}
.foot-info .foot-site #poweredBy {/* max-width: 15%; */line-height: 20px;/* margin-top: 5px; */font-size: 12px;}
.foot-info .foot-site #poweredBy img {max-width: 100%; height: auto; }
.foot-site #poweredBy a,.foot-site #beian a{ color: #b2b4c7;} 
.foot-info .foot-site #beian {width 20%; font-size:12px; }
.foot-info .foot-site #beian span { width:18px; height:18px; display:block; float:left; margin-right:5px; background:url(http://pic.newhua.com/index.3.0/icon/beian.png) no-repeat left;background-size: cover; -webkit-background-size: cover;}
.foot-info .foot-nav { float: right;}
.foot-info .foot-nav li {float:  left; margin-left: 20px}
.foot-info .foot-nav li a:before { left: -15px; top: 3px; bottom: 2px; width: 2px; background: #bbb; cursor: default}

.showBox{margin: 0 auto;background: #FFF;text-align: center;}
.show728{width:730px;height:auto;margin: 0 auto;}
.show300{padding:0px; min-height:250px;}