﻿/*
	[Hehan B2B System] Copyright (c) 2008-2010 Hehan.COM
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
* {word-break:break-all;font-family:Verdana,Arial;}
body {margin:0px;font-size:12px;color:#000000;background:#F6F6F6;}
input,select,textarea {font-size:12px;}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#333333;}
a:hover {color:#FF6600;text-decoration:none;}
/* links */
a.w:link,a.w:visited,a.w:active{text-decoration:none;color:#FFFFFF;}
a.w:hover{text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#006699;}
a.t:hover{text-decoration:underline;}
a.b:link,a.b:visited,a.b:active {color:#014CCC;text-decoration:none;}
a.b:hover {color:#FF6600;}
/* common */
.m {width:1200px;margin:auto; position: relative}
.mbs{
    width: 100%;

}
.mbs_1{
    width: 100%;
    background: #f60a0a;
}
.top {height:26px;line-height:26px;padding:0 10px 0 10px;}
#top a {text-decoration:none;}

.head {height:115px; }
.head div {float:left;}
.head .logo {padding:15px 10px 0 0px;height:90px;overflow:hidden;}
.head h1 {font-size:24px;margin:32px 0 5px 10px;color:#333333;font-family: "微软雅黑", "黑体";}
.head h4 {font-size:15px;margin:0 0 0 10px;color:#333333;font-family: "微软雅黑", "黑体";}
.banner{
    width: 1200px;
    overflow: hidden;
}
.banner img{
    height: 200px;
}
#menu a {text-decoration:none;}
.menu { color:#FFF;height:45px;overflow:hidden;padding:0 0 0 4px;font-size:16px; width: 1200px;  margin: 0px auto;}
.menu_li {float:left; width:104px; height:45px; line-height:45px; text-align:center; }
.menu_li a:hover { width:104px; height:45px; line-height:45px; font-weight:bold;border-bottom: 3px solid #fff;padding-bottom: 7px; }
.menu_li span {color:#FFF; width:104px; height:45px;}
.menu_on {float:left; width:104px; height:45px; line-height:45px;  text-align:center; border-bottom: 3px solid #fff;}
.menu_on a { width:104px; height:45px; line-height:45px; font-weight:bold;border-bottom: 3px solid #fff;padding-bottom: 7px; }
.menu_on span {color:#FFFFFF; }
.b-menu {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15px;
    z-index: 10;
}
.b-menu ul span{
    width: 15px;
    height: 15px;
    margin-left: 15px;
}
.side_head {border:1px solid #fff ;border-bottom:#E6E6E6 1px solid;width:298px; height:45px; line-height:45px; font-size:13px; color:#000; background: #fff}
.side_head a{
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    line-height: 40px;
}
.side_head div {padding:0 10px 0 10px;font-size:16px;line-height:43px;overflow:hidden;letter-spacing:1px;}
.side_body {border:#fff 1px solid;border-top:none;background:#FFFFFF;padding:20px;margin:0 0 20px;}
.side_body li {background:url('../images/../../image/ico_arrow.gif') no-repeat 5px 7px;line-height:30px;overflow:hidden;font-size:14px;width: 260px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.side_body li a{
    font-size:14px;
    text-decoration: none;
}
.main_head {background:url('../images/bignav_bg.gif') repeat-x;height:36px;}
.main_head strong{ padding-left:10px;}
.main_head div {padding:0 10px 0 10px;font-size:16px;height:28px;line-height:30px;overflow:hidden;letter-spacing:1px;}
.main_body {background:#FFFFFF;padding:10px;margin:0 0 10px;width: 868px;}

.title {text-align:center;font-size:16px;font-weight:bold;color:#FF6600;line-height:40px;}
.info {margin:0 10px 0 10px;border-top:#C0C0C0 1px dotted;border-bottom:#C0C0C0 1px dotted;line-height:25px;text-align:center;}
.content {font-size:13px;line-height:180%;padding:10px;}
.content p {margin:0 0 15px 0;}
.foot {text-align:center;padding:15px;    line-height: 100px;  background:#f60a0a; color: #fff;}
.foot a{
    color: #fff;
}
.pos {margin:3px auto; padding:5px 15px 5px 25px;background:url('../images/menu_link.gif');}
.inp {border:#79B7EC 1px solid;padding:2px;color:#666666; width: 170px;}
.sbm {width:50px;height:20px;border:#79B7EC 1px solid;color:#333333;background:url('../images/side_head.gif') repeat-x;}
/* sign */
.sign {z-index:1000;position:absolute;width:180px;height:50px;background:url('../images/vip_bg.gif') no-repeat;margin:10px 0 0 1000px;}
.sign div {padding:23px 0 0 73px;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}
/* thumb */
.thumb {padding:6px;}
.thumb img {border:#C0C0C0 1px solid;padding:3px;}
.thumb div {width:90%;height:26px;overflow:hidden;line-height:26px;font-size:13px;margin:6px 0 6px 0;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb_on {background:#F1F1F1;border:#79B7EC 1px dotted;}
/* album */
.album {width:250px;cursor:pointer;}
.album div {padding:5px;border:#CCCCCC 1px solid;background:#F3F3F3;}
.album div span {display:block;width:240px;height:180px;overflow:hidden;text-align:center;vertical-align:middle;}
.ab_im {padding:2px;margin:10px 0 10px 13px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 13px;border:#FF6600 1px solid;background:#FF6600;}
#imgshow {z-index:1000;position:absolute;background:#FFFFFF;border:#666666 1px solid;padding:5px;}
/* pages */
.pages {padding:10px 0 10px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active  {color:#004499;background:#FFFFFF;border:#9AAFE5 1px solid;padding:1px;text-decoration:none;}
.pages a:hover  {background:#FFFFFF;border:#2E6AB1 1px solid;color:#FF6600;padding:1px;text-decoration:none;}
.pages strong {background:#2E6AB1;padding:1px;border:#1D589E 1px solid;color:#FFFFFF;}
.pages_inp {border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:26px;background:#F1F7FC;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#1B4C7A;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.c_b{clear:both;}
.dsn {display:none;}
.c_p {cursor:pointer;}
.highlight {color:red;}

/* top */img,p,a{ margin: 0px; padding: 0px; width: 100%;height: 100%;}

.topmain{ width: 990px; height: 37px; margin: 0px auto; }
.topmain img{ display: block; float: left; padding: 4px 0px 5px 0; }
.topmain p{ width: 480px; height: 37px; font: normal 12px/37px '宋体'; color: #666666; text-align: right; display: block; float: left; padding: 0px 10px 0 0; }
.topmain p a{ text-decoration: none; color: #666; padding: 0px 3px; }
.topmain p a:hover{ color: #ff6600; }
.topmain p a.help{ display: inline-block; background: url(publicbg.jpg) no-repeat 0 -36px; padding: 0px 0 0 10px; margin-left: 8px; }
.topmain p .line_o{background: url(user_online.png) no-repeat 0  3px;}
.topmain p .line_f{background: url(user_offline.png) no-repeat 0 3px;}
.topmain ul{ width: 375px; display: block; float: right; }.topmain ul li{ float: left; padding: 6px 2px 6px 2px; }
.topmain ul li input{ width: 222px; height: 17px; border: 1px solid #C7C7C7; font: 12px "Arial",'宋体'; padding: 4px 0 0 5px; }
.topmain ul li button{ width: 67px; height: 24px; border: 0px; display: block; cursor: pointer; color: #383030; text-indent: -9999px; background: url(top.png) no-repeat -145px -47px; }
.topmain ul li button.sall{ background: url(top.png) no-repeat -74px -47px; font-weight: bold; color: #fff; }
.h30 { height:38px;}
#split,#pos,#side{
    background: #F6F6F6;
}
.side_head strong{
    border-bottom: 2px solid #f95353;
    padding-bottom: 7px;
}
/*遮罩层*/
.zzc{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter:alpha(opacity=70);
    position: fixed;
    right:0px;
    top:0px;
    z-index: 9999;
    display: none;
}
.fdc{
    width: 0px;
    height: 0px;
    border: 1px solid #ccc;
    background: #fff;
    position: fixed;
    top:50%;
    right:50%;
    margin-right: -300px;
    margin-top: -60px;
    z-index: 99999;
    border-radius:5px;
    opacity: 0;
    display: none;
}
.fdk{
    width: 580px;
    height: 100px;
    padding: 10px;
    position: relative;
}
.fdc .fdk input{
    width: 80px;
    height: 24px;
    line-height: 24px;
    color: #000;
    border: 1px solid #ccc;
    outline: none;
    background: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -40px;
    border-radius:5px;
}
.fdk div.text{
    width: 580px;
    height: 60px;
    overflow: hidden;
    overflow-y: auto;
}
.tit{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.fdk div.text>p{
    font-size: 14px;
}

.page {
    text-align: center;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    padding-top: 10px;
}
.page a {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-align: center;
    background-color: #ebebeb;
    border: 1px #cccccc solid;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}
.page .hover {
    background-color: #2268df;
    border: 1px #2268df solid;
    color: #FFF;
}
table tr td .dimg_td{
    width: 185px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
table tr td .dimg_td img{
    height: 185px;
    display: block;
}
table tr td .dimg_td span{
    display: block;
    width: 100%;
    height: 69px;
    overflow: hidden;
    font-size: 14px;
}
.dtext_td{
    font-size: 14px;
    padding: 10px 0px;
    overflow: hidden;
    width: 868px;
    margin: 0px auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
table tr td .dtext_td img{
    height: 120px;
    width: 120px;
    float: left;
}
table tr td .dtext_td .h4_span{
    float: left;
    width: 83%;
    overflow: hidden;
    font-size: 14px;
    margin-left: 2%;
}
table tr td .dtext_td .h4_span h4{
    font-size: 18px;
    line-height: 40px;
    margin: 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table tr td .dtext_td .h4_span span{
    display: block;
    font-size: 13px;
    color: #ccc;
    line-height: 26px;
    height: 72px;
    overflow: hidden;
}
table tr td .dtext_td p{
    float: left;
    width:15%;
    margin-top:16px;
}
