.pn-mp-intro .tab-pn-con {
*zoom:1
}
.pn-mp-intro .tab-pn-con:before {
	display:table;
	content:""
}
.pn-mp-intro .tab-pn-con:after {
	display:table;
	content:"";
	clear:both
}
.ico {
	display:inline-block;
	vertical-align:middle;
*display:inline;
*zoom:1
}
.plist-ex .item-con .tit, .list .item .item-con, .pn-mp-intro .plist-mp-video .art-item .tit, .pn-mp-intro .plist-mp-video .art-item .txt, .pn-mp-gl .mp-rmd-box .art-item .tit, .pn-mp-gl .mp-rmd-box .art-item .txt, .pn-mp-news .plist-mp-news2 .art-item .tit {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ico {
	background:url("//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite.png") no-repeat
}
.content {
	width:1000px;
	margin:0 auto
}
body {
	line-height:1.5;
	font-size:14px;
	font-family:"Helvetica Neue", Tahoma, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif;
	min-width:1000px;
	background-color:#f3f3f3
}
a {
	color:#333
}
a:hover {
	color:#566aa3;
	text-decoration:underline
}
a:focus, a:active, a:hover {
	outline:none
}
.mask {
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50)
}
:root .mask {
	-webkit-filter:none \0;
	filter:none \0
}
.orange {
	color:#566aa3
}
.yellow {
	color:#fdcd00
}
.ico-hot {
	width:12px;
	height:16px;
	background-position:0 0
}
.ico-new {
	width:12px;
	height:16px;
	background-position:-20px 0
}
.ico-dw {
	width:50px;
	height:14px;
	background-position:-40px 0
}
.ico-dd {
	width:14px;
	height:14px;
	background-position:-56px 0;
	margin-bottom:3px;
	margin-right:5px
}
.ico-dh {
	width:80px;
	height:14px;
	background-position:-90px 0
}
.ico-ds {
	width:70px;
	height:14px;
	background-position:-170px 0;
	margin:0 auto;
	display:block
}
.ico-hd {
	width:25px;
	height:37px;
	background-position:0 -170px;
	margin-right:15px
}
.ico-zx {
	width:20px;
	height:20px;
	background-position:0 -340px;
	margin-right:4px
}
.ico-xd {
	width:20px;
	height:20px;
	background-position:-30px -340px;
	margin-right:4px
}
.ico-xx {
	width:20px;
	height:20px;
	background-position:-60px -340px;
	margin-right:4px
}
.ico-play {
	width:45px;
	height:45px;
	background-position:-255px -80px;
	margin-right:15px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-22px 0 0 -22px
}
.ico-wzjh-b1 {
	width:34px;
	height:30px;
	background-position:-90px -340px
}
.ico-wzjh-b2 {
	width:34px;
	height:30px;
	background-position:-130px -340px
}
.btn-more {
	display:block;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
	background-color:#f1f1f1;
	color:#999
}
.mask1 {
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
	width:100%;
	height:100%;
-webkit-transition:bottom .4s;
transition:bottom .4s;
	background:-webkit-linear-gradient(top, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.65) 100%, #000 100%);
	background:linear-gradient(to bottom, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.65) 100%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#ff000000')
}
.plist {
	overflow:hidden
}
.plist .item {
	float:left
}
.plist .item-con {
	position:relative;
	display:block;
	margin:0 auto;
	color:#fff;
	text-align:center;
	overflow:hidden
}
.plist .item-con img {
	width:100%;
-webkit-transition:all .4s;
transition:all .4s
}
.plist .item-con .avatar {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.plist .item-con .text {
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
	bottom:-100%;
-webkit-transition:all .5s;
transition:all .5s
}
.plist .item-con .tit {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
.plist .item-con:hover .text {
	bottom:0
}
.plist .item-con:hover img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.plist-ex {
	overflow:hidden
}
.plist-ex .item {
	float:left
}
.plist-ex .item-con {
	position:relative;
	display:block;
	margin:0 auto;
	color:#fff;
	text-align:center;
	overflow:hidden
}
.plist-ex .item-con img {
	width:100%;
-webkit-transition:-webkit-transform .4s;
transition:transform .4s
}
.plist-ex .item-con .avatar {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
.plist-ex .item-con .text {
	position:absolute;
	z-index:3;
	bottom:0;
	left:0;
	width:100%;
	height:2em;
	line-height:2;
	box-sizing:border-box;
	padding:0 .5em
}
.plist-ex .item-con:hover img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.ptlist .item {
	overflow:hidden
}
.ptlist .item-con {
	display:block;
	overflow:hidden
}
.ptlist .pic {
	float:left
}
.ptlist .text {
	overflow:hidden
}
.list {
	overflow:hidden
}
.list .item {
	position:relative;
	padding:0 45px 0 10px
}
.list .item .dot {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2px;
	background-color:#999;
	width:3px;
	height:3px
}
.list .item .date {
	position:absolute;
	right:0;
	top:0;
	width:55px;
	text-align:right;
	font-size:87.5%;
	color:#999
}
.list .item .item-con {
	display:block;
	width:100%;
	color:#333
}
.list .item .item-con:hover {
	text-decoration:underline;
	color:#566aa3
}
.comm-tab {
	overflow:hidden;
	margin-bottom:10px
}
.comm-tab li {
	float:left;
	line-height:40px;
	position:relative
}
.comm-tab li:before {
	content:'/';
	position:absolute;
	left:-5px;
	top:0;
	font-size:12px;
	font-family:"Simsun";
	margin:0 5px;
	color:#999
}
.comm-tab li:first-child:before {
	display:none
}
.comm-tab a {
	display:block;
	float:left;
	width:100px;
	height:40px;
	text-align:center;
	font-size:16px
}
.comm-tab .current a {
	background:url("//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite.png") no-repeat;
	background-position:0 -20px;
	color:#fff
}
.comm-tab-s li {
	line-height:22px;
	padding:0 4px
}
.comm-tab-s a {
	width:46px;
	height:22px;
	font-size:14px
}
.comm-tab-s .current a {
	background-position:-110px -20px
}
.comm-tab2 {
	display:table;
	width:100%;
	table-layout:fixed
}
.comm-tab2 li {
	display:table-cell;
	vertical-align:top
}
.comm-tab2 a {
	display:block;
	text-align:center;
	color:#fff;
	font-size:18px;
	height:65px;
	line-height:65px;
	background:#576ba4\0;
	background:-webkit-linear-gradient(top, #7183b6, #576ba4);
	background:linear-gradient(to bottom, #7183b6, #576ba4);
	z-index:2;
	position:relative
}
.comm-tab2 .mask {
	display:none
}
.comm-tab2 a:hover .mask {
	display:block;
	background:#fff;
	opacity:0.15;
	filter:alpha(opacity=15)
}
.comm-tab2 .ico-dw {
	display:none
}
.comm-tab2 .current a {
	background:#fdfdfd;
	color:#5a6da5;
	font-size:28px;
	font-weight:bold;
	line-height:1.6;
	padding-top:5px;
	height:60px
}
.comm-tab2 .current .ico-dw {
	display:block;
	margin:0 auto
}
.pn {
	margin-bottom:10px
}
.mod .hd {
	height:2em;
	line-height:2em;
	font-size:16px
}
.mod .hd .tit {
	float:left
}
.mod .hd .more {
	float:right;
	font-size:12px;
	color:#666
}
.mod .bd {
	padding-top:10px
}
.pn-hd {
	border-top:1px solid #566aa3;
	height:63px;
	line-height:63px
}
.pn-hd .tit {
	font-size:22px;
	float:left
}
.pn-hd .comm-tab, .pn-hd .more {
	float:right
}
.pn-hd .comm-tab {
	padding-top:17px
}
.pn-hd .comm-tab li {
	line-height:32px
}
.pn-hd .comm-tab a {
	height:32px
}
.box {
	margin-bottom:15px
}
.box .hd {
	height:40px;
	line-height:40px;
	overflow:hidden
}
.box .hd .tit {
	font-weight:normal;
	font-size:16px;
	float:left
}
.box .hd .more {
	float:right
}
.box .hd .more a {
	color:#666
}
.pn-tg {
	padding:20px 0 20px
}
.global-footer {
	color:#fff;
	background:#2f374d;
	font-size:12px;
	padding:10px 0
}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active {
	color:#fff;
	padding:0 5px
}
.zq-w-container {
	width:1000px;
	margin-left:auto;
	margin-right:auto
}
@font-face {
font-family:'icofont';
src:url("//ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.eot?8hapvw");
src:url("//ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.eot?8hapvw#iefix") format("embedded-opentype"), url("//ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.ttf?8hapvw") format("truetype"), url("//ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.woff") format("woff"), url("//ue2.17173cdn.com/a/lib/zhuanqu/header/fonts/icofont.svg?8hapvw#icofont") format("svg");
font-weight:normal;
font-style:normal
}
.header-font {
	font-family:'icofont' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.header-font-search {
	font-size:16px;
	color:#484848;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	width:24px;
	height:24px;
	line-height:24px;
	cursor:pointer
}
.header-font-arrow-b {
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	margin-left:-2px;
*margin:13px 0 13px -2px
}
.header {
	width:100%;
	height:380px;
	font:normal 12px/1.7 "Microsoft Yahei", "SimSun";
	background-position:center top;
	background-repeat:no-repeat
}
.header-in {
	position:relative;
	z-index:450;
	height:100%
}
.header-c1 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
.logo {
	position:absolute;
	width:320px
}
.logo .logo-con {
	display:block;
	text-align:center
}
.logo .logo:hover {
	text-decoration:none
}
.logo .game-name {
	display:block;
	font-size:22px;
	font-weight:normal
}
.logo .game-url {
	display:block;
	font-size:16px;
	font-weight:bold
}
.logo .avatar {
	display:block;
	margin-bottom:50px
}
.nav {
	background:#447eb0\0;
	background:-webkit-linear-gradient(top, #4f93bd, #447eb0);
	background:linear-gradient(to bottom, #4f93bd, #447eb0);
	background-color:#447eb0 \9\0;
	padding-right:290px;
	position:relative;
	z-index:5;
	border-radius:0 10px 0 0
}
.nav-list {
*zoom:1;
	display:table;
	width:100%
}
.nav-list:before {
	content:' ';
	display:table
}
.nav-list:after {
	content:' ';
	display:table;
	clear:both
}
.nav-list a:hover {
	text-decoration:none
}
.nav-item {
	position:relative;
	display:table-cell;
	white-space:nowrap;
*float:left
}
.nav-con {
	display:block;
*display:inline;
*zoom:1;
	overflow:hidden;
	min-width:3em;
	height:50px;
*padding:0 1em;
*min-width:0;
	font:normal 150%/50px "MicroSoft YaHei";
	color:#fff;
	text-align:center
}
.nav-list .current .nav-con, .nav-con:hover, .nav-item:hover .nav-con, .nav-list .active .nav-con {
	color:#fff;
	text-decoration:none;
	background:#518bb9\0;
	background:-webkit-linear-gradient(top, #80bae8, #518bb9);
	background:linear-gradient(to bottom, #80bae8, #518bb9);
	background-color:#75afdd \9
}
.nav-dropdown {
	position:relative
}
.nav-dropdown-list {
	display:none;
	position:absolute;
	width:100%;
	background-color:#77b1df;
	font-size:14px;
	font-family:"Helvetica Neue", Tahoma, SimSun, "PingFang SC", "ST Heiti", sans-serif
}
.nav-dropdown-list .item {
*float:left;
*width:100%
}
.nav-dropdown-list a {
	display:block;
	padding:1px 0 1px 20%;
	line-height:30px;
	color:#fff
}
.nav-dropdown-list a:hover {
	padding:0 0 0 20%;
	color:white;
	border-top:1px solid #77b1df;
	border-bottom:1px solid #77b1df;
	background-color:#62a8e0
}
.nav-item:hover .nav-dropdown-list, .nav-list .active .nav-dropdown-list {
	display:block
}
.nav-sub {
	overflow:hidden;
*zoom:1;
	height:40px;
	padding:0 220px 0 20px;
	background-color:#c03b00
}
.nav-sub .con {
	float:left;
	margin-right:20px;
	font:normal 116.7%/40px "Microsoft YaHei";
	color:#fff
}
.header .quick-start {
	overflow:hidden;
	position:relative;
	z-index:2;
	height:63px;
	padding:12px 220px 0 10px;
	font-family:"Simsun"
}
.header .quick-start .ico-hot {
	position:relative;
	margin-top:-14px;
	margin-left:3px
}
.header .quick-start .item {
	float:left;
	padding:0 15px;
	line-height:27px;
	color:#34302f;
	white-space:nowrap
}
.header .quick-start .tit {
	color:#999
}
.header .quick-start .con {
	color:#999;
	margin-right:7px
}
.header .quick-start .bg {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
*width:1000px;
	height:75px;
	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.8
}
.header .yellow {
	color:#ffcd00
}
.header .yellow:hover {
	color:#ffcd00
}
.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search {
	color:#fff
}
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search {
	color:#927186
}
.header-c2 {
	position:absolute;
	z-index:10;
	bottom:0;
	right:0;
	width:290px;
	height:125px;
	box-shadow:-3px 0 4px rgba(0, 0, 0, 0.6);
	background-color:#252525;
	border-radius:20px 20px 0 0
}
.header-c2 .link-box {
	overflow:hidden;
*zoom:1;
	margin-bottom:5px;
	margin-top:-5px
}
.header-c2 .link-box .con {
	float:left;
	width:93px;
	padding-left:52px;
	font:bold 150%/55px "MicroSoft YaHei";
	color:#fff;
	background:url("//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite.png") no-repeat
}
.header-c2 .link-box .con1 {
	background-position:0 -380px
}
.header-c2 .link-box .con1:hover {
	background-position:0 -437px
}
.header-c2 .link-box .con2 {
	background-position:-145px -380px
}
.header-c2 .link-box .con2:hover {
	background-position:-145px -437px
}
.header-c2 .link-box .con:hover {
	color:#fff;
	text-decoration:none
}
.header-c2 .link-box1 {
	margin:0 0 8px;
	color:#999;
	font-family:"Simsun";
	text-align:center
}
.header-c2 .link-box1 .sep {
	color:#999;
	margin:0 5px
}
.header-c2 .link-box1 .con {
	color:#999
}
.header-c2 .search-box {
	margin:0 25px
}
.header-c2 .search-con {
	position:relative;
	overflow:hidden;
	height:28px;
	padding:0 28px 0 8px;
	background-color:#111111;
	border-radius:2px
}
.header-c2 .txt-search {
*position:relative;
*top:-1px;
	width:100%;
	height:28px;
	line-height:28px;
	margin:0;
	padding:0;
	color:#999;
	border:0;
	background:none
}
.header-c2 .txt-search:focus {
	color:#fff
}
.header-c2 .btn-search {
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	width:26px;
	height:24px;
	text-align:center
}
.header-c2 .btn-search .btn {
	position:absolute;
	width:24px;
	height:24px;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer
}
.header .con:hover {
	text-decoration:underline
}
.header-c2 .qq-group {
	text-align:center;
	font-size:14px;
	line-height:30px
}
.pn-zt {
	margin-bottom:30px;
	padding-top:20px;
	position:relative;
	padding-right:90px;
	border-bottom:1px solid #e5e5e5
}
.pn-zt .more {
	position:absolute;
	right:20px;
	top:29px;
	width:63px;
	height:63px;
	background:url("//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite.png") no-repeat;
	background-position:0 -80px
}
.pn-zt .plist .item {
	margin-right:22px;
	margin-bottom:20px
}
.pn-zt .plist .item-con {
	width:160px
}
.pn-zt .plist .text .tit {
	width:160px;
	height:80px
}
.pn-zt .plist .item-con:hover .text {
	bottom:0
}
.slick-list {
	position:relative;
	display:block
}
.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;
	width:332px;
	height:249px
}
.slick-slide img, .slick-initialized .slick-slide {
	display:block
}
.slick-loading img {
	display:none
}
.slick-past-wrap {
	position:relative;
	width:1000px;
	height:249px
}
.slick-past .slick-list {
	width:1000px;
	overflow:hidden
}
.slick-past .past-item {
	position:relative;
*zoom:1;
	display:block;
	float:left;
	margin:0 1px;
	width:332px;
	height:249px
}
.slick-past .pic-box {
	overflow:hidden
}
.slick-past .past-item img {
	width:100%;
	height:auto;
-webkit-transition:all .4s;
transition:all .4s
}
.slick-past .past-item:hover img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.slick-past .pic-box, .slick-past .txt-box, .slick-past .txt-in {
	display:block
}
.slick-past .txt-box {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:11
}
.slick-past .txt-in {
	overflow:hidden;
	padding:0 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#fff;
	font:normal 16px/45px "Microsoft Yahei"
}
.slick-past .slick-prev, .slick-past .slick-next {
	position:absolute;
	z-index:12;
	top:50%;
	display:block;
	height:111px;
	width:41px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	border:none;
	outline:none;
	background:url("//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite.png") no-repeat;
	margin-top:-55px
}
.slick-past .slick-prev {
	left:-17px;
	background-position:0 -220px
}
.slick-past .slick-prev:hover {
	opacity:.8
}
.slick-past .slick-next {
	right:-17px;
	background-position:-44px -220px
}
.slick-past .slick-next:hover {
	opacity:.8
}
.float-nav {
	position:fixed;
	left:50%;
	margin-left:520px;
	bottom:100px;
	width:108px
}
.float-nav .link {
	width:100%;
	display:block;
	margin-bottom:10px;
	border:1px solid #8f739f;
	color:#8f739f;
	border-radius:30px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
.float-nav .link:hover {
	background-color:#8f739f;
	color:#fff;
	cursor:pointer
}
.float-nav .active {
	background-color:#8f739f;
	color:#fff
}
.pn-friendlink .pn-bd {
	background-color:#FFF;
	padding:5px 10px
}
.pn-friendlink .pn-bd a {
	margin:0 9px;
	line-height:2;
	white-space:nowrap
}
.pn-friendlink .pn-bd a:hover {
	text-decoration:underline
}
.footer-wb {
	display:none
}
.footer {
	background-color:#1f2124;
	margin-top:20px
}
.footer-in {
	color:#888
}
.footer .link:link, .footer .link:visited, .footer .link:hover, .footer .link:active {
	color:#888
}
.footer {
	padding:25px 0
}
.footer-in {
	overflow:hidden;
*zoom:1;
	font-size:12px;
	color:#888
}
.footer-in .links-w {
	overflow:hidden;
*zoom:1;
	line-height:24px;
	text-align:center
}
.footer-in .link {
	color:#515151
}
.footer-in .link:hover {
	text-decoration:underline
}
.footer-in .sep {
	margin:0 6px 0 4px
}
.footer-in .i-copyright {
	font-family:Arial
}
.footer-in .logo-w {
	display:none;
	float:left;
	width:213px;
	height:68px;
	margin-right:30px
}
.footer-in .logo {
	width:213px;
	height:68px;
	background-position:0 0
}
.footer-in .copyright {
	height:35px;
	line-height:35px
}
.footer-in .copyright img {
	margin-bottom:-5px;
	vertical-align:top
}
@-webkit-keyframes slideinup {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideinup {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.ico-mp {
	display:inline-block;
	vertical-align:middle;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png) no-repeat;
	overflow:hidden
}
.ico-mp-rmd {
	width:33px;
	height:30px;
	background-position:-120px -170px
}
.ico-mp-rmd2 {
	width:33px;
	height:30px;
	background-position:-120px -130px
}
.c-mp-tx1 {
	color:#999
}
.pn-hd .more {
	padding-right:30px;
	position:relative
}
.pn-hd .more:before {
	content:'';
	width:20px;
	height:37px;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png) -140px -70px no-repeat;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-18px
}
.pn-hd .more a {
	color:#999
}
.pn-mp-intro .tab-pn-con {
	padding-top:20px
}
.pn-mp-intro .tab-pn-c1 {
	float:left;
	width:567px
}
.pn-mp-intro .tab-pn-c2 {
	float:right;
	width:400px
}
.pn-mp-intro .intro-box {
	position:relative
}
.pn-mp-intro .intro-box .cover {
	width:567px;
	height:353px;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/mp-cover1.png) no-repeat;
	position:absolute;
	left:0;
	top:0
}
.pn-mp-intro .intro-box .link {
	position:absolute;
	color:#fff;
	font-size:12px;
	background:#a57ab4;
	line-height:1.2;
	width:12px;
	text-align:center;
	padding:10px 6px;
	border-radius:12px;
	z-index:2;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.3)
}
.pn-mp-intro .intro-box .tit {
	position:absolute;
	width:131px;
	height:66px;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png) no-repeat;
	color:#fff;
	font-size:26px;
	padding:0 0 0 45px;
	right:15px;
	top:26px;
	line-height:66px;
	z-index:2
}
.pn-mp-intro .mod-mp-gl {
	padding-left:43px;
	position:relative;
	min-height:105px;
	margin-top:20px
}
.pn-mp-intro .mod-mp-gl .tit {
	position:absolute;
	font-size:16px;
	width:16px;
	height:101px;
	padding:4px 14px 0 13px;
	left:-2px;
	top:0;
	line-height:1.1;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png) 0 -130px no-repeat;
	color:#fff
}
.pn-mp-intro .list-mp-gl {
	overflow:hidden
}
.pn-mp-intro .list-mp-gl li {
	float:left;
	margin:1px 0 0 1px;
	width:130px
}
.pn-mp-intro .list-mp-gl a {
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	background-color:#5286BB;
	line-height:48px
}
.pn-mp-intro .list-mp-gl a:hover {
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png) 0 -70px no-repeat
}
.pn-mp-intro .list-mp-gl li:nth-child(even) a {
background-color:#2E6BA9
}
.pn-mp-intro .plist-mp-video {
	margin-top:-20px
}
.pn-mp-intro .plist-mp-video li {
	padding-top:20px
}
.pn-mp-intro .plist-mp-video .art-item {
	display:block;
	position:relative;
	color:#fff
}
.pn-mp-intro .plist-mp-video .art-item .mask {
	z-index:1;
	opacity:0.71;
	filter:alpha(opacity=71)
}
.pn-mp-intro .plist-mp-video .art-item .detail {
	position:absolute;
	width:90%;
	left:5%;
	bottom:3.5%;
	z-index:2;
	overflow:hidden
}
.pn-mp-intro .plist-mp-video .art-item .ico-play {
	float:left;
	margin:0 18px 0 0;
	position:static
}
.pn-mp-intro .plist-mp-video .art-item .text {
	display:block;
	overflow:hidden;
-webkit-animation-duration:.5s;
animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.pn-mp-intro .plist-mp-video .art-item .tit, .pn-mp-intro .plist-mp-video .art-item .txt {
	display:block
}
.pn-mp-intro .plist-mp-video .art-item .tit {
	font-size:20px;
	font-weight:bold;
	margin-top:-5px
}
.pn-mp-intro .plist-mp-video .art-item .txt {
	color:#999
}
.pn-mp-intro .plist-mp-video .art-item:hover .ico-play {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
-webkit-transition:all .5s;
transition:all .5s
}
.pn-mp-intro .plist-mp-video .art-item:hover .text {
	-webkit-animation-name:slideinup;
	animation-name:slideinup
}
.pn-mp-intro .mod-slick {
	padding:20px 10px 18px 9px;
	background:#434343;
	margin-top:12px
}
.pn-mp-intro .slick-past-wrap {
	width:548px;
	height:95px
}
.pn-mp-intro .slick-slide {
	width:137px;
	height:95px
}
.pn-mp-intro .slick-past .slick-list {
	width:548px
}
.pn-mp-intro .slick-past .past-item {
	margin:0 5px;
	width:127px;
	height:95px
}
.pn-mp-intro .slick-past .txt-in {
	line-height:30px;
	font-size:14px
}
.pn-mp-intro .slick-past .slick-prev, .pn-mp-intro .slick-past .slick-next {
	position:absolute;
	z-index:12;
	top:50%;
	display:block;
	height:53px;
	width:27px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	border:none;
	outline:none;
	background:url(//ue.17173cdn.com/a/jx3/index/2017v2/img/sprite-mp.png);
	margin-top:-26px
}
.pn-mp-intro .slick-past .slick-prev {
	left:-9px;
	background-position:-80px -130px
}
.pn-mp-intro .slick-past .slick-next {
	right:-10px;
	background-position:-50px -130px
}
.pn-mp-gl .mod-mp-gl {
	overflow:hidden;
	background:#fff;
	padding-right:15px;
	margin-top:20px
}
.pn-mp-gl .mod-mp-gl .mod-c1 {
	float:left;
	width:370px;
	margin-right:30px
}
.pn-mp-gl .mod-mp-gl .mod-c2 {
	float:left;
	width:170px
}
.pn-mp-gl .mod-mp-gl .mod-c3 {
	float:right;
	width:384px
}
.pn-mp-gl .mp-rmd-box .art-item {
	display:block;
	position:relative;
	color:#fff
}
.pn-mp-gl .mp-rmd-box .art-item .detail {
	position:absolute;
	width:90%;
	padding:0 5%;
	left:0;
	bottom:0;
	z-index:2;
	height:38%;
	line-height:1.8;
	padding-top:15%
}
.pn-mp-gl .mp-rmd-box .art-item .shadow {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#B5000000');
	background:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.71));
	background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.71));
	z-index:-1
}
.pn-mp-gl .mp-rmd-box .art-item .tit, .pn-mp-gl .mp-rmd-box .art-item .txt {
	display:block
}
.pn-mp-gl .mp-rmd-box .art-item .tag {
	display:inline-block;
	color:#fff45c;
	font-size:18px;
	line-height:29px;
	border:1px solid #fff45c;
	border:1px solid rgba(255, 244, 92, 0.22);
	background:#000;
	background:rgba(0, 0, 0, 0.22);
	padding:0 5px
}
.pn-mp-gl .mp-rmd-box .art-item .tit {
	font-size:20px;
	font-weight:bold;
	margin-top:4px
}
.pn-mp-gl .mp-rmd-box .rmd-text {
	background:#242424;
	padding:15px 25px 12px 15px
}
.pn-mp-gl .mp-rmd-box .rmd-text .rmd-sign {
	float:right;
	color:#646464;
	margin-left:30px;
	padding-left:23px;
	line-height:1;
	position:relative
}
.pn-mp-gl .mp-rmd-box .rmd-text .rmd-sign:before {
	content:"";
	position:absolute;
	border-left:1px dashed #626262;
	left:0;
	top:2%;
	height:90%
}
.pn-mp-gl .mp-rmd-box .rmd-text .ico-mp-rmd, .pn-mp-gl .mp-rmd-box .rmd-text .ico-mp-rmd2 {
	margin-bottom:4px
}
.pn-mp-gl .mp-rmd-box .rmd-text .text {
	overflow:hidden
}
.pn-mp-gl .mp-rmd-box .rmd-text .text p {
	margin-top:-3px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	color:#999
}
.pn-mp-gl .plist-mp-gl1 {
	margin:0 -13px 0 -12px
}
.pn-mp-gl .plist-mp-gl1 .item {
	padding:0 13px 0 12px;
	width:180px
}
.pn-mp-gl .plist-mp-gl2 {
	padding-top:8px
}
.pn-mp-gl .plist-mp-gl2 .item {
	width:170px;
	padding-top:22px
}
.pn-mp-gl .list {
	padding-top:20px
}
.pn-mp-gl .list .item {
	line-height:28px
}
.pn-mp-gl .list .item .item-con {
	color:#666
}
.pn-mp-gl .list .item .item-con:hover {
	color:#566aa3
}
.pn-mp-gl .list .item-line {
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #d9d9d9
}
.pn-mp-news {
	overflow:hidden;
	background:#fff;
	padding:0 20px 15px
}
.pn-mp-news .pn-c1, .pn-mp-news .pn-c2, .pn-mp-news .pn-c3 {
	float:left;
	width:230px
}
.pn-mp-news .pn-c1, .pn-mp-news .pn-c2 {
	margin-right:40px
}
.pn-mp-news .pn-c4 {
	float:right;
	width:150px
}
.pn-mp-news .plist-mp-news .art-item {
	display:block;
	overflow:hidden
}
.pn-mp-news .plist-mp-news .art-item .pic, .pn-mp-news .plist-mp-news .art-item .detail, .pn-mp-news .plist-mp-news .art-item .tit, .pn-mp-news .plist-mp-news .art-item .date {
	display:block
}
.pn-mp-news .plist-mp-news .art-item .pic {
	float:left;
	margin-right:10px
}
.pn-mp-news .plist-mp-news .art-item .detail {
	overflow:hidden;
	line-height:20px
}
.pn-mp-news .plist-mp-news .art-item .tit {
	max-height:40px;
	overflow:hidden
}
.pn-mp-news .plist-mp-news .art-item .date {
	color:#999
}
.pn-mp-news .plist-mp-news .art-item .pic {
	display:block;
	overflow:hidden
}
.pn-mp-news .plist-mp-news .art-item .pic img {
-webkit-transition:all .4s;
transition:all .4s
}
.pn-mp-news .plist-mp-news .art-item:hover {
	text-decoration:none
}
.pn-mp-news .plist-mp-news .art-item:hover .tit {
	text-decoration:underline
}
.pn-mp-news .plist-mp-news .art-item:hover .pic img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.pn-mp-news .plist-mp-news .art-item:hover .date {
	text-decoration:none
}
.pn-mp-news .list {
	padding-top:16px
}
.pn-mp-news .list .item {
	line-height:26px
}
.pn-mp-news .plist-mp-news2 {
	padding-top:4px
}
.pn-mp-news .plist-mp-news2 li {
	padding-top:16px
}
.pn-mp-news .plist-mp-news2 .art-item {
	display:block
}
.pn-mp-news .plist-mp-news2 .art-item .tit {
	display:block
}
.pn-mp-news .plist-mp-news2 .art-item .avatar {
	display:block;
	overflow:hidden
}
.pn-mp-news .plist-mp-news2 .art-item .avatar img {
-webkit-transition:all .4s;
transition:all .4s
}
.pn-mp-news .plist-mp-news2 .art-item:hover .avatar img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.mod-mp-news .mod-hd {
	line-height:1;
	padding:20px 0
}
.mod-mp-news .mod-hd .tit {
	font-weight:bold;
	font-size:18px;
	position:relative;
	padding-left:11px
}
.mod-mp-news .mod-hd .tit:before {
	content:'';
	position:absolute;
	width:4px;
	height:95%;
	left:0;
	top:2.5%;
	background:#000
}

/*# sourceMappingURL=page-mp.css.map */