﻿.main{ background: #f6f6f6;padding:10px 0 60px 0 }
#footer { margin-top: 0px; }
#top-nav { background: #e33737; }
#top-nav .cur { background: #f64e4e; }
#top-nav li.spc { background:url(images/icon.png) 0px -155px no-repeat; }
.col-l {width: 880px;float:left }
.col-r { width: 300px;float:right }
.clear{clear:both;}
.d-logo { float: left; width: 200px; }
.d-logo span { padding: 3px; border: 1px solid #ddd;display:inline-block }
.d-logo img { width: 160px; height: 120px; }
.d-info { float: left; }
.vr-cover{ float: left; width: 200px;}
.vr-con{width:1170px;z-index:999}
.vr_title{font-size:25px;color:#999;padding:5px 0 10px 10px }
.vr-cover img{width: 160px; height: 120px; }
.d-banner { width: 100%; max-height:400px;overflow:hidden}
.d-banner img { width: 100%; }
.d-header { position: relative; background:#fff ; height: 140px;padding:20px 0 20px 15px;border-bottom:0px }
.d-header h1 { color: #333; height: 42px;font-weight:normal;font-size:22px }
.d-header h1 .k { font-size: 12px; color: #fff; background: #64be0b; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 13px;display:inline-block;margin-left:10px;vertical-align:middle }
.d-header h1 .k:hover { color: #ddd!important; }
.d-header .tel { color: #f00; background: url(images/icon.png) no-repeat; padding-left: 20px;height:30px }
.d-header .share {margin-top:5px } 
.d-header p { line-height: 20px;color:#666;font-size:12px}
.d-header .qr { float: right;padding-top:20px;margin-right:15px ;color:#ccc;text-align:center}
.d-header .qr img { width: 74px; height: 74px;border:5px solid #fff }
.d-header .weixin img { height: 84px; width: 84px;border:0px } 
.d-nav { height: 40px; line-height: 40px; background:#fff;border-bottom:2px solid #e33737;margin-bottom:20px;}
.d-nav a { display: inline-block; padding:0 25px;font-size:15px;color:#333; }
.d-nav .cur { background: #e33737;color:#fff }
.dpos { position: fixed; top: 0px; width:1200px;z-index:999}

.box { margin-bottom: 10px; border:1px solid #e5e5e5;background:#fff}
.box-hd { height: 40px; line-height: 40px; border-bottom: 1px solid #eee;margin-bottom:5px }
.box-hd span { display: inline-block; font-size: 16px; color: #333; border-bottom: 2px solid #e71f19;height:39px;padding:0 15px; }
.box-main { height: auto; overflow: hidden; padding:15px}

#ind #map { height: 150px; margin-top:25px;padding:0px }
#ind .imgs ul { width: 900px; }
#ind .imgs li { width: 200px; height:150px;margin-right: 14px;float:left;position:relative;margin-bottom:14px }
#ind .imgs li img { width: 100%; height:100%; }
#ind .imgs li span {display:none; position:absolute;left:0px;bottom:0px;color:#fff;width:100%;text-align:center;z-index:99;height:24px;line-height:24px;overflow:hidden}
#ind .imgs li span a { color: #fff; }
#ind .imgs li span.bg { background: #333; z-index: 98;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7}
#ind .goods ul { width: 900px; }
#ind .goods li { width: 200px; height:175px;margin-right: 10px;float:left;position:relative;text-align:center }
#ind .goods li img { width: 100%; height:150px;margin-bottom:10px }
#ind .goods li a { color: #333; }
#ind .goods li span {position:absolute;top:10px;right:0px;color:#fff;width:45px;text-align:center;z-index:99;height:24px;line-height:24px }
#ind .goods li span.bg { background: #e71f19; z-index: 98;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}
#ind .comment li { position: relative; padding: 15px 0 15px 60px; height:auto;overflow:hidden;border-bottom:1px solid #eee}
#ind .comment li:last-child { border: 0px; }
#ind .comment img { position: absolute; left: 0px; top: 14px; width: 50px; height: 50px; }
#ind .comment h3 { font-size: 12px;color:#333;height:22px }
#ind .comment h3 a{ color:#333 }
#ind .comment .star { clear: both; margin:5px 0 2px 0}
#ind .comment .time { float: right; font-size: 12px; font-weight: normal;color:#999 }
#ind .comment .c-b { color: #666; padding: 8px 0; background: url(../../../images/yh.png) -88px 5px no-repeat; padding-left:18px}
#ind .comment .c-b blockquote { padding:0px 0 0 5px;margin:0px;float:left;max-width:730px;line-height:1.8em}
#ind .comment .c-b span { display: inline-block; float: left; width: 20px; height: 15px; background: url(../../../images/yh.png) 5px 0px no-repeat; }
#ind .comment-add { background: #ff6a00; padding: 3px 10px;color:#fff;float:right;line-height:20px;margin-top:8px;margin-right:10px;font-size:12px;border-radius:2px }

#ind .card { height: auto;overflow:hidden; width: auto;  position:relative;background:url(images/vip.png) 0 0 no-repeat #fff;border:1px solid #ffb8b8;margin-bottom:10px}
#ind .card h3 { font-size: 14px;color:#333;height:26px;padding:10px 0 0 50px}
#ind .card p { font-size: 12px;color:#999;line-height:1.8em;padding:0 0 10px 50px}
#ind .card a {position:absolute;right:20px;top:20px;background:#f64e4e;padding:5px 20px;color:#fff;border-radius:3px;font-size:16px }
#ind .card em { color: #ff8400;padding-left:50px;height:30px }

#ind .tuans ul { width: 845px; }
#ind .tuans li {background:#fff; width: 100%;margin:0 10px 11px 0;border-bottom:1px solid #eee;height:125px;float:left}
#ind .tuans li:last-child { border: 0px; }
#ind .tuans .img { width: 160px; height:110px; overflow: hidden; position:relative;float:left}
#ind .tuans .img img { width: 100%;height:100% }
#ind .tuans .info { float: left; width: 400px;padding:0 10px 0 15px }
#ind .tuans h3 { font-size:14px;font-weight:400;color: #333;padding:6px 0px }
#ind .tuans .depict{ color: #999;font-size:12px;line-height:1.8em;padding:3px 0px;}
#ind .tuans .price { padding: 5px 20px;float:left;text-align:center;padding-top:20px }
#ind .tuans .big-p { color: #f72862;font-size:14px }
#ind .tuans .big-p strong { font-size: 20px; }
#ind .tuans .big-p em { color: #C5C5C5;text-decoration:line-through;margin-left:5px;font-size:14px }
#ind .tuans .num {color: #999;padding:5px 0 0 0px ;display:inline-block}
#ind .tuans .num strong { color:#f72862;padding-left:5px }
#ind .tuans .img em { position: absolute; color: #fff; background: #f72862; top: 0px; left: 0px; padding: 5px 12px;opacity:0.8 }
#ind .tuans .bbtn { float: right; width: 100px; text-align: center;height:50px;padding-top:30px  }
#ind .tuans .bbtn a {background:#f64e4e;font-size:14px;padding:6px 15px;color:#fff;line-height:20px;height:20px;display:inline-block }
#ind .contact { font-size: 14px;}
.contact .box { width: 300px; }
#ind .contact h3 { font-weight: normal; font-size: 16px; padding: 10px 10px 15px 15px; color:#666}
#ind .contact p { color: #999; padding-left:40px;margin-bottom:8px;line-height:1.8em ;font-size:14px}
#ind .contact .tel { background: url(../../../images/c_icon_list.png) -70px -145px no-repeat; }
#ind .contact .address { background: url(../../../images/c_icon_list.png) -70px -197px no-repeat; }

.coupon{padding:10px;height:auto;overflow:hidden}
.coupon ul{width:910px}
.coupon li{float:left;width:270px;margin: 5px 20px 5px 0;height:100px;background:url(/images/coupon.png) no-repeat;position:relative;color:#fff;}
.coupon li i{font-size:66px;position:absolute;top:-2px;left:10px;font-weight:bold}
.coupon li em{font-size:16px;position:absolute;top:50px;left:106px}
.coupon li  b{font-size:12px;position:absolute;bottom:5px;left:10px;font-weight:normal;color:#df2277}


