@charset "utf-8";
/* CSS Document */

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,dt,form,
fieldset,legend,input,textarea,select,i,em,table,b{margin:0;padding:0;font-family:"Microsoft Yahei";}
ul,li{list-style:none; list-style-type:none;}
em,i{font-style:normal}

body{background:#F6E6D5; color:#333; font-size: 16px; height: 100%; }

img{border:0; vertical-align: middle;}
.clearfix{zoom:1;}
.clearfix:after{visibility: hidden;display: block;content: ".";clear: both;height: 0;}


.wrap{width: 100%; height: 100% }

.bodyBg01{
    background-repeat: no-repeat;
    background-position: top;
	background-size: 100% auto;
    margin: 0px;
    padding: 0px;
}

.bannerA{position: relative;}
.bannerA img{width: 100%; }

.ruleBtn{position: absolute; bottom:-25px;right: 0; width: 30%;}
.ruleBtn i{display: block;}
.ruleBtn i img{width: 100%; }

.navA{ width: 88%; padding: 0 6% 3% 6%;}
.navA .navBtn{ width: 50%; padding: 0 2%; margin: 15px auto;}
.navA .navBtn img{width: 100%; }

.dateB{width: 74%; margin: 0 13% 4% 13%; border-radius: 1rem; padding: 1% 0; background:#eec30e; text-align: center; font-size: .24rem;}

.top3{ width: 90%; margin:0% 5% 6% 5%; padding-top: 1.6%; border-radius: .2rem; background: #fff; box-shadow: 0px 5px 8px #e3bf2c; display: block; }

.top3 .topPart{width:88%; padding:2% 6% 5% 6%; }
.top3 .topPart .partList{width: 33.33%; float: left; text-align: center; position: relative;}
.top3 .topPart .partList img{width: 74%; box-shadow: 0px 5px 8px #ddd; border-radius: 1rem; border: solid 3px #fff;}
.top3 .topPart .partList span{ display: block; padding: 6% 0 0 0; font-size: .24rem; }
.top3 .topPart .partList i{position: absolute; top:2% ;left: 0; width: 52%;}
.top3 .topPart .partList i img{width: 100%; border: none; border-radius: none; box-shadow:none; }

.showA{width: 90%; margin: 0 5%;}
.areaA{ width: 90%; padding:5%; border-radius: .2rem; background: #fff; box-shadow: 0px 5px 8px #e3bf2c; margin-bottom: 5%; line-height: .46rem; font-size: .24rem;}
.areaA img{width: 70%;}
.areaA p{ padding: 3% 0; display: block; text-align: center;}
.footA{ width: 100%; padding:0 0 3% 0; text-align: center; font-size: .24rem; margin-bottom: 70px;}


.login{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
	background-color: #fff;
	width: 100%;
    max-width: 640px;
    height: 60px;
    position: fixed;
    bottom: 0;
    padding: 0 15px;
    box-sizing: border-box;
    z-index: 99;
	
}

.inviteBtn {
    height: 32px;
	box-shadow: 0px 3px 6px #85083023;
}

.inviteBtn:active {
    filter: brightness(0.8);
}

@media screen and (min-width:212px){html{font-size:28.4px}}
@media screen and (min-width:319px){html{font-size:42.67px}}
@media screen and (min-width:359px){html{font-size:48px}}
@media screen and (min-width:374px){html{font-size:50px}}
@media screen and (min-width:383px){html{font-size:51.2px}}
@media screen and (min-width:399px){html{font-size:53.2px}}
@media screen and (min-width:414px){html{font-size:55.2px}}
@media screen and (min-width:423px){html{font-size:56.53px}}
@media screen and (min-width:479px){html{font-size:64px}}
@media screen and (min-width:539px){html{font-size:72px}}
@media screen and (min-width:639px){html{font-size:85.33px}}

@media only screen and (min-width:750px){
	
	body{background: #F6E6D5; position: relative; height: 100%;}
	.wrap{width:750px; margin:0 auto; }
	.coverBtn{width: 100%; padding-top: 20%; padding-bottom:16% }
	.coverRule {position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 4%;}
	.jingdianA{width:750px; margin:0 auto; }
}