.header, .footer,.logo-17173, .txt-17173, .txt-game, .btn-pc,
.box-copyright{ display: none;}
.pn-share{ display: none!important;}
/* global reset */
body{ background:#fff; font-size:14px; color: #000; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px;  _overflow-x: hidden; *zoom:1; _position: relative;}
img{ vertical-align:middle}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,cmsArea{ outline:none}
cmsArea{ resize:none}
.strong{ font-weight: bold;}
.containter{ width: 1000px; margin: 0 auto}

.global-footer{ color:#999; background: #e0ddd2; padding:30px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999; padding: 0 9px}

.ico, .ico2{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(//images.shouyoucdn.com/2016/wzry/2016/zqwz/s1.png) no-repeat;}
.ico-lm1{ width:41px; height: 24px; margin-top:21px}
.ico-lm2{ width:35px; height: 35px; background-position:0 -30px; margin-top: 15px}
.ico-lm3{ width:45px; height: 45px; background-position:0 -70px; margin-top: 16px}
.ico-lm4{ width:34px; height: 34px; background-position:0 -120px; margin-top: 21px}
.ico-lm5{ width:38px; height: 38px; background-position:0 -160px; margin-top: 14px}
a:hover .ico-lm1{ background-position:-50px 0;}
a:hover .ico-lm2{ background-position:-50px -30px;}
a:hover .ico-lm3{ background-position:-50px -70px;}
a:hover .ico-lm4{ background-position:-50px -120px;}
a:hover .ico-lm5{ background-position:-50px -160px;}
.ico-clock{ width: 16px; height: 16px; background-position: 0 -210px;}
.ico-comment{ width:18px; height: 17px; background-position: -20px -210px; margin: 1px 6px 4px 0}

.mask{ overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 800px; height: 300px; background: #000; filter: alpha(opacity=50); opacity: .5;}
:root .mask{ filter: none \0;}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis;}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:800px; height:300px; background:#000; filter:alpha(opacity:60); opacity:.60}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.gb-list3{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

.comm-tlist1{ }
.comm-tlist1 .gb-list3-con{ float:left; width:860px; padding:14px 0 20px 0; height:157px; border-bottom:1px solid #eaeaea;}
.comm-tlist1 .gb-list3-c1{ margin-right:20px; text-align:center; padding:6px 0 0 0; width:360px; overflow:hidden;}
.comm-tlist1 .gb-list3-c1 a {display:block;}
.comm-tlist1 .gb-list3-c1 .avatar{ width:360px; height:150px;}
.comm-tlist1 .gb-list3-c2{ float:left; width:480px;}
.comm-tlist1 .gb-list3-c2 .tit{ margin-bottom:2px;}
.comm-tlist1 .gb-list3-c2 .tit a{ width:100%; display:block; font-size:20px; font-weight:bold; color:#333; overflow:hidden; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.comm-tlist1 .gb-list3-c2 .txt{ text-indent:2em; font-size:16px; color:#999; line-height:30px; height:90px; overflow:hidden;}
.comm-tlist1 .gb-list3-c2 .txt a{ color:#f75839;}
.comm-tlist1 .gb-list3-c2 .date{ font-size:16px; color:#333; margin-top:5px;}
.comm-tlist1 .gb-list3-c2 .ico-clock{ margin:0 7px 3px 0; }
.comm-tlist1 .gb-list3-con a:hover{ text-decoration:underline}

/*the header*/
.header{ background: #ebebeb;}
.header-in{ overflow: hidden; *zoom:1;}

.header{ border-bottom: 1px solid #a6a6a6;}
.header .logo{ float: left; margin:6px 0 0 28px; display: block; color: #78602c;}
.header .logo .tit{ display: block; font-size: 16px; text-align: center; margin-top: 6px}
.header .logo:hover{ text-decoration: none;}

.nav{ float: right;}
.nav-in{ overflow: hidden; *zoom:1;}
.nav-item{ float: left; width: 114px; padding: 0 10px}
.nav-con{ display: block; text-align: center; position: relative; color: #78602c; padding: 7px 0 22px; *zoom:1;}
.nav-c1{ display: inline-block; width: 66px; height: 66px; border-radius: 100%}
.nav-c2{ display: block; font-size: 16px; padding-top: 5px}
.nav .triangle{ display:block; overflow:hidden; position:absolute; left: 50%; margin-left: -6px; bottom: 3px; width:0; height:0; font-size:0; border-left:6px dashed transparent; border-right:6px dashed transparent; border-bottom:7px dashed transparent; border-top-style:solid; border-top-width:7px; color: #78602c; display: none;}
.nav-con:hover{ text-decoration: none; color: #dc6315; padding-top: 2px; border-top: 5px solid #dc6315}

.nav-in1{ position: relative; overflow: hidden; *zoom:1; width:1000px; margin:0 auto;}
.nav-box1{ float: left;}
.nav-box1 li{ float: left; font-size: 16px;}
.nav-box1 a{ display: block; padding:0 2em; color: #fff; line-height: 46px; text-align: center; position: relative; *zoom:1;}
.nav-box1 a i{ font-size: 0; line-height: 0; width:1px; height: 16px; position: absolute; left:-1px; top:50%; margin-top:-8px;}
.nav-box1 a:hover{ text-decoration: none;}
.nav-box1 a:hover i{ display: none;}

.box-recomm-news{ float: right; font-size: 14px; color:#fff; line-height: 24px; margin-top:12px;}
.box-recomm-news .tit{ display: inline-block; width: 40px; height: 24px; background: #f75839; text-align: center; border-radius: 3px; margin-right:8px;}
.box-recomm-news a{ color:#fff;}

/*the content*/
.content{}
.content-in{ overflow: hidden; *zoom:1; padding-top: 12px}
.side{ float: right; width: 280px}
.main{ float: left; width: 680px; overflow: hidden;}

.list-pic{ overflow: hidden; *zoom:1; margin-left: -6px; margin-right: -6px;}
.list-pic li{ float: left; width: 134px; margin: 0 6px; *display: inline; *zoom:1;}
.list-pic a{ display: block; position: relative; color: #fff;}
.list-pic img{ width: 134px; height: 120px}
.list-pic .detail{ position: absolute; left: 0; bottom: 0; width: 100%; height:30px; overflow: hidden; z-index: 5;}
.list-pic .tit{ display: block; text-align: center; line-height: 30px; font-size: 12px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 0 5px;}
.list-pic a:hover .tit{ text-decoration: underline;}

.side-mod{ margin-top: 15px}
.side-mod .mod-hd{ border-bottom: 1px solid #dadada; height: 44px}
.side-mod .mod-hd .tit{ color: #333; font-size: 24px; display: inline-block; border-bottom: 1px solid #78602c; line-height: 44px; height: 44px; margin-bottom: -1px; *display: inline; *zoom:1; *position: relative;}
.side-mod .mod-bd{ padding: 12px 0 30px}
.side-mod-programa{ padding-bottom: 5px}
.side-mod-programa .mod-bd{ *position: relative; *zoom:1;}

.mod-article .mod-hd{ background: #f2f0ec}
.mod-article .mod-hd .tit{ font-size: 24px; border-left:16px solid #78602c; padding: 12px 28px}
.mod-article .mod-bd{ padding: 10px 0 40px}
.mod-article .mod-bd p{ line-height: 30px; text-indent: 2em; padding: 15px 0; font-size: 18px}
.mod-article .mod-bd .pic{ text-align: center; padding: 15px 0}
.mod-article .mod-bd .pic img{ max-width:680px; height: auto}

.pn-article{ padding-top: 15px}
.pn-article .periods-box{ position: relative; z-index: 5; *zoom:1;}
.pn-article .periods-box .periods{ display: inline-block; color: #78602c; font-size:24px; background: #fff; padding-right: 14px; position: relative; line-height: 30px; height: 30px; *display: inline; *zoom:1;}
.pn-article .periods-box .num{ font-family: 'Vandermark Oblique','Times New Roman'; margin: 0 5px}
.pn-article .periods-box .bg{ position: absolute; width:19px; height: 29px; background: url(//ue.17173cdn.com/a/lol/zt/2015/pplm/img/bg2.png) no-repeat; right: -10px; top:0;}
.pn-article .periods-box .line{ position: absolute; width: 100%; border-top:1px solid #dcdcdc; top:50%; left: 0; z-index: -1; font-size: 0; line-height: 0;}
.pn-article .title{ font-size: 32px; font-weight: bold; text-align: center; padding: 20px 0}
.pn-article .info-box{ overflow: hidden; *zoom:1; border-bottom: 1px dotted #d4d4d4; line-height: 22px; padding-bottom: 10px}
.pn-article .info-box .info{ float: left;}
.pn-article .info-box .author{ font-size: 16px; color: #999}
.pn-article .info-box .btn-comment{ color: #4791ff; margin-left: 20px; display: block; overflow: hidden; font-size: 16px; height: 22px;}
.pn-article .info-box .share-box{ float: right; overflow: hidden; *zoom:1;}
.pn-article .info-box .share-box .share-tit{ color: #999; float: left; margin-right: 6px}
.pn-article .info-box .share-box .share-con{ float: left;}
.pn-article .info-box .share-box .gb-share{ *display: inline; *zoom:1;}
.pn-article .intro-box{ background: #f5f5f5; line-height:30px; padding: 15px 15px 15px 30px; margin-top: 10px}
.pn-article .copyright{ text-align: center; padding: 15px 0}

.ico2-top{width: 26px; height: 26px;}
.fix-box{ border-left-width:3px; border-left-style:dotted; margin-left:11px; position: relative; *zoom:1;}
.fix-nav{ margin-left:-14px;}
.fix-nav li{ position: relative; padding: 6px 0 6px 25px; *zoom:1;}
.fix-nav .btn-link{ display: inline-block; color: #333333; font-size: 18px; font-weight: bold; line-height: 28px; position: relative; padding: 0 16px 0 18px; white-space: nowrap;max-width: 220px; overflow: hidden; text-overflow:ellipsis;}
.fix-nav .bg{ position: absolute; top:0; height: 28px; display: none;}
.fix-nav .bg-l{ width: 18px; left: 0; }
.fix-nav .bg-r{ width: 16px; right: 0;}
.fix-nav .circle{ width:12px; height: 12px; position: absolute; top: 50%; margin-top: -7px; left: 7px; display: none}
.fix-nav .btn-link:hover{ text-decoration: none;}
.fix-box .go-top{ color: #78602c; display: block; width: 26px; position: absolute; left:-14px; bottom:-44px;}
.fix-box .go-top .tit{ display: block; text-align: center; font-size: 12px; font-weight: bold;}
.fix-box .go-top:hover{ text-decoration: none;}
.fix-nav .current .btn-link{ color: #fff;}
.fix-nav .current .bg{ display: block;}
.fix-nav .current .circle{ display: block;}
.fix-box-fixed{ position: fixed; _position: absolute; left: 50%; margin-left: 231px; top:50px; _top:0; z-index: 500;}

.pn-banner { height: 286px; background-position: center top; }

.box-old a{ display: block; width: 280px; height: 140px;}
/*page-list*/
.page-list .header-c2{height:150px;}
.page-list .zt-tit{ font-size:50px; color:#fff; font-weight:normal; left:0; top:40px; line-height:60px;}
.page-list .main{ border-bottom:1px solid #e6e6e6; padding:20px 0; position:relative; float: none;width:1000px; margin:0 auto; position:relative;}

.zt-source1{ font-size:20px; color:#fff; position:absolute; left:0; top:107px; width:360px; height:30px; line-height:30px; overflow:hidden;}
.zt-source1 .ico, .zt-source1 .tit{ float:left;}
.zt-source1 .tit{ padding:0 10px;}
.zt-source1 .ico{ margin-top:12px;}

.list-pn{ width:860px;}

.pagination{ clear: both; height:34px; margin: 0 auto; padding:50px 0 100px 0;}
.pagination ul{ margin: 0; padding: 0; font-size: 16px; text-align:center; height:25px; float:left; position:relative; left:50%;}
.pagination li{margin:0 3px 0 0; float:left; display:inline; position:relative; left:-50%;}
.pagination li a{ float:left;  display:block; width:36px; text-align:center; height:32px;  line-height:32px;  text-align:center;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pagination li a:hover{ text-decoration:none;}
.pagination li.page{ height:25px; margin:0 3px 0 0;}
.pagination li.page a{background:#fff; color:#333; border:1px solid #ddd;}
.pagination li.page a:hover{background:#1c243c; color:#fff; border-color:#1c243c;}
.pagination li.selected,.pagination li.hover{}

.pagination li.selected a, .pagination li.hover a{ display:block;}
.pagination li.selected a{background:#1c243c; color:#fff;border-color:#1c243c;}
.pagination li.hover a{background:#1c243c; color:#fff;}
.pagination li.prev a, .pagination li.first a, .pagination li.next a, .pagination li.last a{ background:#fff;color:#333; border:1px solid #ddd; }
.pagination li.prev a:hover, .pagination li.first a:hover, .pagination li.next a:hover, .pagination li.last a:hover{background:#1c243c; color:#fff;border-color:#1c243c;}

.editor-pn2{ width:100px; position:absolute; top:40px; right:0; z-index:500;}
.editor-box{ padding-bottom:13px;}
.editor-box-ex{ border-bottom:1px solid #eaeaea;}
.editor-box .tit{ width:100px; height:25px; text-align:center; line-height:25px; background-color:#f75839; font-size:16px; color:#fff; font-weight:bold}
.editor-box .gb-list2-item{ float:left; width:100px; margin-top:13px; height:116px;}
.editor-box .gb-list2-con{ width:100px; text-align:center;}

.channel-pn3{ padding:20px 0 0 0;}
.channel-pn3 a{ margin:0 auto; margin-bottom:10px; }