.w1200 {
	width: 1200px;
}
/* 导航栏部分 */
.floor-hea {
	background-color: #f96203;
	height: 60px;
}
.floor-header {
	width: 1200px;
	margin: 0 auto;
	height: 60px;
	background-color: #f96203;
}
.floor-header .nav-list {
	width: 100%;
	height: 100%;
}
.floor-header .nav-list .nav-item {
	display: inline-block;
	font-size: 14px;
	color: white;
	height: 100%;
	margin-left: 2px;
	padding: 0 21px;
}
.floor-header .nav-list .nav-item:first-child {
	margin-left: 0px;
}
.floor-header .nav-list .nav-item .nav-link {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 60px;
}
.floor-header .nav-list .nav-item .nav-link:hover {
	color: #ffe1d5;
}
.floor-header .nav-list .sec-nav {
	position: relative;
}
.floor-header .nav-list .sec-nav::after {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 0;
	height: 0;
	border: 4px solid;
	border-color: white transparent transparent;
}
.floor-header .nav-list .sec-nav:hover::after {
	border-color: #ffe1d5 transparent transparent;
}
.floor-header .nav-list .sec-nav .sec-list {
	position: absolute;
	top: 60px;
	left: -10%;
	height: auto;
	display: none;
	width: 1200px;
	z-index: 10;
	overflow: hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	background-color: #f96203;
	padding-left: -1100px;
	margin-left: -1110px;
	margin-top: 3px;
	border-radius: 10px;
}
.floor-header .nav-list .sec-nav:nth-child(17) .sec-list {
	left: -20%;
}
.floor-header .nav-list .sec-nav:nth-child(1) .sec-list {
	width: 140px;
}
.floor-header .nav-list .sec-nav:hover .sec-list {
	display: block;
}
.floor-header .nav-list .sec-nav .sec-list .sec-item {
	height: 42px;
	width: 100%;
	color: #333333;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.floor-header .nav-list .sec-nav .sec-list .sec-item:hover {
	color: #f96203;
}
.floor-header .nav-list .sec-nav .sec-list .sec-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.floor-header .nav-list .nav-item a {
	color: #fff;
	background-color: #f96203;
}
/* logo-bar */
.logo-bar {
	height: 100px;
	position: relative;
	z-index: 700;
}
.logo-bar .hd-left {
	height: 53px;
	padding: 20px 0 20px;
}
.logo-bar .hd-logo img {
	float: left;
}
.logo-bar .hd-left strong {
	float: left;
	margin-left: 30px;
	font-size: 22px;
	font-weight: 500;
	line-height: 52px;
}
/**/
.logo-bar .hd-nav {
	padding-top: 33px;
}
.logo-bar .hd-nav li {
	float: left;
	line-height: 34px;
	margin-left: 45px;
	position: relative;
}
.logo-bar .hd-nav .nav-item a {
	float: left;
	padding: 0 2px 11px;
	font-size: 22px;
	line-height: 32px;
}
.logo-bar .hd-nav .nav-item a:hover, .hd-nav .nav-item.cur a {
	padding-bottom: 8px;
	color: #f96203;
	border-bottom: 3px solid #f96203;
}
.logo-bar .hd-nav .btn-search {
	padding: 0 10px;
	cursor: pointer;
}
.logo-bar .hd-nav .btn-search:hover .i-top10, .logo-bar .hd-nav .btn-search.cur .i-top10 {
	background-position: -15px -50px;
}
/**/
.logo-bar .popup-mn {
	top: 130px;
	z-index: 10;
	background-color: #fff;
	border-top: 1px solid #eee;
	transition: top .2s ease-in-out;
	display: none;
}
.logo-bar .popup-mn .input-txt {
	line-height: 28px;
}
.friend-link-wrap {
	width: 100%;
	background: #F6F6F6;
}
.friend-link {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 16px 0;
}
.friend-link.friendlinkenter {
	padding: 30px 0 60px 0;
}
.friend-link.friendlinkenter2 {
	padding: 30px 0 145px 0;
}
.friend-link.friendlinkenter3 {
	padding: 30px 0 90px 0;
}
.friend-link.friendlinkenter4 {
	padding: 30px 0 200px 0;
}
.friend-link .logo {
	float: left;
	width: 140px;
	height: 160px;
	margin: 0 0 0 0;
	background: #FFF;
	line-height: 160px;
	text-align: center;
	border-radius: 7px;
}
.friend-link .logo img {
	width: 126px;
	padding-top: 15px;
}
.friend-link .block {
	width: 140px;
	height: 160px;
	overflow: hidden;
	float: left;
	background: #FFF;
	margin: 0 0 10px 11px;
	border-radius: 7px;
	position: relative;
}
.friend-link .block.overindex {
	z-index: 11;
}
.friend-link .block-in {
	border: 1px solid #FFF;
	border-radius: 7px;
	box-sizing: border-box;
	position: relative;
}
.friend-link .block:nth-child(9) {
	margin-left: 0;
}
.friend-link .block .block-on {
	width: 140px;
	min-height: 160px;
	background: #FFF;
	border: 1px solid #FF6E00;
	color: #FF6E00;
	overflow: visible;
	box-shadow: 0px 4px 16px 0px rgba(255,110,0,0.1);
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 10px;
	z-index: 10;
}
.friend-link .block .title {
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0 0 8px;
}
.friend-link .block .list {
	background: none;
	color: #333;
	margin: 12px 0 0 8px;
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	transition: all 0s linear
}
.friend-link .block .list .item-name {
	width: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.friend-link .block-on .list {
	color: #FF6E00;
}
.friend-link .block .list1 {
	background: none;
	color: #333;
	margin: 12px 0 0 8px;
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	transition: all 0s linear
}
.friend-link .block .list1 .item-name {
	width: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.friend-link .block-on .list1 {
	color: #FF6E00;
}
.footer {
	padding-bottom: 40px;
}
.footer .ft-k4 {
	padding-top: 50px;
	margin-bottom: 40px;
}
.footer .ft-k4 .logo {
	display: block;
	margin-right: 60px;
	padding-top: 42px;
	width: 161px;
}
.footer .ft-k4 .logo a, .footer .ft-k4 .logo img {
	display: block;
	width: 161px;
	height: 109px;
}
.footer .ft-k4 .milddle {
	border-left: 1px solid #242424;
	padding-left: 60px;
	width: 295px;
}
.footer .ft-k4 .milddle .txt-a {
	font-size: 14px;
	color: #999;
}
.footer .ft-k4 .milddle .txt-b {
	font-size: 24px;
	color: #f8f8f8;
	line-height: 28px;
	margin-top: 7px;
}
.footer .ft-k4 .milddle .btn {
	float: left;
	width: 80px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	margin: 10px 10px 0 0;
}
.footer .ft-k4 .milddle .txt-c {
	margin-top: 25px;
	font-size: 14px;
	color: #999;
}
.footer .ft-k4 .milddle .txt-d {
	margin-top: 5px;
	font-size: 18px;
	color: #f8f8f8;
	line-height: 24px;
}
.footer .ft-k4 .link {
	margin-right: 100px;
	font-size: 14px;
}
.footer .ft-k4 .link .dt {
	color: #fff;
	font-weight: bold;
}
.footer .ft-k4 .link a {
	display: block;
	margin-top: 15px;
	color: #666;
}
.footer .ft-k4 .link a:hover {
	color: #0057ff;
}
.footer .ft-k4 .our dt {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
}
.footer .ft-k4 .our dd {
	margin-top: 19px;
	text-align: center;
}
.footer .ft-k4 .our dd .ecod {
	display: block;
	margin: auto;
	width: 90px;
	height: 90px;
}
.footer .ft-k4 .our dd .txt {
	font-size: 12px;
	color: #666;
	margin-top: 15px;
}
.footer .ft-k4 .our .mr60 {
	margin-right: 60px;
}
.ma {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.block {
	display: block;
}
/* footer */
.footer .ft-k1 a:hover, .footer .ft-k3 .un-ovh a:hover {
	color: #0057ff;
}
.footer .ft-k1 .ip-btn:hover, .footer .ft-k3 .un-btn:hover {
	color: #fff;
}
.footer {
	padding-bottom: 40px;
	background-color: rgb(28, 28, 28);
}
.footer .ft-k4 {
	padding-top: 50px;
	margin-bottom: 40px;
}
.footer .ft-k4 .logo {
	display: block;
	margin-right: 60px;
	padding-top: 42px;
	width: 161px;
}
.footer .ft-k4 .logo a, .footer .ft-k4 .logo img {
	display: block;
	width: 161px;
	height: 109px;
}
.footer .ft-k4 .milddle {
	border-left: 1px solid #242424;
	padding-left: 60px;
	width: 295px;
}
.footer .ft-k4 .milddle .txt-a {
	font-size: 14px;
	color: #999;
}
.footer .ft-k4 .milddle .txt-b {
	font-size: 24px;
	color: #f8f8f8;
	line-height: 28px;
	margin-top: 7px;
}
.footer .ft-k4 .milddle .btn {
	float: left;
	width: 80px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	margin: 10px 10px 0 0;
}
.footer .ft-k4 .milddle .txt-c {
	margin-top: 25px;
	font-size: 14px;
	color: #999;
}
.footer .ft-k4 .milddle .txt-d {
	margin-top: 5px;
	font-size: 18px;
	color: #f8f8f8;
	line-height: 24px;
}
.footer .ft-k4 .link {
	margin-right: 100px;
	font-size: 14px;
}
.footer .ft-k4 .link .dt {
	color: #fff;
	font-weight: bold;
}
.footer .ft-k4 .link a {
	display: block;
	margin-top: 15px;
	color: #666;
}
.footer .ft-k4 .link a:hover {
	color: #0057ff;
}
.footer .ft-k4 .our dt {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-left: 5px;
}
.footer .ft-k4 .our dd {
	margin-top: 19px;
	text-align: center;
}
.footer .ft-k4 .our dd .ecod {
	display: block;
	margin: auto;
	width: 90px;
	height: 90px;
}
.footer .ft-k4 .our dd .txt {
	font-size: 12px;
	color: #666;
	margin-top: 15px;
}
.footer .ft-k4 .our .mr60 {
	margin-right: 60px;
}
.bei .wrapCont {
	padding-top: 10px;
	margin: 0 auto;
}
.bei a {
	height: 23px;
	line-height: 23px;
	display: inline-block;
	padding-left: 26px;
	color: #b7b7b7;
	padding-right: 10px;
	font-size: 12px;
	text-align: left;
}
.bei {
	padding-bottom: 10px;
	background: rgba(28, 28, 28, 1);
	text-align: center;
	width: 100%;
	position: relative;
}
.bei img {
	margin-right: 10px;
}
.bei a.kex1 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex1.png) no-repeat;
}
.bei a.kex2 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex2.png) no-repeat;
}
.bei a.kex3 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex3.png) no-repeat;
}
.bei a.kex4 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex4.png) no-repeat;
}
.bei a.kex5 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex5.png) no-repeat;
}
.bei a.kex6 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex6.png) no-repeat;
}
.bei a.kex7 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex7.png) no-repeat;
}
.bei a.kex8 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex8.png) no-repeat;
}
.bei a.kex9 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex9.png) no-repeat;
}
.bei a.kex315 {
	background: url(https://wwwupload.gaodunwangxiao.com/images/kex315.png) no-repeat;
}
.bei a.kex-gs {
	background: url(https://wwwimg.gaodunwangxiao.com/share/images/kex-gs.png) no-repeat;
}
.bei a.new-kex {
	padding-left: 0;
}
.alignC {
	text-align: center;
}
.hktoast--mask {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(94,54,54,.4);
	position: fixed;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10000
}
.hktoast--mask.bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 400px
}
.hktoast--mask .hktoast {
	display: inline-block;
	padding: 10px 16px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	pointer-events: all
}
.hktoast--mask .hktoast-icon {
	display: inline-block;
	color: inherit;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	top: 1px;
	margin-right: 8px;
	font-size: 16px
}
.hktoast--mask .hktoast-icon.hksuccess-icon {
	color: #52c41a
}
.hktoast--mask .hktoast-icon.hkfail-icon {
	color: #f5222d
}
.hktoast--mask .hktoast-icon.hkwarning-icon {
	color: #faad14
}
@-webkit-keyframes rodal-fade-enter {
0% {
opacity:0
}
}
@keyframes rodal-fade-enter {
0% {
opacity:0
}
}
.hk-rodal--fade-enter {
	-webkit-animation: rodal-fade-enter .4s ease-in both;
	animation: rodal-fade-enter .4s ease-in both
}
@-webkit-keyframes rodal-fade-leave {
to {
opacity:0
}
}
@keyframes rodal-fade-leave {
to {
opacity:0
}
}
.hk-rodal--fade-leave {
	-webkit-animation: rodal-fade-leave .4s ease-out both;
	animation: rodal-fade-leave .4s ease-out both
}
@-webkit-keyframes rodal-zoom-enter {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes rodal-zoom-enter {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.hk-rodal--zoom-enter {
	-webkit-animation: rodal-zoom-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-zoom-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-zoom-leave {
to {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes rodal-zoom-leave {
to {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.hk-rodal--zoom-leave {
	-webkit-animation: rodal-zoom-leave .4s both;
	animation: rodal-zoom-leave .4s both
}
@-webkit-keyframes rodal-slideDown-enter {
0% {
opacity:0;
-webkit-transform:translate3d(0, -.805rem, 0);
transform:translate3d(0, -.805rem, 0)
}
}
@keyframes rodal-slideDown-enter {
0% {
opacity:0;
-webkit-transform:translate3d(0, -.805rem, 0);
transform:translate3d(0, -.805rem, 0)
}
}
.hk-rodal--slideDown-enter {
	-webkit-animation: rodal-slideDown-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-slideDown-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-slideDown-leave {
to {
opacity:0;
-webkit-transform:translate3d(0, -.805rem, 0);
transform:translate3d(0, -.805rem, 0)
}
}
@keyframes rodal-slideDown-leave {
to {
opacity:0;
-webkit-transform:translate3d(0, -.805rem, 0);
transform:translate3d(0, -.805rem, 0)
}
}
.hk-rodal--slideDown-leave {
	-webkit-animation: rodal-slideDown-leave .4s both;
	animation: rodal-slideDown-leave .4s both
}
@-webkit-keyframes rodal-slideLeft-enter {
0% {
opacity:0;
-webkit-transform:translate3d(-1.208rem, 0, 0);
transform:translate3d(-1.208rem, 0, 0)
}
}
@keyframes rodal-slideLeft-enter {
0% {
opacity:0;
-webkit-transform:translate3d(-1.208rem, 0, 0);
transform:translate3d(-1.208rem, 0, 0)
}
}
.hk-rodal--slideLeft-enter {
	-webkit-animation: rodal-slideLeft-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-slideLeft-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-slideLeft-leave {
to {
opacity:0;
-webkit-transform:translate3d(-1.208rem, 0, 0);
transform:translate3d(-1.208rem, 0, 0)
}
}
@keyframes rodal-slideLeft-leave {
to {
opacity:0;
-webkit-transform:translate3d(-1.208rem, 0, 0);
transform:translate3d(-1.208rem, 0, 0)
}
}
.hk-rodal--slideLeft-leave {
	-webkit-animation: rodal-slideLeft-leave .4s both;
	animation: rodal-slideLeft-leave .4s both
}
@-webkit-keyframes rodal-slideRight-enter {
0% {
opacity:0;
-webkit-transform:translate3d(1.208rem, 0, 0);
transform:translate3d(1.208rem, 0, 0)
}
}
@keyframes rodal-slideRight-enter {
0% {
opacity:0;
-webkit-transform:translate3d(1.208rem, 0, 0);
transform:translate3d(1.208rem, 0, 0)
}
}
.hk-rodal--slideRight-enter {
	-webkit-animation: rodal-slideRight-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-slideRight-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-slideRight-leave {
to {
opacity:0;
-webkit-transform:translate3d(1.208rem, 0, 0);
transform:translate3d(1.208rem, 0, 0)
}
}
@keyframes rodal-slideRight-leave {
to {
opacity:0;
-webkit-transform:translate3d(1.208rem, 0, 0);
transform:translate3d(1.208rem, 0, 0)
}
}
.hk-rodal--slideRight-leave {
	-webkit-animation: rodal-slideRight-leave .4s both;
	animation: rodal-slideRight-leave .4s both
}
@-webkit-keyframes rodal-slideUp-enter {
0% {
opacity:0;
-webkit-transform:translate3d(0, .805rem, 0);
transform:translate3d(0, .805rem, 0)
}
}
@keyframes rodal-slideUp-enter {
0% {
opacity:0;
-webkit-transform:translate3d(0, .805rem, 0);
transform:translate3d(0, .805rem, 0)
}
}
.hk-rodal--slideUp-enter {
	-webkit-animation: rodal-slideUp-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-slideUp-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-slideUp-leave {
to {
opacity:0;
-webkit-transform:translate3d(0, .805rem, 0);
transform:translate3d(0, .805rem, 0)
}
}
@keyframes rodal-slideUp-leave {
to {
opacity:0;
-webkit-transform:translate3d(0, .805rem, 0);
transform:translate3d(0, .805rem, 0)
}
}
.hk-rodal--slideUp-leave {
	-webkit-animation: rodal-slideUp-leave .4s both;
	animation: rodal-slideUp-leave .4s both
}
@-webkit-keyframes rodal-flip-enter {
0% {
-webkit-transform:perspective(3.221rem) rotateX(60deg);
transform:perspective(3.221rem) rotateX(60deg)
}
70% {
-webkit-transform:perspective(3.221rem) rotateX(-15deg);
transform:perspective(3.221rem) rotateX(-15deg)
}
to {
-webkit-transform:perspective(3.221rem);
transform:perspective(3.221rem)
}
}
@keyframes rodal-flip-enter {
0% {
-webkit-transform:perspective(3.221rem) rotateX(60deg);
transform:perspective(3.221rem) rotateX(60deg)
}
70% {
-webkit-transform:perspective(3.221rem) rotateX(-15deg);
transform:perspective(3.221rem) rotateX(-15deg)
}
to {
-webkit-transform:perspective(3.221rem);
transform:perspective(3.221rem)
}
}
.hk-rodal--flip-enter {
	-webkit-animation: rodal-flip-enter .4s ease-in both;
	animation: rodal-flip-enter .4s ease-in both;
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}
@-webkit-keyframes rodal-flip-leave {
0% {
-webkit-transform:perspective(3.221rem);
transform:perspective(3.221rem)
}
30% {
-webkit-transform:perspective(3.221rem) rotateX(-15deg);
transform:perspective(3.221rem) rotateX(-15deg)
}
to {
-webkit-transform:perspective(3.221rem) rotateX(45deg);
transform:perspective(3.221rem) rotateX(45deg)
}
}
@keyframes rodal-flip-leave {
0% {
-webkit-transform:perspective(3.221rem);
transform:perspective(3.221rem)
}
30% {
-webkit-transform:perspective(3.221rem) rotateX(-15deg);
transform:perspective(3.221rem) rotateX(-15deg)
}
to {
-webkit-transform:perspective(3.221rem) rotateX(45deg);
transform:perspective(3.221rem) rotateX(45deg)
}
}
.hk-rodal--flip-leave {
	-webkit-animation: rodal-flip-leave .4s both;
	animation: rodal-flip-leave .4s both;
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}
@-webkit-keyframes rodal-rotate-enter {
0% {
-webkit-transform:rotate(-180deg) scale3d(.3, .3, .3);
transform:rotate(-180deg) scale3d(.3, .3, .3)
}
}
@keyframes rodal-rotate-enter {
0% {
-webkit-transform:rotate(-180deg) scale3d(.3, .3, .3);
transform:rotate(-180deg) scale3d(.3, .3, .3)
}
}
.hk-rodal--rotate-enter {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: rodal-rotate-enter .4s both;
	animation: rodal-rotate-enter .4s both
}
@-webkit-keyframes rodal-rotate-leave {
to {
-webkit-transform:rotate(180deg) scale3d(.3, .3, .3);
transform:rotate(180deg) scale3d(.3, .3, .3)
}
}
@keyframes rodal-rotate-leave {
to {
-webkit-transform:rotate(180deg) scale3d(.3, .3, .3);
transform:rotate(180deg) scale3d(.3, .3, .3)
}
}
.hk-rodal--rotate-leave {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: rodal-rotate-leave .4s both;
	animation: rodal-rotate-leave .4s both
}
@-webkit-keyframes rodal-door-enter {
0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
@keyframes rodal-door-enter {
0% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
.hk-rodal--door-enter {
	-webkit-animation: rodal-door-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
	animation: rodal-door-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}
@-webkit-keyframes rodal-door-leave {
60% {
-webkit-transform:scaleX(.01);
transform:scaleX(.01)
}
to {
-webkit-transform:scale3d(0, 1, .1);
transform:scale3d(0, 1, .1)
}
}
@keyframes rodal-door-leave {
60% {
-webkit-transform:scaleX(.01);
transform:scaleX(.01)
}
to {
-webkit-transform:scale3d(0, 1, .1);
transform:scale3d(0, 1, .1)
}
}
.hk-rodal--door-leave {
	-webkit-animation: rodal-door-leave .4s both;
	animation: rodal-door-leave .4s both
}
.item-ul {
	counter-reset: item;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.item-ul .item-li {
	padding: 0;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.item-ul .item-li-link {
	margin: 0 -5px;
	padding: 5px;
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	border-radius: 3px
}
.item-ul .item-li-link i {
	font-style: normal;
	color: #ff4141
}
.item-ul .item-li-link:hover {
	color: #ff4141;
	background-color: rgba(255,65,65,.05)
}
.item-ul.topic_n .item-li-link {
	padding-left: 25px;
	font-size: 16px
}
.item-ul.topic_n .item-li:before {
	font-size: 12px;
	counter-increment: item;
	content: counter(item);
	width: 16px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	left: 0;
	border-radius: 3px;
	font-weight: 400;
	color: #fff;
	top: 50%;
	margin-top: -8px;
	background-color: #b3b3b3;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	letter-spacing: -2px;
	text-align: center;
	text-indent: -3px
}
.item-ul.topic_n .item-li:last-child {
	border-bottom: none
}
.item-ul.topic_n .item-li:first-child:before, .item-ul.topic_n .item-li:nth-child(2):before, .item-ul.topic_n .item-li:nth-child(3):before {
	background-color: #ff4141
}
.header {
	height: 72px;
	background: hsla(0,0%,100%,.97);
	position: relative
}
.header-inner {
	width: 100%
}
.header-content {
	position: relative;
	width: 100%;
	height: 100%
}
.header-logo {
	width: 148px;
	height: 33px;
	margin-top: 19.5px;
	float: left
}
.header-logo-icon {
	display: block;
	width: 100%;
	height: 100%;
	background: url(https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202004/26/c1b82_20200426110901.png) no-repeat;
	background-size: contain
}
.header-link .link-item {
	padding: 15.5px 0;
	margin-right: 12px;
	float: left;
	min-width: 48px
}
.header-link .link {
	display: block;
	text-align: center
}
.header-link .link-text {
	font-size: 12px;
	line-height: 1;
	color: #b3b3b3
}
.header-link .link .upload {
	display: block;
	height: 24px;
	width: 24px;
	font-size: 24px;
	margin: 0 auto 5px;
	color: #b3b3b3
}
.header-link .link:hover .link-text, .header-link .link:hover .upload {
	color: #ff4141
}
.header .userinfo {
	width: 40px;
	height: 40px;
	padding: 16px 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	margin-left: 10px
}
.header .userinfo:hover .userinfo-list {
	display: block
}
.header .userinfo-avatar {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTPj4+P////j4+Pb29vX19fj4+Pf39/T09PHx8fb29uTk5Ofn5+Hh4dvb2+zs7Mnbh48AAAAJdFJOUwCRDizpw0TM8FxCOtoAAAQeSURBVEjHhVe7btxWEKXzKlRtETeqUtgw4Mq1KsedVTkuXblO6dKf4M5AmnttgFKkxLrTuDZIYmuCG/gDKO4f7PbXUqDM6z74kDIrkCvu4cyZJ4dFMZbv7x8DyvlvT4q75LufEWQBHJ5+/eV23L13DLEO6HOxug33kFBgLR35hpfLuEf0szXGlMYbQwzgzaJdYucYx2KRASxY/4kMEoo+viQ0XXk9Ax5aNqtIEefgdIp7AIRjdiTeMxhJP5vEmRxVfQrCM1sfR/7IQaZP8OwRuLOpJ8zMox7PR77Pezf253dymGClnCSYJauEv0cMHV8vNYo++GRKl7N8HCJjyhAdLwo5RX9G4LEFYe8DXr7yycJ5ljxlr856oat3gl2NXIkcKX+RI/4ld7AAo7uo6Waz2dwoSTKOjifLapXsdxXJV5O4OC2ix5w8r64KLiHxKoD4/ZaCKByNuaqCtCZctfYTN1RUiAquI66qvSaqRHeo0X4Uip5d7RIQjZdSHgh8gcAD1ihF8zHDVXUwhLZPqLSd40IhnVc5sGq9xAwD9B6B7yAGsexGwLXwoXxfkC8QOs+PLKMESuwNJ5qz7yeWq0rCQwHCkP8ALjTADNiGnFt4Whw4JxWBtdBNgGv9BYEnxRG4UCxlNQVqg3trz4pDiBU1A9ahgg0OglcQp80CMPwEfxXHITrIcQ7UmjLYDtgu2h7m44JGr6ZdIQ0otb0AVB0WCkqMOn0LUFJTwB1er+MoIqCNt5kFoKbGsUavo3OWmbYMMygzTeB5rnOONhKZxcebVBUUxxCsqTfJadKoARcZk/wSokHzR1K4XJDexAmHKXylD5e57TqRp6I4tKlbxyqTz+jLKRVuZrucpkX5wxn2v8nlOk0UE3NrrDvB5srdNv/sFHhp0vMTo/OU2zXD7fe7HmHNdn9pco4rHAA2cfl3zzLwcZ1M8zgLI4VKfNjtk+zaMiq8oCEV3S6bIUPuhj5atvQ0PoiB/DAMwzbidrvhS9R4ooNUpEGNw6C4LX69jE6/KMI4I4XVwMgtat0iru/7Ng0zHfZcOg2GBVkOUTQ71n2Sx4cDcaVqmop1Crjvm0pKRx8fGnIu76ZK6mJhxK1G1okrykiFh74Z+gGP9M+afbbhoUntINWNthmMpz7UZHpo3uOnZlaJvaC0hrJ96hhtzyZUaAdw59mqALcB2+hzWI+uloFrXKaejPajD8JpgutagLPxguS6JYW1nSx8RwCfSYFqDYq7b2OFwnLBnXbMUNZCC9iBXdeRWqHRfcXbn80WTbx4XbP5jm+oa8TZ04XVFXmXNeNQbVXX7fLqionE5fvzJmjcfAPnYLW8XtPybW42XY0LEqlbXq9xYYdc8K6Xd7wCWF6/Hb0GnK/+56WCGdz9UsGvKc9p9/9j9pryH6zyzm/yXA6bAAAAAElFTkSuQmCC);
	background-size: 100% 100%;
	cursor: pointer;
	border-radius: 50%
}
.header .userinfo-list {
	position: absolute;
	display: none;
	z-index: 20;
	top: 72px;
	right: -100%;
	padding: 10px 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}
.header .userinfo-item {
	width: 112px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer
}
.header .userinfo-item .icon {
	margin-right: 6px;
	font-size: 16px;
	vertical-align: middle
}
.header .userinfo-item:hover {
	background: rgba(255,65,65,.06);
	color: #ff4141
}
.header .userinfo-item:hover .icon {
	color: #ff4141
}
.header-channel {
	position: relative;
	margin: 25px
}
.header-channel-btn {
	cursor: pointer;
	padding: 0 8px
}
.header-channel-btn .icon-downarrow {
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.header-channel-btn:hover .icon-downarrow {
	color: #ff4141
}
.header-channel-btn .rotated {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #ff4141
}
.header-channel-list {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 72px;
	width: 100%
}
/*.search {
  width: 500px;
  background-color: #f5f5f5;
  border-radius: 19px;
  height: 38px;
  position: absolute;
  left: 450px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto
}
.search-wrap {
  width: 420px;
  height: 100%;
  position: relative
}
.search-wrap .input {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  padding-left: 20px;
  width: 100%;
  caret-color: #ff4141;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  font-size: 14px;
  border: 1px solid transparent;
  border-color: #f17116;
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px
}
.search-wrap .input:focus {
  border-color: #ff4141
}
.search-btn {
  width: 80px;
  height: 100%;
  line-height: 38px;
  color: #fff;
  text-align: center;
  background-color: #f17116;
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
  font-weight: 600;
  cursor: pointer
}
.search-btn-text {
  vertical-align: top
}
.search-icon {
  vertical-align: middle;
  margin: 0 5px 1px 0;
  background-size: contain
}
.search .search-dropdown-container {
  position: absolute;
  width: 100%;
  padding: 10px 15px;
  top: -9999px;
  background: #fff;
  -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
  box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
  border-radius: 5px;
  opacity: 0;
  z-index: 999;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear
}
.search .search-dropdown-container .result-list-header {
  font-size: 14px;
  color: #b3b3b3;
  position: relative
}
.search .search-dropdown-container .result-list-header .remove {
  color: #666;
  position: absolute;
  top: 3px;
  right: 0;
  display: inline-block;
  padding-left: 20px;
  cursor: pointer;
  font-size: 12px
}
.search .search-dropdown-container .result-list-header .remove .icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: -1px
}
.search .search-dropdown-container .result-list-header .remove:hover {
  color: #ff4141
}
.search .search-dropdown-container .result-list-body {
  overflow: hidden;
  margin: 5px 0 5px -10px
}
.search .search-dropdown-container .result-list-item {
  display: inline-block;
  width: 33.33333%;
  text-align: center
}
.search .search-dropdown-container .result-list-link {
  display: block;
  height: 100%;
  background: rgba(0,0,0,.05);
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding: 5px;
  margin: 2px 0 2px 10px;
  color: #000;
  font-size: 12px
}
.search .search-dropdown-container .result-list-link:hover {
  color: #ff4141;
  background: rgba(255,65,65,.06)
}
.search .search-dropdown-container .item-ul.topic_n .item-li a {
  font-size: 14px
}
.search .search-dropdown-container.show {
  opacity: 1;
  top: 48px
}*/
.download {
	position: absolute;
	background-color: #fff;
	padding: 10px 0;
	text-align: center;
	width: 110px;
	top: 72px;
	left: 50%;
	margin-left: -55px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
	border-radius: 5px;
	z-index: 20;
	display: none
}
.download-hover {
	position: relative
}
.download-hover:hover .download {
	display: block
}
.download-title {
	color: #ff4141;
	font-size: 10px
}
.download-img {
	width: 80px;
	height: 80px;
	margin: 5px auto
}
.download-text {
	font-size: 10px
}
.flex-inner {
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 999;
	height: 72px;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,.05)
}
.fluid-item {
	padding: 0 8px
}
.fluid-item-link.active, .fluid-item-link:hover {
	color: #ff4141
}
.channel {
	background-color: #f7f7f7;
	height: 40px;
	position: relative;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.08);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.08)
}
.channel-list {
	height: 100%;
	position: relative
}
.channel-list .more:hover .channel-more {
	display: block
}
.channel-item {
	width: 75px;
	height: 100%;
	line-height: 40px;
	text-align: center
}
.channel-link {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	color: #000
}
.channel-link:hover {
	color: #f17116
}
.channel-link.active {
	font-weight: 600;
	color: #ff4141
}
.channel-link.active:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #ff4141;
	-webkit-box-shadow: 0 2px 4px 0 rgba(255,65,65,.4);
	box-shadow: 0 2px 4px 0 rgba(255,65,65,.4)
}
.channel-more {
	background-color: #fff;
	position: absolute;
	border-radius: 4px;
	z-index: 10;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.16);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.16);
	right: 0;
	top: 40px;
	height: 40px;
	line-height: 40px;
	display: none
}
.channel-more-item {
	width: 75px;
	text-align: center
}
.channel-more:after {
	content: "";
	display: inline-block;
	width: 200%;
	height: 200%;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.06);
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scale(.5) translate(-50%, -50%);
	transform: scale(.5) translate(-50%, -50%);
	pointer-events: none
}
.channel-more-link:hover {
	color: #ff4141
}
body, html {
	width: 100%;
	height: 100%
}
input::-ms-clear, input::-ms-reveal {
display:none
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-overflow-style: scrollbar
}
@-ms-viewport {
width:device-width
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block
}
body {
	margin: 0;
	color: rgba(0,0,0,.65);
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-variant: tabular-nums;
	background-color: #fff;
	-webkit-font-feature-settings: "tnum", "tnum";
	font-feature-settings: "tnum", "tnum"
}
[tabindex="-1"]:focus {
	outline: none!important
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5em;
	color: rgba(0,0,0,.85);
	font-weight: 500
}
p {
	margin-top: 0;
	margin-bottom: 1em
}
abbr[data-original-title], abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	border-bottom: 0;
	cursor: help
}
address {
	margin-bottom: 1em;
	font-style: normal;
	line-height: inherit
}
input[type=number], input[type=password], input[type=text], textarea {
	-webkit-appearance: none
}
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1em
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
dt {
	font-weight: 500
}
dd {
	margin-bottom: .5em;
	margin-left: 0
}
blockquote {
	margin: 0 0 1em
}
dfn {
	font-style: italic
}
b, strong {
	font-weight: bolder
}
small {
	font-size: 80%
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
a {
	color: #1890ff;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	-webkit-transition: color .3s;
	transition: color .3s;
	-webkit-text-decoration-skip: objects
}
a:hover {
	color: #40a9ff
}
a:active {
	color: #096dd9
}
a:active, a:hover {
	text-decoration: none;
	outline: 0
}
a[disabled] {
	color: rgba(0,0,0,.25);
	cursor: not-allowed;
	pointer-events: none
}
code, kbd, pre, samp {
	font-size: 1em;
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}
pre {
	margin-top: 0;
	margin-bottom: 1em;
	overflow: auto
}
figure {
	margin: 0 0 1em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}
table {
	border-collapse: collapse
}
caption {
	padding-top: .75em;
	padding-bottom: .3em;
	color: rgba(0,0,0,.45);
	text-align: left;
	caption-side: bottom
}
th {
	text-align: inherit
}
button, input, optgroup, select, textarea {
	margin: 0;
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	-webkit-appearance: listbox
}
textarea {
	overflow: auto;
	resize: vertical
}
fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0
}
legend {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-bottom: .5em;
	padding: 0;
	color: inherit;
	font-size: 1.5em;
	line-height: inherit;
	white-space: normal
}
progress {
	vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
output {
	display: inline-block
}
summary {
	display: list-item
}
template {
	display: none
}
[hidden] {
	display: none!important
}
mark {
	padding: .2em;
	background-color: #feffe6
}
::-moz-selection {
color:#fff;
background:#1890ff
}
::selection {
	color: #fff;
	background: #1890ff
}
.clearfix {
	zoom: 1
}
.clearfix:after, .clearfix:before {
	display: table;
	content: ""
}
.clearfix:after {
	clear: both
}
.anticon {
	display: inline-block;
	color: inherit;
	font-style: normal;
	line-height: 0;
	text-align: center;
	text-transform: none;
	vertical-align: -.125em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.anticon>* {
	line-height: 1
}
.anticon svg {
	display: inline-block
}
.anticon:before {
	display: none
}
.anticon .anticon-icon {
	display: block
}
.anticon[tabindex] {
	cursor: pointer
}
.anticon-spin, .anticon-spin:before {
	display: inline-block;
	-webkit-animation: loadingCircle 1s linear infinite;
	animation: loadingCircle 1s linear infinite
}
.fade-appear, .fade-enter, .fade-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.fade-appear.fade-appear-active, .fade-enter.fade-enter-active {
	-webkit-animation-name: antFadeIn;
	animation-name: antFadeIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.fade-leave.fade-leave-active {
	-webkit-animation-name: antFadeOut;
	animation-name: antFadeOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.fade-appear, .fade-enter {
	opacity: 0
}
.fade-appear, .fade-enter, .fade-leave {
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}
@-webkit-keyframes antFadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes antFadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes antFadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes antFadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
.move-up-appear, .move-up-enter, .move-up-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active {
	-webkit-animation-name: antMoveUpIn;
	animation-name: antMoveUpIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.move-up-leave.move-up-leave-active {
	-webkit-animation-name: antMoveUpOut;
	animation-name: antMoveUpOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.move-up-appear, .move-up-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.move-up-leave {
	-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}
.move-down-appear, .move-down-enter, .move-down-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active {
	-webkit-animation-name: antMoveDownIn;
	animation-name: antMoveDownIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.move-down-leave.move-down-leave-active {
	-webkit-animation-name: antMoveDownOut;
	animation-name: antMoveDownOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.move-down-appear, .move-down-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.move-down-leave {
	-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}
.move-left-appear, .move-left-enter, .move-left-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active {
	-webkit-animation-name: antMoveLeftIn;
	animation-name: antMoveLeftIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.move-left-leave.move-left-leave-active {
	-webkit-animation-name: antMoveLeftOut;
	animation-name: antMoveLeftOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.move-left-appear, .move-left-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.move-left-leave {
	-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}
.move-right-appear, .move-right-enter, .move-right-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active {
	-webkit-animation-name: antMoveRightIn;
	animation-name: antMoveRightIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.move-right-leave.move-right-leave-active {
	-webkit-animation-name: antMoveRightOut;
	animation-name: antMoveRightOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.move-right-appear, .move-right-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.move-right-leave {
	-webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}
@-webkit-keyframes antMoveDownIn {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antMoveDownIn {
0% {
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antMoveDownOut {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antMoveDownOut {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes antMoveLeftIn {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antMoveLeftIn {
0% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antMoveLeftOut {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antMoveLeftOut {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes antMoveRightIn {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antMoveRightIn {
0% {
-webkit-transform:translateX(100%);
transform:translateX(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antMoveRightOut {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antMoveRightOut {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateX(100%);
transform:translateX(100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes antMoveUpIn {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antMoveUpIn {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antMoveUpOut {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antMoveUpOut {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes loadingCircle {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes loadingCircle {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
[ant-click-animating-without-extra-node=true], [ant-click-animating=true] {
	position: relative
}
html {
--antd-wave-shadow-color:#1890ff
}
.ant-click-animating-node, [ant-click-animating-without-extra-node=true]:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	border-radius: inherit;
	-webkit-box-shadow: 0 0 0 0 #1890ff;
	box-shadow: 0 0 0 0 #1890ff;
	-webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
	box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
	opacity: .2;
	-webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
	animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	content: "";
	pointer-events: none
}
@-webkit-keyframes waveEffect {
to {
-webkit-box-shadow:0 0 0 #1890ff;
box-shadow:0 0 0 #1890ff;
-webkit-box-shadow:0 0 0 6px #1890ff;
box-shadow:0 0 0 6px #1890ff;
-webkit-box-shadow:0 0 0 6px var(--antd-wave-shadow-color);
box-shadow:0 0 0 6px var(--antd-wave-shadow-color)
}
}
@keyframes waveEffect {
to {
-webkit-box-shadow:0 0 0 #1890ff;
box-shadow:0 0 0 #1890ff;
-webkit-box-shadow:0 0 0 6px #1890ff;
box-shadow:0 0 0 6px #1890ff;
-webkit-box-shadow:0 0 0 6px var(--antd-wave-shadow-color);
box-shadow:0 0 0 6px var(--antd-wave-shadow-color)
}
}
@-webkit-keyframes fadeEffect {
to {
opacity:0
}
}
@keyframes fadeEffect {
to {
opacity:0
}
}
.slide-up-appear, .slide-up-enter, .slide-up-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active {
	-webkit-animation-name: antSlideUpIn;
	animation-name: antSlideUpIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.slide-up-leave.slide-up-leave-active {
	-webkit-animation-name: antSlideUpOut;
	animation-name: antSlideUpOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.slide-up-appear, .slide-up-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.slide-up-leave {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}
.slide-down-appear, .slide-down-enter, .slide-down-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active {
	-webkit-animation-name: antSlideDownIn;
	animation-name: antSlideDownIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.slide-down-leave.slide-down-leave-active {
	-webkit-animation-name: antSlideDownOut;
	animation-name: antSlideDownOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.slide-down-appear, .slide-down-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.slide-down-leave {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}
.slide-left-appear, .slide-left-enter, .slide-left-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active {
	-webkit-animation-name: antSlideLeftIn;
	animation-name: antSlideLeftIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.slide-left-leave.slide-left-leave-active {
	-webkit-animation-name: antSlideLeftOut;
	animation-name: antSlideLeftOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.slide-left-appear, .slide-left-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.slide-left-leave {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}
.slide-right-appear, .slide-right-enter, .slide-right-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active {
	-webkit-animation-name: antSlideRightIn;
	animation-name: antSlideRightIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.slide-right-leave.slide-right-leave-active {
	-webkit-animation-name: antSlideRightOut;
	animation-name: antSlideRightOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.slide-right-appear, .slide-right-enter {
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.slide-right-leave {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}
@-webkit-keyframes antSlideUpIn {
0% {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antSlideUpIn {
0% {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antSlideUpOut {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antSlideUpOut {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes antSlideDownIn {
0% {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:0
}
to {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:1
}
}
@keyframes antSlideDownIn {
0% {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:0
}
to {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:1
}
}
@-webkit-keyframes antSlideDownOut {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:1
}
to {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:0
}
}
@keyframes antSlideDownOut {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:1
}
to {
-webkit-transform:scaleY(.8);
transform:scaleY(.8);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
opacity:0
}
}
@-webkit-keyframes antSlideLeftIn {
0% {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@keyframes antSlideLeftIn {
0% {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
}
@-webkit-keyframes antSlideLeftOut {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@keyframes antSlideLeftOut {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:1
}
to {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:0 0;
transform-origin:0 0;
opacity:0
}
}
@-webkit-keyframes antSlideRightIn {
0% {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:0
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:1
}
}
@keyframes antSlideRightIn {
0% {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:0
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:1
}
}
@-webkit-keyframes antSlideRightOut {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:1
}
to {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:0
}
}
@keyframes antSlideRightOut {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:1
}
to {
-webkit-transform:scaleX(.8);
transform:scaleX(.8);
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
opacity:0
}
}
.swing-appear, .swing-enter {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.swing-appear.swing-appear-active, .swing-enter.swing-enter-active {
	-webkit-animation-name: antSwingIn;
	animation-name: antSwingIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
@-webkit-keyframes antSwingIn {
0%, to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
40% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
60% {
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
80% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
}
@keyframes antSwingIn {
0%, to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
40% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
60% {
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
80% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
}
.zoom-appear, .zoom-enter, .zoom-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active {
	-webkit-animation-name: antZoomIn;
	animation-name: antZoomIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-leave.zoom-leave-active {
	-webkit-animation-name: antZoomOut;
	animation-name: antZoomOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-appear, .zoom-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-big-appear, .zoom-big-enter, .zoom-big-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active {
	-webkit-animation-name: antZoomBigIn;
	animation-name: antZoomBigIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-big-leave.zoom-big-leave-active {
	-webkit-animation-name: antZoomBigOut;
	animation-name: antZoomBigOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-big-appear, .zoom-big-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-big-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave {
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active {
	-webkit-animation-name: antZoomBigIn;
	animation-name: antZoomBigIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
	-webkit-animation-name: antZoomBigOut;
	animation-name: antZoomBigOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-big-fast-appear, .zoom-big-fast-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-big-fast-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-up-appear, .zoom-up-enter, .zoom-up-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active {
	-webkit-animation-name: antZoomUpIn;
	animation-name: antZoomUpIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-up-leave.zoom-up-leave-active {
	-webkit-animation-name: antZoomUpOut;
	animation-name: antZoomUpOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-up-appear, .zoom-up-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-up-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-down-appear, .zoom-down-enter, .zoom-down-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active {
	-webkit-animation-name: antZoomDownIn;
	animation-name: antZoomDownIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-down-leave.zoom-down-leave-active {
	-webkit-animation-name: antZoomDownOut;
	animation-name: antZoomDownOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-down-appear, .zoom-down-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-down-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-left-appear, .zoom-left-enter, .zoom-left-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active {
	-webkit-animation-name: antZoomLeftIn;
	animation-name: antZoomLeftIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-left-leave.zoom-left-leave-active {
	-webkit-animation-name: antZoomLeftOut;
	animation-name: antZoomLeftOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-left-appear, .zoom-left-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-left-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
.zoom-right-appear, .zoom-right-enter, .zoom-right-leave {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active {
	-webkit-animation-name: antZoomRightIn;
	animation-name: antZoomRightIn;
	-webkit-animation-play-state: running;
	animation-play-state: running
}
.zoom-right-leave.zoom-right-leave-active {
	-webkit-animation-name: antZoomRightOut;
	animation-name: antZoomRightOut;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	pointer-events: none
}
.zoom-right-appear, .zoom-right-enter {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}
.zoom-right-leave {
	-webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}
@-webkit-keyframes antZoomIn {
0% {
-webkit-transform:scale(.2);
transform:scale(.2);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes antZoomIn {
0% {
-webkit-transform:scale(.2);
transform:scale(.2);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes antZoomOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(.2);
transform:scale(.2);
opacity:0
}
}
@keyframes antZoomOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(.2);
transform:scale(.2);
opacity:0
}
}
@-webkit-keyframes antZoomBigIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes antZoomBigIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes antZoomBigOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:0
}
}
@keyframes antZoomBigOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:0
}
}
@-webkit-keyframes antZoomUpIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
}
@keyframes antZoomUpIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
}
@-webkit-keyframes antZoomUpOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
opacity:0
}
}
@keyframes antZoomUpOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
opacity:0
}
}
@-webkit-keyframes antZoomLeftIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}
}
@keyframes antZoomLeftIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}
}
@-webkit-keyframes antZoomLeftOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
opacity:0
}
}
@keyframes antZoomLeftOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
opacity:0
}
}
@-webkit-keyframes antZoomRightIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}
}
@keyframes antZoomRightIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}
}
@-webkit-keyframes antZoomRightOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
opacity:0
}
}
@keyframes antZoomRightOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
opacity:0
}
}
@-webkit-keyframes antZoomDownIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%
}
}
@keyframes antZoomDownIn {
0% {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%
}
}
@-webkit-keyframes antZoomDownOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
opacity:0
}
}
@keyframes antZoomDownOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%
}
to {
-webkit-transform:scale(.8);
transform:scale(.8);
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
opacity:0
}
}
.ant-motion-collapse-legacy {
	overflow: hidden
}
.ant-motion-collapse, .ant-motion-collapse-legacy-active {
	-webkit-transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1)!important;
	transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1)!important
}
.ant-motion-collapse {
	overflow: hidden
}
.ant-carousel {
	margin: 0;
	padding: 0;
	color: rgba(0,0,0,.65);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5;
	list-style: none;
	-webkit-font-feature-settings: "tnum", "tnum";
	font-feature-settings: "tnum", "tnum"
}
.ant-carousel, .ant-carousel .slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.ant-carousel .slick-slider {
	position: relative;
	display: block;
	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.ant-carousel .slick-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.ant-carousel .slick-list:focus {
	outline: none
}
.ant-carousel .slick-list.dragging {
	cursor: pointer
}
.ant-carousel .slick-list .slick-slide {
	pointer-events: none
}
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input, .ant-carousel .slick-list .slick-slide input.ant-radio-input {
	visibility: hidden
}
.ant-carousel .slick-list .slick-slide.slick-active {
	pointer-events: auto
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
	visibility: visible
}
.ant-carousel .slick-slider .slick-list, .ant-carousel .slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.ant-carousel .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.ant-carousel .slick-track:after, .ant-carousel .slick-track:before {
	display: table;
	content: ""
}
.ant-carousel .slick-track:after {
	clear: both
}
.slick-loading .ant-carousel .slick-track {
	visibility: hidden
}
.ant-carousel .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .ant-carousel .slick-slide {
	float: right
}
.ant-carousel .slick-slide img {
	display: block
}
.ant-carousel .slick-slide.slick-loading img {
	display: none
}
.ant-carousel .slick-slide.dragging img {
	pointer-events: none
}
.ant-carousel .slick-initialized .slick-slide {
	display: block
}
.ant-carousel .slick-loading .slick-slide {
	visibility: hidden
}
.ant-carousel .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.ant-carousel .slick-arrow.slick-hidden {
	display: none
}
.ant-carousel .slick-next, .ant-carousel .slick-prev {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border: 0;
	cursor: pointer
}
.ant-carousel .slick-next, .ant-carousel .slick-next:focus, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev, .ant-carousel .slick-prev:focus, .ant-carousel .slick-prev:hover {
	color: transparent;
	background: transparent;
	outline: none
}
.ant-carousel .slick-next:focus:before, .ant-carousel .slick-next:hover:before, .ant-carousel .slick-prev:focus:before, .ant-carousel .slick-prev:hover:before {
	opacity: 1
}
.ant-carousel .slick-next.slick-disabled:before, .ant-carousel .slick-prev.slick-disabled:before {
	opacity: .25
}
.ant-carousel .slick-prev {
	left: -25px
}
.ant-carousel .slick-prev:before {
	content: "←"
}
.ant-carousel .slick-next {
	right: -25px
}
.ant-carousel .slick-next:before {
	content: "→"
}
.ant-carousel .slick-dots {
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none
}
.ant-carousel .slick-dots-bottom {
	bottom: 12px
}
.ant-carousel .slick-dots-top {
	top: 12px
}
.ant-carousel .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 2px;
	padding: 0;
	text-align: center;
	vertical-align: top
}
.ant-carousel .slick-dots li button {
	display: block;
	width: 16px;
	height: 3px;
	padding: 0;
	color: transparent;
	font-size: 0;
	background: #fff;
	border: 0;
	border-radius: 1px;
	outline: none;
	cursor: pointer;
	opacity: .3;
	-webkit-transition: all .5s;
	transition: all .5s
}
.ant-carousel .slick-dots li button:focus, .ant-carousel .slick-dots li button:hover {
	opacity: .75
}
.ant-carousel .slick-dots li.slick-active button {
	width: 24px;
	background: #fff;
	opacity: 1
}
.ant-carousel .slick-dots li.slick-active button:focus, .ant-carousel .slick-dots li.slick-active button:hover {
	opacity: 1
}
.ant-carousel-vertical .slick-dots {
	top: 50%;
	bottom: auto;
	width: 3px;
	height: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.ant-carousel-vertical .slick-dots-left {
	left: 12px
}
.ant-carousel-vertical .slick-dots-right {
	right: 12px
}
.ant-carousel-vertical .slick-dots li {
	margin: 0 2px;
	vertical-align: baseline
}
.ant-carousel-vertical .slick-dots li button {
	width: 3px;
	height: 16px
}
.ant-carousel-vertical .slick-dots li.slick-active button {
	width: 3px;
	height: 24px
}
.swiper {
	width: 471px;
	height: 266px;
	margin-right: 16px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.swiper:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}
.swiper:hover .swiper-prev {
	left: 0
}
.swiper:hover .swiper-next {
	right: 0
}
.swiper-inner {
	width: 471px;
	height: 266px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.swiper-link, .swiper-poster {
	display: block;
	width: 100%;
	height: 100%
}
.swiper-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 72px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
	padding: 0 12px
}
.swiper-info-title {
	line-height: 1;
	padding: 40px 0 12px
}
.swiper-info-tag, .swiper-info-text {
	display: inline-block;
	vertical-align: middle
}
.swiper-info-text {
	font-size: 20px;
	color: #fff;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}
.swiper-info-text.zltag {
	width: 400px
}
.swiper-info-tag {
	background: #ff4141;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	margin-right: 5px;
	padding: 3px 5px
}
.swiper-next, .swiper-prev {
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -19px;
	padding: 0
}
.swiper-prev {
	left: -30px;
	-webkit-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out
}
.swiper-next {
	right: -30px;
	-webkit-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out
}
.swiper .ant-carousel .slick-dots-bottom {
	top: 12px;
	right: 2px;
	width: auto;
	height: 8px
}
.ant-carousel .slick-dots li {
	width: 8px;
	height: 8px;
	margin-right: 10px;
	border-radius: 50%;
	overflow: hidden;
	background-color: hsla(0,0%,100%,.6)
}
.ant-carousel .slick-dots li.slick-active button {
	background: #ff4141;
	width: 8px
}
.ant-carousel .slick-dots li button {
	width: 100%;
	height: 100%
}
.slick-slide {
	background-color: #f2f2f2
}
.swiper-tag {
	margin-right: 4px;
	padding: 1px 4px;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	background: #ff4141;
	border-radius: 4px;
	vertical-align: 2.5px
}
.video-nums {
	color: #666;
	font-size: 12px;
	line-height: 18px
}
.video-com {
	font-size: 12px;
	width: 50%
}
.video-com-text {
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}
.video-com-text, .video-com i {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle
}
.video-com i {
	font-size: 18px;
	margin-right: 2px
}
.recommend {
	width: 713px;
	height: 262px;
	position: relative
}
.recommend:hover .recommend-next, .recommend:hover .recommend-prev {
	opacity: 1
}
.recommend-list {
	width: 100%
}
.recommend-item {
	width: 227px;
	margin-right: 16px;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden
}
.recommend-item:nth-child(3n) {
	margin-right: 0
}
.recommend-item:nth-of-type(n+4) {
	margin-bottom: 0
}
.recommend-item:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}
.recommend-item:hover .recommend-title {
	top: 0;
	overflow: inherit;
	text-overflow: unset;
	white-space: inherit;
	background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(transparent));
	background-image: -webkit-linear-gradient(bottom, transparent, transparent);
	background-image: linear-gradient(0deg, transparent, transparent)
}
.recommend-item:hover .recommend-info {
	top: 30px
}
.recommend-top {
	width: 100%;
	height: 128px;
	overflow: hidden;
	position: relative
}
.recommend-top:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: rgba(0,0,0,.5);
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
.recommend-top:hover:before {
	opacity: 1
}
.recommend-info {
	width: 100%;
	height: 96px;
	position: absolute;
	top: 96px;
	padding: 52px 10px 0;
	-webkit-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out
}
.recommend-info-nums .video-com, .recommend-info-text {
	color: #fff
}
.recommend-info-nums .svg-g {
	stroke: #fff
}
.recommend-title {
	width: 100%;
	white-space: nowrap;
	word-wrap: normal;
	position: absolute;
	top: 92px;
	left: 0;
	line-height: 20px;
	color: #fff;
	padding: 8px 12px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.recommend-title, .recommend-title p {
	text-overflow: ellipsis;
	overflow: hidden
}
.recommend-title p {
	height: 42px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.recommend-mask {
	position: absolute;
	left: 0;
	height: 42px;
	bottom: 0;
	width: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent)
}
.recommend-next, .recommend-prev {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
.recommend-prev {
	left: 0
}
.recommend-next {
	right: 0
}
.card-list {
	margin-top: 18px
}
.card-title {
	line-height: 28px
}
.card-title-txt {
	font-size: 28px;
	padding: 0 0 0 12px;
	position: relative
}
.card-title-txt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	display: block;
	width: 3px;
	height: 18px;
	background: #ff4141;
	border-radius: 1.5px
}
.card-title-more {
	color: #888;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.card-title-more, .flex-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.absolute-center {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.videotime {
	position: absolute;
	right: 6px;
	bottom: 6px;
	padding: 2px 4px;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	font-size: 12px;
	border-radius: 3px
}
.card-item {
	width: 227px;
	border-radius: 5px;
	margin: 0 16px 16px 0;
	text-align: left;
	height: 186px;
	float: left
}
.card-item:nth-child(5n) {
	margin-right: 0
}
.card-item-link, .card-item-top {
	display: block;
	width: 100%
}
.card-item-top {
	height: 128px;
	overflow: hidden;
	position: relative;
	border-radius: 5px
}
.card-item-top .video-img {
	width: 100%;
	border-radius: 5px;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease
}
.card-item-top:hover .video-img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}
.card-item:hover .card-item-top {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}
.card-item:hover .card-bottom-title {
	color: #ff4141
}
.card-item:hover .card-bottom-nums {
	bottom: -28px
}
.card-bottom {
	height: 58px;
	padding-top: 10px;
	width: 100%;
	position: relative;
	overflow: hidden
}
.card-bottom-title {
	line-height: 20px;
	height: 40px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.card-bottom-nums {
	position: absolute;
	bottom: 8px;
	left: 0;
	margin-top: 5px;
	height: 20px;
	background-color: #fff;
	width: 100%;
	-webkit-transition: bottom .3s ease-in-out;
	transition: bottom .3s ease-in-out
}
.loading-block {
	width: 227px;
	height: 128px;
	border-radius: 5px
}
.loading-row {
	width: 227px;
	height: 19px;
	margin-top: 10px
}
.rows .card-item {
	float: none;
	width: 100%;
	margin-bottom: 10px
}
.rows .loading-block {
	float: left
}
.rows .loading-row {
	width: auto;
	margin: 0 10px 20px 240px
}
.radius .loading-block {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin-left: 30px
}
.radius .loading-row {
	margin: 10px 10px 20px 140px
}
.card-list-loading {
	margin: 50px 0 0;
	height: 16px;
	width: 100%;
	background-image: url(../images/32fa828ba61ea8d3925e74da990a304e241f58eb.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain
}
.card {
	padding-top: 24px;
	position: relative
}
.card:hover .recommend-next, .card:hover .recommend-prev {
	display: block
}
.card .recommend-next, .card .recommend-prev {
	top: 115px;
	margin-top: 0
}
.card .recommend-next {
	right: 1px
}
.adv {
	margin: 24px 0 16px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden
}
.adv .ant-carousel .slick-dots-bottom {
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.adv .slick-slider {
	height: 160px
}
.adv-inner img {
	border-radius: 5px
}
.backtop {
	position: fixed;
	width: 40px;
	height: 40px;
	right: 40px;
	bottom: 150px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.16);
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	display: none
}
.backtop:hover {
	color: #ff4141;
	width: 114px;
	border-radius: 24px;
	background-color: #ffecec
}
.backtop:hover .backtop-hover {
	display: inline;
	opacity: 1
}
.backtop.show {
	display: block
}
.backtop-inner {
	display: block;
	line-height: 40px;
	height: 100%;
	padding-right: 34px
}
.backtop-inner .icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 42px;
	color: #666;
	display: inline-block
}
.backtop-hover {
	display: none;
	vertical-align: top;
	opacity: 0;
	height: 40px;
	margin-left: 12px;
	font-size: 16px;
	-webkit-transition: opacity .1s .2s;
	transition: opacity .1s .2s
}
.copyright {
	width: 100%;
	height: 52px;
	background-color: #444;
	color: #999;
	font-size: 12px;
	line-height: 52px;
	text-align: center
}
.about {
	margin-top: 46px;
	width: 100%;
	height: 188px;
	background: #f2f2f2
}
.about-inner {
	padding-top: 55px;
	width: 1000px;
	margin: 0 auto
}
.about-list {
	padding-left: 65px;
	height: 74px;
	position: relative;
	float: left;
	width: 60%
}
.about-list:before {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 56px;
	background-color: #979797;
	left: 0;
	top: 5px
}
.about-list:first-child:before {
	visibility: hidden
}
.about-item {
	width: 33.33%;
	color: #666;
	margin-bottom: 24px
}
.about-link:hover {
	color: #ff4141
}
.code {
	overflow: hidden;
	width: 40%
}
.code-left {
	color: #666;
	width: 100px;
	margin-top: 8px;
	width: 120px;
	float: left
}
.code-title {
	color: #666;
	font-size: 14px;
	margin-bottom: 24px
}
.code-text {
	font-size: 12px
}
.code-img {
	width: 72px;
	height: 72px
}
.lan-2 {
	display: block
}
.weibo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	color: #666
}
.weibo .icon-weibo {
	margin-right: 8px;
	color: #666
}
.weibo:hover, .weibo:hover .icon-weibo {
	color: #ff4141
}
.ant-affix {
	position: fixed;
	z-index: 10
}
@font-face {
	font-family: hkfont;
	font-display: auto;
	src: url(https://hk.bdstatic.com/static/haokan-pc/fonts/iconfont.c754ed93.eot);
	src: url(../fonts/iconfont.c754ed93.eot#iefix) format("embedded-opentype"), url(../fonts/iconfont.f1a61673.woff) format("woff"), url(../fonts/iconfont.7d7d6acc.ttf) format("truetype"), url(../fonts/fonts7a0a99.svg#iconfont) format("svg")
}
[class*=" icon-"], [class^=icon-] {
	font-family: hkfont;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-delete:before {
	content: "\e606"
}
.icon-wechat:before {
	content: "\e607"
}
.icon-weibo:before {
	content: "\e608"
}
.icon-download:before {
	content: "\e609"
}
.icon-upload:before {
	content: "\e60a"
}
.icon-thumb:before {
	content: "\e60b"
}
.icon-video:before {
	content: "\e60c"
}
.icon-time:before {
	content: "\e60d"
}
.icon-rightarrow:before {
	content: "\e60e"
}
.icon-thumbempty:before {
	content: "\e60f"
}
.icon-search:before {
	content: "\e610"
}
.icon-quit:before {
	content: "\e611"
}
.icon-personalcenter:before {
	content: "\e612"
}
.icon-qq:before {
	content: "\e613"
}
.icon-introduce:before {
	content: "\e614"
}
.icon-message:before {
	content: "\e615"
}
.icon-eye:before {
	content: "\e616"
}
.icon-identity:before {
	content: "\e617"
}
.icon-history:before {
	content: "\e618"
}
.icon-emoji:before {
	content: "\e619"
}
.icon-comment:before {
	content: "\e642"
}
.icon-downarrow:before {
	content: "\e642"
}
.icon-collect:before {
	content: "\e61c"
}
.icon-zhuanlan:before {
	content: "\e61e"
}
.icon-more:before {
	content: "\e61f"
}
.icon-uncollect:before {
	content: "\e622"
}
.icon-collected:before {
	content: "\e623"
}
.icon-guanzhu:before {
	content: "\e624"
}
.icon-arrow:before {
	content: "\e62b"
}
.icon-up:before {
	content: "\e62c"
}
.icon-creator:before {
	content: "\e62d"
}
.icon-update:before {
	content: "\e62e"
}
.icon-chart:before {
	content: "\e62f"
}
.icon-down:before {
	content: "\e630"
}
.icon-hold:before {
	content: "\e631"
}
.icon-1:before {
	content: "\e632"
}
.icon-7:before {
	content: "\e633"
}
.icon-more1:before {
	content: "\e634"
}
.icon-3:before {
	content: "\e635"
}
.icon-share:before {
	content: "\e636"
}
.icon-change:before {
	content: "\e637"
}
.icon-4:before {
	content: "\e638"
}
.icon-phone:before {
	content: "\e639"
}
.icon-8:before {
	content: "\e63a"
}
.icon-collect1:before {
	content: "\e63b"
}
.icon-9:before {
	content: "\e63c"
}
.icon-6:before {
	content: "\e63d"
}
.icon-10:before {
	content: "\e63e"
}
.icon-5:before {
	content: "\e63f"
}
.icon-comment1:before {
	content: "\e640"
}
.icon-2:before {
	content: "\e641"
}
.icon-like:before {
	content: "\e642"
}
.icon-hot:before {
	content: "\e643"
}
::-moz-selection {
background:#e0e0e9;
color:unset;
text-shadow:none
}
::selection {
	background: #e0e0e9;
	color: unset;
	text-shadow: none
}
img::-moz-selection {
background:transparent
}
img::selection {
	background: transparent
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 1.5;
	color: #000
}
blockquote, body, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, menu, ol, p, pre, ul {
	margin: 0
}
input, legend, menu, ol, td, th, ul {
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
	outline: none
}
menu, ol, ul {
	list-style: none
}
abbr, address, cite, dfn, em, var {
	font-style: normal
}
img {
	vertical-align: middle;
	border: 0
}
a, a:hover {
	color: inherit;
	text-decoration: none
}
a:hover {
	outline: 0
}
h1, h2, h3, h4, h5, h6, strong {
	font-size: 100%;
	line-height: 1
}
hr {
	border-style: solid
}
[type=button], [type=reset], [type=submit], [type=text], button, label, select, textarea {
	border: none;
	outline: none
}
[type=button]:focus, [type=reset]:focus, [type=submit]:focus, [type=text]:focus, button:focus, label:focus, select:focus, textarea:focus {
	outline: none
}
.button, [type=button], [type=reset], [type=submit], button {
	cursor: pointer
}
.button {
	background-color: transparent;
	padding: 0
}
textarea {
	resize: none
}
.layout {
	width: 1200px;
	margin: 0 auto
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.clear {
	zoom: 1
}
.float-left {
	float: left
}
.float-right {
	float: right
}
.skeleton {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
	background-image: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
	background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
	background-color: #e6e6e6;
	background-size: 400% 100%;
	-webkit-animation: skeleton-loading 1.4s ease infinite;
	animation: skeleton-loading 1.4s ease infinite
}
.lazy {
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
@-webkit-keyframes skeleton-loading {
0% {
background-position:100% 50%
}
to {
background-position:0 50%
}
}
@keyframes skeleton-loading {
0% {
background-position:100% 50%
}
to {
background-position:0 50%
}
}
img[lazy=loaded] {
	-webkit-animation: opacity .3s;
	animation: opacity .3s
}
@-webkit-keyframes opacity {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes opacity {
0% {
opacity:0
}
to {
opacity:1
}
}

.content-main .content-layout.ant-layout-has-sider {
	display: table\9;
	width: 100%\9
}
.content-main .content-layout.ant-layout-has-sider .layout-content {
	display: table-cell\9;
	vertical-align: top\9;
	overflow-y: hidden\9
}
.content-main .content-layout.ant-layout-has-sider .ant-layout-sider {
	display: table-cell\9;
	vertical-align: top\9
}
.skeletonbg {
	background-color: #e6e6e6
}

body {
	min-width: 1200px;
	overflow-x: auto
}
.login {
	padding: 10px 30px;
	border: 1px solid #ccc;
	width: 60px;
	text-align: center;
	border-radius: 10px;
	cursor: pointer
}
.main {
	margin-top: 24px
}
.swipers {
	overflow: hidden
}
.video-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.ant-anchor-wrapper {
	-webkit-box-shadow: 0 5px 10px 0 rgba(16,25,45,.08);
	box-shadow: 0 5px 10px 0 rgba(16,25,45,.08);
	overflow: unset
}
.gray {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.poster-tag {
	margin-right: 4px;
	padding: 1px 4px;
	line-height: 1;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0;
	background: #ff4141;
	border-radius: 4px
}
.pageScroll {
	display: none;
	width: 56px;
	position: fixed;
	top: 50%;
	margin-top: -240px;
	left: 50%;
	margin-left: -720px;
	z-index: 987;
	width: 59px;
	background-color: #fff;
	border: solid 1px #e5e5e5
}
.pageScroll #backtop>a, .pageScroll .scrollNav>a {
	display: block;
	line-height: 16px;
	padding: 10px 12px;
	text-align: center;
	font-size: 12px;
	color: #aaa;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer
}
#backtop {
	background: url("https://wwwupload.gaodunwangxiao.com/uploads/210602/6105-210602155G5O3.png") no-repeat 10px 5px;
	height: 55px;
}
.pageScroll #backtop>a {
	color: #f96203;
	padding: 38px 15px 15px 12px;
	border-bottom: none;
}
.pageScroll .animal_li {
	position: absolute;
	top: -80px;
	z-index: 986;
	width: 80px;
	height: 80px;
	background: url("https://wwwupload.gaodunwangxiao.com/uploads/210602/6105-210602154JYT.png") no-repeat 0 -9px;
	margin-left: -5px;
}
.pageScroll .scrollNav:hover {
	background-color: #f96203;
	color: #fff
}
.pageScroll .scrollNav:hover a {
	border-bottom-color: #f96203;
	color: #fff
}
.pageScroll .scrollNav.active {
	background-color: #f96203;
	color: #fff
}
.pageScroll .scrollNav.active a {
	border-bottom-color: #f96203;
	color: #fff
}
.target {
	width: 471px;
	height: 266px;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.target img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hy-dot-center {
	left: 83%;
	top: 5%;
}
.title_banner {
	position: absolute;
	bottom: 15px;
	left: 25px;
	right: 100px;
	font-weight: 700;
	color: #fff;
	font-size: 17px;
	line-height: 1.6;
}
.mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.05) 5%, rgba(0,0,0,.65));
	transition: .5s;
}