@charset "utf-8";
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,article,aside,audio,canvas,figure,footer,header,mark,menu,nav,section,time,video{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}
html,body{height:100%;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align:top;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
strong,em,i{font-style:normal;font-weight:normal;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:none;}
input,select,textarea,button{vertical-align:middle;outline:none;resize:none;border:0;}
input::-ms-clear{display:none !important;}
body{font-family: \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"fangmeng","microsoft yahei","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;background-color:#fff;}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;}
/* initial */
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.hide{display:none;}
.hidden{visibility:hidden;}
.w{width:1190px;margin-left:auto;margin-right:auto;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
html {
    font-size: 16px;
}
@media screen and (min-width: 375px) {
    html {
        /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        /* 1000px往后是每100像素0.5px增加 */
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}
@font-face {
  font-family: 'fangmeng';
  src: url('./font/fangmeng.eot');
  src: url('./font/fangmeng.eot?#iefix') format('embedded-opentype'),
       url('./font/fangmeng.woff') format('woff'),
     url('./font/fangmeng.ttf') format('truetype'),
     url('./font/fangmeng.svg#fangmeng') format('svg');
    font-weight: normal;
    font-style: normal;
}

.hide{display: none;}
.fangmeng{  font-family: 'fangmeng';}
.block{display: block;}
.img{width: 100%;display: block;}
.logo{width: 2.78125rem;height: 1.0625rem;position:absolute;top: .5rem;left: 1rem;}
.free{font-size: 1.25rem;color: #ee5a8a;text-align: center;padding-top: 0.71875rem;}
.details{background: url(../img/details.jpg);background-size: 100%;color: #c5701b;font-size: 1rem;line-height: 2.0625rem;text-align:center;padding-top: 1.5rem;padding-bottom: .5rem;}
.details-span{border: 1px solid #c5701b;padding: 0.25rem 1.71875rem;border-radius: 3rem;}
.btn-guide{width: 100%; z-index: 99999;max-width: 640px; background: url(../img/bg1.jpg);background-size: 100%;display: flex;color: #c5701b;justify-content:center;}
.btn-guide a{text-align:center;border: 1px solid #c5701b;width: 5.5rem;margin: 0.6875rem 0.46875rem 1.84375rem;border-radius: 3rem;}
.explain{color: #c5701b;background: url(../img/bg2.jpg);background-size: 100%;text-align: center;padding-bottom: 0.625rem;}
.explain h3{font-size: 0.875rem;}
.explain p{font-size: 0.6875rem;}
.cli{position: relative;top: -4rem;}

/*立即领取*/
.receive{position: relative;}
.receive img{margin-top: -1rem;}
.receive p{color: #f84953;font-size: 0.8125rem;width: 50%;position: absolute;top: 21%;left: 35%;}
.receive a{background-color: #c5701b;font-size: 1rem;color: #fff;border-radius: 3rem;position: absolute;top: 79%;left:0;right: 0;margin: auto;width: 30%;text-align: center;}

.hot h3{display: flex;justify-content: center;font-size:0.9375rem;padding-top: 1.5625rem;text-align: center;line-height: 1.5625rem;border-bottom: 1px dashed #c5701b; width: 76%;text-align: center;}
.hot .hot-box{width:100%;display: flex;justify-content: center;text-align: center;padding-top: 0.4375rem;}
.hot .box-border{border:  1px dashed #c5701b; border-radius: .5rem;flex-basis:40%;}

.hot{background: url(../img/hot-bg.jpg);}
.travel{background: url(../img/travel-bg.jpg);}
.family-zone{background: url(../img/family-zone-bg.jpg);}
.code{background: url(../img/code-bg.jpg);}
.content{color: #c5701b;background-size: 100% 100%;display:flex;flex-direction: column;align-items: center;flex-wrap:wrap;}

.hot .ban-font{border-top: 1px dashed #c5701b;border-radius: .5rem;padding-top: 0.3125rem;padding-bottom: 0.3125rem;}
.hot .ban-font a{color: #fff;background-color: #c5701b;font-size: 0.78rem;padding: 0.1875rem 0.875rem;border-radius: .5rem;margin-top: 0.6125rem;height: 1rem;letter-spacing:0.25rem;}
.hot .ban-font p{color: #000;font-size: 0.75rem;}
.hot .more{align-self:flex-end;margin-bottom: 1.5rem;background: url(../img/more.png) no-repeat center;background-size:contain;font-size: 0.8rem;color: #522322;width: 9rem;height:3rem;font-weight: bold;line-height: 2.3rem;margin-right: 2rem;text-indent: 1rem;}

.hot .small-img{position: relative;}
.hot .small-img img{width: 92%;margin: 0.3125rem 0.3125rem ;}
.hot .small-img p{position: absolute;top: 10%;left: 0;right: 0;font-size: 0.8125rem;}
.travel{color: #f84953;}
.travel h3{border-color: #f84953;}
.travel .small-img{color: #f84953;}
.travel .box-border{border-color: #f84953;}
.travel .box-font{border-color: #f84953;}
/*活动详情弹层*/
.layer{position: fixed;top: 0;left: 0;width: 100%;right: 0;bottom: 0;margin: auto;}
.layer .close{width: 1rem;position: fixed;top:5rem;left: 86%;z-index: 9;}
.layer .activity-title{width:12.4rem;height: 3rem;left: 0;right: 0;margin:auto;margin-bottom: 1.5rem;}
.layer .activity-content{background-color: #faefad;width: 89%;border: 2px solid #754200;border-radius: .5rem;margin-left: 7%;position: relative;overflow: auto;height: 80%;z-index: 999;left: 0;right: 0;margin: auto;}
.layer .activity-content .leaf{margin-right: -.5rem; background: url(../img/leaf.png) no-repeat center;background-size:3.375rem 1rem;font-size: .75rem;width: 3.375rem;display: inline-block;float: left; }
.layer .activity-content .inner{font-size: 0.75rem;line-height: 1rem;display: inline-block;color: #754200;float: right;padding-right: .2rem;}
.layer .activity-content div{margin: 0 auto;padding-left: 1rem;margin-bottom: .2rem;overflow: hidden;}
.layer .activity-content .inner-date{float: left;}
.layer .order {text-align: center;margin-bottom: 1rem;}  
.layer  .order .line {  display: inline-block;  width: 1rem;border-top: 1px solid #515151 ;  }  
.layer .order .txt {color: #515151;vertical-align: middle;font-size: 0.75rem;}  
.img1{position: absolute;width: 2.71875rem;height: 5.75rem;top:0;left: -2.7rem;}
.img2{position: absolute;width: 5.625rem;height: 5.34375rem;top:-2rem;right: -2.2rem;}
.layer .white{width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: rgba(255,255,255,.9);z-index: -1;}

@media screen and (min-width: 375px) {
    .layer .order {position: absolute;left: 0;right: 0; margin: auto;bottom: 1rem;} 
}
.layer .activity-contentbot{position: absolute;overflow: visible;}

.last{font-size: 0.625rem;background: url(../img/last-bg.jpg);background-size: 100% 100%;color: #020202;text-align: center;padding-top:3rem;padding-bottom: 1rem;}

/*开机动画*/

.logo-g{width: 4.53125rem;height: 1.71875rem;}
.guide{position: absolute;bottom: 0;}
/*版权*/
.copyright-bottom{background-color: #d52911;font-size: .75rem;text-align: center;color: #fff; padding: 0.5rem 0;line-height: 1rem;}