/*重置*/
html { color: #404040; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input { outline: none; }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1;
}
body, button, input, select, textarea {  font: 12px/1.5 Arial, "Microsoft Yahei","Hiragino Sans GB",sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset, img { border: 0; }
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; }
iframe { display: block; }
blockquote { margin: 1em 4em 1em 2em; padding: 0.6em 1em; background: #f1f1f1; }
blockquote blockquote { padding: 0 0 0 1em; margin-left: 2em; border-left: 0.4em solid #e4e4e4; }
acronym, abbr { border-bottom: 1px dotted; font-variant: normal; }
abbr { cursor: help; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
ul, ol { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: text-top\9; }
:root sub, :root sup { vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { color: #404040; }
a:hover { color: #cc0000; text-decoration: underline; }
a:focus { outline:0 }
ins, a { text-decoration: none; }
u, .typo-u { text-decoration: underline; }
mark { background: #fffdd1; }
pre, code { font-family: "Courier New", Courier, monospace; white-space: pre-wrap; word-wrap: break-word; }
pre { border: 1px solid #e4e4e4; border-left-width: 0.4em; background: #fbfbfb; padding: 10px; }
small { font-size: 12px; color: #404040; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
.clear { display: block; clear: both; height: 0; line-height: 0; font: 0/0 Arial; visibility: hidden; }
#floatBoxBg{z-index:10;position: fixed;_position: absolute;_width: 100%;_height: 100%;top: 0;left: 0;bottom: 0;visibility: visible;right: 0;overflow: hidden;background:url(http://static.crabchina.cn/img/blackbg.png);_right: auto;_bottom: auto; display:none;}
/*共用*/
.w960 { width: 960px; margin: auto; padding-bottom: 10px; position: relative; }
.fw-400 { font-weight: 400; }
.fw-700 { font-weight: 700; }
.fc-c00 { color: #c00; }
.fc-666 { color: #666; }
.f_red { color: red; }
.f_blue { color: blue; }
.f_green { color: green; }
.f_gray { color: #888888; }
.f_black { color: #000000; }
.f_dblue { color: #0240A3; }
.f_price { font-weight: bold; font-family: Arial; color: #c00; }
.fc-EE7700 { color: #EE7700 }
.fc-55AA00 { color: #55AA00 }
.fc-00BBFF { color: #00BBFF; }
.fc-FF8800 { color: #FF8800 }
.f-in { text-decoration: line-through; }
.hidden { display: none; }
.f_r { float: right; }
.f_l { float: left; }
.f_c { text-align: center; }
.m_h { height: auto; overflow: hidden; }
.m_c { margin: auto; }
.b5 { height: 5px; font-size: 1px; }
.b6 { height: 6px; font-size: 1px; }
.b8 { height: 8px; font-size: 1px; }
.b10 { height: 10px; font-size: 1px; }
.b15 { height: 15px; font-size: 1px; }
.pd3 { padding: 3px; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.lh20 { line-height: 20px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f_b{font-weight:bold;}
.fin20 { text-indent: 20px; }
.c_b { clear: both; }
.lazy { background: #FAFAFA url(image/loading.gif) no-repeat center center; }
.box { border: 1px solid #e4e4e4; position: relative; }
.box-hd { height: 34px; line-height: 34px; border-bottom: 1px solid #e4e4e4; background: #fbfbfb url(image/bg-index.gif) no-repeat right -80px; }
.box-hd h3 { height: 34px; line-height: 34px; background: url(image/bg-index.gif) no-repeat left -118px; }
.box-hd .box-more { position: absolute; height: 34px; line-height: 34px; right: 15px; top: 0; }
.box2 { background: #f7f7f7; position: relative; }
.box2-hd { height: 34px; line-height: 34px; border-bottom: 3px solid #666; background: #fff url(image/bg-box2-hd.jpg) repeat-x left bottom; }
.box2-hd h3 { height: 34px; line-height: 34px; }
.box2-hd .box2-more { position: absolute; height: 34px; line-height: 34px; right: 15px; top: 0; }
.btn { display: inline-block; border: none; cursor: pointer; width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: 700; color: #fff !important; background: url(image/bg-btn.jpg) repeat-x; }
.btn:hover { background: url(image/bg-btn.jpg) repeat-x left bottom; color: #fff; text-decoration: none; }
.btn-2 { display: inline-block; border: none; cursor: pointer; width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: 700; color: #fff !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f60), to(#b15401)); }
.btn-2:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff671c), to(#e88b05)); text-decoration: none; }
body { background: #f2f2f2; }
body.index { background: none; }
.head_t strong { color: #FF0000; font-weight: normal; }
.slide { background: #333; overflow: hidden; position: relative; }
.highlight { color: #c00; font-weight: bold; }
.topwi960{width:960px; margin:auto; position:relative;}
/*Dialog*/
#Dtop { border: #c1cddc 1px solid; }
#Dtop .dbody { border: #f2f2f2 1px solid; background: #EBF0F6; }
#Dtop .dhead { background: #c00; color: #fff; padding: 0 0 0 10px; letter-spacing: 1px; line-height: 26px; height: 26px; font-weight: bold; cursor: move; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Dtop .dhead span { float: right; cursor: pointer; display: block; width: 26px; height: 26px; background: url(image/close.gif) no-repeat center center; }
#Dtop .dbox { padding: 8px; overflow: hidden; line-height: 200%; clear: both; }
#Dtop .dbox .btn { width: 78px; }
#Dtop .dsize { height: 11px; font-size: 1px; }
#Dtop .dsize div { height: 11px; width: 11px; background: url('resize.gif') no-repeat; cursor: se-resize; font-size: 1px; float: right; }
/* 箭头，相关的??.more ??.step */
.arrow, .arrow s { position: absolute; display: inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border: dashed 4px; }
.arrow-rthin, .arrow-rthin s { border-color: transparent transparent transparent #666; border-left-style: solid; }
.arrow-rthin s { border-left-color: #FAFAFA; left: -6px; top: -4px; }
.arrow-lthin, .arrow-lthin s { border-color: transparent #666 transparent transparent; border-right-style: solid; }
.arrow-lthin s { border-right-color: #fff; right: -6px; top: -4px; }
.arrow-d { border-color: #666 transparent transparent transparent; border-top-style: solid; right: 4px; top: 6px; }
.arrow-dred { border-color: #f60 transparent transparent transparent; }
.more { position: relative; zoom: 1; padding: 1px 13px 1px 5px; *padding-top: 2px;
padding-top: 2px \9; line-height: 1.2; }
.more .arrow-rthin { right: 2px; top: 5px; *top: 4px;
}
.more-with-border { border: 1px solid #d8d8d8; background: #fafafa; }
.more-with-border:hover { background: #fff; text-decoration: none; }
.more-with-border:hover .arrow-rthin { border-left-color: #f60; }
.step { width: 30px; position: absolute; padding-left: 1px; }
.step a { float: left; width: 14px; height: 12px; border: 1px solid #d8d8d8; margin-left: -1px; }
.step .arrow-rthin { right: 2px; top: 3px; }
.step .arrow-lthin { left: 2px; top: 3px; }
.step s { cursor: pointer; }
.step a:hover .arrow-rthin { border-left-color: #c00; }
.step a:hover .arrow-lthin { border-right-color: #c00; }
/* pages */
.pages { padding: 20px 0 20px 0; clear: both; font-size: 12px; color: #666666; }
.pages a:link, .pages a:visited, .pages a:active { background: #fff; border: #e4e4e4 1px solid; padding: 3px; text-decoration: none; line-height: 26px; }
.pages a:hover { background: #c00; border: #c00 1px solid; color: #fff; padding: 3px; text-decoration: none; }
.pages strong { background: #c00; padding: 3px; border: #c00 1px solid; color: #fff; }
.pages_inp { width: 30px; border: #e4e4e4 1px solid; color: #666666; padding: 2px; text-align: center; }
.pages_btn { width: 26px; border: #c00 1px solid; color: #fff; padding: 1px; background: #c00; font-weight: bold; font-size: 11px; cursor: pointer; }
.pages label { background: #fff; border: #c00 1px solid; color: #c00; padding: 1px 5px 1px 5px; }
.pages label em { color: red; font-weight: bold; font-style: normal; }
.pages label span { font-weight: bold; }
.pages cite { font-style: normal; }
/* star */
.star_mid { display: inline-block; overflow: hidden }
.star_mid, .star_mid .star_red { background: url(image/star_middle.png) repeat-x 0 3px }
.star_mid { width: 75px; height: 20px }
.star_red { display: block; height: 100% }
.star_mid .star_red { background-position: 0 -27px }
.fen { padding-left: 5px; line-height: 20px; }
.star_big { display: inline-block; overflow: hidden }
.star_big, .star_big .star_red { background: url(image/df-star2.jpg) repeat-x 0 -2px }
.star_big { width: 150px; height: 23px }
.star_red { display: block; height: 100% }
.star_big .star_red { background-position: 0 -27px }
.fen-big { padding-left: 5px; font-size: 26px; }
/*打分*/
.crab-starbox { position: relative; height: 30px; }
.crab-starbox .hint { padding: 0 10px; color: #c00; }
.crab-starbox .crab-starbox-label { float: left; width: 40px; text-align: right; }
.crab-starbox .df-star { height: 20px; width: 146px; position: relative; background: url(image/df-star.jpg) no-repeat; cursor: pointer; float: left; }
.crab-starbox .df-star li { float: left; padding: 0px; margin: 0px }
.crab-starbox .df-star li a { display: block; width: 30px; height: 20px; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 5 }
.crab-starbox .df-star li a:hover { background: url(image/df-star.jpg) left bottom no-repeat; z-index: 3; left: 0 }
.crab-starbox .df-star a.one-star { left: 0 }
.crab-starbox .df-star a.one-star:hover { width: 30px }
.crab-starbox .df-star a.two-stars { left: 30px }
.crab-starbox .df-star a.two-stars:hover { width: 59px }
.crab-starbox .df-star a.three-stars { left: 59px }
.crab-starbox .df-star a.three-stars:hover { width: 88px }
.crab-starbox .df-star a.four-stars { left: 88px }
.crab-starbox .df-star a.four-stars:hover { width: 117px }
.crab-starbox .df-star a.five-stars { left: 117px }
.crab-starbox .df-star a.five-stars:hover { width: 146px }
.crab-starbox .current-rating { background: url(image/df-star.jpg) left bottom no-repeat; position: absolute; height: 20px; z-index: 1; top: 0; left: 40px }
.crab-starbox4 { position: relative; height: 30px; }
.crab-starbox4 .hint { padding: 0 10px; color: #c00; line-height: 26px; }
.crab-starbox4 .crab-starbox-label { float: left; width: 65px; line-height: 26px; text-align: right; }
.crab-starbox4 .df-star { height: 25px; width: 150px; position: relative; background: url(image/df-star2.jpg) repeat-x; cursor: pointer; float: left; }
.crab-starbox4 .df-star li { float: left; padding: 0px; margin: 0px }
.crab-starbox4 .df-star li a { display: block; width: 30px; height: 25px; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 5 }
.crab-starbox4 .df-star li a:hover { background: url(image/df-star2.jpg) left bottom repeat-x; z-index: 3; left: 0 }
.crab-starbox4 .df-star a.one-star { left: 0 }
.crab-starbox4 .df-star a.one-star:hover { width: 30px }
.crab-starbox4 .df-star a.two-stars { left: 30px }
.crab-starbox4 .df-star a.two-stars:hover { width: 60px }
.crab-starbox4 .df-star a.three-stars { left: 60px }
.crab-starbox4 .df-star a.three-stars:hover { width: 90px }
.crab-starbox4 .df-star a.four-stars { left: 90px }
.crab-starbox4 .df-star a.four-stars:hover { width: 120px }
.crab-starbox4 .df-star a.five-stars { left: 120px }
.crab-starbox4 .df-star a.five-stars:hover { width: 150px }
.crab-starbox4 .current-rating { background: url(image/df-star2.jpg) left bottom repeat-x; position: absolute; height: 25px; z-index: 1; top: 0; left: 65px }
/*打分结束*/
/*评论顶部*/
.commdi { width: 940px; padding: 10px; }
.commdi .left_head { border-bottom: 1px solid #ccc; padding: 5px; }
/*map浮窗*/
.mapsty { }
.mapsty img { width: 120px; height: 120xp; padding-right: 10px; float: left; }
.mapsty p { line-height: 20px; height: 20px; overflow: hidden; float: left; width: 270px; }
/*共用END*/
/*尾部*/
.foot { width: 100%; background: #f2d498; }
.tjyd { background: #dfbd85; height: 30px; width: 100%; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; }
.ydcon { width: 866px; padding: 10px 0px; margin: auto; }
.ydcon img { width: 866px; height: 120px; margin: 5px 0px; }
.erwm { width: 100%; height: 150px; background: url(http://img.crabchina.cn/topic/201312/12/erwm.jpg) no-repeat center; }
.fdc {margin-left:530px !important;}
