/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,a { padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:��; }
abbr,acronym { border: 0; }
body{ font-size:12px; font-family:Tahoma}
a{ text-decoration:none}
a:link, a:visited { color: #333333; }

/*public css*/
.clear{ clear:both; height:0px; font-size:0px}
.layout:after{display:block;clear:both;content:" ";visibility:hidden;height:0;}
.left{ float:left}
.right{ float:right}

/*topbar*/
#topbar{ width:auto; background:url(../images/public/topbg.gif) repeat-x}
.siteloginifo{ float:left}
.sitebar{ width:960px; margin:0 auto; height:26px; line-height:26px; color:#636164}
.siteloginifo a{ color:#ff7300; text-decoration:none}
.siteloginifo a:hover{ text-decoration:underline}
.sitenav{ float:right}
.sitenav a{ color:#636164; text-decoration:none}
.sitenav a:hover{ color:#ff7300; text-decoration:underline}

/*logo and sercher*/
#logoser{ width:960px; margin:0 auto; padding:15px 0}
.logo{ float:left; position:relative }
.logo a.logotype{ width:81px; height:64px; background:url(../images/Public/logotype.gif) no-repeat left top; right:-10px; top:0; position:absolute;}
.logo a.bbslogo{ width:81px; height:64px; background:url(../images/Public/logotype.gif) no-repeat left -69px; right:-10px; top:0; position:absolute;}
.logo a.clublogo{ width:81px; height:64px; background:url(../images/Public/logotype.gif) no-repeat left -134px; right:-10px; top:0; position:absolute;}
.logo a.grouplogo{ width:102px; height:64px; background:url(../images/Public/logotype.gif) no-repeat left -198px; right:-31px; top:0; position:absolute;}
.logo a.communitylogo{height:64px; width:135px; background:url(../images/Public/logotype.gif) no-repeat left -265px; right:-61px; top:0; position:absolute;}
.bloglogo{height:64px; width:135px; background:url(../images/Public/logotype.gif) no-repeat left -335px; right:-61px; top:0; position:absolute;}
.sercher{ float:right; margin-right:20px; _margin-right:10px; width:527px;}
.serchernav ul{overflow:hidden;zoom:1;}
.serchernav ul li{ float:left}
.serchernav ul li a{ display:block; width:60px; height:23px; text-align:center; line-height:23px; color:#474646; text-decoration:none; font-weight: bold;}
.sersubmenu{ position:absolute; left:301px; top:5px;width:51px; line-height:25px; height:26px; border-bottom:1px solid #055095; border-top:1px solid #055095; border-left:1px solid #ccc; border-right:1px solid #055095; padding-left:15px; z-index: 9999; background:url(../images/index/indexbg.gif) no-repeat -426px -64px #ffffff; color:#999999; cursor:pointer}
.sersubmenu ul{ position:absolute; left:-1px; top:27px;}
.sersubmenu ul li{ width:51px; padding-left:15px; height:24px; line-height:24px; background:#FFFFFF; border:1px solid #ccc; margin-top:-1px;}
.serchernav ul li a.selected,.serchernav ul li a:hover{ background:url(../images/public/topbg.gif) no-repeat left -26px;}
.sercherinput{ padding-left:7px; background:url(../images/public/topbg.gif) no-repeat left -49px;}
.sercherbg{ background:url(../images/public/topbg.gif) no-repeat right -87px; height:30px; padding-top:5px; padding-bottom:3px; position:relative; z-index: 9999;}
.sercherbg s{ background:url(../images/public/topbg.gif) no-repeat -60px -30px; position:absolute; left:10px; top:12px; display:block; height:14px; width:13px;}
.sercherbg input.keyowrd{ height:26px; line-height:26px; border:1px solid #055095; color:#CCCCCC; padding-left:30px; width:270px; float:left; margin-right:0px;}
.sercherbg button{ width:67px; height:28px; border:0; vertical-align:middle; background-image:url(../images/public/topbg.gif); float:left; margin-right:5px; cursor:pointer}
.sercherbg button.answer{ background-position: -67px -125px; margin-left:5px;}
.sercherbg button.question{ background-position:left -125px;}
.sercherbg button.searchbt{ background-position:-136px -125px; float: right;}

/*location*/
#location{ padding:7px 3px; margin:0 auto}
#location a{ color:#0b64c8; margin:0 5px;}
#location a:hover{ text-decoration:underline; color:#ff6600}

/*login*/
.login{ height:140px; background:#fff8dc; border:1px solid #f2de9f; margin-bottom:10px;}
.login span{ font-weight:700; color:#333333}
.login span.title{ color:#d84700; font-size:14px;}
.login input{ width:157px; padding-left:3px; height:24px; border:1px solid #e6d3b1; line-height:24px; color:#CC6600; font-family:Arial, Helvetica, sans-serif}
.loginbtn{ width:58px; height:29px; border:0; cursor:pointer; background:url(../images/index/indexbg.gif) no-repeat -253px -60px;}
.login a.reg{ color:#333333}
.login a.reg:hover{ color:#ff6600; text-decoration:underline}
.login img{ border:1px solid #e6d3b1}
.login p{ line-height:20px;}
.loggedbtn a{ display:inline-block; width:66px; height:22px;margin-right:3px;  background:url(../images/index/indexbg.gif) no-repeat -312px -64px; text-align:center; line-height:22px; color:#7a4907; text-shadow:0 0 1px #fef3cb;}

/*nav*/
#nav{ width:953px; margin:0 auto; padding-left:7px; background:url(../images/public/topbg.gif) left -153px no-repeat; height:33px; }
.mainnav{ background:url(../images/public/topbg.gif) right -186px no-repeat; height:30px; padding-top:3px; float:left; width:845px; overflow: hidden;}
.mainnav ul li{ float:left; background:url(../images/public/topbg.gif) right -251px no-repeat;}
.mainnav ul li.actived{ background:url(../images/public/topbg.gif) no-repeat left -219px; padding-left:3px;}
.mainnav ul li.actived a{ background:url(../images/public/topbg.gif) no-repeat right -219px; padding-right:10px; padding-left:7px; color:#FFFFFF; line-height:30px; }
.mainnav ul li a{ display:inline-block; height:30px; line-height:30px; font-size:14px; font-weight:700; color:#d6edff; padding:0 12px;}
.mainnav ul li a:hover{ text-decoration:underline}
.submenu{ float:right; cursor:pointer; position:relative; background:#000000; z-index: 9999; }
.submenu span.subbtn{ display:block; height:33px; width:108px; background:url(../images/public/kankan.gif)}
.submenu span.loginreg{display:block; height:33px; width:108px;}
.sunclassname{ position:absolute; left:0; top:33px; border:1px solid #F2DE9F; border-top:0; width:106px;}
.sunclassname ul li{  border-top:1px solid #F2DE9F; height:30px;}
.sunclassname ul li a{ display:block;height:30px; line-height:30px; padding:0 0 0 10px; color:#D84700;background:#FFF8DC;}
.sunclassname ul li a:hover{ background-color:#fee07e; color:#7a4907; font-weight:700}

/*box*/
.boxbar{background:url(../images/index/indexbg.gif) no-repeat left top; padding-left:10px; }
.boxbar span{ display:block; height:30px; background:url(../images/index/indexbg.gif) no-repeat right -30px; line-height:30px; font-size:14px; font-weight:700; color:#444444}

/*rightlist*/
.rightlist{ margin-bottom:10px;}
.rightlistbanner{ padding-left:7px; background:url(../images/index/indexbg.gif) no-repeat left -134px; height:30px; overflow:hidden;}
.rightlistbanner span{ display:block; height:30px; background:url(../images/index/indexbg.gif) no-repeat right -104px;}
.rightlistbanner span a{ margin-right:5px; color:#333333}
.rightlistbanner span a em{height:30px;display:inline-block;  line-height:33px; cursor:pointer}
.rightlistbanner span a.actived{ background:url(../images/index/indexbg.gif) no-repeat left -164px; padding-left:10px; height:30px; display:inline-block;}
.rightlistbanner span a.actived em{ cursor:pointer;  background:url(../images/index/indexbg.gif) no-repeat right -164px; padding-right:15px; font-style:normal; color:#FFFFFF; font-weight:700}
.rightquescontent{ border:1px solid #dedede; padding:0 10px;}
.rightquescontent ul li{ width:202px; overflow:hidden; height:24px; line-height:24px; vertical-align:bottom; padding-left:10px; background:url(../images/index/indexbg.gif) -573px  -212px no-repeat;}
.rightquescontent ul li a{ color:#3f4041}
.rightquescontent ul li a:hover{ color:#ff6600; text-decoration:underline}
.integral{border:1px solid #dedede; padding:3px 10px 0px 10px;}
.integral ul{ padding-left:20px; background:url(../images/index/num.gif) no-repeat left 7px; }
.integral ul li { height:25px; line-height:25px; vertical-align:bottom ; overflow:hidden}
.integral ul li a{ float:left; color:#0b60b5; text-decoration:underline}
.integral ul li a:hover{ color:#ff6600; }
.integral ul li em{ display:block; float:right; padding-left:15px; line-height:20px; color:#ff6600; height:20px; background:url(../images/index/indexbg.gif) left -210px;}

/*tiwen*/
.tiwen{ margin-bottom:10px;}

/*page*/
.page{ text-align:center; margin:10px 0}
.page a{ display:inline-block; padding:0px 7px; height:25px; line-height:25px; border:1px solid #CCCCCC; color:#333333; vertical-align:bottom}
.page a:hover,.page a.actived{ background:#ff6600; color:#FFFFFF; border:1px solid #ff6600}
.pagesub{ height:22px; border:0; width:50px; background:url(../images/public/topbg.gif) right -26px; vertical-align:middle; margin-left:7px; cursor:pointer}
.pageinput{ width:40px; height:20px; vertical-align:middle; margin:0 5px;; line-height:20px;}

/*foot*/
#nfoot{ width: 940px; margin: 8px auto 0; padding: 13px 10px 0 10px; background:url(../images/public/publicbg.jpg) repeat-x 0 -357px; }
#nfoot p{ width: 940px; display: block; float: left; text-align: center; color: #444446; font: normal 12px/26px '����',"Arial"; }
#nfoot span{ width: 940px; display: block; float: left; text-align: center; color: #ABABAD; font: normal 12px/26px "Arial",'����'; border-top: 1px solid #CCCCCC; padding: 8px 0 0 0; margin: 3px 0 0 0; }
#nfoot span a{ text-decoration: none; color: #033483; padding: 0px 10px; }
#nfoot span a:hover{ color: #FB5005; }
#nfoot p strong{ font: normal 11px "Arial"; padding: 0px 25px 0 0; }
#nfoot p b{ padding: 0px 3px; font: normal 12px/26px "Arial",'����';}
#nfoot p b img{ vertical-align: middle; }

/*chem17 head style*/
#gn{ height:34px; background:url(../images/top_bg.png); margin:0 auto; position:relative;}
#gn .close{ width:40px; height:18px; position:absolute; right:2px; top:-25px;}
#gn .mid{ width:916px; height:30px; line-height:30px; margin:0 auto; position:relative;}
#gn ul.qucik-menu-a{ position:absolute; height:30px; top:0; left:235px; width:250px;}
.qucik-menu-a li{float:left;background: url(../images/top_bg.png) -40px -161px no-repeat; padding:0 13px}
.qucik-menu-a a:link,.qucik-menu-a a:visited,.qucik-menu-b a.blue-l:link,.qucik-menu-b a.blue-l:visited{ color:#0B4B95;text-decoration:none;}
.qucik-menu-a a:hover,.qucik-menu-b a.blue-l:hover{ color:#FF6600;text-decoration:underline;}
#gn .qucik-menu-b{ position:absolute; height:30px; top:0; left:465px; width:440px; padding-left:10px; background: url(../images/top_bg.png) 0 -34px no-repeat;}
.qucik-menu-b a{ margin:0 4px 0 6px }
.qucik-menu-b a:link,.qucik-menu-b a:visited{ color:#6b6b6b;text-decoration:none;}
.qucik-menu-b a:hover{ color:#FF6600;text-decoration:underline;}
.qucik-menu-b a.red-l:link,.qucik-menu-b a.red-l:visited{ color:#FF6600;text-decoration:none;}
.qucik-menu-b a.red-l:hover{ color:#FF6600;text-decoration:underline;}
a.gay_666:link, a.gay_666:visited { color: #666666; text-decoration: none;}
.red { color: #FF6600;}

.weixin {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

.weixinTop {
	position: absolute;
	padding: 0 0 0 28px;
	top: -38px;
	right: 26px;
	cursor: pointer;
	color: #666;
	line-height: 38px;
	background: url(../images/product/bgpro.png) 0 -24px no-repeat;
}

.weixinBot {
	position: absolute;
	right: 10px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
}

.mobileBot {
	position: absolute;
	right: 80px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
}

.mobileBot img {
	width: 90px;
}

.weixin a.mobile {
	background: url(../../images/offer_bg.png) 0 0px no-repeat;
	padding: 0 0 0 16px;
	margin-left: 10px;
	color: #666;
	margin: 0 5px;
	display: inline-block;
	position: absolute;
	top: -26px;
	right: 101px;
}