@charset "UTF-8";
body,div,p,span,h1,h2,h3,a,ul,li{margin: 0; padding: 0;}
body{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color:none; font-size: 12px;  font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", STHeiTi, sans-serif; -ms-touch-action: none;}
img{ border:0;}
li,a{ list-style: none;}
a{ text-decoration: none; color: #fff;}




/*pc*/
.topUp_divPc{position: fixed; bottom: 2%; right: 3%; z-index: 100; width: 188px; _position: absolute;}
.topUp_divPc .topUp_header{ position: absolute; top: 0; right: 0%; z-index: 100; width: 188px; height: auto; _position: relative;}

.topUp_divPc .topUp_header .topUp_balloon{ display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 188px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/topUp_balloon.png") left top no-repeat; height: 200px;}

.topUp_balloonPc{ -webkit-animation: topUp_balloonPc 3s linear infinite; animation: topUp_balloonPc 3s linear infinite;  }
@-webkit-keyframes topUp_balloonPc{
	0%{ }
	25%{ top:5%; right: 0%;}
	50%{ top:0%; right: 5%;}
	75%{ top:-5%; right: 0%;}
	100%{}
}
@keyframs topUp_balloonPc{
	0%{ }
	25%{ top:5%; right: 0%;}
	50%{ top:0%; right: 5%;}
	75%{ top:-5%; right: 0%;}
	100%{}
}


.topUp_divPc .topUp_header .topUp_title{ display: block; position: absolute; top: 126px; right: 0; z-index: 200; width: 188px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/topUp_title.png") left top no-repeat; height: 107px; }
.topUp_divPc .topUp_nav{ float: right; margin-top: 190px; width: 188px; font-size: 12px; text-align: center;}
.topUp_divPc .topUp_nav .stop_nav{ width: 100%;  background-color: #b2e6ee; border-radius: 0 0 5px 5px; padding: 10px 0 5%;}
.topUp_divPc .topUp_nav .stop_nav a{ display: block; width: 82%; margin: 5% 5% 5%; padding: 4%; background-color: #76ccde; color: #fff; font-weight: bold; border-radius: 20px; line-height: 36px; height: 36px; font-size: 18px;}
.topUp_divPc .topUp_nav .show_nav{ position: relative; width: 80%; margin: 0 10%; background-color: #b2e6ee; border: 3px solid #fff; border-radius: 0 0 5px 5px; padding-top: 40px; }

.topUp_divPc .topUp_nav .show_ul{ width: 100%; height: 286px; -webkit-transition: height .5s;transition: height .5s; overflow: hidden;}
.topUp_divPc .topUp_nav .show_up{ height: 0;}
.topUp_divPc .topUp_nav .show_ul li,.topUp_divPc .topUp_nav .show_ul .show_up li{ width: 100%; width: 80%;margin: 0 10%; border-bottom:1px dashed #fff; box-sizing: border-box; }
.topUp_divPc .topUp_nav .show_ul li a,.topUp_divPc .topUp_nav .show_ul .show_up li a{ display: block; width: 100%; color: #0394d5; line-height: 40px; height: 40px; font-size: 18px; }
.topUp_divPc .topUp_nav .show_ul li a:active,.topUp_divPc .topUp_nav .show_ul li a:hover,.topUp_divPc .topUp_nav .show_ul li .act{ color: #333;}
.topUp_divPc .topUp_nav .show_ul li.up_act a { color: #333 !important; }
.topUp_divPc .topUp_nav .show_ul li:last-child,.topUp_divPc .topUp_nav .show_up li:last-child{ border: none;}
.show_up{ height: 0;}
.topUp_divPc .topUp_nav .show_btn a{ display: block; width: 100%; border-radius: 9px 9px 0 0; background-color: #76ccde; color: #fff; font-weight: bold; line-height: 36px; height: 36px; font-size: 18px;}
.topUp_divPc .topUp_nav .show_txt a:hover{ background-color: #1cb0cf;}



.topUp_divPc .topUp_nav .vertical_line{ float: left; width: 8px; height: 10px; background-color: #b2e6ee;}
.topUp_divPc .topUp_nav .line_1{  margin: 0 23px 0 62px;}
.topUp_divPc .topUp_nav .line_2{  margin: 0 42px 0 38px;}

.topUp_divPc .topUp_nav .top_btn{ display: block; width: 80%; margin: 0 10%; text-align: center; background-color: #b2e6ee; border: 3px solid #fff; color: #21a7e3; font-weight: bold; border-radius: 20px; padding: 10px 0; line-height: 20px; height: 20px; font-size: 20px; }

.topUp_divPc .topUp_nav .top_icon{ display: inline-block; vertical-align: top; width: 16px; height: 20px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/top_icon.png") top left no-repeat; }
.topUp_divPc .topUp_nav .top_btn:hover span .top_icon{ background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/top_icon1.png") left top no-repeat;}
.topUp_divPc .topUp_nav .top_btn span{ color: #21a7e3;}
.topUp_divPc .topUp_nav .top_btn:hover span{ color: #fff;}

/*弹出层*/
.pop{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#6F000000',endColorstr='#6F000000'); }

.pop .pop_bg{ position: absolute; top: 50%; left: 50%; margin:-213px 0 0 -370px; padding: 83px 51px 63px 59px; width: 630px; height: 280px; background-color: #fff; border-radius: 25px;}
.pop .pop_bg i{ display: inline-block;} 
.pop .erweima{ width: 264px; height: 264px; margin-top: 12px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/erweima.jpg") no-repeat bottom left; border: 1px solid #b3b3b4;  }
.pop .pop_red{ width: 360px; height: 278px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/pop_red.jpg") no-repeat right top; }
.pop .pop_colse{ display: block; position: absolute; z-index: 1001; right: 20px; top: 20px; width: 61px; height: 61px; background: url("http://promotion.elong.com/active/webms/2016/06/SumBig1pc/images/pop_close.jpg") no-repeat left top;}



/*h5*/
@media only screen and (max-width: 768px){
	
	.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow:hidden;}

	.clearfix{zoom:1;} /* for IE/Mac */


	.bgWImg{ background-size: 100% auto;  background-repeat: no-repeat; width: 100%;}
	.bgImg{ background-size: 100% auto;  background-repeat: no-repeat; }

	.topUp_div{position: fixed; bottom: 10%; right: 3%; z-index: 100; width: 25%; }
	.topUp_header{ position: absolute; top: 0; right: 0%; z-index: 100; width: 100%; padding-top: 122%;}

	.topUp_balloon{ display: block; position: absolute; top: 0; right: 0%; z-index: 100; width: 100%; background-image: url("http://promotion.elong.com/active/webms/2016/06/SumBig1h5/images/topUp_balloon.png"); padding-top: 80%;}

	.topUp_balloonh5{ -webkit-animation: topUp_balloonh5 3s linear infinite; animation: topUp_balloonh5 3s linear infinite;  }
	@-webkit-keyframes topUp_balloonh5{
		0%{ }
		25%{ top:1%; right: 1%;}
		50%{ top:0%; right: 0%;}
		75%{ top:-1%; right: -1%;}
		100%{}
	}
	@keyframs topUp_balloonh5{
		0%{ }
		25%{ top:1%; right: 1%;}
		50%{ top:0%; right: 0%;}
		75%{ top:-1%; right: -1%;}
		100%{}
	}


	.topUp_title{ display: block; position: absolute; bottom: 0; right: 0; z-index: 200; width: 100%; background-image: url("http://promotion.elong.com/active/webms/2016/06/SumBig1h5/images/topUp_title.png"); padding-top: 56%; }
	.topUp_nav{ float: right; margin-top: 100%; width: 100%; font-size: 12px; text-align: center;}
	.stop_nav{ width: 100%;  background-color: #b2e6ee; border-radius: 0 0 5px 5px; padding: 14% 0 5%;}
	.stop_nav p{ width: 82%; margin: 5% 5% 5%; padding: 4%; background-color: #76ccde; color: #fff; font-weight: bold; border-radius: 20px; }
	.show_nav{ position: relative; width: 80%; margin: 0 10%; background-color: #b2e6ee; border: 3px solid #fff; border-radius: 0 0 5px 5px; padding-top: 14%; }

	.show_ul{ width: 100%; height: 182px; -webkit-transition: height .5s;transition: height .5s; overflow: hidden;}
	.show_ul li,.show_up li{ width: 80%;margin: 0 10%; line-height: 26px; height: 26px; font-size: 12px; border-bottom:1px dashed #fff; color: #0394d5; box-sizing: border-box; }
	.show_ul li:active,.show_ul .act{ color: #333;}
	.show_ul li:last-child,.show_up li:last-child{ border: none;}
	.show_up{ height: 0;}
	.show_btn p{ width: 100%; border-radius: 9px 9px 0 0; background-color: #76ccde; color: #fff; font-weight: bold; line-height: 20px; height: 20px;}


	.vertical_line{ float: left; width: 4%; margin: 0 15% 0 31%; height: 10px; background-color: #b2e6ee;}
	.line_1{  margin: 0 12% 0 34%;}
	.line_2{  margin: 0 26% 0 20%;}

	.top_btn{ width: 70%; margin: 0 10%; background-color: #b2e6ee; border: 3px solid #fff; padding: 6% 5%; color: #21a7e3; font-weight: bold; border-radius: 20px; font-size: 10px; line-height: 10px; height: 10px; }
	.top_icon{ display: inline-block; vertical-align: top; width: 9px; padding: 2px 0 10px; background-image: url("http://promotion.elong.com/active/webms/2016/06/SumBig1h5/images/top_icon.png"); }
	.top_btn p{ color: #21a7e3;}

	.box-shadow{  
	  -webkit-box-shadow:0 0 10px #555;  
	  -moz-box-shadow:0 0 10px #555;  
	  box-shadow:0 0 10px #555;  
	}  

}