*{margin: 0;padding: 0;}
body{font:14px/1.8 'Microsoft YaHei','微软雅黑';color:#6e2f38;text-align:center;}
html{background-color: #fff}
a{display:inline-block;text-decoration:none;}
a:focus{outline:none;}

/* #wrap-bg {background:url(https://image.xunyou.com/images/20200319/gf/1585103354546.jpg) center top no-repeat;} */
.wrap-1 {background:url(https://image.xunyou.com/images/2020/20200330/gf/wrap-bg.jpg) center top no-repeat;width: 598px;height: 368px;}
.title {width: 100%;height: 80px;background: url(https://image.xunyou.com/images/2020/20200330/gf/title_pc.png) center top no-repeat;position: relative;top:10px}
.title .start {background: url(https://image.xunyou.com/images/2020/20200330/gf/start.png) center top no-repeat;width: 190px;height: 21px;margin:0 auto;position: relative;top:27px;}
.title .start.end {background: url(https://image.xunyou.com/images/2020/20200330/gf/end.png) center top no-repeat;width: 283px;height: 21px;}
.window {width: 100%;height: 167px;overflow: hidden;}
.window.bg {background: url(https://image.xunyou.com/images/2020/20200330/gf/p.png) 457px 75px no-repeat;}
.window .list {display: none;}
.window .list.f {display: block!important;}
.window .list {position: relative;}
.window .list div {min-height: 166px;width: 100%;}
.window .list div img {position: relative;top: 18px;}
.window .list .more {width: 90%;}
.cj a { background: url(https://image.xunyou.com/images/2020/20200330/gf/cj.png) center top no-repeat;width: 214px;height: 97px; }
.cj a:hover { animation: cj_hover 1s infinite ease-in-out;}
.cj a.push {transform: scaleY(0.8) translateY(10%);}
.cj a.push:hover {animation: none;}
.cj a.push.end {background: url(https://image.xunyou.com/images/2020/20200330/gf/cz.png) center top no-repeat;width: 215px;height: 86px;position: relative;top: 10px;}
@keyframes cj_hover {
    0% {
        transform: scaleY(1) translateY(0);

    }
    100% {
        transform: scaleY(0.8) translateY(10%);
    }
}
#container {position: absolute;top: 14px;left: 312px;}
.kf_online,.info {display: none;}
.normal { animation: d_normal 3s infinite linear; }

@keyframes d_normal {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-1328px);
    }
}
.fast { animation: d_fast 1s infinite linear; }

@keyframes d_fast {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-1328px);
    }
}

.over { animation: d_over 3s 1 ease-out; transform: translateY(-1161px);}

@keyframes d_over {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-1161px);
    }
}