*{
	margin: 0;
	padding: 0;
	outline: none;
	/*ios点击时会出现半透明效果，重置这个效果*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html,body{
	width: 100%;
	height: 100%;
	min-width: 50vw;
	overflow: hidden;
	font-size: 2.1875vw;
	font-family: "microsoft yahei";
	background-color: #000000;
}
img{
	display: block;
	width: 100%;
}
li{
	list-style: none;
}
i{
	font-style: normal;
}
/*---------- 通用 ----------*/
.container,.page,.poster_page{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	overflow: hidden;
}
.page{
	display: none;
}
.Bg{
	height: 100%;
}
.Bg>img{
	height: 100%;
}
.adjust_box{
	position: absolute;
	width: 100vw;
	height: 157.5vw;
	top: 0;
	left: 0;
	/* pointer-events: none; */
}
/*---------- home_page ----------*/
.home_bg,.share_bg,.myTree_bg{
	position: absolute;
	width: 94.53125vw;
	top: 6.25vw;
	left: 3.125vw;
}
.home_logo{
	position: absolute;
	width: 36.875vw;
	top: 5.9375vw;
	left: 30.46875vw;
}
.home_bg_icon{
	position: absolute;
	width: 80vw;
	left: 7.5vw;
	top: 33.4375vw;
}
.home_hippo{
	position: absolute;
	width: 32.8125vw;
	top: 31.25vw;
	left: 30.9375vw;
}
.home_title{
	position: absolute;
	width: 53.125vw;
	top: 71.71875vw;
	left: 18.90625vw;
}
.home_title_desc{
	position: absolute;
	width: 63.75vw;
	top: 106.09375vw;
	left: 15vw;
}
.home_test_button{
	position: absolute;
	width: 55.9375vw;
	top: 116.5625vw;
	left: 18.90625vw;
	-webkit-animation: go_animate .9s  linear infinite both;
	animation: go_animate .9s  linear infinite both;	
}
@-webkit-keyframes go_animate{
	0%      {-webkit-transform: scale(1);}
	50%      {-webkit-transform: scale(.92);}
	100%    {-webkit-transform: scale(1);}
}
@keyframes go_animate{
	0%      {transform: scale(1);}
	50%     {transform: scale(.92);}
	100%    {transform: scale(1);}
}
/*---------- share_page ----------*/
.share_bg,.myTree_bg{
	top: 9.375vw;
}
.share_bg_icon{
	position: absolute;
	width: 87.96875vw;
	left: 3.59375vw;
	bottom: 0;
}
.share_title{
	position: absolute;
	/* width: 354px; */
	/* left: 125px; */
	width: 81.25vw;
	left: 7.03125vw;
	top: -34.375vw;
	/* top: -142px; */
}
#p1_sample,#myTree,#friendTree,#posterTree{
	position: absolute;
    width: 93%;
    top: 1%;
    left: 4%;
    height: 95%;
}
.share_seeMore_button{
	position: absolute;
	width: 55.9375vw;
	top: 117.1875vw;
	left: 18.90625vw;
	-webkit-animation: go_animate .9s  linear infinite both;
	animation: go_animate .9s  linear infinite both;
}
.shadow_page{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	display: none;
}
.shadow_page2{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}
.share_text1{
	position: absolute;
	width: 72.1875vw;
	top: 21.875vw;
	left: 10.78125vw;
}
.share_text11{
	position: absolute;
	width: 67.5vw;
	top: 21.875vw;
	left: 10.78125vw;
}
.share_hippo{
	position: absolute;
	width: 28.125vw;
	top: 36.25vw;
	left: 19.84375vw;
}
.share_arrow{
	position: absolute;
	width: 22.5vw;
	top: 21.875vw;
	left: 68.125vw;
	-webkit-animation: share-arrow-animate 1s linear infinite both;
	animation: share-arrow-animate 1s linear infinite both;
}
@keyframes share-arrow-animate {
	0%		{transform:translate(0,0)}
	50%		{transform:translate(0,-1.875vw)}
	100%	{transform:translate(0,0)}
}
@-webkit-keyframes share-arrow-animate {
	0%		{-webkit-transform:translate(0,0)}
	50%		{-webkit-transform:translate(0,-1.875vw)}
	100%	{-webkit-transform:translate(0,0)}
}
.share_text2{
	position: absolute;
	width: 52.03125vw;
	top: 83.90625vw;
	left: 10.78125vw;
}
.share_text22{
	position: absolute;
	width: 67.34375vw;
	top: 83.90625vw;
	left: 10.78125vw;
}
.share_logo{
	position: absolute;
	width: 36.875vw;
	left: 30.625vw;
	bottom: 7.5vw;
}
/*---------- myTree_page ----------*/
.myTree_title,.friendTree_title{
	position: absolute;
	width: 55.3125vw;
	left: 19.53125vw;
	top: -25.3125vw;
}
.myTree_more_button1,.friendTree_more_button{
	position: absolute;
	width: 55.9375vw;
	top: 117.1875vw;
	left: 18.90625vw;
	-webkit-animation: go_animate .9s  linear infinite both;
	animation: go_animate .9s  linear infinite both;
}
.myTree_more_button1{
	display: none;
}
.myTree_more_button2{
	position: absolute;
	width: 32.5vw;
	top: 117.1875vw;
	left: 11.09375vw;
	/* display: none; */
}
.myTree_poster_button{
	position: absolute;
	width: 32.5vw;
	top: 117.1875vw;
	right: 11.09375vw;
	/* display: none; */
}
.myTree_title_text,.friendTree_title_text{
	position: absolute;
	width: 90%;
	top: 19.84375vw;
	left: 5%;
	text-align: center;
	font-size: 6.875vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -0.3125vw;
	background-image: -webkit-gradient(linear, left 0, right 0, from(#e5be85), to(#fdf2de));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
}
.friendTree_title_text>i{
	font-size: 4.21875vw;
}
.myTree_text_desc,.friendTree_text_desc{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 108.28125vw;
	text-align: center;
	font-size: 4.21875vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -0.3125vw;
	background-image: -webkit-gradient(linear, left 0, right 0, from(#e5be85), to(#fdf2de));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
    -webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */
}
.myTree_shadow,.poster_shadow{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	display: none;
}
.prize1{
	position: absolute;
	width: 75.46875vw;
	top: 22.65625vw;
	left: 9.53125vw;
	display: none;
}
.prize1_button{
	position: absolute;
	width: 41.875vw;
	left: 17.5vw;
	top: 70.3125vw;
	-webkit-animation: go_animate .9s  linear infinite both;
	animation: go_animate .9s  linear infinite both;
}
.prize2{
	position: absolute;
	width: 74.21875vw;
	top: 22.65625vw;
	left: 13.59375vw;
	display: none;
}
.prize2_button{
	position: absolute;
	width: 45vw;
	left: 15.9375vw;
	top: 72.8125vw;
}
.prize3{
	position: absolute;
	width: 74.21875vw;
	top: 22.65625vw;
	left: 13.59375vw;
	display: none;
}
.prize3_button{
	position: absolute;
	width: 48.125vw;
	left: 14.375vw;
	top: 77.5vw;
}
.close_prize_button_m{
	position: absolute;
	width: 7.5vw;
	top: 38.4375vw;
	left: 84.375vw;
	/* display: none; */
}
.close_prize_button_n{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* display: none; */
}
.prize_logo{
	position: absolute;
	width: 36.875vw;
	left: 31.40625vw;
	bottom: 7.8125vw;
}
/*---------- poster ----------*/
.poster_page{
	z-index: -1;
}
.poster_box{
	position: absolute;
	width: 78.125vw;
	top: 0;
	left: 0;
}
.show_png{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;display: none;
}
.poster_box_text{
	position: absolute;
	width: 90%;
	top: 24.0625vw;
	left: 5%;
	text-align: center;
	font-size: 4.375vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.3125vw;
	background-image: -webkit-gradient(linear, left 0, right 0, from(#e5be85), to(#fdf2de));
    -webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */
	color: #e5be85;
}
.poster_box_text>i{
	font-size: 2.96875vw;
}
.poster_box #posterTree{
	position: absolute;
    width: 93%;
    top: 19%;
    left: 4%;
    height: 78%;
}
#ercode_canvas{
	position: absolute;
    width: 19%;
    top: 78%;
    left: 13%;
	border: 0.78125vw solid #f9d5a0;
	border-radius: 0.9375vw;
	overflow: hidden;
}
.poster_show{
	position: absolute;
	width: 70%;
    top: 14%;
    left: 15%;
}
.poster_close_button{
	position: absolute;
	width: 7.5vw;
	top: 4%;
	right: 4%;
}
#save{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.poster_bg2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}/*
 * bgm
 */
#bgm-icon{
	position: absolute;
	width: 6%;
	top: 3%;
	left: 2%;
	z-index: 999999;
}
.bgm-animate{
	/*both,动画会在两个方向上扩展动画属性*/ /*forwards,动画结束后应用该属性*/
	-webkit-animation: bgm-animate 2s .5s linear infinite both;
}
@-webkit-keyframes bgm-animate{
	0%		{-webkit-transform: rotate(0deg);}
	100%	{-webkit-transform:rotate(360deg);}
}
@keyframes bgm-animate{
	0%		{transform: rotate(0deg);}
	100%	{transform:rotate(360deg);}
}
.weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.weui-mask2 {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
}
.weui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.weui-dialog__bd {
    padding: 2.7em 20px 1.7em;
    min-height: 20px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #353535;
}
.weui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.weui-dialog__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.weui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #09BB07;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
.weui-loadmore {
    width: 65%;
    margin: 60% auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
}
.weui-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
}
@-webkit-keyframes weuiLoading{
  0%{
    -webkit-transform:rotate3d(0, 0, 1, 0deg);
            transform:rotate3d(0, 0, 1, 0deg);
  }
  100%{
    -webkit-transform:rotate3d(0, 0, 1, 360deg);
            transform:rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes weuiLoading{
  0%{
    -webkit-transform:rotate3d(0, 0, 1, 0deg);
            transform:rotate3d(0, 0, 1, 0deg);
  }
  100%{
    -webkit-transform:rotate3d(0, 0, 1, 360deg);
            transform:rotate3d(0, 0, 1, 360deg);
  }
}
.weui-loadmore__tips {
    display: inline-block;
    vertical-align: middle;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvMmE0MDVmZjQ1NmUzODQ2YTVjYjMuY3NzIiwic291cmNlUm9vdCI6IiJ9*/