/* global reset */
body{ background:#fff; font-size:14px; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px; color: #333; _position: relative; _overflow-x: hidden;}
img{ vertical-align:middle}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}

/* c-link */
.c-link{ color: #333}
.c-link:hover{ color: #75c54f; text-decoration: none;}

.c-tx{ color: #c7c7c7}
.c-tx:hover{ color: #fff; text-decoration: none;}
.c-tx1{ color: #75c54f;}
.c-tx2{ color: #6a9397}
.c-tx2:hover{ color: #fff; text-decoration: none;}

.col{width:487px;}
.col33{width:313px; float: left; margin:0 15px; *display: inline;}
/*视频图片列表*/


/* ico */
.ico{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(/i2/2fhnvk/ywxqagbf/cms3/fiqqrebktwgcfkw.png) no-repeat;}
.ico-xz, .ico-gl{width: 24px; height: 24px; margin: 13px 8px 18px 0}
.ico-gl{background-position: -25px 0}
.ico-search{width: 19px; height: 18px; background-position:-51px 0}
.ico-zt{width:17px; height:17px; background-position:-58px -28px; margin: 6px 6px 9px 0;}
.ico-video{ width: 16px; height: 16px; background-position: -123px 0; margin: 6px 3px 8px 0;}
.ico-comment{ width: 14px; height: 13px; background-position: 0 -30px; }
.ico-share{width:11px;height:13px;background-position:-15px -30px}
a:hover .ico-comment{ background-position: -27px -30px; cursor: pointer}
a:hover .ico-share{ background-position: -42px -30px; cursor: pointer}

.mask{overflow:hidden;position:absolute;z-index:-1;width: 100%; height: 100%; top: 0;left: 0;
background:#000; opacity: .5; filter:alpha(opacity:50);}

/* comm-btn */
.comm-btn{ display: inline-block; color: #fff; font-size: 16px; font-weight: bold; line-height:40px; background: #86b53b; padding: 0 25px}
.comm-btn:hover{ text-decoration: none; background: #99cd45}
.comm-btn-ex2{ background: #ff961a;}
.comm-btn-ex2:hover{ background: #ffa842;}
.comm-btn-s{ line-height: 34px; padding: 0 18px}
.comm-btn-s2{ line-height: 26px; padding: 0 10px; font-size: 14px}

/* comm-list */
.comm-list li{ overflow: hidden; *zoom:1;}
.comm-list .time{ float: right; margin-left: 10px; font-size: 12px; color: #999}
.comm-list .detail{ overflow: hidden; *zoom:1; }
.comm-list .tit{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-left:8px; position: relative; *zoom:1;}
.comm-list .sep{ font-size: 0; width:3px; height: 3px; background: #6f6f6f; position: absolute; left: 0; top:50%; margin-top: -1px}
.comm-list .li-m{ margin-bottom: 30px}
.comm-list-ex2 .tit{ font-size: 14px}

.comm-list1 li{background: url(/ue1/a/pvp/index/2016/img/dot.jpg) no-repeat left center; line-height: 28px;}
.comm-list1 .tit{font-size: 16px;}



/* comm-mod */
.comm-mod .mod-hd{ overflow: hidden; *zoom:1;}
.comm-mod .mod-hd .tit{ font-size: 18px; font-weight: bold; float: left; line-height: 30px}
.comm-mod .mod-hd .more{ float: right; line-height: 30px}
.comm-mod .mod-hd a{ color: #888}
.comm-mod .mod-hd .btn-video{ display: inline-block; overflow: hidden; font-weight: bold; color: #333; height: 30px; line-height: 30px;}
.comm-mod .mod-hd .btn-video:hover{ text-decoration: none;}
.comm-mod .mod-hd .comm-btn-s2{ margin-top: 2px; color: #fff}
.comm-mod .mod-bd{ padding-top: 12px}

/* comm-tab */
.comm-tab{ overflow: hidden; *zoom:1;}
.comm-tab .tab-item{ float: left; padding: 0 12px; position: relative;}
.comm-tab .tab-con{ display: block; color: #999; font-size: 16px; padding: 0 8px; line-height:30px}
.comm-tab .tab-sep{ border-left:1px solid #e6e6e6; height:10px; font-size: 0; position: absolute; left: 0; top:50%; margin-top: -5px; width: 0}
.comm-tab .first .tab-sep, .comm-tab .tab-item:first-child .tab-sep{ display: none;}
.comm-tab .current .tab-con, .comm-tab .tab-con:hover{ background: #75c54f; color: #fff; font-weight: bold; text-decoration: none; border-radius: 3px}

/* comm-pn */
.comm-pn .pn-hd{ overflow: hidden; *zoom:1; margin-top: 30px}
.comm-pn .pn-hd .tit{ float: left; color: #333; font-size: 22px; font-weight: bold; position: relative; line-height: 30px; padding-left: 10px;}
.comm-pn .pn-hd .sep{ position: absolute; width:5px; height:20px; background: #333333; font-size: 0; left: 0; top:50%; margin-top: -10px}
.comm-pn .pn-hd .more{ float: right; color: #333; display: block; line-height: 30px}
.comm-pn .comm-tab{ float: left; margin-left: 46px}
.comm-pn .pn-bd{ margin-top: 15px}

.comm-pn1 .pn-hd .tit{color:#333;}
.comm-pn1 .pn-hd .sep{background:#333;}

/* wrap */
.wrap{ background: url(/i1/2fhnvk/ywxqagbf/cms3/moahpmbktwemkhq.jpg) center top no-repeat}
.content{ width: 1000px; margin: 0 auto}

/* header */
.header{ height: 420px; position: relative; width: 1000px; margin: 0 auto}

.logo-box { position: absolute; left: 120px; top: 25px; width: 280px; text-align: center;}
.logo-box .logo { display: block; text-align: center; font-size: 0; padding-top: 140px}
.logo-box .logo:hover{ text-decoration: none;}
.logo-box .game-name, .logo-box .game-tip{ display: inline-block; font: normal 22px/1.5 "MicroSoft YaHei","SimHei"; color: #333; margin: 0 2px}
.logo-box .game-tip{ padding: 0 10px; background: #1C5F02; border-radius: 16px; color:#bfd6f0}
.logo-box .game-url { display: block; font: normal 16px/1.5 "MicroSoft YaHei","SimHei"; color: #333; }

.game-box{ position: absolute; top:42px; right:15px; width: 187px}
.game-box .box-c1{ overflow: hidden; *zoom:1; padding: 4px 2px; background: #d2cfcc; border-top-left-radius: 6px; border-top-right-radius: 6px}
.game-box .box-c1 a{ float: left; display: block; margin: 0 1px}
.game-box .box-c2{ text-align: center; font-size:12px; color: #becbe8; background: #32363d; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}

.header-c1 { position: absolute; bottom: 0; left: 0; width: 740px;}

.nav {  background-color: #075505; padding-right: 30px}
.nav-list { height: 55px; overflow: hidden; *zoom:1;}
.nav-item {  float: left; width: 20%}
.nav-con { display: block; overflow: hidden; min-width: 3em; height: 53px; font: normal 18px/53px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #186227; border-top:2px solid #075505;}
.nav-list .active .nav-con, .nav-con:hover{ background: #033E01; border-top:2px solid #033E01; text-decoration: none;}
.nav-list .first .nav-con, .nav-item:first-child .nav-con{ border-left: 0; border-top:2px solid #34AE3E; background: #18860C; font-weight: bold; font-size: 20px}

.header-quick-start{ background: #993333;}
.header-quick-start .item{ padding: 0 10px 0 20px; height: 45px;  line-height: 45px; color: #fff; white-space: nowrap; font-size: 0}
.header-quick-start .item span, .header-quick-start .item a{display: inline-block; vertical-align: middle;}
.header-quick-start .tit,.header-quick-start .con{ color: #fff; font-size: 14px;}
.header-quick-start .sep{width: 1px; height:8px; overflow: hidden; background: #fff; margin: 0 7px;}


.header-quick-start2{ overflow: hidden; position: relative; z-index: 2; height: 63px; padding-top: 12px; padding-right: 30px; }
.header-quick-start2 .item{ float: left; padding: 0 10px 0 20px; line-height: 26px; color: #A5D0A9; white-space: nowrap; }
.header-quick-start2 .con{ color: #A5D0A9;}
.header-quick-start2 .bg{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 75px; background-color: #183B17; filter: alpha(opacity=70); opacity: 0.7; }

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 290px; height: 175px;}
.header-c2 .link-box{ overflow: hidden; *zoom:1;}
.header-c2 .link-box .con{ float: left; width: 50%; line-height: 55px; text-align: center; height: 55px; color: #fff; font-size:18px; font-weight: bold; background:url(/i2/2fhnvk/ywxqagbf/cms3/fiqqrebktwgcfkw.png) no-repeat;}
.header-c2 .link-box .btn-xz{ background-position:0 -50px}
.header-c2 .link-box .btn-gl{ background-position:0 -106px}
.header-c2 .link-box .btn-xz:hover{  background-position:-145px -50px}
.header-c2 .link-box .btn-gl:hover{ background-position:-145px -106px}
.header-c2 .link-box .con:hover{ text-decoration: none;}
.header-c2 .link-box2 { overflow: hidden; *zoom: 1; background-color: #8C2E2E; }
.header-c2 .link-box2 .con { float: left; width: 49.9%; margin-left: -1px; font: normal 18px/45px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #993333; }
.header-c2 .link-box2 .con:hover {  text-decoration: none; background: #993333}
.header-c2 .link-box3 { padding: 8px 20px; color: #2A4A1D; background: #193714; text-align: center; }
.header-c2 .link-box3 .con { color: #629A5C; }
.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box { padding: 0 25px; background: #193714; height: 38px }
.header-c2 .search-con { position: relative; overflow: hidden; height: 28px; padding: 0 38px 0 8px; background-color: #2A4A1D; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; color: #629A5C; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 28px; height: 28px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; left: 0; top:0; }
.header-c2 .ico-search{ margin-top: 5px}
.header-c2 .search-con:hover .ico-search{ background-position: -72px 0}
.header-c2 .shadow { position: absolute; left: -3px; top: 55px; width: 3px; height: 45px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3)); background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3))); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.3)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.3)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000');}

/* row */
.row{ overflow: hidden; *zoom:1;}
.row-col1{ float: left; width: 680px;}
.row-col2{ float: right; width: 290px}

/* slick */
.slick-list{ position: relative; overflow: hidden; display: block; z-index: 5;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img { display: none; }

/* dynamic-img */
.dynamic-img a{ overflow: hidden;}
.dynamic-img .dynamic-pic{ overflow: hidden; *overflow:inherit; display: block;}
.dynamic-img a img{ -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -ms-transition: -ms-transform .3s linear; transition: transform .3s linear;}
.dynamic-img a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.9;} 

/* pn-recommend */
.pn-recommend{overflow: hidden; *zoom:1; background: url(/ue1/a/pvp/index/2016/img/bg3.png) no-repeat; height: 146px; margin-top:5px;}
.pn-recommend .pn-c1{ float: left; width: 710px;}
.pn-recommend .pn-c2{ float: right; width: 290px}

.mod-recommend .mod-hd{ position: relative;}
.mod-recommend .mod-hd .tit{ color: #fff; line-height:1.2; width: 35px; text-align: center; position: absolute; left:25px; top:15px; font-size: 16px; letter-spacing: 1px}
.mod-recommend .mod-hd .date{position: absolute; left: 15px; top: 120px; color: #A5D0A9; font-size: 12px;}
.mod-recommend .mod-hd .tit .t1{width: 20px; display: inline-block;}
.mod-recommend .mod-hd .tit .t2{width: 20px; display: inline-block;  font-size: 12px;word-wrap:break-word;}
.mod-recommend .mod-hd .triangle1, .mod-recommend .mod-hd .triangle2{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; color: #aaacb1; border-left:5px dashed transparent;  border-right-style:solid; border-right-width:5px;}
.mod-recommend .mod-hd .triangle1{ border-top:5px dashed transparent; border-bottom-style:solid; border-bottom-width:5px; left: 0; top:-10px;}
.mod-recommend .mod-hd .triangle2{ border-bottom:5px dashed transparent; border-top-style:solid; border-top-width:5px; left: 0; bottom:-10px;}
.mod-recommend .mod-bd{ padding:30px 0 0 100px; height: 166px}

.list-recommend{overflow: hidden; *zoom:1; position: relative; margin-left: -12px; margin-right: -12px}
.list-recommend li{ float: left; cursor: pointer; margin: 0 11px; *display: inline; *zoom:1;}
.list-recommend li a{color: #c7c7c7;text-align: center;}
.list-recommend li a:hover{color: #fff}
.list-recommend .tit{display: block; *width: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:7px; text-align: center;}

.mod-notice {padding: 22px 10px 0 20px;}
.mod-notice .mod-hd{color: #fff; position: relative; height: 30px; line-height: 30px;}
.mod-notice .mod-hd .tit{font-size:18px; font-weight: bold;}
.mod-notice .mod-hd .more{position: absolute; top: 0; right: 0; color: #c7c7c7; font-size: 12px}
.mod-notice .mod-bd{padding-top:8px;}
.mod-notice .list-news li{line-height: 24px;}
.mod-notice .list-news .tit a{font-size: 14px;}

/* pn-news */
.pn-news{ padding:20px 0}
.pn-news .pn-c1, .pn-news .pn-c2{ float: left;}
.pn-news .pn-c1{ width: 360px; margin-right: 30px;}
.pn-news .pn-c2{ width: 360px;}
.pn-news .pn-c3{ float: right; width:220px;}

/*focus*/
.slick-syncing .dragging{ cursor: pointer; cursor: hand; }
.focus-thumb{width:360px;height:200px;overflow: hidden;position: relative; margin: 0 auto 15px;}
.focus-thumb .focus-num{position:absolute;top:173px;left:310px;color: #fff;font-size:12px;z-index: 130;letter-spacing: 3px}
.focus-thumb .focus-num .cur-num{color: #ff6000;}
.focus-thumb .slick-list{_width:360px;}
.focus-thumb .focus-for .focus-item{position:relative;*zoom:1;display: block; color:#fff}
.focus-thumb .pic-box,.focus-thumb .focus-for .txt-box,.focus-thumb .focus-for .txt-in{display: block;}
.focus-thumb .focus-for .txt-box{position:absolute;bottom: 0; left: 0;width: 100%;z-index:11;}
.focus-thumb .focus-for .txt-box .mask{}
.focus-thumb .focus-for .txt-in{padding:6px 70px 6px 10px;font:normal 14px/1.5 "Microsoft Yahei"; }
.focus-thumb .focus-for .detail{width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.focus-thumb .focus-for .txt-in .tit{display:block;color:#fff;font:bold 16px/1.5 "Microsoft Yahei"; }
.focus-thumb .focus-for .mask{position: absolute; z-index:-1;left:0; top:0; width:100%;background-color: #000;opacity: .8;filter: alpha(opacity=60); height: 75px;}
.focus-thumb .focus-for .slick-slider{display: block;height:100%;}
.focus-thumb .focus-for .slick-slide img{display:block;width:360px;height:200px;}

.focus-thumb .focus-nav .slick-slide{position: relative;}
.focus-thumb .focus-nav .current{display:none}
.focus-thumb .focus-nav .slick-current .current{display:block;position: absolute; top:0; left: 0; height: 3px;line-height:0; width:100%;background-color:#ff0;overflow: hidden; }
.focus-thumb .focus-nav .slick-slide img{display:block;width:120px;height:83px;}
/* Arrows */
.focus-thumb .slick-prev, .focus-thumb .slick-next {position: absolute;z-index:1000;top:178px;display: block;height: 9px;width: 5px;line-height: 0;font-size: 0;
	cursor: pointer;border: none;outline: none;background:url(/i2/2fhnvk/ywxqagbf/cms3/fiqqrebktwgcfkw.png) no-repeat}
.focus-thumb .focus-for .slick-disabled{ opacity: 0.25; }
.focus-thumb .slick-prev{left:298px;background-position: -145px 0; }
.focus-thumb .slick-prev:hover{background-position:-162px 0;}
.focus-thumb .slick-next{left: 345px;background-position: -152px 0; }
.focus-thumb .slick-next:hover{background-position:-169px 0;}

.mod-info{border: 1px solid #e5e5e5; border-left: 0; overflow: hidden; *zoom:1; height: 122px; margin-bottom: 8px;}
.mod-info .mod-hd{width: 116px; float: left;}
.mod-info .mod-bd{overflow: hidden; *zoom:1; padding: 10px}
.mod-info .mod-bd .comm-list li{line-height: 26px;}




.mod-topnews { padding-bottom: 11px; text-align: center; }
.mod-topnews .tit{ color: #d92f2f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 36px}
.mod-topnews .tit a {  font-size:20px; font-weight: bold; color: #d92f2f }
.mod-topnews .links { padding-bottom: 18px; }
.mod-topnews .links a{ color: #aeaeae}

.tab-news{}
.tab-news .tab-item{ float: left; width: 50%;}
.tab-news .tab-con{ display: block; color: #333; height: 40px; line-height: 40px; text-align: center; position: relative;}
.tab-news .current .tab-con, .tab-news .tab-con:hover { text-decoration: none; background-color: #18860C; color: #fff}
.tab-news .arrow{width:0;height:0;line-height:0;border-width:8px;border-style:solid; border-color: #18860C transparent transparent transparent; border-style:solid dashed dashed dashed;position:absolute;top:40px;left:83px; display: none;}
.tab-news .current .tab-con .arrow{display: block;}

.tab-info .tab-con{ display: block; color: #333; text-align: center; height:40px; line-height: 40px; border-bottom: 1px solid #fff; border-right:1px solid #e5e5e5; border-left:4px solid #f0f0f0; background:#f0f0f0;}
.tab-info .current .tab-con, .tab-info .tab-con:hover { text-decoration: none; background-color: #fff; color: #75c54f; border-left-color: #75c54f; border-right-color: #fff; border-bottom-color:#e5e5e5 }

.mod-news .mod-hd{ height: 40px; margin-bottom: 10px; line-height: 40px; background-color: #f0f0f0; }
.mod-news .mod-bd{ padding: 20px 0 0}
.mod-news .more{display: block; height:33px; line-height: 33px; text-align: center; background:#f0f0f0; color: #333; margin-top: 22px;}
.mod-news .more:hover{color: #fff; background:#18860C; text-decoration: none;}

.list-news li{ overflow: hidden; *zoom:1; line-height: 29px; font-size: 12px}
.list-news .time{ float: right; color: #b2b2b2; margin-left: 10px}
.list-news .detail{ overflow: hidden; *zoom:1;}
.list-news .tip1, .list-news .tip2, .list-news .tip3, .list-news .tip4{ float: left; color: #fff;  display: block; padding: 0 4px; line-height:16px; margin:6px 7px 0 0}
.list-news .tip1{ background: #bab9bd;}
.list-news .tip2{ background: #8ad5da}
.list-news .tip3{ background: #f7cf7a;}
.list-news .tip4{ background: #9ca0ed}
.list-news .tit{ overflow: hidden; *zoom:1; white-space: nowrap; text-overflow:ellipsis;}
.list-news .li-m{ margin-bottom: 18px; padding-bottom: 19px; border-bottom: 1px dotted #eaeaea}
.list-news .tit a{ font-size: 16px}

.list-news2 li{ overflow: hidden; *zoom:1; border-bottom: 1px solid #f0f0f0; padding: 15px 0}
.list-news2 .pic{ float:left; width:140px; margin-right:10px}
.list-news2 .pic a{ display: block;}
.list-news2 .detail{ overflow: hidden; *zoom:1; margin-bottom: -3px}
.list-news2 .tit{ font-size: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 1.2; font-weight: bold;}
.list-news2 .txt{ color: #b2b2b2; line-height: 20px; height: 60px; overflow: hidden; margin-top: 3px}
.list-news2 img{ width:140px; height: 79px}

.mod-zt .mod-hd{position: relative; line-height: 40px; height: 40px;}
.mod-zt .mod-hd .tit{font-size: 18px; font-weight: bold; height: 40px; overflow: hidden;}
.mod-zt .mod-hd .more{position: absolute; top: 0; right: 0; color: #333; font-size: 12px}

.list-ztyl .item{text-align: center; margin-top: 10px;}
.list-ztyl .item .tit{display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; height: 30px; line-height: 30px; padding-top: 5px;}

.mod-hero{overflow: hidden; *zoom:1;}
.mod-hero .mod-hd{width:41px; height: 106px; float: left; background: url(/ue2/a/pvp/index/2016/img/bg-hd.png); color: #f8cd31; text-align: center; font-size: 12px;}
.mod-hero .mod-hd .tit{padding:20px 5px 0; line-height: 1.3}
.mod-hero .mod-bd{overflow: hidden; *zoom:1;height: 106px;  background:#f0f0f0}
.mod-hero .list-recommend{padding:10px 0 0 12px; margin: 0 -7px}
.mod-hero .list-recommend li{margin: 0 6px; *display: inline;}
.mod-hero .list-recommend li a{color: #333}
.mod-hero .list-recommend li a:hover{color: #333}
.mod-hero .list-recommend .tit{margin-top: 3px; font-size: 12px;}

/*pn-hero*/
.pn-hero .comm-tab{float: none; margin: 0; border-top:1px solid #e5e5e5;}
.pn-hero .comm-tab .tab-item{width: 25%; padding: 0;}
.pn-hero .comm-tab .first .tab-con{border-left:1px solid #e5e5e5;}
.pn-hero .comm-tab .tab-con{text-align: center; line-height: 58px; padding: 0; border-top:3px solid #fff; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 18px;}
.pn-hero .comm-tab .current .tab-con, .pn-hero .comm-tab .tab-con:hover{border-top-color:#18860C; background: #fff; color: #18860C; font-weight: bold;border-bottom: 1px solid #fff; }
.pn-hero .tab-pn{border: 1px solid #e5e5e5; border-top: 0}
.mod-hero-news{width:33.33%; *width:33.3%; float: left;}
.mod-hero-news .mod-in{padding:20px;}
.mod-hero-news .mod-c1 .dynamic-img{float: left; width:120px; overflow: hidden;}
.mod-hero-news .mod-c1 .text-box{width:150px; float: right;}
.mod-hero-news .mod-c1 .name{font-weight: bold; font-size: 18px;}
.mod-hero-news .mod-c1 .tag{font-size: 0; padding-top: 5px}
.mod-hero-news .mod-c1 .tag a{display: inline-block; line-height:18px; border: 1px solid #18860C; background: #fff; color: #18860C; font-size: 12px; padding: 0 5px; margin-right: 8px; border-radius: 3px;}
.mod-hero-news .mod-c1 .tag a:hover{background: #18860C; color: #fff; text-decoration: none;}
.mod-hero-news .mod-c1 .txt{ padding-top: 5px; font-size: 12px; line-height: 1.7}
.mod-hero-news .mod-c2{padding: 15px 0}


.mod-hero-news .mod-c3{margin: 0 -12px;}
.mod-hero-news .mod-c3 .dynamic-img{float: left; width:134px; height: 75px; overflow: hidden; margin:0 11px; *display: inline;}
.mod-hero-news .mod-c3 .dynamic-img img{width:100%; height: 100%;}
.comm-table{border: 1px solid #e5e5e5; text-align: center; line-height:36px;}
.comm-table td{border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5}
.comm-table th{border-right:1px solid #fff; background:#f0f0f0;text-align: center; font-weight: bold;}
.comm-table th:last-child{border-right-color:#e5e5e5}
.comm-table td a{color: #333; display: block; _height:36px;}
.comm-table td a:hover{background:#75c54f; color: #fff; text-decoration: none;}
.comm-table1 .c1{border-right:1px solid #e5e5e5; border-bottom:1px solid #fff; text-align: right; padding-right: 15px; width: 110px; background:#f0f0f0; font-weight: bold;}
.comm-table1 tr:last-child .c1{border-bottom-color:#e5e5e5}


/* pn-card */
.pn-card{ margin-top: 5px}
.pn-card .search-box2{ float: right; width: 228px}
.pn-card .search-hot{ float: right; width: 600px; text-align: right; line-height: 30px;}
.pn-card .pn-bd{ border: 1px solid #e9e9e9; padding:0 0 26px; margin-top:15px}

.search-hot a{display: inline-block; padding: 0 10px; color: #999;} 
.search-box2 .search-form{position:relative;height:30px;padding:0 65px 0 10px;background-color:#f4f4f4; overflow: hidden;}
.search-box2 .search-form input{width:100%;height:30px;*margin-bottom:-1px;font-size:14px;color:#999;_color:#333;line-height:30px\9;border:0;background:0;outline:0}
.search-box2 .search-form input:focus{color:#333}
.search-box2 .search-form .btn{position:absolute;top:-1px;right:-1px;width:55px;height:32px;background:#77be3d;border:0;cursor:pointer; color: #fff}
.search-box2 .search-form .btn:hover ,.search-box2 .search-form .btn:focus{background-color:#6eaf39; color: #fff}

.pn-card .check-box{ overflow: hidden; *zoom:1; background: #fafafa; padding: 14px 16px 15px; text-align: center;} 
.pn-card .check-box .check-item{ overflow: hidden; display: inline-block; white-space: nowrap; cursor: default; margin:0 20px; font-size:18px;}
.pn-card .check-box  input{ margin: 0 2px 3px 0; vertical-align: middle;}

.pn-card .card-box{ padding: 0 20px; height: 430px; overflow-y:auto; overflow-x:hidden;}
.list-card{ overflow: hidden; *zoom:1; margin-left: -11px; margin-right: -11px; padding-top: 5px}
.list-card li{ float: left; width:65px; margin: 0 11px; *display: inline; *zoom:1; padding-top: 15px}
.list-card img{ width:65px; height:65px}
.list-card .tit{ display: block; width: 100%; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-align: center; margin-top: 6px}


/* panel-video */
.panel-video{ margin-top: 10px} 

.list-video{ overflow: hidden; *zoom:1; margin:0 -20px;}
.list-video li{ float: left; width:200px; margin: 0 20px; padding-bottom: 21px;  *display: inline; *zoom:1;}
.list-video img{ width: 200px; height: 114px; display: block;}
.list-video .pic{ display: block; position: relative;}
.list-video .cover{ position: absolute; width:200px; height: 114px; background: url(/ue1/a/cr/index/2016/img/cover.png) no-repeat; left: 0; top:0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue1/a/cr/index/2016/img/cover.png');}
.list-video .tit{ display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px;text-align: center;}
.list-video a:hover .cover{ display: none; _filter:none; _position: static;}

.sub-content .list-video{margin: 0 -18px; padding-top: 30px;}
.sub-content .list-video li{margin: 0 16px;}

.list-rank li{ overflow: hidden; *zoom:1;}
.list-rank .num{ float: left; width: 23px; height: 23px; border-radius: 100%; background: #ececec; color: #333; font-size: 12px; text-align: center; line-height: 23px; margin-right: 8px; margin-top: 4px}
.list-rank .num-top{  background: #75c54f; color: #fff;}
.list-rank .detail{ overflow: hidden; *zoom:1; line-height: 31px}
.list-rank .pic{ float: left; margin-right: 10px; display: none;}
.list-rank .pic a{ display: block;}
.list-rank img{ width:120px; height: 69px}
.list-rank .txt{ overflow: hidden; *zoom:1; padding-right: 5px}
.list-rank .tit{ color: #000; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.list-rank .tit a{ color: #000}
.list-rank .tit a:hover{ text-decoration: none;}
.list-rank .time{ color: #999; font-size: 12px; display: none;}
.list-rank li:hover .num, .list-rank .active .num{ margin-top: 23px;}
.list-rank li:hover .detail, .list-rank .active .detail{ line-height: 22px; background: #f5f5f5; margin-bottom: 8px}
.list-rank li:hover .pic, .list-rank .active .pic, .list-rank li:hover .time, .list-rank .active .time{ display: block;}
.list-rank li:hover .tit, .list-rank .active .tit{ white-space: normal; height: 44px; padding-top: 3px;}

.panel-news{margin: 0 -15px;}
.panel-news .pn-c1{border: 4px solid #eee; padding:8px 10px 10px; text-align: center;}
.panel-news .pn-c1 .tit{font-size:18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; width: 100%; overflow: hidden;}
.panel-news .pn-c1 .tit a{color:#ec940a;}
.panel-news .pn-c1 .txt{color:#999; height:40px; overflow: hidden;text-align: left;}
.panel-news .pn-c2{padding:10px 0 0}
.panel-news .list-news li{padding-left: 10px; background: url(/ue1/a/pvp/index/2016/img/dot.jpg) no-repeat left 12px; line-height: 26px;}
.panel-news .list-news .li-m{margin-bottom: 15px; padding-bottom: 16px;}

/* panel-pic */
.panel-pic{ margin-top: 30px}

.list-pic{ overflow: hidden; *zoom:1;}
.list-pic-c1{float: left; width:310px; margin-right: 0;}
.list-pic .item{position: relative; overflow: hidden; height: 250px;}
.list-pic .item .cover{width: 100%; height: 250px; overflow: hidden; z-index: 3; position: absolute; left: 0; top:-250px; transition:all .2s;}
.list-pic .item .text-box{font-size:24px; padding: 30px; line-height: 1.3; display: block; color: #fff}
.list-pic .item a{color: #fff}
.list-pic .item a:hover{text-decoration: none}
.list-pic .item a:hover .cover{top: 0;}
.list-pic-c2{overflow: hidden; *zoom:1; width: 690px; float: right; margin: 0 -5px;}
.list-pic-c2 .item{width: 224px; height: 123px; float: left; margin:0 3px 5px; *display: inline;}
.list-pic-c2 .item img{width: 224px; height: 123px;}
.list-pic-c2 .item .cover{width: 224px; height: 123px; top: -123px;}
.list-pic-c2 .item .text-box{font-size: 18px; line-height: 1.5}
.list-pic .item .mask{background: #000}


/* sub-content */

/* crumb */
.crumb{ line-height: 48px; color: #888; border-bottom: 1px solid #dcdcdc}
.crumb a{ color: #888}

.sub-content .row-col1{width: 660px;margin-top: 20px;}
.sub-content .row-col2{width: 300px;margin-top: 20px;}
.final-content .pn-recommend{margin-bottom: 20px;}

.hero-content .row-col1{width: 312px;}
.hero-content .row-col2{width: 650px;}
.hero-content .crumb{border: none; margin-bottom: -15px}
.hero-content .comm-pn{margin-bottom:50px}
.hero-content .row-col2 .list-recommend{margin: 0 -28px;}
.hero-content .row-col2 .list-recommend li{margin: 0 26px 20px; }
.hero-content .row-col2 .list-recommend li .tit{*width:120px; }
.hero-content .row-col2 .list-recommend li img{width:120px; height: 120px;}
.hero-content .row-col2 .list-recommend li a{color: #666; font-weight: bold; font-size: 16px;}
.hero-content .row-col2 .list-recommend li a:hover{color: #000}
.mod-handbook{background:#f2f2f2; border-radius: 8px; padding:30px; margin-top: 20px;}
.mod-handbook .mod-c1 img{display: block; margin: 20px auto;}
.mod-handbook .mod-c1 .text-box{text-align: center;}
.mod-handbook .mod-c1 .text-box .name{font-size:18px; font-weight: bold;}
.mod-handbook .mod-c2{margin: 50px 0;}
.mod-handbook .mod-c2 .item{overflow: hidden; *zoom:1;}
.mod-handbook .mod-c2 .item .tit{width:68px; float: left; height: 30px; line-height: 30px;}
.mod-handbook .mod-c2 .item .bar{overflow: hidden; *zoom:1; height:15px; overflow: hidden; position: relative; background:#e2e2e2; margin:8px 0}
.mod-handbook .mod-c2 .item .bar-in{position: absolute; height: 100%; _height:15px; background:#34AE3E}


.list-skill .item{overflow: hidden; *zoom:1; margin: 30px 0;}
.list-skill .item-c1{float: left; width: 74px; margin-right: 20px;}
.list-skill .item-c1 img{border-radius: 50%;}
.list-skill .item-c2{overflow: hidden; *zoom:1}
.list-skill .item-c2 .t1{font-weight: bold;font-size: 16px; padding-bottom: 5px;}


/* pagination */
.pagination{text-align: center; padding: 40px 0}
.pagination ul{font-size: 0}
.pagination li{display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 24px; vertical-align: top}
.pagination a{display: block; padding: 0 .6em; border: 1px solid #d6d6d6; color: #333}
.pagination a.current,.pagination a:hover{color: #fff; text-decoration: none; border-color: #75c54f; background-color: #75c54f}



/* side-mod-banner */

.side-mod-banner a{ display: block; position: relative; color: #333; border: 1px solid #ededed; margin-top: 20px}
.side-mod-banner a img{ width: 288px; height: 58px}
.side-mod-banner a .tit{ position: absolute; font-size: 26px; top:0; line-height: 52px; text-align: center; width: 160px;}
.side-mod-banner .data .tit{ right: 10px;}
.side-mod-banner .feature .tit{ left:5px;}
.side-mod-banner a:hover{ text-decoration: none;}

/* side-mod-rank */
.side-mod-rank{ margin-top: 35px}
.side-mod-rank .mod-bd{ padding-top: 25px}
.side-mod-rank2{ margin-top: 30px}

.side .mod-zt{background:#f5f5f5; padding:10px 20px;}



/* page-list */
.list-news3 {*zoom:1;}
.list-news3 .list-item { position: relative; padding: 15px 0; border-bottom: 1px solid #dcdcdc; *overflow: hidden; *float: left; *width: 100%; font-size: 12px}
.list-news3 .list-item:hover { background-color: #fdfdfd; }
.list-news3 .list-item:hover .info { visibility: visible; opacity: 1; }
.list-news3 .art-item{ overflow: hidden; *zoom:1;}
.list-news3 .art-item-c1 { width: 130px; margin-right: 15px; float: left; }
.list-news3 .art-item-c2 {overflow: hidden; *zoom:1;  _float: left; _width: 515px;}
.list-news3 .art-item-c1 a{ display: block;}
.list-news3 .tit { margin-right: 5.5em; font: normal 183.3%/1.3 "MicroSoft YaHei"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 470px}
.list-news3 .tit a{ /*display: inline-block; */color: #333333;}
.list-news3 .tit a:hover { color: white; background-color: #ff7200; text-decoration: none; }
.list-news3 .detail { overflow: hidden; height: 3em; margin-top: .7em; line-height: 1.5; }
.list-news3 .detail a{ color: #ababab}
.list-news3 .info { visibility: hidden; _visibility: visible; margin-top: .5em; opacity: 0; transition: opacity .2s ease-in; color: #ababab;}
.list-news3 .info .c1 { float: left; }
.list-news3 .info .c2 { float: left; margin-left: 3em; }
.list-news3 .info a{ color: #0068b7}
.list-news3 .fun-box { position: absolute; top: 22px; right: 0; }
.list-news3 .fun-box a { color: #ababab; }
.list-news3 .fun-box a:hover { color: #c61c02; text-decoration: none; }
.list-news3 .btn-comment { float: left; line-height: 13px; }
.list-news3 .btn-comment .ico-comment { float: left; margin-right: 2px; }
.list-news3 .btn-share { float: left; margin-left: 10px; }

/* gb-side-box */
.gb-side-box{ position:fixed; bottom:2px; right:0; margin-left:500px; z-index:900; font-size: 14px; _position:absolute}
.gb-side-box-c1{ display:none; background: #18860C; width:34px;}
.gb-side-box .sep{ color:#fff; padding:6px 0; font-family:Arial; font-size:14px}
.gb-side-box .btn-show{ line-height:1; text-align:center; cursor:pointer; color:#fff; width:16px; padding:0 9px 6px}
.gb-side-box-c2{ width:192px; position:relative; display:block}
.gb-side-box-c2 .hd{ height:36px; padding:6px 6px 0; background:#18860C} 
.gb-side-box-c2 .hd .tit{ color:#fff; font-weight:bold; font-size:16px; line-height:36px}
.gb-side-box-c2 .bd{ padding:10px; border:6px solid #18860C; border-top:none; background: #033E01;}
.gb-side-box .btn-close{ position:absolute; top:6px; right:6px; cursor:pointer; color:#fff; font: bold 20px/36px "SimSun"; opacity: 0.8}
.gb-side-box .btn-close:hover{ opacity: 1}
.gb-side-box .info-box{ padding-bottom:9px}
.gb-side-box .intro-box .item{ line-height:26px; color: #91cfd5;}
.gb-side-box .intro-box .item a{ color:#91cfd5}
.gb-side-box .detail-box{ padding-top:10px; *zoom:1}
.gb-side-box .pic-box{ text-align:center}
.gb-side-box .pic-box .con{ display:block; color:#fff;}
.gb-side-box .pic-box .c1{ display:block; padding-bottom:7px}
.gb-side-box .pic-box .c2{ display:block; line-height:20px}
.gb-side-box .link-box{ text-align: center; font-size: 0; margin-top:7px;}
.gb-side-box .btn{ display:inline-block; width:100px; height:34px; line-height:34px; color:#fff; font-size:16px; text-align:center;  background: #daa43a; font-weight: bold; vertical-align: top;}
.gb-side-box .btn:hover{ text-decoration:none; background: #ebb854}
.gb-side-box .btn-code{ display:inline-block; border:3px solid #c6c6c6; vertical-align: top; margin-left: 2px}
.gb-side-box .btn-code:hover{ border-color:#7a7a7a}
.gb-side-box .btn-code .pic-code-s{ width:28px; height:28px}
.gb-side-box .code-box{ display:none; padding:11px 0 9px 0}
.gb-side-box .code-box .txt{ color:#91cfd5; text-align:center; padding:7px 0 6px 0}
.gb-side-box .code-box .link-game{ color:#fff; font-size:14px; display:block; text-align:center; line-height:20px}
.gb-side-box .code-box .link-game .con{ display:block}
.gb-side-box .code-box .info{ color:#91cfd5; line-height:20px; padding:15px 0 21px 0}

.page-final .mod-article em, .page-final .mod-article em strong{ font-style: italic;}
.page-final .mod-article b, .page-final .mod-article strong{ font-weight: bold;}


/* footer */
.footer{ background: #f8f8f8; color: #999; margin-top: 25px}
.footer-in{ width: 1000px; margin: 0 auto; border-bottom: 1px solid #dcdcdc;}
.footer-con1{ overflow: hidden; *zoom:1;} 
.footer-con2{padding: 30px 0} 
.footer .list-recommend li a{color: #666;}
.footer .list-recommend li a:hover{color: #999}
.footer .list-recommend li .tit{font-size:16px; *width: 80px;}
.footer .gb-share{*display: inline;}

.friend-links{font-size: 0;}
.friend-links a{display: inline-block; padding: 0 10px; line-height:36px; color: #666; border: 1px solid #999; margin: -1px -1px 0 0; *margin: -1px -2px 0 0; font-size: 14px;}
.friend-links a:hover{color:#0f2b2e; background:#999; text-decoration: none;}
.mod-qr{overflow: hidden; *zoom:1;}
.mod-qr .con{width: 110px; padding: 7px 7px 5px; background: #fff; float: left; margin: 0 10px; *display: inline; color: #333; text-align: center;}
.mod-qr .con img{width: 110px; height: 110px; display: block;}
.mod-qr .con .tit{line-height: 1.7}

/* global-footer */
.global-footer{ color:#999; background: #282828; padding:20px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999}

/* dnf-image-text */
.video-con .comm-plist, .pic-con .comm-plist, .bjtd-pn .comm-plist{ margin:0 -10px 0 -8px;}
.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:400px; height:300px; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.comm-plist .gb-list2-item{ float:left; width:100%;}
.comm-plist .gb-list2-con{ color:#333; width:186px;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden; border:3px solid #fff;}
.comm-plist .gb-list2-con:hover{ direction:ltr;color:#75c54f;}
.comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#75c54f;}
.comm-plist .gb-list2-c2{ padding:5px 0 13px 0; overflow:hidden;}
.comm-plist .txt{ font-size:14px; height:36px; line-height:18px; overflow:hidden;}
.comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist .avatar,.comm-plist .mask{ width:180px; height:135px}
.comm-plist .mask{ display:block; z-index:1; filter:alpha(opacity:45); opacity:.45;}
.comm-plist .ico-video{ display:block; position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px; z-index:10}
.comm-plist .hover .mask, .comm-plist .hover .ico-video{ display:none}

.col4 .gb-list2-item{ width:24.99%; _width:24.9%}

.comm-plist-ex7 .gb-list2-con{ width:241px;}
.comm-plist-ex7 .gb-list2-c2{ }
.comm-plist-ex7 .avatar{ width:235px; height:176px}