@charset "utf-8";
* {margin: 0;padding: 0;outline: 0;list-style-image: none;list-style-type: none;user-select:none; -webkit-user-select:none;}
html, body {width: 100%;height: 100%;overflow: hidden;background: radial-gradient(ellipse at center, #FFF 0%,#EEE 80%);background-color: #EEE;}

/* 频道入口动画 */
@-webkit-keyframes nav_01 {
	0% {opacity: 0;-webkit-transform: translateY(-50px);}	
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes nav_01 {
	0% {opacity: 0;transform: translateY(-50px);}	
	100% {opacity: 1;transform: translateY(0);}
}
#nav_k ul li:nth-child(1){ 
    -webkit-animation-name: "nav_01"; /*动画名称，需要跟@keyframes定义的名称一致*/
    -webkit-animation-duration: 0.5s;/*动画持续的时间长*/
    -webkit-animation-iteration-count: 1;/*动画循环播放的次数为1 infinite为无限次*/
} 
#nav_k ul li:nth-child(2){ -webkit-animation:'nav_01' 1s 1} /* 简写 */
#nav_k ul li:nth-child(3){ -webkit-animation:'nav_01' 1.5s 1}
#nav_k ul li:nth-child(4){ -webkit-animation:'nav_01' 2s 1}
#nav_k ul li:nth-child(5){ -webkit-animation:'nav_01' 2.5s 1}

#nav_k {display: block;z-index:1100;position: fixed;left: 0px;top: 20px;right: 0px;}
#nav_01 {height: 56px;}
#nav_01 a {text-decoration:none;display: block;height: 56px;}
#nav_01 dl {padding-left: 20px;}
@font-face
{
font-family: BrandonText-Black;
src: url('../css/font/BrandonText-Black.otf')
}
#nav_01 dd.da {font-family: BrandonText-Black;font-size: 36px;line-height: 54px;color: #0C0C0C;letter-spacing: -2px;float: left;padding-right: 10px;}
@font-face
{
font-family: BrandonText-Light;
src: url('../css/font/BrandonText-Light.otf')
}

#nav_01 dd.xiao {font-family: BrandonText-Light;font-size: 36px;line-height: 56px;color: #0C0C0C;letter-spacing: -3px;padding-right: 10px;float: left;}
#nav_01 dd.cn_font {font-family: PingFangSC-Light;font-size: 14px;color: #0C0C0C;float: left;padding-top: 24px;}
#nav_01 dd.img {line-height: 56px;color: #FFF;padding-right: 10px;float: left;height: 56px;width: 122px;background-image: url(../images/logo_2020/wxk_black.svg);background-size: 122px 38px;background-position: left center;background-repeat: no-repeat;}
#nav_01 dd.book {float: left;height: 15px;background-color: #FFFFFF;top: 103px;left: 157px;border-radius: 30px;opacity: 0.80;margin-top: 26px;margin-right: 7px;margin-left: 8px;padding-right: 2px;padding-left: 2px;padding-top: 1px;overflow: hidden;box-shadow: 0 0px 8px rgba(0,0,0,.10);}
.xcx_icon {width: 12px;padding-right: 4px;}
.nav-iframe {border: none;border-width: 0;outline: none;overflow: hidden;width: 30px;height: 11px;vertical-align: top}

/* 版权信息动画 */
@-webkit-keyframes index_copyright {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes index_copyright {
	0% {opacity: 0;}
	100% {opacity: 1;}
} 
.index_copyright {display: block;width: 100%;height: 50px;font-size: 9px;line-height: 68px;color: #0C0C0C;text-align: center;font-family: BrandonText-Light;background-image: url(../images/logo_2020/wkun_m_logo_black.svg);background-size: 111px;background-repeat: no-repeat;position: fixed;bottom: 20px;background-position: top center;z-index: 120;-webkit-animation: 'index_copyright' 5s 1;}

/* 圆圈动画 */
@-webkit-keyframes circle1 {
	0% {-webkit-transform: translateY(0px) rotate(0deg);}
	50% {-webkit-transform: translateY(-50px) rotate(180deg);}
	100% {-webkit-transform: translateY(0px) rotate(360deg);}
}
@keyframes circle1 {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(-50px) rotate(180deg);}
	100% {transform: translateY(0px) rotate(360deg);}
} 
@-webkit-keyframes circle2 {
	0% {-webkit-transform: translateY(0px) rotate(0deg);}
	50% {-webkit-transform: translateY(100px) rotate(180deg);}
	100% {-webkit-transform: translateY(0px) rotate(360deg);}
}
@keyframes circle2 {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(100px) rotate(180deg);}
	100% {transform: translateY(0px) rotate(360deg);}
}
@-webkit-keyframes circle3 {
	0% {-webkit-transform: translateY(0px) rotate(0deg);}
	50% {-webkit-transform: translateY(30px) rotate(180deg);}
	100% {-webkit-transform: translateY(0px) rotate(360deg);}
}
@keyframes circle3 {
	0% {transform: translateY(0px) rotate(0deg);}
	50% {transform: translateY(30px) rotate(180deg);}
	100% {transform: translateY(0px) rotate(360deg);}
} 
.circle1 {display: block;width: 200px;height: 200px;top: 40%;right: -15%;position: fixed;z-index: 110;background: linear-gradient(to bottom, #dedede, #ffffff);border-radius: 120px;-webkit-animation: 'circle1' 7s infinite;}
.circle2 {display: block;width: 300px;height: 300px;bottom: -5%;left: -20%;position: fixed;z-index: 110;background: linear-gradient(to bottom, #dedede, #ffffff);border-radius: 150px;-webkit-animation: 'circle2' 10s infinite;opacity: 0.5;}
.circle3 {display: block;width: 200px;height: 200px;top: 5%;left: 10%;position: fixed;z-index: 110;background: linear-gradient(to bottom, #dedede, #ffffff);border-radius: 100px;-webkit-animation: 'circle3' 7s infinite;filter: blur(5px);}

/*隐藏PC端板块*/
.topk {display: none;}
.flex-container-k {display: none;}
.flex-container {display: none;}
.central_k {display: none;}
.copyright_k {display: none;}