body{
	font-family: "微软雅黑";
	background: #e0f7fa;
	color: #5f6062;
}
.other-title-text,
.fly-icon,
.more-three,
.new-item:hover .to-detail,
.address-icon,
.phone-icon,
.dialog-close,
.dialog-close,
.staring,
.food-link .to-detail,
.detail-staring,
.guide-icon,
.uploadify-button,
.person-icon,
.eval-img-close,
.notice-icon,
.act-position,
.audio-close,
.audio-icon,
.audio-bottom-icon
{
	display: inline-block;
	background: url(../../img/Home/icon.png) no-repeat;
}
.radier,
.navigat-item,
.new-item,
.page-link,
.standers,
.detail,
.hotel-item,
.ticket,
.dialog-ticket,
.guide,
.evaluate,
.about-con,
.contact-con,
.join-con,
.notic-main,
.act-item,
.map
{
	box-shadow: -1px 5px 10px rgba(0,0,0,0.15);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
.top-con{
	display:block;
	height: 300px;
	background: url(../../img/Home/banner_top_01.jpg) no-repeat 50% 0;
	color: #fff;
	text-align: right;
}
.top-con-02{
	background: url(../../img/Home/banner_top_02.jpg) no-repeat 50% 0;
	text-align: center;
}
.top-con-03{
	background: url(../../img/Home/banner_top_03.jpg) no-repeat 50% 0;
	text-align: center;
}
.top-con-04{
	background: url(../../img/Home/banner_top_04.jpg) no-repeat 50% 0;
	text-align: center;
}
.top-con-05{
	background: url(../../img/Home/banner_top_05.jpg) no-repeat 50% 0;
	text-align: center;
}
.top-con-text{
	padding-top: 125px;
}
.top-con-title{
	font-size: 48px;
}
.top-con-eng{
	font-size: 16px;
}
.navigation{
	padding: 40px 0 20px 0;
	text-align: center;
}
.navigat-item{
	display: inline-block;
	width: 138px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	margin: 0 10px;
	color: #5f6062;
	font-size: 16px;
	transition:all 1s;
	-webkit-transition:all 1s;
	cursor: pointer;
}
.navigat-item:hover{
	transition-timing-function: ease-out;
	transition-duration: .2s;
	transform: translateY(-10px);
}
.navigat-item.active{
	color: #fff;
	background: #00b8d4;
}
/*--------------------radiers.html------------------------------*/
.other-main-title{
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.other-title-text{
	width: 171px;
	height: 17px;
	background-position: 0 -470px;
	position: absolute;
	right: 100px;
	top: 13px;
}
.other-title-link{
	position: absolute;
	right: 0;
	color: #00b8d4;
}
.fly-icon{
	width: 24px;
	height: 17px;
	background-position: -175px -350px;
	position: relative;
	bottom: -4px;
	right: 5px;
}
.radiers{
	padding: 35px 0;
}
.radier{
	display: inline-block;
	width: 613px;
	height: 580px;
	background: #fff;
	overflow: hidden;
	margin: 0 18px 20px 0;
}
.radier-img{
	width: 100%;
	overflow: hidden;
	height: 383px;
}
.radier-img .radier-image{
	width: 100%;
}
.radier-title,.news-title{
	margin: 40px 0 10px 0;
	color: #212121;
	font-size: 24px;
	line-height: 28px;
	padding-right: 15px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis

}
.selected{
	display: inline-block;
	background: #fa9d11;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 14px;
	margin-right: 15px;
}
.radier-des,.news-des{
	padding: 0 17px;
	line-height: 26px;
	height: 78px;
	display: -webkit-box!important;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color: #5f6062;
}
.lists-more{
	text-align: center;
	margin: 40px 0 60px;
}
.more-three{
	width: 95px;
	height: 105px;
	background-position: 0px -495px;
}
.lists-more a{
	color: #5f6062;
	font-size: 22px;
}
/*--------------------news.html-----------------*/
.tab-link{
	display: inline-block;
	height: 100%;
	margin-right: 20px;
	color: #5f6062;
	position: relative;
}
.tab-link.active{
	color: #00b8d4;
}
.tab-link.active .tab-link-line{
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #00b8d4;
	position: absolute;
	bottom: -1px;
	
}
.other-con{
	padding: 40px 0 100px 0;
}
.new-item{
	display: block;
	background: #fff;
	position: relative;
	height: 184px;
	margin-bottom: 20px;
}
.new-img{
	width: 296px;
	height: 184px;
	overflow: hidden;
	position: absolute;
	left: 0;
}
.new-img .new-image{
	width: 100%;
	min-height: 184px;
}
.news-con{
	display: inline-block;
	width: 730px;
	padding: 0 30px;
	margin-left: 294px;
}
.new-item  .news-title{
	margin: 30px 0 15px 0;
}
.new-item:hover  .news-title{
	color: #00b8d4;
}
.news-des{
	padding: 0;
}
.new-right{
	display: inline-block;
	width: 155px;
	height: 184px;
	text-indent: 30px;
	color: #aeb0b2;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0;
}
.new-data{
	font-size: 24px;
	margin-top: 38px;
}
.new-item:hover .to-detail{
	width: 24px;
	height: 14px;
	background-position: -120px -376px;
	position: absolute;
	bottom: 40px;
	left: 40px;
}
.pages{
	padding: 40px 0;
}
.page-link{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	text-align: center;
	color: #5f6062;
	font-size: 16px;
	margin-right: 20px;
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
}
.page-link:hover,.page-link.active{
	color: #fff;
	background: #00b8d4;
}
/*---------stander.html---------*/
.standers{
	padding: 0 40px;
	background: #fff;
}
.standers .news-des{
	height: 52px;
}
.stander-main{
	padding-right: 160px;
}
.stander-item{
	display: block;
	padding: 40px 0;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.stander-item:last-of-type{
	border-bottom: none;
}
.stander-right{
	display: inline-block;
	width: 120px;
	height: 150px;
	position: absolute;
	right: 40px;
	top: 0;
	text-align: right;
	color: #aeb0b2;
	font-size: 12px;
}
.stander-item .news-title{
	margin-top: 0;
	
}
/*---------------detail.html-----------*/
.detail,.food-detail{
	background: #fff;
	margin: -60px 0 100px 0;
	min-height: 400px;
	padding: 40px;
}
.detail .detail-title{
	font-size: 24px;
	color: #212121;
	line-height: 30px;
}
.detail .detail-data{
	color: #5f6062;
	font-size: 12px;
	margin: 20px 0;
}
.detail-con img{
	max-width: 100%;
}
/*foods.html---------------*/
.hotel-con{
	padding: 30px 0 80px 0;
}
.hotel-item{
	display: inline-block;
	width: 612px;
	height: 607px;
	background: #fff;
	margin: 0 17px 20px 0;
	float: left;
}
.hotel-item .hotel-img{
	width: 100%;
	height: 385px;
	overflow: hidden;
}
.hotel-img .hotel-image{
	width: 100%;
}
.hotel-des{
	padding: 20px;
	font-size: 14px;
	color: #5f6062;
}
.hotel-title{
	font-size: 22px;
	color: #212121;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.hotel-address{
	margin: 12px 0;	
}
.address-icon,.phone-icon{
	width: 24px;
	height: 24px;
	background-position: -150px -375px;
	position: relative;
	bottom: -5px;
	margin-right: 5px;
	right: 5px;
}
.phone-icon{
	background-position: -175px -375px;
}
.staring,.detail-staring{
	width: 150px;
	height: 20px;
	background-position:0 -605px ;
	position: relative;
	bottom: -5px;
}
.staring-01{
	background-position:0 -630px ;
}
.staring-02{
	background-position:0 -655px ;
}
.staring-03{
	background-position:0 -680px ;
}
.staring-04{
	background-position:0 -705px ;
}
.staring-05{
	background-position:0 -730px ;
}
.food-link{
	float: right;
	color: #5f6062;
	margin-top: 10px;
}
.food-link .to-detail{
	width: 24px;
	height: 14px;
	background-position: -120px -376px;
}
/*-------------------tickets.html-----------------------*/
.tickets{
	padding: 40px 0;
}
.ticket{
	display: inline-block;
	width: 610px;
	height: 519px; 
	background: #fff;
	margin:  0 18px 20px 0;
	float: left;
}
.ticket-img{
	width: 610px;
	height: 225px;
	overflow: hidden;
}
.ticket-image{
	width: 100%;
}
.ticket-title{
	padding: 20px;
	border-bottom: 1px dashed #c4c6c7;
	position: relative;
}
.ticket-price{
	display: inline-block;
	float: right;
	color: #f26522;
	position: absolute;
	right: 20px;
	top: 0;
}
.ticket-price-middle{
	font-size: 24px;
}
.ticket-price .ticket-price-big{
	font-size: 36px;
	font-weight: bold;
}
.ticket-title-icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #e0f7fa;
	position: absolute;
	left: -10px;
	bottom: -10px;
}
.ticket-title-icon-right{
	left: auto;
	right: -10px;
}
.ticket-bottom{
	padding:40px 20px;
	position: relative;
}
.ticket-left{
	display: inline-block;
	width: 400px;
}
.ticket-bottom p,.ticket-bottom a{
	display: block;
	padding: 5px 0;
	color: #5f6062;
}
.ticket-code{
	display: inline-block;
	width: 150px;
	text-align: center;
	position: absolute;
	top: 40px;
}
.ewm-image{
	width: 125px;
	height: 125px;
}
.code-text{
	color: #f26522!important;
	font-size: 16px;
}
.dialog-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: none;
}
.dialog-ticket{
	display: inline-block;
	width: 960px;
	padding-bottom: 20px;
	background: #fff;
	position: fixed;
	top: 20%;
	z-index: 12;
	left: 50%;
	margin-left: -480px;
	box-shadow: -1px 6px 10px rgba(0,0,0,0.2);
	display: none;
}
.dialog-title{
	height: 80px;
	line-height: 80px;
	padding: 0 38px;
	background: #00b8d4;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.dialog-close{
	display: inline-block;
	width: 32px;
	height: 32px;
	background-position: -100px -495px;
	position: absolute;
	right: 40px;
	top: 24px;
}
.dialog-ticket-con{
	padding: 40px;
	line-height: 40px;
}
/*notices.html*/
.notices-item{
	padding: 20px 0;
	
}
.stander-main:hover .news-des{
	color: #212121;
}
.notices-item .news-des{
	min-height: 52px;
	height: auto;
}
.notices-item .stander-main{
	padding: 0 20px 0 160px;
}
.notices-item .stander-right{
	right: auto;
	left: 40px;
	text-align: left;
	height: 50px;
}
.notices-item .new-data{
	margin-top: 20px;
}
/*food_detail.html*/
.detail-top{
	width: 100%;
	height: 186px;
	background: #00b8d4;
	color: #fff;
	position: relative;
}
.food-detail{
	padding: 0;
	text-align: center;
}
.detail-name{
	font-size: 24px;
	padding: 45px 0 30px 0;
}
.detail-staring{
	background-position: 0 -755px;
}
.detail-staring-01{
	background-position: 0 -780px;
}
.detail-staring-02{
	background-position: 0 -805px;
}
.detail-staring-03{
	background-position: 0 -830px;
}
.detail-staring-04{
	background-position: 0 -855px;
}
.detail-staring-05{
	background-position: 0 -880px;
}
.shrimp-icon{
	position: absolute;
	left: 30px;
	bottom: 0;
}
.food-detail-con{
	padding: 40px;
	line-height: 30px;
}
.food-detail-con img{
	max-width: 100%;
}
.food-detail-footer{
	margin: 0 40px;
	padding: 20px 0 40px 0;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}
.food-detail-footer .hotel-phone{
	margin-left: 40px;
}
.food-detail-02 .detail-top{
	background: #fa9d11;
}
/*------------------guide.html--------------------*/
.guide{
	background: #fff;
	padding: 40px;
	margin: 20px 0 120px;
}
.guide-import{
	color: #00b8d4;
	font-weight: bold;
	margin-bottom: 10px;
}
.guide-form{
	margin: 0;
}
.guide-input {
    display: inline-block;
    width: 200px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 15px;
    text-indent: 10px;
    color: #3b3d40;
}
.guide-link {
    display: inline-block;
    width: 90px;
    height:32px;
    line-height:32px;
    background: #00b8d4;
    color: #fff;
    text-align: center;
    margin-left: 10px;
}
.guide-map{
	margin: 20px 0;
}
.guide-icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-position: -140px -500px ;
	margin: 0 5px -4px 0;
}
.guide-icon-02{
	background-position: -175px -500px ;
}
.guide-icon-03{
	background-position: -100px -530px ;
}
.guide-icon-04{
	background-position: -130px -530px ;
}
.guides-item{
	display: inline-block;
	width: 360px;
	margin-right: 40px;
	float: left;
}
.no-margin-r{
	margin-right: 0;
}
.guids-title{
	color: #00b8d4;
	padding-bottom: 8px;
	border-bottom: 2px solid #d9d9d9;
	margin-bottom: 10px;
}
.guides-detail{
	line-height: 30px;
}
/*detail.html evaluate*/
.evaluate{
	background: #fff;
	padding: 40px;
	margin-bottom: 20px;
}
.detail-eval{
	margin-bottom: 20px;
}
.eval-area{
	border: 1px solid #d7ccc8;
	width: 1140px;
	height: 120px;
	padding: 10px;
	line-height: 22px;
}
.eval-upload{
	position: relative;
	margin-top: 20px;
}
.uploadify-button{
	width: 45px;
	height: 45px;
	background-position: -155px -530px;
}
.eval-upload-input{
	opacity: 0;
	filter:alpha(opacity=0);
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
}
.eval-upload .guide-link{
	position: absolute;
	right: 0;
	bottom: 0;
}
.evaluate-item{
	margin-bottom: 80px;
}
.person-icon{
	width: 40px;
	height: 40px;
	background-position: -110px -560px;
	margin: 0 5px -15px 0;
}
.eval-time{
	float: right;
}
.eval-con{
	margin: 25px 0;
}
.eval-imgs{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 10px 10px 0 0 ;
	position: relative;
}
.eval-img{
	display: inline-block;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.eval-image{
	width: 100%;
}
.eval-img-close{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: -160px -720px;
	position: absolute;
	right: -10px;
	top: -10px;
}
.eval-con{
	padding: 0 10px 0 40px;
	border-bottom: 1px solid #d2d2d2;
}
.eval-con:last-of-type{
	border-bottom: none;
}
/*-------------about.html---------------*/
.about-con{
	position: relative;
	margin-top: 20px;
	padding-top: 108px;
}
.about-img{
	width: 1246px;
	height: 816px;
}
.about-bg-img{
	position: absolute;
	left: 0;
	top: 0;
}
.about{
	background: #0066b3;
	width: 400px;
	height: 530px;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 24px;
	padding: 40px 40px 20px 160px;
}
.about-detail{
	width: 400px;
	height: 530px;
	overflow: auto;
}
/*----------------qanda.html--------*/
.blue-text{
	color: #00b8d4;
}
.qana-main{
	padding-right: 0;
}
.qana-main .news-title{
	font-size: 18px;
}
/*contact.html*/
.contact-con{
	background: #fff;
}
.contact-top{
	display: inline-block;
	width: 1250px;
	height: 300px;
	background: url(../../img/Home/contact_bg.jpg) no-repeat;
}
.contact-top-text{
	margin: 80px 40px 0;
	line-height: 45px;
	height: 16px;
	color: rgba(0,0,0,0.6);
}
.contact-text-big{
	font-size: 36px;
}


.contact-con{
	background: #fff;
	margin:20px 0 100px;
	position: relative;
}
.contact-des{
	display: inline-block;
	width: 350px;
	margin: 25px 20px 30px 40px;
}
.contact-name{
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	position: relative;
}
.contact-name-eng{
	font-size: 12px;
	margin-bottom: 10px;
}
.contact-contact-icon{
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url(../../img/Home/icon.png) no-repeat;
	background-position: -155px  -580px;
	margin-top: 10px;
	float: left;
}
.contact-contact-icon-02{
	background-position: -155px  -630px;
	margin-left: 26px;
}
.contact-img{
	position: absolute;
	left: 0;
	top: 0;
}
.contact-code{
	display: inline-block;
	margin: 10px 40px 40px;
	text-align: center;
}
.contact-code .contact-ewm{
	width: 150px;
	height: 150px;
}
/*join*/
.join-con{
	margin-top: 20px;
	position: relative;
	background: #fff;
	margin-bottom: 80px;
}
.join-top{
	width: 1248px;
	height: 300px;
	background: url(../../img/Home/add_bg.jpg) no-repeat;
	background-size: 1250px 300px;
}
.join-text{
	display: inline-block;
	color: #fff;
	padding: 100px 0 0 700px ;
}
.join-text .join-title{
	font-size: 36px;
}
.join-text .join-title-en{
	font-size: 18px;
}
.join-item{
	padding: 35px;
}
.join-item-title{
	font-size: 16px;
	margin: 10px 0;
}
/*raider.html*/
.notice-icon{
	width: 166px;
	height: 50px;
	background-position: 0 -910px;
	margin: 0 10px -20px 0;
	
}
.notic-par{
	padding: 0 40px;
	text-align: left;
}
.notic-main{
	padding: 35px;
	text-align: left;
}
.bold-text{
	font-weight: bold;
}
.notic-attent{
	margin-bottom: 75px;
	line-height: 28px;
}
.notic-label{
	display: block;
	margin-bottom: 40px;
}
.notic-name{
	display: inline-block;
	width: 75px;
	height: 80px;
	line-height: 80px;
	position: relative;
	vertical-align: top;
}
.notic-input{
	display: inline-block;
	width: 1070px;
	height: 40px;
	padding: 25px 10px;
	line-height: 30px;
	background: #f7f7f7;
	border: 1px solid #d9d9d9;
	outline: none;
}
.notic-input::-webkit-input-placeholder{
	color: #aeb0b2;
}
.notic-text{
	display: inline-block;
	width: 1090px;
	padding: 0;
	border: 1px solid #d9d9d9;
	background: #f7f7f7;
}
.notic-textarea{
	display: inline-block;
	width: 1070px;
	border: none;
	border-top: 1px solid #d9d9d9;
	padding: 25px 10px;
	background: #fff;
	margin-top: 80px;
	min-height: 120px;
}
.notic-form .guide-link{
	margin:0 0 50px 75px;
}
/*--------------------activity.html-------------*/
.content{
	margin-bottom: 40px;
}
.activity-con{
	padding-top: 20px;
}
.activity{
	position: relative;
	margin: 23px 0 ;
	padding-bottom: 60px;
}
.act-left{
	width: 150px;
	position: absolute;
	height: 100%;
	
}
.act-left-text{
	text-indent: 30px;
	font-size: 18px;
	color: #869496;
	margin-top: -30px;
}
.act-left-mouth{
	font-size: 36px;
}
.act-icon{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #b3c6c8;
	position: absolute;
	top: -19px;
	left: 0;
}
.act-line{
	display: inline-block;
	width: 2px;
	height: 100%;
	background: #b3c6c8;
	position: absolute;
	left: 7px;
}
.act-right{
	margin-left: 160px;
}
.activity .act-item{
	background: #fff;
	height: 345px;
	position: relative;
	margin-bottom: 20px;
}
.act-img{
	display: inline-block;
	width: 613px;
	height: 345px;
	overflow: hidden;
	float: left;
}
.act-image{
	width: 100%;
}
.act-main{
	display: inline-block;
	position: absolute;
	width: 395px;
	left: 650px;
	text-align: center;
	line-height: 26px;
}
.act-title{
	font-size: 24px;
	color: #212121;
	margin: 20px 0;
}
.act-time{
	font-size: 36px;
	color: #aeb0b2;
	margin: 20px 0;
	line-height: 44px;
}
.act-position{
	width: 26px;
	height: 32px;
	background-position: -160px -680px;
	margin: 20px 0 -3px;
}
/*---------------map.html-------------*/
.map-content{
	position: relative;
	
}
.map {
    margin: 20px 0 100px;
    position: relative;
    width: 1250px;
    height: 660px;
    overflow: hidden;
    cursor: move;
}
.map-img {
    position: absolute;
    width: 1250px;
    left: 0;
    top: 0;
}
.map-oper {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    right: 20px;
    bottom: 20px;
    border: 3px solid #fff;
    cursor: pointer;
}
.map-big {
    right: 90px;
}
/*---------------audio_guide.html------------*/
.audio-div{
	margin: 20px 0 100px;
	position: relative;
}
.audio-bg{
	position: relative;
	width: 100%;
}
.audio-item{
	position: absolute;
	z-index: 1;
	width: 324px;
	height: 62px;
	top: 0;
}
.audio-img{
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.audio-main{
	background: #fff;
	display: none;
	width: 324px;
	height: 240px;
	box-shadow: -1px 5px 10px rgba(0,0,0,0.15);
	position: absolute;
	bottom: 50px;
}
.audio-image{
	width: 100%;
}
.audio-name{
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.audio-close{
	width: 24px;
	height: 24px;
	background-position: -160px -745px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.audio-pay-icon{
	width: 80px;
	height: 80px;
	background:rgba(0,0,0,0.4) url(../../img/Home/audio.png) no-repeat;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	left: 122px;
	top: 50px;
	/*目前没提供音频*/
	display: none;
}
.audioing{
	background:rgba(0,0,0,0.4) url(../../img/Home/audio.gif) no-repeat;
}
.audio-music{
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	display: none;
}
.audio-icon{
	width: 50px;
	height: 62px;
	background-position: -150px -777px;
	position: absolute;
	bottom: -20px;
	left: 137px;
	animation: audio-ani 1s  infinite linear;
	-webkit-animation: audio-ani 1s  infinite linear;
	-moz-animation: audio-ani 1s  infinite linear;
	-o-animation: audio-ani 1s  infinite linear;
}
@keyframes audio-ani{
	0% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes audio-ani{
	0% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes audio-ani{
	0% {
		-moz-transform: translateY(10px);
	}
	100% {
		-moz-transform: translateY(0);
	}
}
@-o-keyframes audio-ani{
	0% {
		-o-transform: translateY(10px);
	}
	100% {
		-o-transform: translateY(0);
	}
}
.audio-bottom-icon{
	width: 24px;
	height: 11px;
	background-position: -152px -848px;
	position: absolute;
	bottom: -10px;
	left: 150px;
}