/*  八界网首页style ver5.1  */

body{ color: #262626; }

/** 字体样式 **/
a:link,
a:visited { text-decoration: none; color: #CC0000;}/** 没选中时的字体颜色**/
a:hover { text-decoration: underline; color: #ce4a02;}/** 选中时的字体颜色 红色**/


/** 顶部 Head **/
.Top_box{ width: 950px; margin: 0 auto; border-bottom: 1px solid #ddd; background: #f8f8f8; line-height: 24px;}
.Top_box_l{ float: left; margin-left: 5px;  }
.Top_box_r{ float: right; margin-right: 5px; }
.Top_box_r a:link,
.Top_box_r a:visited { text-decoration: none; color: #313131;}
.Top_box_r a:hover { text-decoration: underline; color: #ce4a02;}

/* Top_nav */
.Top_nav{ width: 950px; margin: 0 auto; border-bottom: 1px solid #dbbc3d; height: 33px; }
ul#NavL{ margin-left: 40px!important; margin-left: 20px; float: left; }
ul#NavL li{ line-height: 33px; margin-right: 2px;  float: left; font-size: 14px; font-weight: bold;background: url(../images/8j_home_nav_l.gif) no-repeat left top; }
ul#NavL li span{display: block; padding: 0 10px 0 10px; background: url(../images/8j_home_nav_r.gif) no-repeat right 0;}

#NavL li a:link {color: #262626;}
#NavL li a:visited {color: #262626;}
#NavL li a:hover {color: #774525;display: block;width: auto;background: url(../images/8j_home_nav_l.gif) no-repeat left -38px;text-decoration: none;}
#NavL li a:hover span{display: block;background: url(../images/8j_home_nav_r.gif) no-repeat right -38px;padding: 0 10px 0 10px;}
/* tab_active */
ul#NavL li.tab_on a{ display: block;background: url(../images/8j_home_nav_l.gif) no-repeat left -38px;}
ul#NavL li.tab_on a span{ display: block; padding: 0 10px 0 10px; background: url(../images/8j_home_nav_r.gif) no-repeat right -38px;}
/* NavR */
ul#NavR{ margin-left: 11px; float: left; }
ul#NavR li{ line-height: 33px; margin-right: 2px;  float: left; font-size: 12px; font-weight: bold;background: url(../images/8j_home_nav_l.gif) no-repeat left -76px; }
ul#NavR li span{display: block; padding: 0 10px 0 10px; background: url(../images/8j_home_nav_r.gif) no-repeat right -76px;}

#NavR li a:link {color: #262626;}
#NavR li a:visited {color: #262626;}
#NavR li a:hover {color: #774525;display: block;width: auto;background: url(../images/8j_home_nav_l.gif) no-repeat left -38px;text-decoration: none;}
#NavR li a:hover span{display: block;background: url(../images/8j_home_nav_r.gif) no-repeat right -38px;padding: 0 10px 0 10px;}

/* Hot_tags_box */
.Hot_tags_box{ width: 950px; margin: 0 auto; }
.tag_bg{ background: url(../images/8j_home_hotbg1.gif) repeat-x; font-size: 1px; height: 7px; border-bottom: 1px solid #e5d076; }
.tag_bg2{ background: url(../images/8j_home_hotbg2.gif) repeat-x; height: 27px; line-height: 27px; padding-left: 15px; border-bottom: 1px solid #e9ddac;}
.h_link{ float: right; margin-right: 20px;  }

/* 内容wrap */
.content_wrap{width: 950px; margin-top: 10px; margin-left: auto; margin-right: auto; clear: both;}
.content_wrap2{ width: 950px;  margin-top: 10px; margin-left: auto; margin-right: auto; background: #fcfaef url(../images/8j_kit_linebg2.gif) repeat-x top; clear: both;  }
.Left_side{ float: left; width: 168px; }
.Center_side{ width: 415px; float: left;}
.Right_side{ float: right; width: 359px;}

/* 消费导航 */
.Consume_Nav_wrap{ float: left; width: 155px; border: 1px solid #e5d595; background: #f9f7ee; position:relative;}
.Consume_Nav_wrap h1.Tit_1,
.Consume_Nav_wrap h2.Tit_2,
.Consume_Nav_wrap h3.Tit_3{ padding-left: 10px; color: #774525; }
.Consume_Nav_wrap h1.Tit_1{ font: bold 14px/24px "宋体"; height: 24px; margin-top: 5px; }
.Consume_Nav_wrap h2.Tit_2{ font: bold 14px/30px "宋体"; height: 32px; background: url(../images/8j_nav_titlebg.gif) no-repeat 0 -148px; }
.Consume_Nav_wrap h3.Tit_3{ font: bold 14px/24px "宋体"; height: 24px; background: url(../images/8j_nav_titlebg2.gif) no-repeat 0 -116px; border-top: 1px solid #e5d595; border-bottom: 1px solid #e5d595;}
.Consume_Nav_wrap h2.Tit_2 span.menu_sub{ float: right; margin: 1px 5px 0 0!important; margin: 0 5px 0 0;  display: black; padding: 10px 10px 13px 10px!important; padding: 10px 10px 0px 10px; background: url(../images/8j_ico.gif) no-repeat 0 -506px; cursor: pointer;}
ul.Consume_nav{ width: 148px; margin-left: 4px; }
ul.Consume_nav li{text-indent: 26px; line-height: 26px; background: url(../images/8j_ico.gif) no-repeat 9px -62px!important; background: url(../images/8j_ico.gif) no-repeat 9px -61px; border-bottom: 1px solid #eadfb4; border-top: 1px solid #fff; position:relative;}
ul.Consume_nav li.bof{ border: none;}
ul.Consume_nav li a{ display: block; height: 26px;}
ul.Consume_nav li a:hover{ width: 157px;background: url(../images/8j_nav_listbg.gif) no-repeat 0 -124px; position: relative!important;position: absolute; left: -5px; text-decoration: none;text-indent: 30px; font-weight: bold; }
ul.Corp_nav{ width: 148px; margin: 1px 0 5px 6px; }
ul.Corp_nav li{text-indent: 13px; line-height: 20px; background: url(../images/8j_ico.gif) no-repeat -2px -542px; }

/* Content_main */
.Content_main{ width: 515px; }
.Content_title{ background: url(../images/8j_home_titlebg.gif) repeat-x 0 -30px; position: relative;height: 25px;  }
.title_l,
.title_r{ font-size: 1px; height: 25px; width: 2px; position: absolute;}
.title_l{ float: left; left: 0; background: url(../images/8j_home_titlebg.gif) no-repeat; }
.title_r{ float: right; right: 0; background: url(../images/8j_home_titlebg.gif) no-repeat 0 -60px; }
ul.Title_list{ }
/* 第一栏标题修改----------------*/
ul.Title_list li{ float: left;line-height: 25px; text-align: center; width: 171px; background: #C00100; no-repeat left; cursor: pointer;}
/* 第一栏标题修改----------------------*/
ul.Title_list li.on {float:left; text-align:center;background: url(images/title_m.gif) no-repeat; width:171px; line-height:25px; position:relative; font-size: 14px; font-weight: bold;}
ul.Title_list li.on a:hover{ text-decoration: none;}
ul.Title_list li.on .tp { width:171px; height:3px; background:url(images/title_t.gif) no-repeat; line-height:0; position:absolute; left:0px; top:-3px;}
ul.Title_list li.on .ar { width:7px; height:4px; background:url() no-repeat; line-height:0; position:absolute; left:48px; bottom:-4px !important; _bottom:0px; *bottom:-17px;}

/* Content_box  栏目条的拉伸   */

.Content_box{ border-color: #ddd; border-style: solid; border-width: 0 1px 1px 1px; width: 515px; padding: 10px 0 0 0; margin-bottom: 10px; }
/*栏目图片调节段*/
img.img_1{ width: 490px; height: 130px; margin: 0 0 0 10px;}
img.img_2{ width: 175px; height: 130px; float: left; margin: 0 15px 0 10px;}
img.img_3{ width: 480px; height: 250px; float: left; margin: 0 15px 0 10px;}
img.img_4{ width: 115px; height: 75px; float: left; margin: 3px 15px 0 13px;}
img.img_5{ width: 110px; height: 80px; margin: 3px 8px 0 8px; float: left; }
img.img_6{ width: 110px; height: 80px; float: left; border: 1px solid #d8d8d8; margin: 5px 3px 4px 15px!important; margin: 5px 2px 4px 15px; padding: 1px;}
img.img_7{ width: 110px; height: 80px; float: left;}
.Content_r_info{ float: left; width: 300px; height: 130px!important; height: 131px; line-height: 20px; }
.Content_r_info2{ float: left; width: 235px; line-height: 20px; }
.Content_r_info3{ float: left; width: 195px; line-height: 20px; }
.Content_r_info h2.Titlename,
.Content_r_info2 h2.Titlename,
.Content_r_info3 h5.Titlename{ font: bold 14px/26px "宋体"; }
.Content_r_info h4.Titlemore{ font: 12px/22px "宋体";  color: #696969; }
.Content_r_info h4.Titlemore a:link,
.Content_r_info h4.Titlemore a:visited { text-decoration: none; color: #ce4a02;}
.Content_r_info h4.Titlemore a:hover { text-decoration: underline; color: #ce4a02;}


/* P_box */
.P_box{ width: 160px; float: left; margin: 5px -6px 0 14px!important; margin: 5px 0 0 7px;}
.P_box img{ width: 150px; height: 100px; margin-bottom: 4px!important; margin-bottom: 0; }
.P_box h3{ font: 12px/24px "宋体"; text-align: center; }

/* U_con_box */
.U_con_box{ width: 400px; float: left; margin: 0 0 0 1px; padding: 5px 0 5px 0;}
ul.U_con_box_list{ margin-top: 6px; }
ul.U_con_box_list{ line-height: 20px; }

/* PH_main */
.PH_main{ width: 110px; height: 108px; float: left; margin: 4px 5px 3px 17px!important; margin: 5px 10px 3px 9px; }
.PH_main h4{ font: 12px/24px "宋体"; text-align: center; }

/* News_box */
.News_box2{ width: 95%; margin: 0 auto; border-top: 1px solid #ddd; }
.News_box3{ width: 95%; margin: 0 auto; }

/* News_list */
ul.News_list{ width: 515px; padding:10px 0 5px 0; margin-top: 9px!important; margin-top: 7px; background: #FDF7F7 url(../images/8j_kit_linebg.gif) repeat-x top;}
ul.News_list li{ line-height: 20px; float: left; width: 250px;  margin-left: 5px!important; margin-left: 3px;  background: url(../images/8j_ico.gif) no-repeat 0 -542px; text-align: left;padding-left: 15px;  }
ul.News_list2{ padding:10px 0 5px 0; width: 240px;float: left; }
ul.News_list2 li{ line-height: 20px; background: #FDF7F7 url(../images/8j_ico.gif) no-repeat 0 -573px;padding-left: 18px;}
ul.News_list2 li a:link,
ul.News_list2 li a:visited { text-decoration: none; color: #313131;}
ul.News_list2 li a:hover { text-decoration: underline; color: #ce4a02;}
ul.News_list3{ padding:10px 0 5px 0; margin-top: 7px; width: 230px; border-top: 1px solid #ddd; padding-top: 7px; }
ul.News_list3 li{ line-height: 20px; background: url(../images/8j_ico.gif) no-repeat 0 -123px;padding-left: 16px;}
ul.News_list3 li a:link,
ul.News_list3 li a:visited { text-decoration: none; color: #313131;}
ul.News_list3 li a:hover { text-decoration: underline; color: #ce4a02;}
ul.News_list4{ width: 410px; padding:10px 0 5px 0; margin-top: 10px; background: #f9f8f0 url(../images/8j_kit_linebg.gif) repeat-x top;}
ul.News_list4 li{ line-height: 20px; float: left;  margin-left: 5px!important; margin-left: 3px; text-indent: 10px;  }
ul.News_list4 li a:link,
ul.News_list4 li a:visited { text-decoration: none; color: #bf4b02;}
ul.News_list4 li a:hover { text-decoration: underline; color: #bf4b02;}
ul.News_list5{ padding:10px 0 5px 0; width: 175px;float: left; }
ul.News_list5 li{ line-height: 20px; background: url(../images/8j_ico.gif) no-repeat 0 -600px; padding-left: 16px;}

/* Name_list */
ul.Name_list{ float: left; padding-top: 10px }
ul.Name_list li{ width: 120px; line-height: 20px; background: url(../images/8j_ico.gif) no-repeat 0 -600px; padding-left: 16px;}
ul.Name_list2{  width: 140px; float: left; padding: 5px 0 5px 0; border-top: 1px dashed  #b99d8b; border-bottom: 1px dashed  #b99d8b; background: #f9f8f0; margin: 10px 0 0 6px;}
ul.Name_list2 li{ width: 105px; line-height: 22px; background: url(../images/8j_ico.gif) no-repeat 0 -65px; padding-left: 15px;}

/* Hot_link */
.Hot_link{ border: 1px solid #ddd; line-height: 27px; width: 515px; margin-bottom: 10px; text-indent: 10px; }

/* R_wrap */
.R_wrap{ width: 359px; float: right;}
.R_t,
.R_b{ float: left; width: 359px; }
.R_t{ height: 2px;fone-size: 1px; background: url(../images/8j_home_rboxico.gif) repeat-x 0 -7px;}
.R_c{ float: left; width: 357px; border-left: 1px solid #eadfb2; border-right: 1px solid #eadfb2; background: #fcfaef;  padding-top: 6px;}
.R_b{ height: 2px;fone-size: 1px; background: url(../images/8j_home_rboxico.gif) repeat-x 0 -28px; }
.R_c h2{ font: 12px/24px "宋体"; width: 90%; margin: 0 auto; }
.R_c h3{ font: bold 14px/26px "宋体"; width: 95%; margin: 0 auto; color: #774525; }
span.diy{ font: 12px/26px "宋体"; float: right; }
.R_tl,
.R_tr{ width: 2px; height: 2px; font-size: 1px; }
.R_tl{ float: left; background: url(../images/8j_home_rboxico.gif) no-repeat;}
.R_tr{ float: right; background: url(../images/8j_home_rboxico.gif) no-repeat 0 -14px;}
.R_bl,
.R_br{ width: 2px; height: 2px; font-size: 1px; }
.R_bl{ float: left; background: url(../images/8j_home_rboxico.gif) no-repeat 0 -23px;}
.R_br{ float: right; background: url(../images/8j_home_rboxico.gif) no-repeat 0 -37px;}

/* bell_box */
.bell_box{ width: 345px; margin-bottom: 6px; margin-left: auto; margin-right: auto; }
.bell_t,
.bell_b{ float: left; width: 343px; }
.bell_t{ height: 4px;fone-size: 1px; background: url(../images/8j_home_rbox2.gif) repeat-x 0 -9px;}
.bell_c{ float: left; width: 341px; border-left: 1px solid #eadfb2; border-right: 1px solid #eadfb2; background: #fff; padding: 4px 0 4px 0; }
.bell_b{ height: 4px; fone-size: 1px; background: url(../images/8j_home_rbox2.gif) repeat-x 0 -36px; }
.bell_tl,
.bell_tr{ width: 4px; height: 4px; font-size: 1px; }
.bell_tl{ float: left; background: url(../images/8j_home_rbox2.gif) no-repeat;}
.bell_tr{ float: right; background: url(../images/8j_home_rbox2.gif) no-repeat 0 -18px;}
.bell_bl,
.bell_br{ width: 4px; height: 4px; font-size: 1px; }
.bell_bl{ float: left; background: url(../images/8j_home_rbox2.gif) no-repeat 0 -27px;}
.bell_br{ float: right; background: url(../images/8j_home_rbox2.gif) no-repeat 0 -45px;}


/* Login */
.Login{ line-height: 28px; width: 95%; margin: 0 auto; }
.Login a:link,
.Login a:visited { text-decoration: underline; color: #774525; font-weight: bold;}
.Login a:hover { text-decoration: none; color: #ce4a02;}
.Login span{ float: right; }

/* 六块产品选择块 */
#pabd{ width:345px; margin: 3px 3px 0 0!important; margin: 3px 0 0 0; float: right; }
.patabs{width:345px; }
.patabslst{  }
.patabslst li{float:left;width:108px;height:41px;line-height:41px;text-align:center; font-size: 14px; font-weight: bold; background:url(../images/home_tools_box.gif) no-repeat; margin-right: 7px;}
.patabslst li a{display:block;width:100%;height:41px;}
.patabslst li a:hover{text-decoration: none;}
.papreviewdiv{ position:relative;clear:both;width:336px;height:0;background:#fff;display: none; border-bottom: 1px solid #dbca85;border-left: 1px solid #dbca85;border-right: 1px solid #dbca85; margin-bottom: 5px;  }
img.login_img{ margin: 8px 0 8px 35px; }

.content1{ width: 290px; margin: 6px 0 0 20px; line-height: 20px;}
.content1 img{float: left;}
.content1 p{ float: left; margin: 7px 0 0 20px; width: 160px; word-break: break-all; }


.ico_circle{ background: url(../images/ico_circle.gif) no-repeat 10px 6px; }
.ico_photo{ background: url(../images/ico_photo.gif) no-repeat 11px 7px ;}
.ico_tv{ background: url(../images/ico_tv.gif) no-repeat 11px 4px; }
.ico_wap{ background: url(../images/ico_wap.gif) no-repeat 9px 4px; }
.ico_card{ background: url(../images/ico_card.gif) no-repeat 9px 5px; }
.ico_map{ background: url(../images/ico_map.gif) no-repeat 10px 9px; }

/* Date_box */
.Date_box{ width: 90%; margin: 0 auto; line-height: 30px; }
.clew_box{ width: 90%; margin: 0 auto; line-height: 22px;  color: #774525;}
.Time_box{ width: 307px; margin: 0 auto; height: 28px; padding-top: 2px!important; padding-top: 1px; text-align: center; background: url(../images/8j_home_timebox_bg.gif) no-repeat; margin-bottom: 10px; }

/* Titlebox */
.Titlebox{ width: 328px; margin: 0 auto; overflow:hidden; background: url(../images/8j_home_titlebox.gif) no-repeat;  }
.Titlebox h2{ width: 307px!important;width: 325px;text-indent: 14px; color: #774525;margin-left: 15px!important; margin: 0; padding: 0; font: bold 14px/24px "宋体";}
span#up_down1{ float: right; width: 15px; height: 15px; background: url(../images/8j_home_titleup.gif) no-repeat;cursor: pointer; margin: 5px 0 0 0;}
span#up_down2{ float: right; width: 15px; height: 15px; background: url(../images/8j_home_titleup.gif) no-repeat;cursor: pointer; margin: 5px 0 0 0;}
span#up_down3{ float: right; width: 15px; height: 15px; background: url(../images/8j_home_titleup.gif) no-repeat;cursor: pointer; margin: 5px 0 0 0;}
span#up_down4{ float: right; width: 15px; height: 15px; background: url(../images/8j_home_titleup.gif) no-repeat;cursor: pointer; margin: 5px 0 0 0;}

/* Bell_Content */
.Bell_Content{ width: 325px; margin: 0 auto; }
.Bell_Content ul{ width: 215px; margin: 11px 0 0 0; float: left; }
.Bell_Content ul li{ line-height: 22px; background: url(../images/8j_ico.gif) no-repeat -4px -600px; padding-left: 13px; }
.Bell_Content ul h4{ font: bold 14px/26px "宋体"; text-indent: 4px;}
img.Bellimg{ width: 100px; height: 110px; margin-top: 11px; }

.Playtab{ width: 322px; background: url(../images/8j_home_tablinebg.gif) repeat-x bottom; line-height: 24px; margin-top: 12px; margin-left: auto; margin-right: auto; }
ul.Playtab_sele{ margin-left: 5px; }
ul.Playtab_sele li{ margin-right: 1px; float: left;background: url(../images/8j_home_tab_l.gif) no-repeat left -29px;}
ul.Playtab_sele li span{ display: block;padding: 0 20px 0 20px;background: url(../images/8j_home_tab_r.gif) no-repeat right -29px;}
ul.Playtab_sele li a:link,
ul.Playtab_sele li a:visited {color: #9f7960;}
ul.Playtab_sele li a:hover { color: #774525;display: block;background: url(../images/8j_home_tab_l.gif) no-repeat left 0;text-decoration: none;}
ul.Playtab_sele li a:hover span{ display: block;background: url(../images/8j_home_tab_r.gif) no-repeat right 0;padding: 0 20px 0 20px;}
/* hot_tab_li */
ul.Playtab_sele li.on a{ display: block;background: url(../images/8j_home_tab_l.gif) no-repeat left 0;}
ul.Playtab_sele li.on a span{ display: block; color: #774525; padding: 0 20px 0 20px; background: url(../images/8j_home_tab_r.gif) no-repeat right 0;}

/* direct_box */
.direct_box{ width: 210px; background: #f4efd8; float: left;}
.direct_box2{ width: 430px; float: left;}
.direct_box3{ width: 260px; float: left;}
h2.direct_title{ font: bold 12px/28px "宋体"; color: #774525;background: url(../images/8j_ico.gif) no-repeat -5px -540px; text-align: left;padding-left: 10px; }
.more{ text-align: right; margin-top: 5px; line-height: 24px; width: 96%;}
ul.direct_list{ padding: 10px 0 0 12px; float: left;}
ul.direct_list li{ line-height: 22px; height: 22px; background: url(../images/8j_ico.gif) no-repeat -5px -65px; padding-left: 10px; }
ul.eatery_list{ padding: 10px 0 0 15px; float: left;  width: 425px; }
ul.eatery_list li{ line-height: 22px; width: 125px; float: left; background: url(../images/8j_ico.gif) no-repeat -5px -65px; padding-left: 10px; }
ul.eatery_list2{ margin: 10px 0 0 15px; padding: 0 0 0 15px;  float: left;  width: 250px; border-left: 1px solid #c7a680; }
ul.eatery_list2 li{ line-height: 22px; width: 115px; float: left; background: url(../images/8j_ico.gif) no-repeat -5px -65px; padding-left: 10px; }

/* 底部版权 */
.Login_footer{width: 950px; padding-top: 15px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center; border-top: 3px solid #eae4ca; color: #000;  line-height: 24px;}
.Login_footer a:link,
.Login_footer a:visited { text-decoration: none; color: #000;}
.Login_footer a:hover { text-decoration: underline; color: #ca0000;}