* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
body { font-family: "微软雅黑"; }
ul, li { list-style: none; margin: 0; padding: 0; vertical-align: middle; }
img { max-width: 100%; vertical-align: middle; }
a { color: #111111; }
p { margin-bottom: 0; }
h2 { margin: 0; }
.main { margin: 0 auto; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
display: none;
}
a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { margin: .67em 0; font-size: 2em; }
mark { color: #000; background: #ff0; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
html, body { min-height: 100%; }
body { max-width: 750px; background: #111111; font-family: "PingFangSC-light", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Helvetica, sans-serif, Arial; }
html { font-size: 4.2666666667vw; max-width: 46.875rem; margin: 0 auto }
 @media screen and (min-width:750px) {
html { font-size: 2rem }
html body { max-width: 46.875rem; margin: 0 auto }
}
.head { width: 7.5rem; height: 5.7rem; background: #551e00 url('../image/top-bg.jpg') center top no-repeat; background-size: 100% 100%;  margin: 0 auto; }
.title { width: 7.5rem; height:.68rem;margin: 0 auto; }
.title .t01 { margin: 0 auto; width: 2.89rem; height:.34rem;background: url('../image/title01.png') center top no-repeat; background-size: 100% 100%; }
.title .t02 { margin: 0 auto; width: 2.89rem; height:.34rem;background: url('../image/title02.png') center top no-repeat; background-size: 100% 100%; }
.title .t03 { margin: 0 auto; width: 2.89rem; height:.34rem;background: url('../image/title03.png') center top no-repeat; background-size: 100% 100%; }
.title .t04 { margin: 0 auto; width: 2.89rem; height:.34rem;background: url('../image/title04.png') center top no-repeat; background-size: 100% 100%; }
.title .t05 { margin: 0 auto; width: 2.89rem; height:.34rem;background: url('../image/title05.png') center top no-repeat; background-size: 100% 100%; }
.t-text { color: #f3c5a4; font-size:.24rem;line-height:.4rem;text-align: center; margin: 0 0.4rem 0.2rem; }
.mod-box { background: #551e00; width: 6.9rem; border: 0.01rem solid #0878d6; border-radius: .30rem; margin:0 auto .4rem;}
.mod01 {margin:.37rem .7rem; color: #fff; }
.mod01 .date { width: 5.4rem; height:.5rem;margin: 0 auto; padding: 0; overflow: hidden; }
.mod01 .date span { display: inline-block; float: left; width: 1.8rem; height:.4rem;color: #fff; font-size:.3rem;text-align: center; font-weight: bold; }
.mod01 .date span.yellow { color: #ffcd00; }
.mod01 .bar { margin: 0 auto; width: 5.4rem; height:.1rem;background-image: linear-gradient(120deg, #00e6f0 0%, #00abff 100%); border-radius:.5rem;}
.mod01 .bar span { display: inline-block; float: left; width: 1.8rem; text-align: center; }
.mod01 .bar .point { border-radius: 50%; background: #00abff; width:.16rem;height:.16rem;border: #fff solid 0.04rem; margin: -0.03rem auto 0; }
.mod01 .holiday { width: 5.4rem; height:.5rem;margin:.22rem auto;padding: 0; overflow: hidden; }
.mod01 .holiday span { display: inline-block; float: left; width: 1.8rem; height:.4rem;color: #fff; font-size:.3rem;text-align: center; }
.mod01 .holiday .yellow { margin: 0 auto; width: 1.3rem; height:.44rem;line-height:.44rem;text-align: center; color: #fff; font-weight: bold; text-shadow: 0.02rem 0.02rem 0.08rem #980000; background-image: linear-gradient(120deg, #ff5c45 0%, #ff243c 100%); border-radius:.2rem;}
.time-count-down { width: 5.6rem; height: 1.36rem; margin: 0 auto; background: none;/* overflow: hidden;*/ border-radius: 0.12rem;position: relative; }
.time-count-down .count-item { float: left; width: 25%; height: 100%; position: relative; text-align: center;  padding-top: .22rem;}
.time-count-down .count-item .count-number {line-height: .58rem;font-size: .5rem; color: #fff; font-weight: bold; }
.time-count-down .count-item .count-unit {line-height: .4rem;font-size: .18rem; color: #fff; }
.time-count-down  .time-djs {width:.46rem;height:1rem;background: url('../image/djs.png') center top no-repeat; background-size: 100% 100%;position: absolute;  top: .20rem;left:-0.3rem; }
.time-count-down .count-item span {font-size: .26rem; font-weight: bold;  line-height: .90rem;position: absolute;  top: .10rem;right: 0; color: #fff; font-family: Helvetica; }

.time-count-down .count-item:last-child .count-number { color: #fff; }
.time-count-down .count-item:last-child .count-unit { color: #fff; }
.mod02 {margin:.26rem; color: #f3c5a4; font-size:.28rem;line-height:.4rem;}
.ser-btn{display:block;width:3.1rem;height:.6rem;margin:.3rem auto;background: url('../image/ser-btn.png') center top no-repeat; background-size: 100% 100%;}
.mod02 span{color:#ffd800}
.mod02 p{line-height:.34rem;margin:.16rem 0;}
.mod03 {margin:.3rem auto; color: #f3c5a4;}
.mod03 .month{width: 1.30rem; height: .46rem;margin:.15rem 0;color:#fff;font-size:.26rem;line-height:.46rem; text-align:center;background-image: linear-gradient(0deg, #ff5c45 0%, #ff233c 100%); border-radius:0 .23rem .23rem 0;}

.mod03 .holiday { width: 6.4rem; height:1rem;margin:.22rem auto;padding: 0; overflow: hidden; }
.mod03 .holiday .name{float: left;width:1.3rem;height:1rem;background-image: linear-gradient(0deg, #ff9300 0%, #ff5d45 100%);text-align: center; color: #fff; font-weight: bold; text-shadow: 0.02rem 0.02rem 0.08rem #ff253d; border-radius:.1rem 0 0 .1rem;}
.mod03 .holiday .name span.t{ display:block;font-size:.3rem;line-height:.55rem;}
.mod03 .holiday .name span.d{display:block;font-size:.23rem;line-height:.4rem;}
.mod03 .holiday .intro{float: left;width:5.1rem;height:1rem;background-image: linear-gradient(120deg, #ffe9e4 0%, #ffc2aa 100%);text-align: center;  border-radius:0 .1rem .1rem 0 ;}
.mod03 .holiday .intro .infor{width: 3.56rem;padding:.13rem; display:block;float: left;font-size:.2rem;line-height:.24rem;color: #840000;text-align: left;}
.mod03 .holiday .intro .infor-btn{margin-top:.3rem;display:block;float: left; width: 1.46rem; height:.45rem;  background:url('../image/infor-btn.png') center top no-repeat; background-size: 100% 100%; }
.mod03 .tips{margin:.3rem auto; color: #f3c5a4;font-size:.2rem;text-align:center;}
.tt{
            padding: 0px;
            width:500px;
            height:200px;
            text-align:center;
            background-color:#F69;

            display: table-cell;
            vertical-align:middle
        }