@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
* { box-sizing:border-box; }
html{ font-size:625%;!important;height:100%;}
body{ font-family:苹方,'PingFangSC-Regular','PingFang SC','Helvetica Neue','Helvetica',STHeitiSC-Light,Arial,
sans-serif,"san francisco",HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",
"Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust:none;
    font-size:.16rem; min-width:320px; background:#fff; color:#282828 ; height:100%;position: relative;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:.14rem;}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none; color:#666; font-size:.12rem;}
a:hover, a:active, a:focus{text-decoration:none;}
ins { text-decoration:none; }
em , i { font-style:normal; }
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,textarea{ border-radius: 0; vertical-align:middle;outline:none;border:none;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button {-webkit-appearance:none;!important;}
table { border-collapse:collapse; border-spacing:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.ellipsis{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}   /*单行省略号*/
.two-ellipsis { display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;} /*2行省略号*/

.clearfix:after { content: " ";display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.wrap{
	position: relative;
	width: 100%;
	height: 100%;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ccc;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#canvas{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
}
.rain{
	position: fixed;
	width: 100%;
	height: 16rem;
	background-image:url(../img/rain1.png) ;
	left: 0;
	bottom: 0;
	z-index: 999;
}


.content{
	position: relative;
	width: 100%;
	height: 72.2rem;
	background-image:url(../img/sum.png) ;
	background-size:100% 100% ;
}

.cloud1{
	position: fixed;
	z-index: 99;	
	width:4.72rem ;
	height: 1.44rem;
	background-image:url(../img/cloud1.png) ;
	background-size:100% 100% ;
}
.cloud2{
	position: fixed;
	z-index: 99;
	width:5.6rem ;
	height: 1.43rem;
	background-image:url(../img/cloud2.png) ;
	background-size:100% 100% ;	
}
.cloud3{
	position: fixed;
	z-index: 99;
	width:2.7rem ;
	height: 1.26rem;
	background-image:url(../img/cloud3.png) ;
	background-size:100% 100% ;
}
.cloud4{
	position: fixed;
	z-index: 99;
	width:4.83rem ;
	height: 2.05rem;
	background-image:url(../img/cloud4.png) ;
	background-size:100% 100% ;
}
.cloud1_1{
	top: 1.1rem;
	left: -2rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_1{
	top: 0rem;
	right: -2rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_1{
	top: 3rem;
	left: -1rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_1{
	top: 2.3rem;
	right: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}
.cloud3_2{
	top: 0rem;
	left: 1rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud1_2{
	top: 1.4rem;
	right: -1rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud4_2{
	top: 4.3rem;
	left: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}
.cloud3_2{
	top: 3.5rem;
	right: 1rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud2_1{
	top: 4rem;
	right: -2rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud1_3{
	top: 6.1rem;
	left: -2rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_3{
	top: 7rem;
	right: -2rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_3{
	top: 6.5rem;
	left: -1rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_3{
	top: 9rem;
	left: 0rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}

.cloud1_4{
	top: 9.1rem;
	right: -1rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_4{
	top: 10rem;
	left: -1rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_4{
	top: 11rem;
	right: 0rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_4{
	top: 13rem;
	left: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}

.cloud1_4{
	top: 13rem;
	right: -2rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_4{
	top: 15rem;
	left: -2rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_4{
	top: 16rem;
	right: -1rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_4{
	top: 18rem;
	left: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}
.cloud1_5{
	top: 19rem;
	right: -2rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_5{
	top: 12rem;
	left: 1rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_5{
	top: 21rem;
	right: 2rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_5{
	top: 25rem;
	left: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}

.cloud1_6{
	top: 27rem;
	left:5rem;
	animation: cloud1 infinite 20s linear;
	-webkit-animation: cloud1 infinite 20s linear;
}
.cloud2_6{
	top: 24rem;
	left: 4rem;
	animation: cloud2 infinite 30s linear;
	-webkit-animation: cloud2 infinite 30s linear;
}
.cloud3_6{
	top: 27rem;
	left: 2rem;
	animation: cloud3 infinite 15s linear;
	-webkit-animation: cloud3 infinite 15s linear;
}
.cloud4_6{
	top: 29rem;
	left: -1rem;
	animation: cloud4 infinite 25s linear;
	-webkit-animation: cloud4 infinite 25s linear;
}


@keyframes cloud1{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(50px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes cloud1{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(50px);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes cloud2{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-50px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes cloud2{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-50px);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes cloud3{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(25px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes cloud3{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(25px);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes cloud4{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-25px);
	}
	100%{
		transform: translateX(0);
	}
}
@-webkit-keyframes cloud4{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-25px);
	}
	100%{
		transform: translateX(0);
	}
}
.arrow1 {
    position: absolute;
    left: 50%;
    bottom: 5%;
    z-index: 999;
    margin-left: -0.225rem;
    width: 0.45rem;
    height: 0.23rem;
    background-image: url(../img/arrow.png);
    background-size: 100% 100%;
    animation: arr infinite 1s ease;
    -webkit-animation: arr infinite 1s ease;
}
.arrow1 span{
	position: absolute;
	display: block;
    left: 50%;
    top: 0.15rem;
    z-index: 999;
    margin-left: -0.225rem;
    width: 0.45rem;
    height: 0.23rem;
    background-image: url(../img/arrow.png);
    background-size: 100% 100%;
     animation: arr infinite 1s ease;
    -webkit-animation: arr infinite 1s ease;
}
.zi1{
	position: absolute;
    top: 50%;
    /*top: 20%;*/
    left: 50%;
    width: 2.45rem;
    height: 0.44rem;
    margin-left: -1.225rem;
    margin-top: -0.24rem;
  	z-index: 1999;
  	background-image: url(../img/text_new1.png);
  	background-size:100% 100% ;
}
.zi2{
	position: absolute;
    top: 50%;
    /*top: 20%;*/
    left: 50%;
    width: 3.71rem;
    height: 0.53rem;
    margin-left: -1.855rem;
    margin-top: -0.265rem;
  	z-index: 1999;
  	background-image: url(../img/text_new2.png);
  	background-size:100% 100% ;
  	display: none;
}
.zi3{
	position: absolute;
    /*top: 20%;*/
    top: 50%;
    left: 50%;
    width: 5.83rem;
    height: 0.49rem;
    margin-left: -2.915rem;
    margin-top: -0.245rem;
  	z-index: 1999;
  	background-image: url(../img/text_new3.png);
  	background-size:100% 100% ;
  	display: none;
}
.down{
	animation: so 1 1s linear;
	-webkit-animation: so 1 1s linear;
	/*animation: down 1 1s linear;
	-webkit-animation: down 1 1s linear;*/
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes down{
	from{
		top: 20%;
	}
	to{
		top: 50%;
	}
}
@-webkit-keyframes down{
	from{
		top: 20%;
	}
	to{
		top: 50%;
	}
}
@keyframes so{
	from{
		transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		opacity: 0.4;
	}
	to{
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
}
@-webkit-keyframes so{
	from{
		transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		opacity: 0.4;
	}
	to{
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
}


.center_wrap{
	position: absolute;
	width: 100%;
	top: 30rem;
	left: 0;
	
}
.center_wrap .wuzi{
	width: 100%;
	height: 20.28rem;
	background-image:url(../img/wuzi.png) ;
	background-size:100% 100% ;
}
.center_wrap .umbrella {
    position: relative;
    width: 4.87rem;
    height: 4.3rem;
    background-image: url(../img/umbrella.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 1.9rem auto 0;
}
.center_wrap .tit{
	position: relative;
	width: 6.63rem;
	margin: 4rem auto  0;
	
}
.center_wrap  .tit img{
	width: 100%;
	opacity: 1;
}
.hu{
	/*animation: bln infinite 1s ease;
	-webkit-animation: bln infinite 1s ease;*/
}
@keyframes bln{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.7;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes bln{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.7;
	}
	100%{
		opacity: 1;
	}
}


.center_wrap .tit_msg{
	position: relative;
	width: 6.11rem;
	height: 5.06rem;
	background-image:url(../img/tit_msg.png) ;
	background-size:100% 100%;
	margin: 1.25rem auto 0;
}
.center_wrap .btn_wrap{
	position: relative;	
	margin: 1.75rem auto 1.2rem;
	width: 100%;
	height: 0.83rem;
	padding: 0 0.6rem;
}
.btn_wrap .next_btn{
	float: left;
	width: 2.76rem;
	height: 0.83rem;
	background-image:url(../img/btn.png) ;
	background-size:100% 100% ;
}
.btn_wrap .share_btn1{
   float: right;
    width: 2.76rem;
    height: 0.83rem;
    background-image: url(../img/share_btn.png);
    background-size: 100% 100%;	
}
.z_btn{
	position: fixed;
	left: 0.6rem;
	bottom: 0;
	width: 2.8rem;
	height: 2.4rem;
	z-index: 999999;
	background: transparent;	
}
.s_btn{
	position: fixed;
	right: 0.6rem;
	bottom: 0;
	width: 2.8rem;
	height: 2.4rem;
	z-index: 999999;
	background: transparent;	
}
.swiper-container{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-container .swiper-wrapper{
	z-index: 10;
}
.swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	z-index: 10;
}

.swiper-container .swiper-slide.slide6{
	position:relative;
	background-image:url(../img/bgn.jpg) ;
	background-size: 7.5rem 16rem;
	background-position:left bottom;
}
.slide6 .tit_map{
	position: absolute;
	top: 1.8rem;
	left: 50%;
	margin-left:-1.97rem ;
	width: 3.98rem;
	height: 1.66rem;
	background-image:url(../img/map_tit1.png) ;
	background-size:100% 100% ;
}
.slide6 .map{
	position: absolute;
	left: 0;
	top: 60%;
	transform: translateY(-50%);
	width: 7.5rem;
	height: 5.34rem;
	background-image:url(../img/map.png) ;
	background-size:100% 100% ;
}
.map .dot{
	position: absolute;
	width: 0.26rem;
	height: 0.34rem;
	background-image:url(../img/dot.png) ;
	background-size:100% 100% ;
	opacity: 0;
}
.map .dot:nth-of-type(1){
	left: 2.56rem;
	top: 2rem;
}
.map .dot:nth-of-type(2){
	left: 1.56rem;
	top: 1rem;
}
.map .dot:nth-of-type(3){
	left: 3rem;
	top: 0.8rem;
}
.map .dot:nth-of-type(4){
	left: 3.56rem;
	top: 2rem;
}
.map .dot:nth-of-type(5){
	left: 4rem;
	top: 2.4rem;
}
.map .dot:nth-of-type(6){
	left: 4rem;
	top: 2.4rem;
}
.map .dot:nth-of-type(7){
	left: 6rem;
	top: 1.4rem;
}
.map .dot:nth-of-type(8){
	left: 5rem;
	top: 3rem;
}
.map .dot:nth-of-type(9){
	left: 2.9rem;
	top: 0.4rem;
}
.map .dot:nth-of-type(10){
	left: 3.9rem;
    top: 1.2rem;
}
.map .dot:nth-of-type(11){
	left: 0.9rem;
	top: 1.3rem;
}
.map .dot:nth-of-type(12){
	left: 2.7rem;
	top: 2.6rem;
}
.map .dot:nth-of-type(13){
	left: 1.7rem;
	top: 2.2rem;
}
.map .dot:nth-of-type(14){
	left: 5.7rem;
	top: 1.1rem;
}
.map .dot:nth-of-type(15){
	left: 5.8rem;
    top: 2.1rem;
}
.map .dot:nth-of-type(16){
	left: 6.3rem;
	top: 2.6rem;
}
.dotshow{
	animation: flash 1s ease;
	-webkit-animation: flash 1s ease;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@keyframes flash{
	0%{
		opacity: 0;
	}
	
	100%{
		opacity: 1;
	}
	
}
@-webkit-keyframes flash{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
	/*0%{
		opacity: 1;
	}
	25%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	75%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}	*/
}

.map_btn{
	position: absolute;
	left:0;
	bottom: 20%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.3rem;
	font-family: "微软雅黑";
	font-weight: bold;
	line-height: 0.5rem;
	text-decoration: underline;
	/*width: 5.32rem;
	height: 1.88rem;*/
	/*background-image:url(../img/map_btn.png);
	background-size:100% 100%;*/
}

.map_hint{
	position: absolute;
	left:0;
	bottom: 5%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.24rem;
	font-family: "微软雅黑";
	/*font-weight: bold;*/
	line-height: 0.3rem;
	/*text-decoration: underline;*/
}

.list_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.85) ;
	z-index: 7;
}
.list_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2.65rem;
	margin-top: -2.85rem;
	width: 5.7rem;
	height: 5.3rem;
	/*background: #fff;*/
	z-index: 9;
}
.list_wrap .store_tit{
	position: relative;
	width: 100%;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	color: #fff;
	font-family: "微软雅黑";
	font-size: 0.48rem;
	border: 1px solid #fff;
	/*background: #009345;*/
}
.choose_wrap{
	position: relative;
	width: 100%;
	border: 1px solid #fff;
	margin-top: 0.2rem;
}
.choose_store{
	position: relative;
	width: 4.8rem;
	/*height: 0.72rem;*/
	border: 1px solid #fff;
	margin: 0.32rem auto;
	font-size: 0.24rem;
	text-align: center;
	
}
.choose_store #province{
	position: relative;
    width: 100%;
    height: 0.72rem;
    line-height: 0.72rem;
    background: transparent;
    color: #fff;
    -webkit-appearance: none;
  	text-align: center;
  	 text-align-last: center;
    border: none;
    outline: none;
    font-size: 0.48rem;
}
.choose_store #province option{
	background: rgba(0,0,0,0.85);
}
.choose_store:after{
	content: '';
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 0.15rem solid transparent;
    border-right: 0.15rem solid transparent;
    border-top: 0.15rem solid #fff;
}
.add_list{
	width: 100%;
	position: relative;
	height: 3rem;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	/*overflow: hidden;*/
	padding: 0 0.2rem;
}
.add_con{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.list{
	width: 100%;
	/*padding-bottom: 0.4rem;*/
	padding: 0 0.2rem 0.4rem;
}
.list .item{
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 0.38rem;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-family: "微软雅黑";
}

.close{
	position: absolute;
	width: 0.7rem;
	height: 0.7rem;
	background-image:url(../img/close.png) ;
	background-size:100% 100% ;
	background-repeat:no-repeat ;
	left: 50%;
	margin-left: -0.35rem;
	top: 5.5rem;
}

.slide7{
	position: relative;
	width: 100%;
	overflow: scroll;
}
.slide7 .slide7_con{
	position: relative;
	width: 100%;
	height: 20rem;
	background-image:url(../img/last.jpg) ;
	background-size:100% 20rem ;
	padding-top: 1.4rem;
}
.slide7_con .project{
	position: relative;
	width: 6.63rem;
	height: 1.21rem;
	background-image:url(../img/tit.png) ;
	background-size:100% 100% ;
	margin: 0 auto;
}

.introduce{
	width: 100%;
	padding: 1rem 0.8rem 0;
	font-size: 0.24rem;
	color: #fff;
	font-family: "微软雅黑";
	text-align: left;
	line-height: 0.5rem;
}

.service{
	position: relative;
	width: 4.69rem;
	height: 7.04rem;
	background-image:url(../img/service.png) ;
	background-size:100% 100% ;
	margin: 0.6rem auto 0;
}
.share_btn{
	position: relative;
	width: 2.96rem;
	height: 1.01rem;
	background-image:url(../img/share_btn.png) ;
	background-size:100% 100% ;
	margin: 0.8rem auto 0;
}
.share_wrap{
	position: fixed;
	z-index: 911998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	display: none;
}
.share_wrap .share_hint{
	position: absolute;
	top: 0.2rem;
	right: 0.8rem;
	width: 2.31rem;
	height: 3.47rem;
	background-image:url(../img/share_hint.png) ;
	background-size:100% 100% ;
}
.bring_wrap{
	position: fixed;
	z-index: 9998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.85);
	display: none;
}
.bring_wrap .bring{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 5.7rem;
	/*height: 3.2rem;*/
	background:#fff ;
	font-size: 0.5rem;
	font-family: "微软雅黑";
	line-height: 1.1rem;
	color: #009345;
	font-weight: bold;
	text-align: center;
	padding: 0.4rem 0;
	border-radius: 0.2rem;
}

.arrow {
    position: absolute;
    left: 50%;
    bottom: 5%;
    z-index: 999;
    margin-left: -0.115rem;
    width: 0.45rem;
    height: 0.23rem;
    background-image: url(../img/arrow.png);
    background-size: 100% 100%;
    animation: arr infinite 1s ease;
    -webkit-animation: arr infinite 1s ease;
}
@keyframes arr{
	from{
		bottom: 5%;
	}
	to{
		bottom: 6%;
	}
}
@-webkit-keyframes arr{
	from{
		bottom: 5%;
	}
	to{
		bottom: 6%;
	}
}



.music {
    position: fixed;
    top: 0.2rem;
    right: 0.2rem;
    z-index: 1999999;
    width: 0.57rem;
    height: 0.57rem;
    background-image: url(../img/music.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.music_on{
	animation: musicroate 2s linear infinite ;
}
@keyframes musicroate{
	from{
		transform: rotate(0);
	}
	to{transform: rotate(360deg);}
}