/*

YUI 3.10.1 (build 8bc088e)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

html {

    color:#000;

    background:#FFF

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {

    margin:0;

    padding:0;

}

table {

    border-collapse:collapse;

    border-spacing:0;

}

fieldset,img {

    border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

    font-style:normal;

    font-weight:normal;

}

ol,ul {

    list-style:none;

}

caption,th {

    text-align:left;

}

h1,h2,h3,h4,h5,h6 {

    font-size:100%;

    font-weight:normal;

}

q:before,q:after {

    content:'';

}

abbr,acronym {

    border:0;

    font-variant:normal;

}

sup {

    vertical-align:text-top;

}

sub {

    vertical-align:text-bottom;

}

input,textarea,select {

    font-family:inherit;

    font-size:inherit;

    font-weight:inherit;

}

input,textarea,select {

    *font-size:100%;

}

legend {

    color:#000

}



/* Base */

html {

    background: #eaebec;

    color: #6f6f6f;

    font-size: 14px;

    font-family: "Microsoft YaHei", SimHei, Verdana, Arial, sans-serif;

}

a {

    outline:none;

    *blr:expression(this.onFocus=this.blur());

}

a:link,

a:visited {

    color: #6f6f6f;

    text-decoration: none;

}

a:hover {

    color: #ff6600 !important;

}



ul {

    margin: 0;

}



/* Header */

.header {

    background: url("../images/comm_v2/headerBg.png") top center repeat-x;

    *position: relative;

    *z-index: 1;

}

.headerInner {

    position: relative;

    width: 960px;

    margin: 0 auto;

}

.header .logo {

    height: 77px;

    width: 960px;

    background: url("../images/comm_v2/xuyu.jpg") 2px 2px no-repeat;

}

.header .logo a {

    display: block;

    width: 100%;

    height: 100%;

    text-indent: -9999px;

}



.signInFrame {

    position: absolute;

    top: 0;

    right: 12px;

    width: 300px;

    height: 76px;

    border: 0 none;

}

.signInOuter {

    height: 76px;

    width: 100%;

    background: url("../images/comm_v2/headerBg.png");

}

.signIn,

.signedIn {

    position: absolute;

    top: 0;

    right: 0;

    /*right: 24px;*/

    /*right: 12px;*/

    background: url("../images/comm_v2/headerBg.png") top center repeat-x;

    overflow: hidden;

}

.signIn a {

    float: left;

    height: 16px;

    line-height: 16px;

    margin: 30px 0 0 -1px;

    padding: 0 12px;

    border-left: 1px solid #929292;

    color: #d2d2d2;

}

.signedIn .signOut {

    float: left;

    height: 14px;

    line-height: 14px;

    margin: 31px 0 0 0;

    padding: 0 12px 0 5px;

    border-left: 1px solid #929292;

    color: #d2d2d2;

    font-size: 12px;

}

.signedIn .message {

    float: left;

    height: 22px;

    margin: 27px 0 0 0;

    padding: 0 10px 0 11px;

    background: url("../images/comm_v2/messageIcon.gif") left center no-repeat;

    text-decoration: none;

}

.signedIn .message em {

    display: inline-block;

    height: 13px;

    line-height: 13px;

    padding: 0 4px;

    border-radius: 7px;

    background: #ff4800;

    color: #fff;

    font-family: Tahoma, Verdana, sans-serif;

    font-size: 9px;

    cursor: pointer;

}

.signedIn .userIntro {

    float: left;

    height: 20px;

    line-height: 20px;

    margin: 28px 10px 10px 10px;

    color: #d2d2d2;

}

.signedIn .userIntro img {

    vertical-align: text-bottom;

    margin-right: 10px;

    box-shadow: 0 0 8px #000;

}

.signedIn .userIntro i {

    display: inline-block;

    height: 0;

    width: 0;

    margin-left: 5px;

    border-color: #e7e7e7 transparent transparent transparent;

    border-style: solid dashed dashed dashed;

    border-width: 4px 4px 0;

    vertical-align: middle;

    _overflow: hidden;

}



.nav {

    height: 43px;

}

.nav li {
	position: relative;
	float: left;
	height: 43px;
	line-height: 43px;
	width: 120px;
	text-align: center;
}

.nav a {

    display: block;

    padding: 0 17px;

    color: #e7e6e6 !important;

}

.nav a:hover,

.nav .current a {

    background: #303133;

    color: #e7e6e6;

}

.nav ul {

    position: absolute;

    display: none;

    left: 0;

	top: 43px;

	padding: 0 0 10px;

	border: 1px solid #c6c6c6;

	background: #f4f4f4;

	box-shadow: 0 4px 8px #b5b5b5;

	font-size: 12px;

	z-index: 1000;

}

.nav li li {

	height: 14px;

	line-height: 14px;

	padding: 8px 0;

	float: none;

	white-space: nowrap;

}

.nav li li a {

	color: #575757 !important;

}

.nav li li a:hover {

	background: none;

    color: #ff6600 !important;

}



.bbsNav {

    position: relative;

}

.bbsNav .bbsToggle {

    position: absolute;

    top: -43px;

    right: 0;

    width: 17px;

    height: 45px;

    padding: 0;

    cursor: pointer;

    z-index: 900;

    *background: url("../images/comm_v2/headerBg.png") 0 -77px repeat-x;

}

.bbsNav .bbsToggle i,.nav li span {

    position: absolute;

    right: 3px;

    top: 20px;

    height: 0;

    width: 0;

    border-color: #878787 transparent transparent transparent;

    border-style: solid dashed dashed dashed;

    border-width: 4px 4px 0;

    *z-index: 800;

    _overflow: hidden;

}

.bbsNav .bbsToggle:hover {

    background: none;

    *background: url("../images/comm_v2/headerBg.png") 0 -77px repeat-x;

}

.bbsNav .bbsToggle:hover i,.nav li:hover span {

    border-top-color: #e7e7e7;

}

.bbsNav .bbsLinks {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 700px;

    padding: 0 0 10px;

    border: 1px solid #c6c6c6;

    background: #f4f4f4;

    box-shadow: 0 4px 8px #b5b5b5;

    font-size: 12px;

    z-index: 1000;

}

.bbsNav dl {

    height: 14px;

    line-height: 14px;

    padding: 8px 0;

 }

.bbsNav dt,

.bbsNav dd {

    float: left;

    position: relative;

    _display: inline;

}

.bbsNav dt {

    width: 80px;

    margin-left: 10px;

    margin-right: -1px;

    background: #f4f4f4;

    font-weight: bold;

    z-index: 100;

    _white-space: nowrap;

}

.bbsNav dd {

    border-left: 1px solid #575757;

    z-index: 90;

}

.bbsNav dl a {

    padding: 0 11px 0 10px;

    color: #575757 !important;

}

.bbsNav dl a:hover {

    color: #ff6600 !important;

}

.bbsNav dt a {

    padding-right: 6px;

    word-spacing: -10px;

    text-align: justify;

    text-justify: distribute; /*ie6-8*/

    text-align-last: justify; /*ie9*/

    -moz-text-align-last: justify; /*ff*/

    -webkit-text-align-last: justify; /*chrome 20+*/

}

@media all and (-webkit-min-device-pixel-ratio:0){ /* chrome*/

    .bbsNav dt a:after{

        content:".";

        display: inline-block;

        width:100%;

        overflow:hidden;

        height:0;

    }

}

.bbsNav .bbsLinks a:hover {

    background: none;

}

.bbsNav_show .bbsToggle i {

    /*background: #303133;*/

    border-top-color: #e7e7e7;

}

.bbsNav_show .bbsLinks {

    display: block;

}



.subNav {

    border-top: 1px solid #c6c6c6;

    border-bottom: 1px solid #c6c6c6;

    background: #f4f4f4;

}

.subNav ul {

    width: 980px;

    /*height: 24px;*/

    /*line-height: 23px;*/

    margin: 0 auto;

    padding: 5px 0;

    font-size: 12px;

    overflow: hidden;

}

.subNav li {

    float: left;

    height: 14px;

    line-height: 14px;

    margin-left: -1px;

    padding: 0 13px;

    border-left: 1px solid #575757;

    vertical-align: middle;

}

.subNav a {

    color: #575757;

    vertical-align: top;

}





.hot {

	OVERFLOW: hidden

}

.hot UL {

	WIDTH: 312px; MARGIN-LEFT: -15px; OVERFLOW: auto

}

.hot LI {

	BORDER-BOTTOM: #e5e5e5 1px solid; LINE-HEIGHT: 35px; TEXT-INDENT: 54px; WIDTH: 155px; FLOAT: left; HEIGHT: 35px; BORDER-RIGHT: #e5e5e5 1px solid

}

.hot LI A {

	DISPLAY: block; FONT-SIZE: 12px

}

.hot LI I {

	BORDER-BOTTOM: transparent 4px dashed; BORDER-LEFT: #666 4px solid; WIDTH: 0px; DISPLAY: none; HEIGHT: 0px; MARGIN-LEFT: 3px; BORDER-TOP: transparent 4px dashed; BORDER-RIGHT: transparent 0px dashed; _overflow: hidden

}

.hot LI A:hover {

	LINE-HEIGHT: 31px; BACKGROUND: #f5f5f5; HEIGHT: 33px; COLOR: #666 !important; BORDER-TOP: #e6e6e6 2px solid; FONT-WEIGHT: bold

}

.hot LI A:hover I {

	DISPLAY: inline-block

}

.hot .more {

	TEXT-ALIGN: center; LINE-HEIGHT: 35px; DISPLAY: block; HEIGHT: 35px; FONT-SIZE: 12px; FONT-WEIGHT: bold

}



/* Footer */

.footer {

    height: 90px;

    background: #d2d2d2;

}

.footerInner {

    width: 960px;

    margin: 0 auto;

    background: url("../images/comm_v2/footerSlogen.gif") right bottom no-repeat;

}

.footer a,

.footer span {

    display: inline-block;

    margin: 30px 10px 0 0;

    vertical-align: middle;

}

.footer a {

    color: #8e8e8e;

}

.footer span {

    margin-left: 30px;

    margin-right: 0;

    color: #3d3d3d;

}

.footer .logo {

    width: 145px;

    height: 51px;

    margin-left: 10px;

    margin-right: 30px;

    background: url("../images/comm_v2/xuyudi.jpg") top center no-repeat;

    text-indent: -9999px;

    *text-indent: 0;

}

.footer .logo em {

    *display: none;

}

.footer .link {

    width: 42px;

    height: 18px;

    margin-right: 0;

    background: url("../images/comm_v2/footerLink.gif") no-repeat;

    text-indent: -9999px;

}



.footer .link_xiaomi {

    background-position: 0 0;

}

.footer .link_miui {

    background-position: -56px 0;

}

.footer .link_miliao {

    background-position: -112px 0;

}

