/* 全局样式 */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, object, iframe, form, blockquote, fieldset, input, textarea, code, address, caption, cite, code, em, i, ins {margin: 0px; padding: 0px; font-style: normal; font-size: 12px; font-weight: normal;}
body {background: #FFF; color: #565656; font-size: 12px; font-family:"宋体", Arial Narrow, arial, serif; line-height: 180%; background: url(http://cache.hujiaobeibei.net/image/top-bg-new.gif) repeat-x;}
fieldset, img {border: 0;}
table, td, tr, th {font-size: 12px;}
table {border-collapse: collapse; border-spacing: 0px;}
caption, th {text-align: left;}
li {list-style-type: none;}
ul, ol {list-style: none;}
select, input, img {vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
a:link {text-decoration: none; color: #565656;}
a:visited {text-decoration: none; color: #565656;}
a:hover {color: #C00!important; text-decoration: none!important;}
a:active {color:#565656;}
/*占位符*/
.blank10 {clear:both; height:9px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
/* 通用样式 */
.clearit {clear: both;}
a.DodgerBlue:link, a.DodgerBlue:visited, .DodgerBlue {color: #0066CC;}
a.DodgerRed:link, a.DodgerRed:visited, .DodgerRed {color: #CE0E0B;}
a.Crimson:link, a.Crimson:visited, .Crimson {color: #E61015;}
a.sjname:link, a.sjname:visited, .sjname {color: #D0596D;}
.Silver {color: #CBCBCB;}
.OrangeRed:link, a.OrangeRed:visited, .OrangeRed {color: #F0421D;}
.sRed {color: #c30000;}
a.Tomato:link, a.Tomato:visited, .Tomato {color: #FA5452;}
a.Black:link, a.Black:visited, .Black {color: #000;font-weight:bold;}
a.f12blod-a:link, a.f12blod-a:visited, .f12blod-a {color: #ef431f; font-weight:bold;}
a.coupons-a:link, a.coupons-a:visited, .coupons-a {color: #d1586c;}
a.Cmore:link, a.Cmore:visited, .Cmore {color: #ccc;}
.hidden{display:none;}
a.c777:link, a.c777:visited, .c777 {color: #777;}
a.cf04:link, a.cf04:visited, .cf04 {color: #f04323;}
a.cd15:link, a.cd15:visited, .cd15 {color: #d15a70;}
a.cf12b:link, a.cf12b:visited, .cf12b {color: #f04321; font-family:Arial, Helvetica, sans-serif; width:15em; white-space: nowrap; overflow: hidden; display:inline-block; font-weight:bold; cursor:pointer;}/*餐厅餐单页的菜名*/
a.cf24:link, a.cf24:visited, .cf24 {color: #81511c; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; cursor:pointer;}/*餐厅餐单页的菜价*/
/*左右浮动*/
.left{ float:left;}
.right{ float:right;}
/*增加图片下边距*/
.imgmargin5 {margin-bottom:5px;}
/*增加字体大小*/
.f14blod {font-size:14px; font-weight:bold; color:#CC3300;}
.f14px {font-size:14px; font-weight:bold;}
.f16blod {font-size:16px; font-weight:bold; color:#565656; font-family:Arial, Helvetica, sans-serif;}
.f12blod {font-size:12px; font-weight:bold; color:#795d4f;}
.fB{font-weight:bold;}
.fB h3{font-weight:bold;}
.f11 {font-size:11px; font-family:Arial, Helvetica, sans-serif;color:#ee6300;}
a.DodgerRed14px:link, a.DodgerRed14px:visited, .DodgerRed14px {color: #f4a4a4;font-size:14px;}
/* 总体布局 */
#container {width:960px; margin-right:auto; margin-left:auto;}
#wrapper {width:960px; padding-top:2px; padding-bottom:5px; margin:0 auto; float:left;}
#footer {width:960px; text-align:center; color: #6A7780; clear:both; font-family:Arial,"宋体";border-top:1px #CCCCCC solid;padding:10px 0 10px 0;}
/* 下拉框样式--Leo */
.dropdown a, .dropdown a:visited {color: #646464; text-decoration: none; outline: none;}
.dropdown a:hover {color: #111;}
.dropdown dt {position: absolute; top:0px; left: 0px;}
.dropdown dt a:hover {color: #000;}
.dropdown dt a {display: block; width:60px; height:19px; background-attachment: scroll; background: url(http://cache.hujiaobeibei.net/image/mousedown.gif) no-repeat right center;}
.dropdown dt a span {cursor: pointer; display: block;}
.dropdown dd {position: absolute; top:20px; left: 0px; z-index: 2000;}
.dropdown dd ul {display: none;width: auto;width: 60px;border: 1px solid #646464;background: #fff;list-style: none;background-attachment: scroll;
background-image: none;background-repeat: repeat;background-position: 0 0;z-index: 1000;padding-bottom: 6px;}
.dropdown dd ul li {height: 12px;padding-left: 2px;}
.dropdown dd ul li a {display: block;}
.dropdown dd ul li a:hover {background-color: #C8C8C8;}
/* 首页右侧Flash广告 */
.slideshow {width: 272px; height: 200px; overflow: hidden;}
/* 图片放大边框效果 */
#imgpreviewwithstyles {padding: 2px; z-index: 999; border: 3px solid #999; position: absolute; background-color: #FFF;}
/*CSS 翻页样式*/
.pages-width{padding-top:10px;}
.meneame {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.meneame a {
BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: center bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(http://cache.hujiaobeibei.net/image/meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500!important; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none;
}
.meneame a:hover {
BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
.meneame a:active {BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
.meneame .current88 {BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
}
.meneame .disabled88 {BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid; width: 8px;}
a.name12px:link, a.name12px:visited, .name12px {color: #E37B32;}
/*-------------新的头部样式---------------*/
#header{ width:960px;margin:auto;}
#header-infobar{width:960px; height:25px; color:#333; line-height:25px; margin-bottom:5px;}
#header-infobar .left{ float:left;}
#header-infobar .right{float:right;}
#header-infobar a{ color:#2c629e;}
#header-infobar .right a{margin:0 5px 0 7px }
#header-mainbox{width:960px;}
#header-mainbox .logo{float:left;}
#header-mainbox .city {
FLOAT: left; BACKGROUND-IMAGE: url(http://cache.hujiaobeibei.net/image/sh_icon.gif); MARGIN-LEFT: 10px; WIDTH: 90px; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat;
}
#header-mainbox .city .first {
FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: "黑体";
}
#header-mainbox .city li{float:left; width:90px;}
#header-mainbox .city2{float:left; margin-left:10px; width:90px; padding-top:20px; background: url(http://cache.hujiaobeibei.net/image/gz_icon.gif) no-repeat;}
#header-mainbox .city2 .first{font-family:"黑体"; font-size:16px; color:#000000;}
#header-mainbox .city2 li{float:left; width:90px;}
#header-mainbox .city3{float:left; margin-left:10px; width:90px; padding-top:20px; background: url(http://cache.hujiaobeibei.net/image/sz_icon.gif) no-repeat;
}
#header-mainbox .city3 .first{font-family:"黑体"; font-size:16px; color:#000000;}
#header-mainbox .city3 li{float:left; width:90px;}
.banner{float:left; padding-top:5px;}
#header-mainbox .search {
BACKGROUND: url(http://cache.hujiaobeibei.net/reg_images/search-bar-bg.gif) no-repeat 50% bottom; FLOAT: left; MARGIN-LEFT: 30px; WIDTH: 290px; PADDING-TOP: 25px; HEIGHT: 33px
}
#header-mainbox .search .box {
BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 4px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(http://cache.hujiaobeibei.net/image/search_bar_inputbg.gif) no-repeat; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 3px; WIDTH:192px; COLOR: #cccccc; LINE-HEIGHT: 25px; HEIGHT: 25px; BORDER-RIGHT-WIDTH: 0px
}
#header-mainbox .search .mouseclick {
MARGIN-TOP: 6px; FLOAT: left; WIDTH: 60px; LINE-HEIGHT: 19px; HEIGHT: 19px
}
#header-mainbox .search .mouseclick_box {
MARGIN-TOP: 2px; FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 125px; LINE-HEIGHT: 19px; HEIGHT: 19px
}
#header-mainbox .search .mouseclick_box INPUT {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 125px; COLOR: #ccc; LINE-HEIGHT: 19px; HEIGHT: 19px;
BORDER-RIGHT-WIDTH: 0px
}
#header-mainbox .search .but {
MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: 3px; CURSOR: pointer
}
/* 我的胡椒蓓蓓 */
#header-infobar .right {width:270px;}
#mycenter {width: 7.5em; position: relative;}
#mycenter dt {
top: 1px;
left: 1px;
padding-left: 0.4em;
width: 7.5em;
position: absolute;
background: url(http://cache.hujiaobeibei.net/image/arrow.gif) no-repeat 7em center;
color: #666;
cursor: pointer;
}
#mycenter dd {
top: 0px;
left: 0px;
padding-left: 0.4em;
width: 7.5em;
position: absolute;
border: 1px solid #BFBFBF;
z-index: 1000;
display: none;
background-color: #FFFFFF;
background-image: url(http://cache.hujiaobeibei.net/image/arrow_up.gif);
background-repeat: no-repeat;
background-position: 7em 5px;
}
/* 辣椒*/
.heart12 {width: 60px; background: url(http://cache.hujiaobeibei.net/image/heart-12.gif) repeat; display: inline-block; height: 12px; font-size:0px;}
.he0 {background-position: -60px 0px;}
.he1 {background-position: -48px 0px;}
.he2 {background-position: -36px 0px;}
.he3 {background-position: -24px 0px;}
.he4 {background-position: -12px 0px;}
.he5 {background-position: 0px 0px;}
/*css截字*/
.text-flow{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-width{width:56px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.name-4em{width:4em; text-align:center; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}/*商家名字显示4个字*/
.name-8em{width:6em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}/*优惠券名字显示8个字*/
.name-8em-s{width:8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:inline-block; cursor:pointer; font-family:Arial, Helvetica, sans-serif;}/*优惠券名字显示8个字*/
.name-8-5em{width:8.5em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}/*名字显示9个字*/
.name-9em{width:9em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}/*名字显示9个字*/
.name-12em{width:12em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:inline-block; cursor:pointer;}/*名字显示12个字*/
.name-12em2{width:11em; overflow: hidden; white-space: nowrap; display:inline-block; }/*名字显示12字没省略号*/
.name-15em{width:15em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:inline-block; cursor:pointer;}/*名字显示15个字*/
.name4-box{width:56px; text-align:center; display:inline-block; float:left; background:url(http://cache.hujiaobeibei.net/image/xx.gif) no-repeat; background-position: 0 4px; margin-right:5px;}/*商家名字4个子的外框*/
.name-4f{width:47px; text-align:center; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}
.index-l{float:left; padding-right:5px;}
.index-l1{float:left; margin-right:5px;}
.index-l2{float:left;}
.name-10em{width:8em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer; text-overflow: ellipsis;}/*超出显示省略号*/
.name-10-10{width:9em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer; text-overflow: ellipsis;}/*超出显示省略号*/
.name-8-8{width:14em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer;}
.name-t12{ padding-left: 35px;width:10em; overflow: hidden; white-space: nowrap; display:inline-block; cursor:pointer;}
.name-7{width:7em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer; text-overflow: ellipsis;}/*超出显示省略号*/
.name-7n{width:7em; white-space: nowrap; overflow: hidden; display:inline-block;}
.name-9n{white-space: nowrap; overflow: hidden; display:inline-block;width:9em!important;/*兼容火狐的*/*width:9em!important;/*这是兼容IE7的*/width:8em; /*IE6*/}
.cou-name19{width:19em; white-space: nowrap; overflow: hidden; display:inline-block;}/*优惠券名字显示18个字*/
.cou-name16{width:14em; white-space: nowrap; overflow: hidden; display:inline-block;}/*优惠券名字显示16个字*/
.cou-name24{width:20em; white-space: nowrap; overflow: hidden; display:inline-block; cursor:pointer; text-overflow: ellipsis;}
/*商家优惠券右侧的优惠券名字*/
.name-268{width:15em;white-space: nowrap;overflow: hidden; display:inline-block;cursor:pointer;text-overflow: ellipsis;/*超出显示省略号*/}
.name-268-hot{width:13em;white-space: nowrap;overflow: hidden;display:inline-block;cursor:pointer;text-overflow: ellipsis;/*超出显示省略号*/}
/*翻页样式*/
#pagebox{width:593px; height:30px; font-family:Arial, Helvetica, sans-serif;}
#pagelist {float:right;}
#pagelist ul li {height:20px; float:left; line-height:18px; margin:0px 2px; list-style:none;}
#pagelist .border0px{border:0px; padding-right:10px;}
#pagelist ul li a {border:1px solid #ff6600; background:#fff4ec; color:#FF6600; display:block; padding:0px 6px;}
#pagelist .current {background:#ff6600; color:#FFF; display:block; padding:0px 6px;}
.pagelist {text-align:right; float:right; margin-top:10px; height:30px; line-height:30px; clear:both;}
.pagelist .PageSel {color:#FF6600; font-weight:bold; background:#FFF; border:0px #CCCCCC solid; padding:2px 5px; margin:2px;}
.pagelist .PageLink, .pagelist .NextPage {background:#FFF; border:1px #CCCCCC solid; padding:2px 5px; color:#0041D9; margin:2px;}
/*新登录style*/
.box960{width:954px;background:#fdf3e9;padding:3px;margin:20px 0}
.box960 .contentDiv{border:1px solid #ffdb69;background:#fff;padding:35px 50px}
.box960 .contentDiv h2{background:url(http://cache.hujiaobeibei.net/image/loginh2.gif) no-repeat left center;padding-left:210px; text-indent:-999em;line-height:29px}
.box960 .h2Div{margin-bottom:25px}
.box960 .h2Div span{font-size:14px;float:left;margin:-19px 0 0 220px}
.orangelink a:link , .orangelink a:visited , .orangelink a:active{color:#f04321;text-decoration:none}
.orangelink a:hover {color: #cc0000; text-decoration:none}
table {border-collapse:collapse;text-align:left;}
.contentDivL{float:left;width:413px;padding:0 33px 30px 0;border-right:1px solid #ccc}
.contentDivL .msg{border-top:1px solid #ddd;padding-top:10px;margin:40px auto 0;width:100%}
.contentDivL .msg div{clear:both;font-size:12px;text-align:center;line-height:32px;background:#fffede;border:1px solid #ebe5d0;padding:0 0 0 15px}
.contentDivR{float:right;width:372px;padding:0 0 0 33px;text-align:center}
.contentDivR h3{font-size:14px;font-weight:bold;text-align:left;margin-bottom:33px}
.otherLogin{border:1px solid #ddd;width:200px;background:url(http://cache.hujiaobeibei.net/image/loginbg_r.gif) repeat-x center top;text-align:center;margin:0 auto 15px;padding:15px 0}
.clr{clear:both}
.font14{font-size:14px}
.width270px {border:1px solid #CCCCCC;color:#666666;height:24px;width:270px;padding:2px;font:normal 14px Arial Narrow,arial,serif}
.login_but{background-image: url(http://cache.hujiaobeibei.net/image/btn_bg.gif);width:85px;height:29px;color:#fff;font-weight:bold;border:0 none}
.font16b{font:bold 18px "微软雅黑","黑体","宋体"}
.textbox_scroll1 {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
height:250px;
overflow-y:scroll;
padding:5px;
width:370px;
}
.width400{width:600px;margin:0 auto}
.colorbg{background:#fffaef;border:1px dotted #ffdb69;text-align:center;margin-top:10px}
.colorbg li{display:inline-block;*display:inline; zoom: 1;width:268px; text-align:center;height:300px; vertical-align:top;margin:60px 0 10px 0 }
.colorbg li p{padding:150px 40px 80px 40px;}
.colorbg .nav{font-size:14px;padding:0px;width:200px;height:50px;line-height:50px }
.colorbg .nav p{padding:10px;font-size:14px}
.user_setting a{display:block;background:url(http://cache.hujiaobeibei.net/image/login_icon1.png) no-repeat center 20px;width:268px;height:300px;}
.user_setting a:hover{background:#fff2d7 url(http://cache.hujiaobeibei.net/image/login_icon1.png) no-repeat center 20px;width:268px;height:300px;}
.link_setting a{display:block;background:url(http://cache.hujiaobeibei.net/image/login_icon2.png) no-repeat center 20px;width:268px;height:300px;}
.link_setting a:hover{background:#fff2d7 url(http://cache.hujiaobeibei.net/image/login_icon2.png) no-repeat center 20px;width:268px;height:300px;}
.go_index a{display:block;background:url(http://cache.hujiaobeibei.net/image/login_icon3.png) no-repeat center 20px;width:268px;height:300px;}
.go_index a:hover{background:#fff2d7 url(http://cache.hujiaobeibei.net/image/login_icon3.png) no-repeat center 20px;width:268px;height:300px;}
/*短信下载弹出框样式*/
.tanbg{background-image:url(tanbg_01.gif);height:23px;line-height:23px}
.tanzi{float:left;width:350px;font-weight:bold;padding-left:10px;}
.tanx{float:right;padding-right:5px;padding-top:3px;}
.tdown {width:505px;background-color:#FFFFFF;float:left;}
.tdown ul{padding:20px 0px 10px 0px;margin:0px;}
.tdown ul li {list-style-type:none;}
.tdownzi{font-size:18px;FONT-FAMILY:'黑体';text-align:center;}
.tdownzi02{color:#B5B5B6;line-height:25px;text-align:center;}
.tdownzi03{padding-left:80px;text-align:left;width:405px; padding-bottom:5px; padding-top:5px;}
.tdownzi04{padding-left:80px;text-align:left;width:405px;}
.bd_b{border-bottom:1px #cccccc dashed;}
.bd_t{border-top:1px #cccccc dashed;width:425px;}
.intitle1 {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 290px; BORDER-TOP-STYLE: none; LINE-HEIGHT: 20px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 20px; BORDER-BOTTOM-STYLE: none; padding-left:10px; padding-top:3px;}
.tlk {background-image:url(tanbg_02.gif); width:310px; height:30px;}
.intitle2 {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 96px; BORDER-TOP-STYLE: none; LINE-HEIGHT: 20px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 20px; BORDER-BOTTOM-STYLE: none;padding-left:10px;padding-top:3px;}
.tlk2 {background:url(tanbg_03.gif) left top;width:107x; height:30px; float:left}
.yzm{padding-left:10px; padding-top:5px; float:left; padding-right:10px;}
a.yzzt_01,a.yzzt_01:link,a.yzzt_01:visited{font-size:12px;color:#3E9DD8;text-decoration:underline; line-height:29px;}
a.yzzt_01:hover{font-size:12px;color:#3E9DD8;text-decoration:underline;line-height:29px;}
a.yzzt_02,a.yzzt_02:link,a.yzzt_02:visited{font-size:18px;FONT-FAMILY:'黑体';text-decoration:none;color:#000000; line-height:30px;}
a.yzzt_02:hover{font-size:18px;FONT-FAMILY:'黑体';text-decoration:underline;color:#000000;line-height:30px;}