@charset "UTF-8";
/*----------------------------------------------------------------------*/
/*global
variate/function/mixin
*/
/*----------------------------------------------------------------------*/
/*base styles*/
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 15.625vw; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

body { margin: 0; font: 14px/1 "Microsoft YaHei", "宋体", Arial, sans-serif; color: #d5c47f; background-color: #fff; }

img { border: 0; display: block; vertical-align: middle; }

a { display: block; text-decoration: none; }

/*----------------------------------------------------------------------*/
/*common styles
* %placeholder
*/
.down, .gif-show { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: auto; }

/*----------------------------------------------------------------------*/
/*detail styles
f-**:function
u-**:unit
m-**:module
g-**:grid
t-**:template
js-**:for js
*/
.container { position: relative; width: 100%; }
.fixed_top { position: fixed; z-index: 1058; width: 100%; top: 0; text-align: center; }
.fixed_top img { width: 100%; margin: 0 auto; }
.fixed_top_wrap { position: relative; }
.main { position: relative; }

.bx-wrapper { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 35%; width: 90%; }
.bx-wrapper img { width: 100%; }
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { display: none; }
.bx-controls { display: none; }

.bg { width: 100%; margin-top:-0.2%}

.down { width: 50%; top: 50%; }

.gif-show { width: 92%; top: 53.25%; }

.footer { text-align: center; color: #fff; background: #000; font-size: 1em; line-height: 1.5; }
.footer p { margin: 0; }

.iframe { display: none; }

.g-red-envelope { position: relative; z-index: 1111; }
.m-red-envelope { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: move 1s; }
.m-red-envelope .img-bg { width: 3.48rem; height: 4.128rem; }
.m-red-envelope .closed { position: relative; }
.m-red-envelope .opened { position: relative; display: none; }
.m-red-envelope .open-btn { position: absolute; width: 1.11rem; height: 1.11rem; margin-left: -0.555rem; left: 50%; bottom: 0.3rem; cursor: pointer; }
.m-red-envelope .open-btn.active { -webkit-animation: open 1s; -moz-animation: open 1s; -ms-animation: open 1s; -o-animation: open 1s; animation: open 1s; }
.m-red-envelope .close { position: absolute; width: 0.49rem; height: 0.49rem; right: 0.1rem; top: 0.1rem; }
.u-hb-gif { display: none; position: fixed; right: 0.05rem; top: 50%; margin-top: -0.66rem; width: 0.912rem; height: 1.056rem; }

@keyframes open { from { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
  to { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } }
@-webkit-keyframes open { from { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
  to { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } }
@-webkit-keyframes move { from { top: -50%; }
  to { top: 50%; } }
@keyframes move { from { top: -50%; }
  to { top: 50%; } }

/*# sourceMappingURL=index.css.map */