﻿html,body {
	font-family: 'Microsoft YaHei','Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;
	font-size: 12px;
	height:100%;
	background-color: #000;
	background-size: cover;
	background-attachment: fixed;
	margin:0;
	padding:0;
}
a {text-decoration: none;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a:active,a:hover {outline: 0}
img {border: none}
li {list-style: none}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.tk-header{
	display:block;
	width:100%;
	height:48px;
}
.tk-h-logo{
	float:left;
	margin-left:3px;
	width:90px;
	height:48px;
	line-height:48px;
	text-align:center;
}
.tk-h-logo strong{
	font-family:"Times New Roman", Times, serif;
	text-shadow: 2px 2px 2px rgba(0,5,255,1);
	margin-left:2px;	
	font-size:16px;
	color:#ff0000
}
.tk-h-search{
	float:right;
	margin:0;
	padding:0;
	width:calc(100% - 95px);
	height:48px;
	line-height:48px;	
}
.tk-s-menu{
	float:left;
	width:360px;
	height:100%;
}
.tk-mbody{
	float:left;
	width:90px;
	height:48px;
}
.tk-mbody div{
	display:block;
	margin-top:12px;
	width:0px;
	height:2px;
	background:#1E90FF;
	transition-duration: .6s;
}
.tk-mbody a{
	display:block;
	width:100%;
	margin:0;
	height:22px;	
	color:#FFD700;
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	cursor:pointer;
}
.tk-sr2{
	float:left;	
	color:#fff;
}
.tk-mbody:hover div{
	width:100%;
}
.tk-s-center{
	float:left;
	width:calc(100% - 360px);
	height:100%;
}
.tk-s-ple{
	display:block;
	margin-top:6px;
	height:36px;
	width:100%;
}
.tk-s-ple input{
	float:left;	
	width:calc(100% - 14px);
	height:calc(100% - 2px);	
	border: 1px solid #fff;	
	border-radius: 24px;
	font-size:15px;
	padding-left:5px;
	background:#000;
	color:#fff;
}
.tk-s-ple input:focus{
	border: 1px solid #fff;
	outline:0;
}
.tk-s-ple button{
	float:left;
	width:58px;
	margin-left:-52px;
	height:100%;
	border: 1px solid #fff;
	font-size:16px;
	font-weith:bold;
	cursor:pointer;
	color:#fff;
	border-radius: 0 24px 24px 0;
	background:#000;
}
.tk-s-ple button:hover{	
	background:#333;
}
.tk-search{
	margin-left:-3px;
	font-size:8em;
	display:inline-block;
	width:0.1em;
	height:0.1em;
	box-sizing:content-box;
	border: 0.02em solid #fff;
	position: relative;
	border-radius: 0.35em;
	box-shadow: inset 1px 1px 10px rgba(7,7,7,.3);
}
.tk-search:before{
	content: '';
	display:inline-block;
	position: absolute;
	right:-0.04em;
	bottom:-0.02em;
	border-width:0;
	width:0.02em;
	height:0.06em;
	background:#fff;	
	-webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
}
.tk-error{
	width: 15px;
    height: 15px;
    margin:auto;
    position: relative;
    margin-left:32px;
}
.tk-error:after,.tk-error:before{
	position: absolute;
    top: 0;
    right:15px;
    content: '';
    width: 3px;
    height: 18px;
    border-radius: 4px;
    background: #FF0000;	
}
.tk-error:after{
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tk-error:before{
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tk-sr1{
		display:none;
}
@media screen and (min-width:670px) {
	.tk-sr2{
		display:none;
	}
}
@media screen and (max-width:670px) {
	.tk-s-menu{		
		width:calc(100% - 46px);
	}
	.tk-search{
		font-size:10em;
		margin-top:16px;
	}
	.tk-sr1{
		float:left;
		height:48px;
		line-height:48px;
		width:calc(100% - 46px);		
	}
	.tk-sr1 .tk-search{
		font-size:8em;
		margin-top:6px;
	}
	.tk-sr1 input{
	float:left;
	margin-top:8px;
	height:32px;
	width:90%;	
	border: 1px solid #fff;	
	border-radius: 24px;
	font-size:15px;
	padding-left:5px;
	background:#000;
	color:#fff;
	}
	.tk-sr1 input:focus{
		border: 1px solid #fff;
		outline:0;
	}
	.tk-sr1 button{
		float:left;
		width:28%;
		margin-top:8px;
		margin-left:-28%;
		height:34px;
		border: 1px solid #fff;
		font-size:16px;
		font-weith:bold;
		cursor:pointer;
		color:#fff;
		border-radius: 0 24px 24px 0;
		background:#000;
	}
	.tk-sr1 button:hover{	
		background:#333;
	}
	.tk-sr2{
		float:left;
		display:block;
		width:46px;
		text-align:center;
		cursor:pointer;
	}
	.tk-sr2:hover{
		background:#e0e0e0;
	}
	.tk-sr2 div{
		width:0px;
		height:2px;
		margin-top:-16px;
		background:#1E90FF;
		transition-duration: .6s;
	}
	.tk-mbody{
		width:25%;
	}
	.tk-s-center{
		display:none;
		width:100%;
	}
	.tk-sr2:hover div{
		width:100%;
	}
}
.tk-muBlock{
	margin-top:40px;
	transform: translateX(-228px);
	-webkit-transform: translateX(-228px);
	width:228px;
	height:calc(100% - 50px);	
	transition-duration: .6s;
	background-color:rgba(0,0,0,0.9);
	z-index: 999999;
	position: absolute;
}
.tk-muBlock ul{
	display:block;
	width:100%;
	height:100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.tk-muBlock ul li{
	display:block;
	padding:1px;	
	height:34px;
	line-height:34px;
	width:100%;
	text-align:center;
	color:#fff;	
}
.tk-muBlock ul li a{	
	display:block;
	width:100%;
	text-align:center;
	height:34px;
	line-height:34px;
	margin:0;
	padding:0;
	color:#fff;
	border-radius: 26px;
}
.tk-muBlock ul li div{	
	display:block;
	width:0px;
	height:2px;
	margin:0;
	padding:0;
	background:#1E90FF;
	transition-duration: .6s;
}
.tk-muBlock ul li:hover div{	
	width:100%;
}
.tk-main-area{
	display:block;
	margin:0 3% 0 3%;
	width:94%;
	height:auto;
}
@media screen and (max-width: 970px) {
	.tk-main-area{
	width:100%;
	margin:0;
}
}
.tk-main-body{
	display:block;
	width:100%;
	height:auto;
	background-color: #111;
}
.tk-line{
	width:100%;
	height:10px;
	background:#000;
}
.tk-menus{
	width:100%;
	padding: 7.5px 0;
	overflow: hidden;
	display: block;
	background-color: #111;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.tk-menus a{
	float: left;
	width:112px;
	border-radius: 2px;
	line-height: 35.35px;
	height: 35.35px;
	text-align:center;
	margin: 2.5px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition-duration: .3s;
	background: #fafafa 7px center no-repeat;
	background-color: #222;	
	background-size: 16px 16px;
}
.tk-menus a:hover{
	border-color: #2f4056;
	color: #FFF;
	background: #FF2805 7px center no-repeat;
	background-size: 16px 16px
}
.tk-notic {
	margin-top:10px;
	height: 40px;
	line-height: 40px;
	color: #ff0000;
	background-color: #fdd835;
	padding-left: 5px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align:right;
	overflow: hidden;
}
.tk-notic a{
	color:#a020f0;	
}
.tk-notic a:hover {
	color:#b0171f;
}
.tk-gglst{
	padding:5px 0;
	display:block;
	width:100%;
	overflow: hidden;
	height:auto;
}
.tk-gglst ul li {
	float: left;
	padding: 0;
	width: 75px;
	height:106px;
	overflow: hidden;
	text-align: center
}

.tk-gglst ul li img {
	margin: 0 auto;
	padding: 0;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 10px;
	
}
.tk-gglst ul li img:hover {
    -webkit-box-shadow: 0 0 2px -2px rgba(255,255,255,.7),0 1px 12px 0 rgba(255,255,255,.52);
    box-shadow: 0 0 2px -2px rgba(255,255,255,.7),0 1px 12px 0 rgba(255,255,255,.52)
	
}

.tk-gglst ul a {
	font-size: 14px;
	color: #00ff00;
}

.tk-gglst ul a:hover {
	color: #0080ff;
}
@media screen and (max-width:768px) {
	.tk-gglst ul li {
		width: 20%;
	}
	.tk-gglst ul a {
		font-size: 14px;
	}
}
.tk-hfgg{
	display:block;
	margin:0;
	padding-top:5px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.tk-hfgg img{
	display:block;
	width:100%;
}
.video-area{	
	display:block;
	margin-top:5px;
	margin-bottom:10px;
	width:100%;
	height:auto;
	overflow: hidden;
}
.v-block{	
	display:block;
	width:100%;
	padding: 7.5px 0;
	overflow: hidden;	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}/*display:inline-block;width:31%;padding:3px 0 10px;vertical-align:top*/
.v-item-lst{
	display:block;
	width:100%;
	overflow: hidden;
}
.v-item{
	float:left;	
	padding:0;
	height:auto;	
	vertical-align:top
}
.item-box{
	display:block;		
	height:100%;	
	border-bottom: 0px solid;	
	border-radius: 0 0 6px 6px;
}
@media screen and (min-width:1120px) {
	.v-item{
		width:25%;		
	}
	.item-box{
		width:calc(100% - 6px);
		margin-top:8px;
	}	
	.v-item-lst div:nth-child(4n+1) p{
	margin-left:0px;
	}
	.v-item-lst div:nth-child(4n+2) p{
		margin-left:2px;
	}
	.v-item-lst div:nth-child(4n+3) p{
		margin-left:4px;
	}
	.v-item-lst div:nth-child(4n+4) p{
		margin-left:6px;
	}
}
@media screen and (min-width:768px) and  (max-width:1120px) {
	.v-item{
		width:33.33%;		
	}	
	.item-box{
		width:calc(100% - 4px);
		margin-top:6px;
	}
	.v-item-lst div:nth-child(3n+1) p{
	margin-left:0px;
	}
	.v-item-lst div:nth-child(3n+2) p{
		margin-left:2px;
	}
	.v-item-lst div:nth-child(3n+3) p{
		margin-left:4px;
	}	
}
@media screen and (max-width:768px) {
	.v-item{
		width:50%;		
	}	
	.item-box{
		width:calc(100% - 3px);
		margin-top:6px;
	}
	.v-item-lst div:nth-child(2n+1) p{
		margin-left:0;
	}
	.v-item-lst div:nth-child(2n+2) p{
		margin-left:3px;
	}
}
.v-b-title{
	width:100%;
	height:auto;
	margin-bottom:0;	
	color:#fff;
}
.v-b-title span{
	font-size:18px;
	font-weith:bold;
}
.v-b-title a{
	color:#fff;
}
.v-b-title a:hover {
	color:#0080ff;
}
.item-box a {	
	width:100%;
	height:100%;	
	color:#fff;
	display:block;
	font-size:12px;
	background:#000;
}
.item-box a:hover{
	color:#0080ff;
}
.item-box a span {		
	margin-top:5px;
	display:block;
	max-height:16px;
	overflow: hidden;
}
.v-item-bWrap{
	width: 100%;
	height:0px;
	padding-bottom:56.25%;
	position:relative;	
}
.v-item-bWrap img{	
	width: 100%;
	height: 100%;
	max-width:100%;
	max-height:100%;
	position:absolute;	
}
.tk-span-bl{
	color:#666;
	padding-bottom:10px;
}
.v-typeinfo{
	display:inline-block;
	padding:3px 0 10px;
	width:23%;
	height:auto;
	text-align:center;
	vertical-align:top;
	
}
.v-typeinfo-img{
	width:100%;
	height:168px;
	background:#222;
}
@media screen and (min-width:768px) and  (max-width:1120px) {
	.v-typeinfo{
		width:31%;
		
	}
	.v-typeinfo-img{
		height:138px;
	}
}
@media screen and (max-width:768px) {
	.v-typeinfo{
		width:48%;		
	}
	.v-typeinfo-img{
		height:98px;
	}
}
.v-typeinfo-box{
	width:100%;
	height:100%;
	border-bottom: 0px solid;	
	border-radius: 6px 6px 6px 6px;
	background:#000;
}
.v-typeinfo-box a {	
	width:100%;
	height:100%;
	color:#ff80ff;
	display:block;
}
.v-typeinfo-box a:hover{
	color:#0080ff;
}
.v-typeinfo-box a span {		
	margin-top:5px;
	display:block;
	font-size:18px;
}
.v-typeinfo-box a h {		
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-size:12px;
	width:100%;
	text-align:left;	
}
.tk-pages-area{
	display:block;
	width:100%;
	height:64px;
	line-height:64px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:center;
}
.tk-pages{
	display:inline-block;
	width:auto;
	height:100%;
	color:#fff;	
}
.tk-p-area1 a{
	float:left;
	overflow: hidden;
	font-size:12px;
	width:auto;
	height:36px;
	line-height:36px;
	text-align:center;
	margin-top: 14px;
	margin-left:5px;
	padding-left:15px;
	padding-right:15px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition-duration: .3s;
	color:#fff;
	background:#3c3c3c;
	border: 0px solid;	
	border-radius: 6px 6px 6px 6px;
}
.tk-p-area1 a:hover{
	color: #FFF;
	background-image:-webkit-linear-gradient(76deg,#ff9600 0%,#ff6000 100%);
	background-image:-o-linear-gradient(76deg,#ff9600 0%,#ff6000 100%);
	background-image:linear-gradient(14deg,#ff9600 0%,#ff6000 100%);
}
.tk-p-area1 span{
	float:left;
	font-size:12px;
	height:52px;
	line-height:52px;
	text-align:center;
	margin-top: 6px;
	margin-left:5px;
	padding-left:26px;
	padding-right:26px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition-duration: .3s;
	background: #0080ff;
	color:#fff;
	border: 0px solid;	
	border-radius: 6px 6px 6px 6px;
}
.tk-p-area2 h{
	float:left;
	font-size:12px;	
	text-align:center;	
	padding-left:10px;
	padding-right:5px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;	
}
.tk-p-area2 h input{
	font-size:12px;	
	text-align:center;	
	width:46px;
	height:36px;
	color:#fff;
	background: #3c3c3c;
	border: 0px solid;	
	border-radius: 6px 6px 6px 6px;
}
.tk-p-area2 h input:focus{
	border: none;
	outline:0;
}
.tk-p-area2 a{
	overflow: hidden;
	font-size:12px;
	width:auto;
	height:36px;
	line-height:36px;
	text-align:center;	
	margin-left:5px;
	padding: 10px 15px 10px 15px;	
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition-duration: .3s;
	color:#fff;
	background:#3c3c3c;
	border: 0px solid;	
	border-radius: 6px 6px 6px 6px;
}
.tk-p-area2 a:hover{
	color: #FFF;
	background-image:-webkit-linear-gradient(76deg,#ff9600 0%,#ff6000 100%);
	background-image:-o-linear-gradient(76deg,#ff9600 0%,#ff6000 100%);
	background-image:linear-gradient(14deg,#ff9600 0%,#ff6000 100%);
}
@media screen and (max-width:1024px) {
	.tk-pages-area{
		height:128px;
	}
	.tk-p-area1{
		display:block;
	}
	.tk-p-area2{
		display:block;
	}
}
@media screen and (min-width:1024px) {
	.tk-p-area1{
	float:left;	
}
.tk-p-area2{
	float:left;
}
}
.tk-player-header{
	display:block;
	padding-top:5px;
	width:100%;
	height:auto;
	font-size:16px;
	font-weith:bold;
	margin-bottom:5px;
	color:#fff;
}
.tk-player-veo{
	display:block;
	margin-top:10px;
	width:100%;
	height:auto;	
}
.tk-hotlinks{
	display:block;
	width:100%;
	margin:0;
	padding-bottom:5px;
	overflow: hidden;
}
.tk-hotlinks span{
	float: left;
	font-size:14px;
	color:#fff;
	padding-left:12px;
	padding-right:12px;
	padding-top:15px;
	padding-bottom:15px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tk-hotlinks a{
	float: left;
	font-size:14px;
	color:#00ff40;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tk-hotlinks a:hover{
	color:#ff0000;
}
.tk-copyright{
	margin-top:30px;
	width:100%;
	height:auto;
	text-align:center;
}
.tk-copyright span{
	color:#fff;
	fontsize:14px;
}
.tk-color-wit{color:#FFF;}
.tk-color-red{color:#FF0000;}
.tk-color-red1{color:#E3170d;}
.tk-color-red2{color:#b22222;}
.tk-color-yel{color:#ffff00;}
.tk-color-grn{color: #00ff00;}
.tk-color-grn1{color: #00c957;}
.tk-color-grn2{color: #7fffd4;}
.tk-color-blu{color: #00ffff;}
.tk-color-blu1{color: #B0e0e6;}
.tk-color-blu2{color: #191970;}
.tk-color-brw{color: #ff00ff;}
.tk-color-brw1{color: #5e2612;}
.tk-color-brw2{color: #A39480;}
.tk-color-brw3{color: #c76114;}
.tk-color-zi{color: #A020F0;}
.tk-color-zi1{color: #8A2BE2;}
.tk-color-zi2{color: #da70d6;}