@charset "utf-8";

.quickMainEmbedControl {
    /*opacity:0;*/
    /*display:none;*/
    position: fixed;
    left:50px;
    bottom:-250px;
    z-index: 1000000;
    animation: quickTimeset .7s 5s linear forwards;
}
@-webkit-keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
@keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}

.quickMainEmbedControl img {position:absolute;left:0;bottom:10px;animation: balloonAni1 1.2s infinite ease}
.quickMainEmbedControl img.openImg02 {animation: balloonAni1 1.2s infinite ease, twinkle 1.2s infinite ease}
@-webkit-keyframes balloonAni1 {
    0%,100% {transform: translateY(0px)}
    50% {transform: translateY(-15px)}
}
@keyframes balloonAni1 {
    0%,100% {transform: translateY(0px)}
    50% {transform: translateY(-15px)}
}
@-webkit-keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}
@keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}



.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:80px; 
    z-index: 999;
    transition: .8s;
    background:url('../../images/quickBottom/quickBottom.png') no-repeat center center;
    animation: quickTimeset2 .7s 5s linear forwards;
}
@-webkit-keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}
@keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}


.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#colose{
    display: block;
}



.quickMainEmbed .quickMainEmbed_wrapper {position:relative;bottom:0;width: 1210px;margin: 0 auto; height:inherit;}

.quickCloseWrap {position: absolute;bottom: 140px;left: -25px;}
.quickCloseWrap img {cursor:pointer}

.quickImgWrap {position:absolute;left:0;bottom:0}
.quickImgWrap .quickBottomImg02 {position:absolute;left:175px;bottom:100px}
.quickImgWrap .quickBottomImg03 {position:absolute;left:175px;bottom:100px;animation:twinkle 1s .5s infinite ease alternate;}
@-webkit-keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}
@keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}


.quickBottomlink {position:absolute;left:0;bottom:0;display:inline-block;width:1200px;height:80px}

.ft_wrap {background-color:#000;height:155px;animation: quickTimeset3 .7s 5s linear forwards;}

@-webkit-keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}
@keyframes quickTimeset3 {
    0% {height:155px}
    100% {height:0}
}

#quickSlider {position:absolute;right:0;bottom:8px;width:384px;height:60px}
#quickSlider .swiper-button-next, #quickSlider .swiper-button-prev {background:none;width:20px;height:20px;margin-top:0;transform: translateY(-50%);}
#quickSlider .swiper-button-next {right: 0;top:35px}
#quickSlider .swiper-button-prev {right:0;top: 16px;left: auto;}