@charset"UTF-8";
html {
    height:100%;
    background-color:#f3f3f3;
    padding:0;
    overflow-y:hidden
}
html body {
    padding:0;
    margin:0;
    height:100%
}
html body .container {
    height:100%;
    overflow:scroll
}
html body .container header {
    text-align:center;
    background-color:#32c1d4;
    color:#fff;
    padding:.8rem 0;
    margin:0
}
html body .container header h1 {
    font-size:2rem;
    padding:0;
    margin:0;
    text-shadow:-1px -1px 3px #000, 1px 1px 3px #fff;
    font-family:cursive
}
html body .container header .subTitle {
    font-size:.8rem;
    color:#fff;
    line-height:1.5
}
html body .container .box {
    height:80%
}
html body .container .box .kinerItem .eventPanel {
    width:80%;
    min-height:4rem;
    padding:.8rem;
    color:#666;
    background-color:#fff;
    border-radius:5px;
    line-height:1.5;
    margin:2rem auto
}
html body .container .box .kinerItem .desc {
    font-size:1.5rem;
    color:#333;
    margin-top:2rem;
    text-align:center;
    font-weight:bolder;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
html body .container .box .kinerItem .btn {
    width:80%;
    height:3rem;
    line-height:3rem;
    text-align:center;
    color:#32c1d4;
    margin:2rem auto;
    border:solid 1px #e6e6e6;
    border-radius:5px;
    font-size:.8rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
html body .container .box .kinerItem .btn.blue {
    background-color:#32c1d4;
    color:#fff
}
html body .container .box .kinerItem .btn.gray {
    color:#32c1d4;
    border:1px solid #333
}
html body .container .box .kinerItem .btn:active {
    opacity:.72
}
@charset"UTF-8";
.swiper-slide, .swiper-wrapper {
    height:100%;
    position:relative;
    transform-style:preserve-3d;
    width:100%
}
.swiper-pagination, .swiper-wrapper {
    -webkit-transform:translate3d(0, 0, 0)
}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper {
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate(0, 0);
    -ms-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-slide, .swiper-wrapper {
    -ms-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -ms-fles-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide {
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-next, .swiper-button-prev {
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    -moz-background-size:27px 44px;
    -webkit-background-size:27px 44px;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:.35;
    cursor:auto
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDA3YWZmJy8+PC9zdmc+);
    left:10px;
    right:auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDAwMDAwJy8+PC9zdmc+)
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+)
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDdhZmYnLz48L3N2Zz4=);
    right:10px;
    left:auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDAwMDAnLz48L3N2Zz4=)
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyNmZmZmZmYnLz48L3N2Zz4=)
}
.swiper-pagination {
    position:absolute;
    text-align:center;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}
.swiper-pagination-bullet {
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
    background:#fff
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background:#000
}
.swiper-container-vertical>.swiper-pagination {
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0, -50%, 0);
    -moz-transform:translate3d(0, -50%, 0);
    -o-transform:translate(0, -50%);
    -ms-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin:5px 0;
    display:block
}
.swiper-container-horizontal>.swiper-pagination {
    bottom:10px;
    left:0;
    width:100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin:0 5px
}
.swiper-container-3d {
    -webkit-perspective:1200px;
    -moz-perspective:1200px;
    -o-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective:1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active {
    pointer-events:auto
}
.swiper-container-cube {
    overflow:visible
}
.swiper-container-cube .swiper-slide {
    pointer-events:none;
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    width:100%;
    height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-cube-shadow {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px)
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index:0
}
.swiper-scrollbar {
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag {
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0, 0, 0, .5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag {
    cursor:move
}
.swiper-lazy-preloader {
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -moz-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s step-end infinite;
    -moz-animation:swiper-preloader-spin 1s step-end infinite;
    animation:swiper-preloader-spin 1s step-end infinite
}
.swiper-lazy-preloader:after {
    display:block;
    content:"";
    width:100%;
    height:100%;
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+);
    background-position:50%;
    -webkit-background-size:100%;
    background-size:100%;
    background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+)
}
@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform:rotate(0)
    }
    8.33333333% {
        -webkit-transform:rotate(30deg)
    }
    16.66666667% {
        -webkit-transform:rotate(60deg)
    }
    25% {
        -webkit-transform:rotate(90deg)
    }
    33.33333333% {
        -webkit-transform:rotate(120deg)
    }
    41.66666667% {
        -webkit-transform:rotate(150deg)
    }
    50% {
        -webkit-transform:rotate(180deg)
    }
    58.33333333% {
        -webkit-transform:rotate(210deg)
    }
    66.66666667% {
        -webkit-transform:rotate(240deg)
    }
    75% {
        -webkit-transform:rotate(270deg)
    }
    83.33333333% {
        -webkit-transform:rotate(300deg)
    }
    91.66666667% {
        -webkit-transform:rotate(330deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    0% {
        transform:rotate(0)
    }
    8.33333333% {
        transform:rotate(30deg)
    }
    16.66666667% {
        transform:rotate(60deg)
    }
    25% {
        transform:rotate(90deg)
    }
    33.33333333% {
        transform:rotate(120deg)
    }
    41.66666667% {
        transform:rotate(150deg)
    }
    50% {
        transform:rotate(180deg)
    }
    58.33333333% {
        transform:rotate(210deg)
    }
    66.66666667% {
        transform:rotate(240deg)
    }
    75% {
        transform:rotate(270deg)
    }
    83.33333333% {
        transform:rotate(300deg)
    }
    91.66666667% {
        transform:rotate(330deg)
    }
    100% {
        transform:rotate(360deg)
    }
}
.kinerNav {
    width: 5.4rem;
    height: .5rem;
    line-height: .5rem;
    color: #0e0e0e;
    display: table;
    padding: 0;
    position: relative;
    top: 2.15rem;
    left: 0.45rem;
}
.kinerNav .realBorder {
    display:block;
    width:0;
    height:.1rem;
    position:absolute;
    left:0;
    bottom:0;
    background-color:#4f93fe
}
.kinerNav>li {
    display:table-cell;
    text-align:center;
    font-size:.2rem;
    font-weight:bolder;
    -webkit-transition:color 300ms;
    -moz-transition:color 300ms;
    -ms-transition:color 300ms;
    -o-transition:color 300ms;
    transition:color 300ms;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent
}
.kinerNav>li.active {
    color:#32c1d4
}
.kinerContent {
    display:block;
    height:100%;
    width: 5.4rem;
    height: 3.7rem;
    top: 2.5rem;
}
.kinerContent .wrapper {
    height:100%
}
.kinerContent img{
    width: 100%;
    height: 100%;
}