/*----样式初始化----------------------*/
html { height: 100%; }
body { font-family:"微软雅黑"; background: #fff ; -webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/}
* { padding: 0; margin: 0; border: 0; font-style: normal; font-weight: normal; -webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/ -webkit-touch-callout: none;/*禁止链接长按弹出选项菜单*/ }
nav, footer, section, header, article { display: block; }
ul { list-style: none; }
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0);/*禁止链接高亮*/ -webkit-touch-callout: none;	/*禁止链接长按弹出选项菜单*/ }
a:link, a:visited, a:hover, a:active { color: #000; text-decoration:none; }
input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: none;}

img { display: block;border:none; }

textarea {-webkit-appearance:none; /*去除input默认样式*/}
/*input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none;}

input[type="date"]:before {
	content: attr(placeholder);
	color:#666;
}
::-webkit-input-placeholder {
	color:#666;
}


/*首页*/
.bg{ background:url(../img/bg.jpg) no-repeat center center; position:fixed; z-index:-1; bottom:0; right:0; background-size:cover; width:100%; height:100%;}
.logo{ width:80%; margin:0 auto}
.logo img{ width:100%; margin:0 auto}

.cz{ width:88%; margin:0 auto; margin-top:-10%;}
.cz img{ width:100%;} 

.text1{ width:75%; margin:0 auto; margin-right:2%; margin-top:-2%;}
.text1 img{ width:100%;} 

.menu{ width:100%; margin:0 auto; border-top:1px solid #e8e8e8; /*position:fixed; left:0; bottom:2%;*/}
.menu img{}
.menu ul{}
.menu ul li{ width:18%; float:left; margin-top:0; margin-left:1.7%}
.menu ul li img{width:30%; margin:0 auto} 
.menu ul li a{}

@media screen and (max-width: 320px) and (max-height: 480px){/*iphone4s */
.bg{ background:url(../img/bg.jpg) no-repeat bottom; position:fixed; z-index:-1; bottom:0; right:0; background-size:cover; width:100%; height:100%;}

.menu{ width:100%; margin:0 auto; border-top:1px solid #e8e8e8;}
.height{ height:5px; font-size:8px; color:#FFF}
}
@media screen and (max-width: 320px){/*iphone5s */
.text1{ width:75%; margin:0 auto; margin-top:5%; margin-right:2%;}

.menu{ width:100%; margin:0 auto; border-top:1px solid #e8e8e8; margin-top:6%;}
.height{ height:5px; font-size:8px; color:#FFF}
}



/*头部*/


/**/








/*包厢预定*/

.bxqk{ /*width:100%; margin:0 auto; margin-top:55px; font-size:14px; color:#b8b8b8; line-height:25px*/width:92%; margin:0 auto;margin-top:55px; border:1px solid #836a7b; padding:2%;color:#b8b8b8; font-size:14px; line-height:20px; border-radius:3px;}
.bxqk ul{}
.bxqk ul li{ height:90px; background:#000;border-bottom:1px dashed #3f2e44;}
.bxqk ul li a .img{ width:30%;  display:block; height:75px; float:left; padding-top:5px;}
.bxqk ul li a .img img{margin:0 auto; box-shadow:1px 1px #9f8543}
.bxqk ul li a .text{ width:68%; float:right;color:#b8b8b8; margin-top:2%;}
.bxqk ul li a .text .title{ color:#ececec; font-size:16px; margin:0; padding:0;}
.cons{ line-height:25px;}

.bxbd{/* position:absolute; width:100%; margin:0 auto; margin-top:55px; font-size:16px; color:#b8b8b8; line-height:25px;right:0%;*/width:92%; margin:0 auto;margin-top:55px; border:1px solid #836a7b; padding:2%;color:#b8b8b8; font-size:14px; line-height:20px; border-radius:3px;}

input{ width:97%;height:26px; background:#e1cde6; color:#16071a; font-size:16px; padding-left:3%;}
textarea{ width:97%; height:50px; background:#e1cde6; border:#CCC 1px solid; color:#16071a; font-family:"微软雅黑";font-size:16px;padding-left:3%;}

.btn{width:100%; background: #16071a; display:block; text-align:center;  height:30px; line-height:30px; margin-top:22%; margin-bottom:3%; font-size:14px; color:#fff;!important}
.btn a{color:#b8b8b8; font-family:"微软雅黑"; display:block;}
.bxxq{/* position:absolute; width:100%; margin:0 auto; margin-top:55px; font-size:14px; color:#b8b8b8; line-height:25px;right:0%;*/width:92%; margin:0 auto;margin-top:55px; border:1px solid #836a7b; padding:2%;color:#b8b8b8; font-size:14px; line-height:20px; border-radius:3px;}


/*微信购物*/
.wg{ width:100%;margin:0 auto; background:#ccc; overflow:hidden; padding:1% 0;}
.wg ul{ margin-top:53px;}
.wg ul li{}
.wg ul li .tu{ width:100%; }
.wg ul li .tu img{ width:96%; margin:0 auto; border-radius:5px 5px 0 0 ;}
.wg ul li .zi{ width:96%; height:25px; color:#b8b8b8; margin:0 auto}
.wg ul li .zi .left{ width:97%; background:#fff; float:left;height:30px; line-height:30px; padding-left:3%; color:#000; font-size:14px; border-bottom:1px dashed #CCCCCC;border-radius:0 0 5px 5px;}
.wg ul li .zi .left h1{ font-size:16px; color:#16071a; font-weight:bold}

.wg ul li .zi .right{ width:97%; background:#fff; float:left;height:40px; line-height:40px; color:#ff4883; font-size:18px; padding-left:3%; border-radius:5px 5px 5px 5px;margin-bottom:2%;box-shadow:0px 1px 1px #666; }
.wg ul li .zi .right span{ font-size:14px;}

.wg ul li .zi .right1{ width:97%; background:#fff; float:left;height:40px; line-height:40px; color:#16071a; font-size:18px; padding-left:3%; border-radius:5px 5px 5px 5px;margin-bottom:2%;box-shadow:0px 1px 1px #666; }



.wgxq{ width:92%; margin:0 auto;margin-top:55px; border:1px solid #836a7b; padding:2%;border-radius:3px;}
.wgxq .tit{ color:#fff; border-bottom:1px dashed #3f2e44; height:30px; line-height:23px; text-align:center;margin-bottom:1.5%;}
.wgxq .texr{ color:#b8b8b8; font-size:14px;}
.wgxq .xq{ color:#b8b8b8; font-size:14px; line-height:20px;}
.wgxq .xq .tit1{ color:#fff; height:30px; line-height:23px; text-align:left; margin-top:3%; font-size:16px; margin-bottom:0.58%;}

.wgxq .xq2{ color:#b8b8b8; font-size:14px; line-height:20px;}
.wgxq .xq2 .tit2{ color:#fff; height:30px; line-height:23px; text-align:left; margin-top:3%; font-size:16px; margin-bottom:0.58%;}



.intro{ padding:10px; font-size:14px; color:#555; line-height:25px; border:#CCC 1px solid; margin:0 auto; background:#FFF; margin:8px;}
.intro .btn{ width:35%; margin:0 auto}
.intro .btn img{ width:100%;}



.intro{ overflow:hidden;}
.intro .img{ width:100%;}
.intro .img img{ width:100%;}
.intro .text{ }
.intro .text h2{color:#08375c; font-size:16px; text-align:center; font-weight:bold; border-bottom:#999 1px dashed; height:35px; line-height:35px; margin-bottom:5px; margin-top:-5px; }
.intro .text li{ /*background:#ebebeb;*/ padding-left:5px;}
.intro ul{}
.intro .text h4{ color:#08375c}



/*音乐*/
#audio_btn{
	position: fixed;
	top: 10px;
	right:10px;
	z-index: 20001;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	}

	.loading_background {
		background-image: url(../images/music_loading.gif);
		background-size: 30px 30px;
		opacity: 0.5;
		background-position: center center;
	}

	.loading_yinfu {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 30px;
		height:30px;
		background-image: url(../images/yinfu.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

	.play_yinfu {
		background-image: url(../images/music.gif);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 60px 60px;
	}

	.rotate {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 30px;
		height: 30px;
		background-size: 100% 100%;
		background-image: url(../images/music_off.png);
		-webkit-animation: rotating 1.2s linear infinite;
		-moz-animation: rotating 1.2s linear infinite;
		-o-animation: rotating 1.2s linear infinite;
		animation: rotating 1.2s linear infinite;
	}

	@-webkit-keyframes rotating {
	    from{
	        -webkit-transform: rotate(0deg);
	    }
	    to{
	        -webkit-transform: rotate(360deg);
	    }
	}
	@keyframes rotating {
	    from{
	        transform: rotate(0deg);
	    }
	    to{
	        transform: rotate(360deg);
	    }
	}

	@-moz-keyframes rotating {
	    from{
	        -moz-transform: rotate(0deg);
	    }
	    to{
	        -moz-transform: rotate(360deg);
	    }
	}

.off{background-image: url(../images/music_off.png);background-size: 30px 30px; background-repeat: no-repeat;background-position: center center;}