* {margin:0;padding:0;font:'Microsoft YaHei','微软雅黑';}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
button,article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark,
audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
button{background: transparent;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
html{
line-height: initial;
}
body{
font-size: 0.32rem;
background:#ffe391;
text-align: center;
}
a{text-decoration: none;display: inline-block;}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
a:link {color: #545454;} 
a:visited {color: #545454;} 
a:hover{color: #545454;} 
body,html {background-color:#ffe391;}

#wrap-bg {
    position: relative;
    background: url(https://image.xunyou.com/images/2020/20200330/gf/wrap-bg_m.jpg) center top no-repeat;
    height: 11.42rem;
    background-size: 100% 100%;
    overflow: hidden;
}

.title {background: url(https://image.xunyou.com/images/2020/20200330/gf/title.png) center top no-repeat;width: 4.08rem;height: 0.79rem;margin:0 auto;background-size: 100% 100%;position: relative;top:3.8rem;transform: scale(1.25,1.25);z-index:3;}

.title .start {background: url(https://image.xunyou.com/images/2020/20200330/gf/start.png) center top no-repeat;width: 1.90rem;height: 0.21rem;margin:0 auto;position: relative;top:.25rem;background-size: 100% 100%;transform: scale(1.65,1.65);}
.title .start.end {background: url(https://image.xunyou.com/images/2020/20200330/gf/end.png) center top no-repeat;background-size: 100% 100%;}
.window {width: 100%;height: 2.2rem;overflow: hidden;position: relative;top:3.7rem;z-index: 1;}
.window.bg {background: url(https://image.xunyou.com/images/2020/20200330/gf/p.png) 5.37rem .85rem no-repeat;}
.window .list {display: none;}
.window .list.f {display: block!important;}
.window .list div {width: 95%;height: 2.10rem;}
.window .list div img {width: 22%;position: relative;top: 8%;}
.window .list div.more {width: 85%;}
.window .list div.before {width: 105%;}
.window .list div.before img {width: 22%;}
/* .window .list div.less {width: 100%;} */
.cj a { background: url(https://image.xunyou.com/images/2020/20200330/gf/cj.png) center top no-repeat;width: 2.14rem;height: .97rem;background-size: 100% 100%;position: relative;top:3.72rem;transform: scale(1.1,1.1);}
.cj a.push.end {background: url(https://image.xunyou.com/images/2020/20200330/gf/cz.png) center top no-repeat;width: 2.15rem;height: .86rem;background-size: 100% 100%;top:3.82rem;transform: scale(1.1,1.1);}
.cj a.push{animation: none;transform: translateY(8%) scale(1,1);}
#container {position: relative;top:-2rem;left:1.8rem;}

.cj a { animation: cj_hover .4s infinite ease-in-out;}
.cj a.push.end,.cj a.push  { animation: none; }
.kf_online {display: none;}
@keyframes cj_hover {
    0% {
        transform: scaleY(1.1) translateY(0);

    }
    100% {
        transform: scaleY(1.0) translateY(10%);
    }
}
.info {position: absolute;top:10rem;}
.info p {color: #000;font-size: 0.24rem;text-align: left;width: 80%;margin:0 auto;line-height: 0.35rem;}
#alert-window {width: 90%!important;}
#showMessage .msg {width: 2.5rem!important;}