body,html{background:#fff;}
.wrap{width:100%; margin:0 auto; clear:both; overflow:hidden;}

#MusicControl{display:block; position:absolute; z-index:1000; top:8px; right:8px; width:20px; height:20px; overflow:hidden; background:url(../images/nomusic.png) center center no-repeat; background-size:20px 19px;}
#MusicControl.on{background:url(../images/music.png) center center no-repeat; background-size:20px 19px;}

#header{background:#1C2628; height:40px; position:relative}
#header ul li{float:left; height:40px; width:80px; text-align:center; background:url(../images/bg.png) -310px -303px no-repeat;}
#header ul li a{display:block; width:21px; height:21px; margin:0 auto; margin-top:10px; cursor:pointer;}
#header ul li.first{background:none;}
#header ul li.home a{background:url(../images/nav_home.png) center top no-repeat; background-size:100%;}
#header ul li.back a{background:url(../images/nav_back.png) center top no-repeat; background-size:100%;}
#header ul li.tel a{background:url(../images/nav_tel.png) center top no-repeat; background-size:100%;}
#header ul li.lbs a{background:url(../images/nav_lbs.png) center top no-repeat; background-size:100%;}
#header ul li.music a{background:url(../images/nav_notalk.png) center center no-repeat; background-size:100%;}
#header ul li.music a.on{background:url(../images/nav_talk.png) center center no-repeat; background-size:100%;}
#header ul li.search a{background:url(../images/icon_search.png) center center no-repeat; background-size:100%;}
#header_menu{ position:absolute; top:0px; left:0px; z-index:2; width:100%;background:#1C2628; height:40px;}
#search{ padding-left:30px;}
#search .lbar{ float:left; position:absolute; left:10px;top:12px}
#search .rbar{ float:right; width:96%;height:30px;background:#000000; overflow:hidden; margin-top:4px; margin-right:5px; padding-right:20px; position:relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:5px}
#search .lbar a{ background:url(../images/close_icon.png) no-repeat; background-size: 15px 15px; display:inline-block; width:15px; height:15px}
#search .rbar .format_input{ height:100%; border:0px; background:none; width:98%; padding:0 3px; color:#FFF; height:30px}
#search .rbar .btn{ background:url(../images/enter_icon.png) no-repeat; border:0px;background-size: 16px 15px; width:20px; height:30px; position:absolute; right:5px; top:10px}
#column a{text-decoration:none;}
#column .contents{padding:8px; overflow:hidden; word-wrap:break-word; font-size:16px; line-height:180%;}
#column .contents img{vertical-align:top;}
#column .share{text-align:center; padding:8px 0;}
#column .share span{border:0; color:#333333; text-align:center; border-radius:3px;height:32px; line-height:32px; display:inline-block; width:35%; padding-left:10%; margin:0 4px; font-size:14px; border:1px solid #e6e6e6}
#column .share span.friend{background:url(../images/share_friend.png) 18% 8px no-repeat #fff; background-size:20px auto}
#column .share span.quan{background:url(../images/share_quan.png) 15% center no-repeat #fff; background-size:20px auto}
#column #backtotop{ width:94%; height:32px; line-height:32px; text-align:center; display:block; color:#fff; background:#8c8b8b; margin:0 auto 10px auto;}
#column .list-type-0 .item{border-bottom:1px solid #ddd; padding:7px 0; height:75px; overflow:hidden; background:url(../images/bg.png) 0 -115px repeat-x; position:relative;}
#column .list-type-0 .item .img{width:105px; height:75px; overflow:hidden; position:absolute; left:7px; top:7px;}
#column .list-type-0 .item .img img{width:100%; min-height:100%;}
#column .list-type-0 .item .info{overflow:hidden; position:absolute; left:112px; top:7px; margin-left:7px; margin-right:30px;}
#column .list-type-0 .item .info h1{min-height:16px; line-height:16px; margin-bottom:3px; font-weight:bold; color:#24599a;}
#column .list-type-0 .item .info h2{height:55px; line-height:150%; overflow:hidden; color:#888; font-size:12px;}
#column .list-type-0 .item .detail{width:30px; float:right; overflow:hidden; padding-top:30px;}
#column .list-type-0 .item .detail span{display:block; width:20px; height:20px; margin:0 auto; background:url(../images/list_icon.png)  no-repeat; background-size:20px}
#column .list-type-1{width:100%; box-sizing:border-box; padding:7px 1px; padding-bottom:0;}
#column .list-type-1 .list{width:99%; margin:0 auto;}
#column .list-type-1 .item{float:left; width:50%; overflow:hidden;}
#column .list-type-1 .item div{background:#fff; margin:0 4px; margin-bottom:7px;}
#column .list-type-1 .item ul{width:94%; overflow:hidden; margin:0 auto; padding-top:4px;}
#column .list-type-1 .item ul .img{height:100px; overflow:hidden;}
#column .list-type-1 .item ul .img img{width:100%; min-height:100%;}
#column .list-type-1 .item ul .title{height:26px; line-height:26px; text-align:center; overflow:hidden; color:#9d9286;}
#column .list-type-2 .item{border-bottom:1px solid #ddd; padding:7px 0; height:55px; overflow:hidden; background:url(../images/bg.png) 0 -115px repeat-x; position:relative;}
#column .list-type-2 .item .info{overflow:hidden; position:absolute; top:7px; margin-left:7px; margin-right:30px;}
#column .list-type-2 .item .info h1{height:20px; line-height:20px; overflow:hidden; font-weight:bold; color:#9d9286;}
#column .list-type-2 .item .info h2{height:35px; line-height:150%; overflow:hidden; color:#888; font-size:12px;}
#column .list-type-2 .item .detail{width:30px; float:right; overflow:hidden; padding-top:20px;}
#column .list-type-2 .item .detail span{display:block; width:20px; height:20px; margin:0 auto; background:url(../images/bg.png) -88px -92px no-repeat;}
#column .list-type-3 .item{position:relative; z-index:1; width:100%; border-bottom:1px solid #494949;}
#column .list-type-3 .item img{width:100%; vertical-align:middle;}
#column .list-type-3 .item .title{position:absolute; left:0; bottom:0; height:35px; line-height:35px; padding:0 5px; background:url(../images/black_bg.png); z-index:2; color:#fff; width:130px; overflow:hidden;}
#column .list-type-3 .item .title span{background:url(../images/icon_arrow.png) right center no-repeat; display:block; width:95%; height:100%; text-align:center}
#column .list-type-4{background:#fff;}
#column .list-type-4 .item{width:100%; padding:10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom:1px solid #EBEBEB; position:relative;}
#column .list-type-4 .item .img_bar{width:148px; background:url(../images/img_bg.png) no-repeat right bottom; background-size:auto 68px; position:absolute; z-index:2; left:8px; top:8px;}
#column .list-type-4 .item .img_bar div{width:130px; height:93px; border:2px solid #e2e2e2; padding:1px; background:#fff;}
#column .list-type-4 .item .img_bar img{width:100%; vertical-align:middle; height:100%;}
#column .list-type-4 .item .info_bar{width:98%; position:relative; z-index:1; min-height:93px; padding-left:164px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#column .list-type-4 .item .info_bar h1{font-weight:bold; color:#9d9286; padding-bottom:5px;}
#column .list-type-4 .item .intro{line-height:18px; color:#a4a6a9; font-size:12px;}
#column .list-type-4 .spe .info_bar{padding-left:8px; padding-right:156px;}
#column .list-type-4 .spe .img_bar{left:auto; right:8px;}
#column .list-type-4 .btm{width:100%;}
#column .list-type-4 .btm img{width:100%; height:auto; vertical-align:middle}
#column .list-type-5 .item{width:100%; padding:8px 0; background:#f7f7f5; border-bottom:1px solid #E1E1E1; position:relative}
#column .list-type-5 .bg{background:#fefefe;}
#column .list-type-5 .item .lbar{width:105px; height:75px; overflow:hidden; position:absolute; z-index:2; left:10px; top:8px;}
#column .list-type-5 .item .lbar img{width:100%; height:auto; border-radius:5px;}
#column .list-type-5 .item .rbar{width:98%; padding-left:125px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:1; min-height:75px;}
#column .list-type-5 .item .rbar h1{height:20px; line-height:20px; overflow:hidden; margin-bottom:3px; color:#9d9286; font-weight:bold;}
#column .list-type-5 .item .rbar .intro{text-overflow:ellipsis; width:100%; height:54px; line-height:18px; overflow:hidden; color:#a4a6a9; font-size:12px;}
#column #turn_page{padding:9px 0 6px 0;}
@media all and (min-width:360px){
	#column .list-type-1 .item ul .img{height:113px;}/*((360-2)×0.99×0.5-4*2)×0.94÷1.4*/
	/*#column .list-type-4 .item .img_bar{width:159px}
	#column .list-type-4 .item .img_bar div{width:140px; height:100px;}*/
}
@media all and (min-width:420px){
	#column .list-type-1 .item ul .img{height:133px;}
	/*#column .list-type-4 .item .img_bar{width:189px; background-size:auto 78px;}
	#column .list-type-4 .item .img_bar div{width:170px; height:122px;}*/
}
@media all and (min-width:480px){
	#column .list-type-1 .item ul .img{height:153px;}
	/*#column .list-type-4 .item .img_bar{width:210px; background-size:auto 78px;}
	#column .list-type-4 .item .img_bar div{width:190px; height:136px;}*/
}

#lbs{background:#eee;}
#lbs a.gps{display:block; width:305px; height:51px; margin:10px auto; overflow:hidden;}
#lbs .shop_img{text-align:center;}
#lbs .shop_img img{width:100%;}
#lbs .item{margin:10px auto; width:95%; padding:5px 0; clear:both; border:1px solid #C3C3C3; border-radius:8px; background:#F9F9F9; position:relative;}
#lbs .item .name{height:22px; line-height:22px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold;}
#lbs .item .tel_ico{width:16px; height:17px; background:url(../images/bg.png) -304px -280px no-repeat; position:absolute; left:5px; top:6px;}
#lbs .item .item_name{font-weight:bold; font-size:16px; width:45px; padding-left:8px; height:17px; line-height:17px; position:absolute; left:19px; top:6px;}
#lbs .item .tel_number{width:auto; padding-left:72px; padding-right:5px; min-height:17px;}
#lbs .item .tel_number a{font-size:16px;}
#lbs .item .address_ico{width:16px; height:17px; background:url(../images/bg.png) -304px -248px no-repeat; position:absolute; left:5px; top:6px;}
#lbs .item .address{width:auto; padding-left:72px; padding-right:5px;}
#lbs .item .description{line-height:150%; padding:0 8px;}
#lbs #map{width:100%; min-height:250px;}

#footer_points{height:42px; clear:both;}
#footer{width:100%; margin:0 auto; background:url(../images/bg.png) 0 0 repeat-x; height:42px; position:fixed; z-index:1000; bottom:0;}
#footer a{text-decoration:none; color:#333;}
#footer a.cur{color:#ff6600;}
#footer ul{margin-top:0px; border-top:1px solid #C4C4C4;}
#footer ul li{position:relative; float:left; height:41px; line-height:41px; width:80px; text-align:center; background:url(../images/bg.png) -312px -55px no-repeat;}
#footer ul li.first{background:none;}
#footer ul li img{padding-right:2px;}
#footer ul li div, #footer ul li a{height:42px; line-height:42px; overflow:hidden; cursor:pointer; display:block;}
#footer ul li div.cur{color:#ff6600;}
#footer ul dl{box-shadow:0 0 8px #333; bottom:42px; position:absolute; width:100%; display:none; background:#E6E6E6; padding-bottom:4px;}
#footer ul dl dd{height:40px; line-height:40px; overflow:hidden; background:url(../images/column_bg.png) center bottom no-repeat; padding:0 5px;}
#footer ul dl dd.first{background:none;}

#sub_banner{width:100%; height:160px; overflow:hidden; display:none}
#sub_banner *{height:100%; width:100%;}
@media all and (min-width:360px){
	#sub_banner{height:180px;}
}
@media all and (min-width:420px){
	#sub_banner{height:210px;}
}
@media all and (min-width:480px){
	#sub_banner{height:240px;}
}
@media all and (min-width:560px){
	#sub_banner{height:280px;}
}
@media all and (min-width:640px){
	#sub_banner{height:320px;}
}
#PagesShow_blank{width:100%; position:absolute; left:0px; top:0px; background:#000; z-index:999999;}
#PagesShow{width:100%; position:absolute; left:0px; top:0px; z-index:1000000; overflow:hidden; display:none}
#PagesShow img{width:100%; height:auto}

#products .bg{ background:#F9F9F9}
#products .items{ padding:5px; border-bottom:1px dotted #c03701; position:relative; padding-left:110px; min-height:100px}
#products .items .img{ width:90px; height:90px;  position:absolute; left:10px; top:10px}
#products .items .img img{ width:100%; height:100%}
#products .items .name{ font-weight:bold; font-size:14px; margin:5px 0}
#products .items .brief{ font-size:12px; line-height:20px}

.warning{ width:100%; padding:180px 0 60px 0; background:url(../images/warning_icon.png) center 20px no-repeat;background-size: 140px; text-align:center}
.warning span{ color:#F00; font-weight:bold}