@charset "utf-8";
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu { margin: 0; padding: 0; }
body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: none; }
img { border: none; }
.rel { position: relative; }
.abs { position: absolute; }
.fl { float: left; }
.fr { float: right; }
li { list-style: none; }
.clr { line-height: 0; height: 0; clear: both; font-size: 0; overflow: hidden }
.clearfix:after { display: block; height: 0; visibility: hidden; clear: both; content: "."; }
.no_select { -moz-user-select: none; -webkit-user-select: none; user-select: none; }
html { -webkit-text-size-adjust: none; }
/* 禁用iPhone中Safari的字号自动调整 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
/* 设置HTML5元素为块 */
img { max-width: 100%; height: auto; }
/* 设置图片视频等自适应调整 */
strong,
span,
label { display: inline-block; vertical-align: middle; }
select { -webkit-appearance: none; line-height: 24px; border-radius: 0; /* mobile-select设置 */ }
.hide { display: none; }

.back { width: 30px; height: 31px; position: fixed; left: 15px; top: 13px; z-index: 50; color:#fff; font-size:18px; background:url(back.fw.png) no-repeat center center; background-size:11px auto;}

/* music */
.music,
.music.off { width: 30px; height: 31px; position: fixed; right: 15px; top: 10px; z-index: 20; background: url(../img/player-button.png) no-repeat 0 0; background-size: 60px auto; }
.music.on { background-position: -30px 0; }
/* arrow */
.arrow { position: absolute; width: 30px; top: 50%; right: 0; margin-top: -24px; z-index: 99; }
.arrow .arrow-dot { display: inline-block; width: 12px; height: 24px; margin-left: -13px; background: url(../img/arrow01.png) no-repeat; background-size: 50% auto; -webkit-animation: arrowFade 1.5s infinite; }
@-webkit-keyframes arrowFade {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}

.music-icon{ background:url(l.png) no-repeat center center; display:block; height:60px; width:60px; position:fixed; z-index:99999999; right:0px; top:0; background-size:25px 25px;}
.arrow .arrow-dot:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.arrow .arrow-dot:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.arrow .arrow-dot:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; }
/* fm */
.fm1_duice { width: 186px; margin: 0 auto; }
.fm { font-size: 30px; font-weight: bold; color: #FFFFFF; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.fm1 { background: #FFFFFF url("../img/1.jpg") 50% 50%; background-size: 100% 100%; }
.fm2 { background: #FFFFFF url("../img/2.jpg") 50% 50%; background-size: 100% 100%; }
.fm3 { background: #FFFFFF url("../img/3.jpg") 50% 50%; background-size: 100% 100%; }
.fm4 { background: #FFFFFF url("../img/4.jpg") 50% 50%; background-size: 100% 100%; }
.fm5 { background: #FFFFFF url("../img/5.jpg") 50% 50%; background-size: 100% 100%; }
.fm6 { background: #FFFFFF url("../img/6.jpg") 50% 50%; background-size: 100% 100%; }
.fm1 .title { position: absolute; top: 25%; left: 0; }
.fm1 .slogan { position: absolute; top: 34%; left: 0; }
.fm2 img,
.fm3 img,
.fm4 img { top: 10%; position: absolute; left: 0; }
.fm5 img { position: absolute; bottom: 10%; left: 0; }
.fm6 img { position: absolute; left: 0; }
.fm6 .top { top: 17%; }
.fm6 .bottom { top: 62%; }
.fm6 .btn { width: 34%; left: 33%; top: 50%; display: block; height: 37px; position: absolute; z-index: 9; }
.fm6 .btn-img { width: 26%; left: 37%; top: 50%; }
.fm6 .boc { bottom: 0; left: 0; }
/* animate */
.animated { display: none; }
.animated.in { display: inline-block; }
.animated.delay1 { -webkit-animation-delay: 1s; }
.animated.delay2 { -webkit-animation-delay: 2s; }
.animated.delay3 { -webkit-animation-delay: 3s; }
.animated.delay4 { -webkit-animation-delay: 4s; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.result .wish { background: url('../img/3-bg.jpg') no-repeat; background-size: 100% 100%; }
.result .wish header { height:60px; padding-top: 50px; width: 50%; left: 25%; position: relative; }
.result .line { width: 50%; display: block; position: relative; left: 25%; top: 33%; height: 2%; }
.result .header { background: url('../img/3-2.png') center no-repeat; background-size: auto 100%; text-align: center; color: #fff; height: 28px; line-height: 28px; font-size: 14px; }
.result .list { background: #2b2572; padding: 0 10px; }
.result .list .title { color: #fff; text-align: center; font-size: 14px; line-height: 40px; }
.result .list li { min-height: 40px; padding: 13px 0; border-top: 1px dashed #e99800; overflow: hidden; }
.result .list li:last-child { border-bottom: 1px dashed #e99800; }
.result .list .headpic { float: left; width: 35px; height: 35px; }
.result .list .info { color: #F0F0F0; float: left; margin-left: 10px; width: 80%; }
.result .list .info .name { font-size: 14px; color: #F5CA00; margin-right: 10px; }
.result .list .info .time { float: right; }
.result .list .amount { font-size: 18px; color: #F4CA00; font-weight: bold; margin-right: 5%; }
.result .boc { width: 100%; vertical-align: bottom; }
.wish .content { width: 80%; margin: 0 auto; }
.wish .content textarea { background: url(../img/input.png); background-size: 100% 100%; border: 0; width: 100%; height: 140px; overflow: auto; }
.wish .btn { text-align: right; }
.wish .btn a { display: inline-block; width: 27%; height: 31px; background-size: 100% auto; background-repeat: no-repeat; border: 0; margin: 4% 0 0 3%; background-color: transparent; }
.wish .btn .reset { background-image: url('../img/4-btn2.png'); }
.wish .btn .submit { background-image: url('../img/3-submit.png'); }