@charset "utf-8";
/*

Main CSS file for huanxituo_2th
http://www.huanxituo.com
Created & Modified by weihua zhou.

1. 重定义浏览器默认样式
2. 全局常用 CSS 样式
3. 表单及表单元素
4. 页面布局以及通用的区块样式
5. 列表样式

*/

/*  重定义浏览器默认样式 */
* { margin: 0; padding: 0;}

body { backgruond:#F00; marign:0 auto; font:12px/1.5 Tahoma,Helvetica,sans-serif; text-align:left;}
body, input, button, select, textarea { font-size:12px ; color: #333; }
table { empty-cells: show; border-collapse: collapse; }
	caption, th { text-align: left; font-weight: 400; }
h3, dl, dt, dl, p, ul, li{text-align:left; padding:0; margin:0} 
ul li  { list-style: none; text-align:left; }
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal; text-align:left}
/*h1, h2, h3, h4, h5, h6 { font-size: 1em; }*/
em, cite { font-style: normal; }
a { color: #333; text-decoration: none; }
	/*a:visited{ color:#333; }*/
	a:hover {color:#036; text-decoration: underline; }
	a img { border: none; }
dl dt{font-weight:bold; font-size:14px}
dl dd{line-height:175%;}
h3{font-size:14px;}
input{height:22px;}
button{height:28px}
/* 常用栅格 */
 .wp{width:980px; margin:0 auto;}
 .w30{width:30px;}

 .w60{width:60px;}
 .w80{width:80px;}
 .w90{width:90px;}
 .w100{width:100px;}
 .w105{width:105px;}
 .w120{width:120px;}
 .w130{width:130px;}
 .w135{width:135px;} 
 .w170{width:170px;}
 .w205{width:205px;}
 .w280{width:280px;} 
 .w290{width:290px;} 
 .w300{width:300px;}
 .w310{width:310px;} 
 .w320{width:320px;} 
 .w325{width:325px;}
 .w360{width:360px;} 
  .w370{width:370px;}
 .w400{width:400px;}
 .w420{width:420px;}
 .w425{width:425px;}
 .w430{width:430px;}
 .w440{width:440px;} 
 .w445{width:445px;} 
  .w455{width:460px;} 
 .w500{width:500px;}
   .w570{width:570px;}
  .w650{width:650px;}
 .w575{width:575px;}
  .w600{width:600px;}
  .w620{width:620px;}
 .w680{width:680px;}
 .w765{width:765px;}
 
  .w980{width:980px;}
    .h40{width:40px;}
  .h90{height:84px;}
 .h165{height:165px;}
  .h185{height:185px;}
  .h190{height:190px;}
 .h200{height:200px;}
  .h210{height:210px;}
   .h230{height:230px;}
 .h240{height:245px; height:240px}
 .h300{height:300px;}
  .h426{height:428px;}
  .h320{height:318px;}
  .h276{height:276px;}
   .h288{height:288px;}
 .h297{height:297px;}
 .h300{height:300px;}
  .h384{height:384px;}
  .h326{height:326px;}
 .first {margin-left:0;padding-left:0;}
 .last {margin-right:0;padding-right:0;}
 .top {margin-top:0;padding-top:0;}
 .bottom {margin-bottom:0;padding-bottom:0;}

/* .z/.y 浮动 left/right */
.m_top10{
    margin-top:10px;
}
.z { float: left; } .y { float: right; }
 .mat5{margin-top:5px}
 .mab5{margin-bottom:5px !important; margin-bottom:0 }
 .matb5{margin-top:5px; margin-bottom:5px}  .mabt5{margin-top:5px; margin-bottom:5px}
 .matb10{margin-top:10px; margin-bottom:10px}  .mabt10{margin-top:10px; margin-bottom:10px}
  .mat8{margin-top:8px}
 .mat10{margin-top:10px}
 .mat15{margin-top:15px}
 .mat18{margin-top:18px} 
 .mat20{margin-top:20px}
 .mab10{margin-bottom:10px; margin-bottom:0px\9}
 .mat28{margin-top:28px}
 
 .mar10{margin-right:10px}
 .mar20{margin-right:20px}
 .mal10{margin-left:10px}
 .mal15{margin-left:15px}
 .mal30{margin-left:30px; *margin-left:30px; margin-left:25px\9;}  
 .pd1{padding:1px;}
 .pdl30{padding-left:30px}
 .pdr5{padding-right:5px;}
 .pdl5{padding-left:5px;}
 .pdlr5{padding-left:5px;padding-right:5px;}  .pdrl5{padding-left:5px;padding-right:5px;}
 .pdlr10{padding-left:10px;padding-right:10px;}  .pdrl10{padding-left:10px;padding-right:10px;}
 .pdr10{padding-right:10px;}
 .pdl10{padding-left:10px;}  
 .pdl20{padding-left:20px;}
 .pdt10{padding-top:10px}
 .pdtb5{padding-top:5px;padding-bottom:5px} .pdbt5{padding-top:5px;padding-bottom:5px}
 .pdtb10{padding-top:10px;padding-bottom:10px} .pdbt10{padding-top:10px;padding-bottom:10px}
 .pdt15{padding-top:15px;}
 .box{padding:6px;}
 .ti2{text-indent:2em}
/* 导航样式 */
.top_nav{ width:908px;padding-top:6px; height:22px;border:1px solid #E2DED6; background:url("../img/top_nav_bg.jpg") ;   text-align:left; }
.top_nav a{padding:5px 4px 5px 4px; height:18px;}
.top_nav ul{ float:right; }
.top_nav ul li{ float:left;height:24px;}


.top_nav .u_menu ul {border-top:0 none; position:absolute;margin-top:4px;visibility:hidden;width:85px;border-bottom:1px solid #E2DED6;border-left:1px solid #E2DED6;
    border-right:1px solid #E2DED6;
    background-color:#F5F5F5;
    display:block;

}
.top_nav .u_menu ul li{padding-top:3px; height:22px;width:85px;border-bottom:1px dashed  #BDD9E8;color:#FFFFFF;text-align:center;}
.top_nav .u_menu ul li img{vertical-align:middle;}
.top_nav .u_menu ul li a{height:25px;color:#333333}
.top_nav .u_menu ul li a:hover{background-color:#FFE2D9;}
.u_menu ul li{ display:list-item; }


.top_nav_av{position:relative; top:-20px; text-align:right;height:42px;top:-30px;z-index:-1;}
.top_nav_av .my_av{ border:1px solid #E1E1E1; padding:4px;height:49px; width:49px;  background:url("/img/av_bg.jpg") ;z-index:997;}
.top_nav_av .my_av img{ border:1px solid #E1E1E1;height:47px; width:47px;}
.top_nav_av .money{height:18px;  padding:35px 15px 0 0px;}
.logo{ height:65px; padding-top:10px; }


.top_nav .pipe{margin:0 3px;}
 .nav{border-bottom:4px solid #FC3; height:75px;}
 .nav .menu{vertical-align:baseline; height:75px;}
	 .nav .menu ul{float:right;}
	 .nav .menu ul li{text-align:center; padding-right:12px;}
	 .nav .menu ul li a{display:inline-block; width:90px; height:34px; line-height:34px; background:url("../img/nav.gif") no-repeat; }
	 .nav .menu ul li a.cur,.nav ul li a:hover{background-position: 0 -36px;}
     .nav .menu ul li a.focus{display:inline-block; width:90px; height:34px; line-height:34px;background:url("../img/nav_focus.jpg") no-repeat;}
 .sm{float:left;padding: 5px;width:980px;  height:60px; background:url("../img/sm.gif") no-repeat}
 .sm ul{padding:2px 0; }
 .sm li strong a{font-size:14px;}
 .sm li a{font-size:13px;!important ;font-size:12px;}
 .sm li span{width:60px; display:inline-block; text-align:left;}
 /*10月1*/
  .sm_first{width:260px; padding-top: 5px;}
 .sm_first{padding-left:40px; background:url("../img/bbs_menu.gif") no-repeat;}
  /* sm_two, .smlast*/
 .sm_two{width:240px; background-position: 0 -51px;padding-top: 5px;}
 .sm_three{width:220px;}
 .sm_last{width:65px; background-position: 0 -101px;}
 /*10月以前*/
 .sm1{width:420px;}
 .sm1,.sm2, .sm3{padding-left:50px; background:url("../img/sm_icon.gif") no-repeat;}
 .sm2{width:325px; background-position: 0 -51px;}
 .sm3{width:65px; background-position: 0 -101px;}

/* 全局搜索 */
 .search{height:32px; line-height:25px; background:url("../img/search_bg.gif") repeat-x;background-position: 10px }
 .pr, .pc {margin-bottom:1px;vertical-align:middle;}
 .search #srchtxt{
 background:none repeat scroll 0 0 transparent;
border:1px solid #ccc;
height:22px;
line-height:18px;
margin-left:10px;
margin-right:5px;
outline:medium none;
width:250px;
font-size:12px;
}
.search .hot{
    padding-left:15px;color:#FF5B02;
}
#scform{
    padding-top:3px;
}
 	.search .sc span{ display:inline-block; width:32px; height:32px; line-height:30px; background:url("../img/search.gif") 0 100%  no-repeat}
 	.search form button{width:30px; border:none; cursor:pointer; background:url("../img/search.gif") 100% 0 no-repeat}
/* 自动闭合浮动 .cl --> Clear */ 
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* 分隔线 */
	hr { display: block; clear: both; *margin-top: -8px !important; *margin-bottom: -8px !important; }
		.mn hr { margin: 0 10px 0 15px; }
		.sd hr { margin: 0 15px 0 10px; }
		.area hr { margin-left: 0 !important; margin-right: 0 !important; }
	/* 实心分隔线 <hr class="l" /> */
	hr.l { height: 1px; border: none; background: #EEE; color: #EEE; }
		hr.l2 { height: 2px; }
		hr.l3 { height: 3px; }
	/* 虚线分隔线 <hr class="da" /> */
	hr.da { height: 0; border: none; border-bottom: 1px dashed #E2E2E2; background: transparent; color: transparent; }
	/* 空白分隔 blank by lushnis */
	hr.bk { margin-bottom: 10px !important; *margin-bottom: 2px !important; height: 0; border: none; border-top: 1px solid #E2E2E2; background: transparent; color: transparent; }
		.n .sd hr.bk { border-top-color: #F9F9F9; }

/* 页面标题、文章标题、粗体字 */
	/* .wx --> weight text 粗体字，通常用于大标题 */
	.wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, SimHei, sans-serif; font-weight: 100; }
	/* Page header */ 
	.ph { font-size: 18px; }
	/* Main title */ 
	.mt { padding: 10px 0; font-size: 16px; }

/* 行内分割竖线 */ 
.pipe { margin: 0 5px; color: #CCC; }

/* 文本属性：字号、颜色、粗细 */
	/* 字号 .xs --> text size 文字大小, 0=10px, 1=12px, 2=14px by Pony */
	.fs10 { font-size: 10px; }
	.fs12 { font-size: 12px; }
	.fs14 { font-size: 14px; }
    .fs13 { font-size: 13px; }
	.fs16 { font-size: 16px; }
	.fs18 { font-size: 18px; }
	/* 颜色 .c### --> text gray level, 1=#999, 2=#666 */
	.cf00, .cf00 a{color:#F00;}
	.cf59, .cf59 a{ color: #FF5900;}
	.c3b0, .c3b0 a{ color: #3DB50D;}	
	.cf60, .cf60 a{ color: #ff6600;}
	.cfff, .cfff a{ color: #FFF;}
	.cfff a:visited, .cfff a:hover{ color: #FFF;}
	.cf07, .cf07 a{ color: #F07;}
	.c333, .c333 a{ color: #333;}
	.c409, .c409 a{ color: #409;}
	.cf30, .cf30 a{ color: #f30;}
	.c63c, .c63c a{ color: #63c;}
	.c666, .c666 a{ color: #666;}
	.c999, .c999 a{ color: #999;}
	.cf09, .cf09 a{color:#f09}
	.caf09, .caf09 a{color:#333}
	/*.caf09 a:visited{color:#F09} */
	.caf09 a:hover{ color: #F09;}
	.ca63c, .ca63c a{color:#333} 
	/*.ca63c a:visited{color:#a3c} */
	.ca63c a:hover{ color: #a3c;}
	.caf59, .caf59 a{color:#333}
	/*.caf59 a:visited{color:#FF5900} */
	.caf59 a:hover{ color: #FF5900;}
	.ca3b0, .ca3b0 a{color:#333} 
	/*.ca3b0 a:visited{color:#3b0} */
	.ca3b0 a:hover{ color: #3b0;}			
    .ff690a, .ff690a a{ color: #ff690a;}
    .tdn a{text-decoration: none}
	/* 加亮颜色 .xi --> text important level, 1=#F60, 2\3=#369 */
	.c999 { color: #999; }
	.cf60, .cf60 a { color: #F60; }
	/* 粗细 .xw --> text weight level, 0=normal, 1=bold by Pony */
	.fwn{ font-weight:normal }
	.fw4 { font-weight: 400; }
	.fw7 { font-weight: 700; }
.usercenter a{color: #f30; padding:4px;}
/* 边框线 */
	.bn, .bn img{border:none !important;}
	.bdbe{border-bottom: 1px dashed #E2E2E2;}
	.bde { border: 1px dashed #E2E2E2; }
	.bse { border: 1px solid #E2E2E2; }
	.bs1{border: 1px solid #ffb9bf;}
	.bs2{border: 1px solid #e5a3ff;}
	.bs3{border: 1px solid #ffcf8f;}
	.bs4{border: 1px solid #E5E5E5;}
    .bs8{border: 1px solid #D8D8D8;}
	
	.bn, .bn th, .bn td { border: none !important; }
		.bn label.z { margin-top: 6px; }

/* 圆角 */
	.brs, .avt img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
	.brm, .oshr, .el .ec .hot { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
	.brw { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;  }


/* 头像 .avt --> Avatar */
	.avt img { padding: 2px; width: 48px; height: 48px; background: #FFF; border: 1px solid; border-color:#EEE; }
		.avtm img { width: 120px; height: auto; }
		.avts img { width: 24px; height: 24px; vertical-align: middle; }

/* 没有数据时的提示信息样式 .emp --> empty */ .emp { padding: 20px 10px; }

/* 垂直居中 */
 .vm { vertical-align: middle; }
 .vm * { vertical-align: middle; }
/* 水平 */ 
 .ac { text-align: center; }
 .al { text-align: left; }
 .ar { text-align: right; }

/* 隔行换色中的深色背景，用法：class="{echo swapclass('alt');}" */ 
 .alt, .alt th, .alt td { background-color: #EEE; }

/* 列表样式**/
.lic li{ text-align:center; padding-bottom:10px;}
 .lif{clear:both}
 .lif li{float:left; line-height:175%}
 .lif5 li{float:left;padding-right:5px;}
 .lif10 li{float:left;padding-left:5px; padding-right:5px; line-height:175%;}
 .lif3 li{float:left;padding-left:3px; padding-right:3px; line-height:175%;}
.cRed, .cRed a, .cRed a:visited {
color:#BE0209 !important;
}
 .lil{line-height:175%; clear:both;}
 .lil li{clear:both;}
 .tip {
background:none repeat scroll 0 0 #FFF6D7;
border:1px solid #BC0209;
bottom:-22px;_bottom:195px;
display:none;
font-size:12px;
font-weight:normal;
padding:0 10px;
position:absolute;
right:0;
white-space:nowrap;
z-index:999;
}
 .lii{line-height:175%; background:url("../img/licon.gif") 0 4px no-repeat; padding: 0 0 0 15px}
 .lid li {padding-left:10px; background:url("../img/dot_li.gif") 0 center no-repeat;}

.flash_message { padding:50px 100px; border:1px solid #cccccc;}
.flash_message h3 { line-height:180%; font-weight:bold;}
.flash_message p { font-size:14px;}

/*搜索 **/
.navB, .navBbg {
background:url("../img/navB.png") repeat-x scroll right top transparent;
}
.navB {
margin-bottom:0;
}
.navBbg {
background-position:left top;
height:60px;
margin-right:4px;
padding:3px 0;
}
#searchA {
height:30px;
overflow:hidden;
}
.searchA {
float:left;
padding:4px 0 0 45px;
width:370px;
background:url("../img/search_view.gif") no-repeat scroll left top transparent;
}
.searchA .ip {
background:none repeat scroll 0 0 #FFFFFF;

border-color:#DDDDDD;
border-style:solid none solid solid;
border-width:1px 0 1px 1px;
float:left;
height:18px;
overflow:hidden;
padding:4px 5px 0;
width:200px;
}
.searchA .ip input {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#666666;
float:left;
font:12px/14px Arial;
margin:0;
padding:0;
width:100%;
}
.s_select {
border:1px solid #DDDDDD;
float:left;
margin-right:7px;
width:52px;
height:22px;
overflow:hidden;
}
.s_select select {
border:1px solid #DDDDDD;
padding:0px 0 3px 0;
height:26px;
width:54px;
margin-left:-1px; margin-top:-1px;
font-size:16px;
}
.s_select option {
padding:2px 0 3px 3px;
height:18px;
}
.s_select h6 {
background:url("down.png") no-repeat scroll 35px center transparent;
color:#666666;
cursor:pointer;
display:block;
height:24px;
line-height:24px;
padding:0 15px 0 10px;
}
.s_select ul {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
display:none;
line-height:22px;
margin:24px 0 0 -1px;
position:absolute;
width:49px;
z-index:9999;
}
.s_select ul li {
cursor:pointer;
padding:0 10px;
}
.s_select ul li:hover {
background:none repeat scroll 0 0 #F7F7F7;
}
.searchA .btn {
float:left;
}
.s_tags {
float:left;
font-size:12px;
height:20px;
line-height:20px;
overflow:hidden;
padding:3px 0 0 45px;

}
.s_tags a {
color:#20537A;
margin:0 4px;
}
.menuleft {
float:left;
height:60px;
margin:0;
width:425px;
}
span.bts {
cursor:pointer;
display:inline-block;
margin:0 3px;
padding:0 2px 0 0!important;padding:0 4px 0px;
vertical-align:middle;
background:url("../img/button_new.png") repeat scroll 9999px 9999px transparent;
background-position:right -110px;
}

span.bts span {
display:block;
padding:0 11px 0 13px;
background:url("../img/button_new.png") repeat scroll 9999px 9999px transparent;
background-position:0 -110px;
}
span.bts button {
color:#CD4604;
font-size:14px;
font-weight:700;
height:27px;
line-height:27px;
margin:0 -15px;
padding:0 15px 4px !important;padding:0 5px 4px;
background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
display:block;
overflow:visible;
text-decoration:none;
vertical-align:middle;
white-space:nowrap;
width:auto;
}